Fixed #2230 - Add p-button-* class support to SplitButton
Tuğçe Küçükoğlu
Tuğçe Küçükoğlu
parent
6264f2bdc3
commit
d8ad47cab4
|
|
@ -2175,6 +2175,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #64B5F6;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(100, 181, 246, 0.04);
|
||||
color: #64B5F6;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(100, 181, 246, 0.16);
|
||||
color: #64B5F6;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #64B5F6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(100, 181, 246, 0.04);
|
||||
color: #64B5F6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(100, 181, 246, 0.16);
|
||||
color: #64B5F6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.4375rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.625rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #78909C;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(120, 144, 156, 0.04);
|
||||
color: #78909C;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(120, 144, 156, 0.16);
|
||||
color: #78909C;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #78909C;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(120, 144, 156, 0.04);
|
||||
border-color: transparent;
|
||||
color: #78909C;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(120, 144, 156, 0.16);
|
||||
border-color: transparent;
|
||||
color: #78909C;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #81D4FA;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(129, 212, 250, 0.04);
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(129, 212, 250, 0.16);
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #81D4FA;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(129, 212, 250, 0.04);
|
||||
border-color: transparent;
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(129, 212, 250, 0.16);
|
||||
border-color: transparent;
|
||||
color: #81D4FA;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
border-color: transparent;
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
border-color: transparent;
|
||||
color: #C5E1A5;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFE082;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 224, 130, 0.04);
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 224, 130, 0.16);
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFE082;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 224, 130, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 224, 130, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FFE082;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F48FB1;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(244, 143, 177, 0.04);
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 143, 177, 0.16);
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F48FB1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(244, 143, 177, 0.04);
|
||||
border-color: transparent;
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 143, 177, 0.16);
|
||||
border-color: transparent;
|
||||
color: #F48FB1;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2175,6 +2175,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #81C784;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(129, 199, 132, 0.04);
|
||||
color: #81C784;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(129, 199, 132, 0.16);
|
||||
color: #81C784;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #81C784;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(129, 199, 132, 0.04);
|
||||
color: #81C784;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(129, 199, 132, 0.16);
|
||||
color: #81C784;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.4375rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.625rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #78909C;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(120, 144, 156, 0.04);
|
||||
color: #78909C;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(120, 144, 156, 0.16);
|
||||
color: #78909C;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #78909C;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(120, 144, 156, 0.04);
|
||||
border-color: transparent;
|
||||
color: #78909C;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(120, 144, 156, 0.16);
|
||||
border-color: transparent;
|
||||
color: #78909C;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #81D4FA;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(129, 212, 250, 0.04);
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(129, 212, 250, 0.16);
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #81D4FA;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(129, 212, 250, 0.04);
|
||||
border-color: transparent;
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(129, 212, 250, 0.16);
|
||||
border-color: transparent;
|
||||
color: #81D4FA;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
border-color: transparent;
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
border-color: transparent;
|
||||
color: #C5E1A5;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFE082;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 224, 130, 0.04);
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 224, 130, 0.16);
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFE082;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 224, 130, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 224, 130, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FFE082;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F48FB1;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(244, 143, 177, 0.04);
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 143, 177, 0.16);
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F48FB1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(244, 143, 177, 0.04);
|
||||
border-color: transparent;
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 143, 177, 0.16);
|
||||
border-color: transparent;
|
||||
color: #F48FB1;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2175,6 +2175,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFD54F;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 213, 79, 0.04);
|
||||
color: #FFD54F;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 213, 79, 0.16);
|
||||
color: #FFD54F;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFD54F;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 213, 79, 0.04);
|
||||
color: #FFD54F;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 213, 79, 0.16);
|
||||
color: #FFD54F;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.4375rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.625rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #78909C;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(120, 144, 156, 0.04);
|
||||
color: #78909C;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(120, 144, 156, 0.16);
|
||||
color: #78909C;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #78909C;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(120, 144, 156, 0.04);
|
||||
border-color: transparent;
|
||||
color: #78909C;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(120, 144, 156, 0.16);
|
||||
border-color: transparent;
|
||||
color: #78909C;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #81D4FA;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(129, 212, 250, 0.04);
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(129, 212, 250, 0.16);
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #81D4FA;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(129, 212, 250, 0.04);
|
||||
border-color: transparent;
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(129, 212, 250, 0.16);
|
||||
border-color: transparent;
|
||||
color: #81D4FA;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
border-color: transparent;
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
border-color: transparent;
|
||||
color: #C5E1A5;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFE082;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 224, 130, 0.04);
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 224, 130, 0.16);
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFE082;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 224, 130, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 224, 130, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FFE082;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F48FB1;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(244, 143, 177, 0.04);
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 143, 177, 0.16);
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F48FB1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(244, 143, 177, 0.04);
|
||||
border-color: transparent;
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 143, 177, 0.16);
|
||||
border-color: transparent;
|
||||
color: #F48FB1;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2175,6 +2175,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #BA68C8;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(186, 104, 200, 0.04);
|
||||
color: #BA68C8;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(186, 104, 200, 0.16);
|
||||
color: #BA68C8;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #BA68C8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(186, 104, 200, 0.04);
|
||||
color: #BA68C8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(186, 104, 200, 0.16);
|
||||
color: #BA68C8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.4375rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.625rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #78909C;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(120, 144, 156, 0.04);
|
||||
color: #78909C;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(120, 144, 156, 0.16);
|
||||
color: #78909C;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #78909C;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(120, 144, 156, 0.04);
|
||||
border-color: transparent;
|
||||
color: #78909C;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(120, 144, 156, 0.16);
|
||||
border-color: transparent;
|
||||
color: #78909C;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #81D4FA;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(129, 212, 250, 0.04);
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(129, 212, 250, 0.16);
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #81D4FA;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(129, 212, 250, 0.04);
|
||||
border-color: transparent;
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(129, 212, 250, 0.16);
|
||||
border-color: transparent;
|
||||
color: #81D4FA;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
border-color: transparent;
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
border-color: transparent;
|
||||
color: #C5E1A5;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFE082;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 224, 130, 0.04);
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 224, 130, 0.16);
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFE082;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 224, 130, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 224, 130, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FFE082;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F48FB1;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(244, 143, 177, 0.04);
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 143, 177, 0.16);
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F48FB1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(244, 143, 177, 0.04);
|
||||
border-color: transparent;
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 143, 177, 0.16);
|
||||
border-color: transparent;
|
||||
color: #F48FB1;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2187,6 +2187,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #8dd0ff;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(141, 208, 255, 0.04);
|
||||
color: #8dd0ff;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(141, 208, 255, 0.16);
|
||||
color: #8dd0ff;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #8dd0ff;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(141, 208, 255, 0.04);
|
||||
color: #8dd0ff;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(141, 208, 255, 0.16);
|
||||
color: #8dd0ff;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.4375rem 0.65625rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.625rem 0.9375rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #6c757d;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(108, 117, 125, 0.04);
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(108, 117, 125, 0.16);
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #6c757d;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(108, 117, 125, 0.04);
|
||||
border-color: transparent;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(108, 117, 125, 0.16);
|
||||
border-color: transparent;
|
||||
color: #6c757d;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #7fd8e6;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(127, 216, 230, 0.04);
|
||||
color: #7fd8e6;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(127, 216, 230, 0.16);
|
||||
color: #7fd8e6;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #7fd8e6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(127, 216, 230, 0.04);
|
||||
border-color: transparent;
|
||||
color: #7fd8e6;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(127, 216, 230, 0.16);
|
||||
border-color: transparent;
|
||||
color: #7fd8e6;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9fdaa8;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(159, 218, 168, 0.04);
|
||||
color: #9fdaa8;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(159, 218, 168, 0.16);
|
||||
color: #9fdaa8;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9fdaa8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(159, 218, 168, 0.04);
|
||||
border-color: transparent;
|
||||
color: #9fdaa8;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(159, 218, 168, 0.16);
|
||||
border-color: transparent;
|
||||
color: #9fdaa8;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #ffe082;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 224, 130, 0.04);
|
||||
color: #ffe082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 224, 130, 0.16);
|
||||
color: #ffe082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #ffe082;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 224, 130, 0.04);
|
||||
border-color: transparent;
|
||||
color: #ffe082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 224, 130, 0.16);
|
||||
border-color: transparent;
|
||||
color: #ffe082;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #b7a2e0;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(183, 162, 224, 0.04);
|
||||
color: #b7a2e0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(183, 162, 224, 0.16);
|
||||
color: #b7a2e0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #b7a2e0;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(183, 162, 224, 0.04);
|
||||
border-color: transparent;
|
||||
color: #b7a2e0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(183, 162, 224, 0.16);
|
||||
border-color: transparent;
|
||||
color: #b7a2e0;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #f19ea6;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(241, 158, 166, 0.04);
|
||||
color: #f19ea6;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(241, 158, 166, 0.16);
|
||||
color: #f19ea6;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #f19ea6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(241, 158, 166, 0.04);
|
||||
border-color: transparent;
|
||||
color: #f19ea6;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(241, 158, 166, 0.16);
|
||||
border-color: transparent;
|
||||
color: #f19ea6;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2187,6 +2187,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #c298d8;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(194, 152, 216, 0.04);
|
||||
color: #c298d8;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(194, 152, 216, 0.16);
|
||||
color: #c298d8;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #c298d8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(194, 152, 216, 0.04);
|
||||
color: #c298d8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(194, 152, 216, 0.16);
|
||||
color: #c298d8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.4375rem 0.65625rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.625rem 0.9375rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #6c757d;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(108, 117, 125, 0.04);
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(108, 117, 125, 0.16);
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #6c757d;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(108, 117, 125, 0.04);
|
||||
border-color: transparent;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(108, 117, 125, 0.16);
|
||||
border-color: transparent;
|
||||
color: #6c757d;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #7fd8e6;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(127, 216, 230, 0.04);
|
||||
color: #7fd8e6;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(127, 216, 230, 0.16);
|
||||
color: #7fd8e6;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #7fd8e6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(127, 216, 230, 0.04);
|
||||
border-color: transparent;
|
||||
color: #7fd8e6;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(127, 216, 230, 0.16);
|
||||
border-color: transparent;
|
||||
color: #7fd8e6;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9fdaa8;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(159, 218, 168, 0.04);
|
||||
color: #9fdaa8;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(159, 218, 168, 0.16);
|
||||
color: #9fdaa8;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9fdaa8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(159, 218, 168, 0.04);
|
||||
border-color: transparent;
|
||||
color: #9fdaa8;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(159, 218, 168, 0.16);
|
||||
border-color: transparent;
|
||||
color: #9fdaa8;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #ffe082;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 224, 130, 0.04);
|
||||
color: #ffe082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 224, 130, 0.16);
|
||||
color: #ffe082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #ffe082;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 224, 130, 0.04);
|
||||
border-color: transparent;
|
||||
color: #ffe082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 224, 130, 0.16);
|
||||
border-color: transparent;
|
||||
color: #ffe082;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #b7a2e0;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(183, 162, 224, 0.04);
|
||||
color: #b7a2e0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(183, 162, 224, 0.16);
|
||||
color: #b7a2e0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #b7a2e0;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(183, 162, 224, 0.04);
|
||||
border-color: transparent;
|
||||
color: #b7a2e0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(183, 162, 224, 0.16);
|
||||
border-color: transparent;
|
||||
color: #b7a2e0;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #f19ea6;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(241, 158, 166, 0.04);
|
||||
color: #f19ea6;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(241, 158, 166, 0.16);
|
||||
color: #f19ea6;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #f19ea6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(241, 158, 166, 0.04);
|
||||
border-color: transparent;
|
||||
color: #f19ea6;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(241, 158, 166, 0.16);
|
||||
border-color: transparent;
|
||||
color: #f19ea6;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2187,6 +2187,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #007bff;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 123, 255, 0.04);
|
||||
color: #007bff;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 123, 255, 0.16);
|
||||
color: #007bff;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: #6c757d;
|
||||
border-color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #e9ecef;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #dee2e6;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #007bff;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 123, 255, 0.04);
|
||||
color: #007bff;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 123, 255, 0.16);
|
||||
color: #007bff;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #e9ecef;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #dee2e6;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.4375rem 0.65625rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.625rem 0.9375rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #6c757d;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(108, 117, 125, 0.04);
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(108, 117, 125, 0.16);
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #6c757d;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(108, 117, 125, 0.04);
|
||||
border-color: transparent;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(108, 117, 125, 0.16);
|
||||
border-color: transparent;
|
||||
color: #6c757d;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #17a2b8;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(23, 162, 184, 0.04);
|
||||
color: #17a2b8;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(23, 162, 184, 0.16);
|
||||
color: #17a2b8;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #17a2b8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(23, 162, 184, 0.04);
|
||||
border-color: transparent;
|
||||
color: #17a2b8;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(23, 162, 184, 0.16);
|
||||
border-color: transparent;
|
||||
color: #17a2b8;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #28a745;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(40, 167, 69, 0.04);
|
||||
color: #28a745;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(40, 167, 69, 0.16);
|
||||
color: #28a745;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #28a745;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(40, 167, 69, 0.04);
|
||||
border-color: transparent;
|
||||
color: #28a745;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(40, 167, 69, 0.16);
|
||||
border-color: transparent;
|
||||
color: #28a745;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #ffc107;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 193, 7, 0.04);
|
||||
color: #ffc107;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 193, 7, 0.16);
|
||||
color: #ffc107;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #ffc107;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 193, 7, 0.04);
|
||||
border-color: transparent;
|
||||
color: #ffc107;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 193, 7, 0.16);
|
||||
border-color: transparent;
|
||||
color: #ffc107;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #6f42c1;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(111, 66, 193, 0.04);
|
||||
color: #6f42c1;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(111, 66, 193, 0.16);
|
||||
color: #6f42c1;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #6f42c1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(111, 66, 193, 0.04);
|
||||
border-color: transparent;
|
||||
color: #6f42c1;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(111, 66, 193, 0.16);
|
||||
border-color: transparent;
|
||||
color: #6f42c1;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #dc3545;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(220, 53, 69, 0.04);
|
||||
color: #dc3545;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(220, 53, 69, 0.16);
|
||||
color: #dc3545;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #dc3545;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(220, 53, 69, 0.04);
|
||||
border-color: transparent;
|
||||
color: #dc3545;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(220, 53, 69, 0.16);
|
||||
border-color: transparent;
|
||||
color: #dc3545;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2187,6 +2187,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #883cae;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(136, 60, 174, 0.04);
|
||||
color: #883cae;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(136, 60, 174, 0.16);
|
||||
color: #883cae;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: #6c757d;
|
||||
border-color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #e9ecef;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #dee2e6;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #883cae;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(136, 60, 174, 0.04);
|
||||
color: #883cae;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(136, 60, 174, 0.16);
|
||||
color: #883cae;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #e9ecef;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #dee2e6;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.4375rem 0.65625rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.625rem 0.9375rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #6c757d;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(108, 117, 125, 0.04);
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(108, 117, 125, 0.16);
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #6c757d;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(108, 117, 125, 0.04);
|
||||
border-color: transparent;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(108, 117, 125, 0.16);
|
||||
border-color: transparent;
|
||||
color: #6c757d;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #17a2b8;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(23, 162, 184, 0.04);
|
||||
color: #17a2b8;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(23, 162, 184, 0.16);
|
||||
color: #17a2b8;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #17a2b8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(23, 162, 184, 0.04);
|
||||
border-color: transparent;
|
||||
color: #17a2b8;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(23, 162, 184, 0.16);
|
||||
border-color: transparent;
|
||||
color: #17a2b8;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #28a745;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(40, 167, 69, 0.04);
|
||||
color: #28a745;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(40, 167, 69, 0.16);
|
||||
color: #28a745;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #28a745;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(40, 167, 69, 0.04);
|
||||
border-color: transparent;
|
||||
color: #28a745;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(40, 167, 69, 0.16);
|
||||
border-color: transparent;
|
||||
color: #28a745;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #ffc107;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 193, 7, 0.04);
|
||||
color: #ffc107;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 193, 7, 0.16);
|
||||
color: #ffc107;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #ffc107;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 193, 7, 0.04);
|
||||
border-color: transparent;
|
||||
color: #ffc107;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 193, 7, 0.16);
|
||||
border-color: transparent;
|
||||
color: #ffc107;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #6f42c1;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(111, 66, 193, 0.04);
|
||||
color: #6f42c1;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(111, 66, 193, 0.16);
|
||||
color: #6f42c1;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #6f42c1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(111, 66, 193, 0.04);
|
||||
border-color: transparent;
|
||||
color: #6f42c1;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(111, 66, 193, 0.16);
|
||||
border-color: transparent;
|
||||
color: #6f42c1;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #dc3545;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(220, 53, 69, 0.04);
|
||||
color: #dc3545;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(220, 53, 69, 0.16);
|
||||
color: #dc3545;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #dc3545;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(220, 53, 69, 0.04);
|
||||
border-color: transparent;
|
||||
color: #dc3545;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(220, 53, 69, 0.16);
|
||||
border-color: transparent;
|
||||
color: #dc3545;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2175,6 +2175,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 2px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #0078d4;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 120, 212, 0.04);
|
||||
color: #0078d4;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 120, 212, 0.16);
|
||||
color: #0078d4;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: #605e5c;
|
||||
border-color: #605e5c;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #f3f2f1;
|
||||
color: #605e5c;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #edebe9;
|
||||
color: #605e5c;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #0078d4;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 120, 212, 0.04);
|
||||
color: #0078d4;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 120, 212, 0.16);
|
||||
color: #0078d4;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: #605e5c;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #f3f2f1;
|
||||
color: #605e5c;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #edebe9;
|
||||
color: #605e5c;
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.4375rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.625rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #d45c00;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(212, 92, 0, 0.04);
|
||||
color: #d45c00;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(212, 92, 0, 0.16);
|
||||
color: #d45c00;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #d45c00;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(212, 92, 0, 0.04);
|
||||
border-color: transparent;
|
||||
color: #d45c00;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(212, 92, 0, 0.16);
|
||||
border-color: transparent;
|
||||
color: #d45c00;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #00b7c3;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 183, 195, 0.04);
|
||||
color: #00b7c3;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 183, 195, 0.16);
|
||||
color: #00b7c3;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #00b7c3;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 183, 195, 0.04);
|
||||
border-color: transparent;
|
||||
color: #00b7c3;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 183, 195, 0.16);
|
||||
border-color: transparent;
|
||||
color: #00b7c3;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #498205;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(73, 130, 5, 0.04);
|
||||
color: #498205;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(73, 130, 5, 0.16);
|
||||
color: #498205;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #498205;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(73, 130, 5, 0.04);
|
||||
border-color: transparent;
|
||||
color: #498205;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(73, 130, 5, 0.16);
|
||||
border-color: transparent;
|
||||
color: #498205;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #ffaa44;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 170, 68, 0.04);
|
||||
color: #ffaa44;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 170, 68, 0.16);
|
||||
color: #ffaa44;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #ffaa44;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 170, 68, 0.04);
|
||||
border-color: transparent;
|
||||
color: #ffaa44;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 170, 68, 0.16);
|
||||
border-color: transparent;
|
||||
color: #ffaa44;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #8378de;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(131, 120, 222, 0.04);
|
||||
color: #8378de;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(131, 120, 222, 0.16);
|
||||
color: #8378de;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #8378de;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(131, 120, 222, 0.04);
|
||||
border-color: transparent;
|
||||
color: #8378de;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(131, 120, 222, 0.16);
|
||||
border-color: transparent;
|
||||
color: #8378de;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #d13438;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(209, 52, 56, 0.04);
|
||||
color: #d13438;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(209, 52, 56, 0.16);
|
||||
color: #d13438;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #d13438;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(209, 52, 56, 0.04);
|
||||
border-color: transparent;
|
||||
color: #d13438;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(209, 52, 56, 0.16);
|
||||
border-color: transparent;
|
||||
color: #d13438;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2175,6 +2175,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 6px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #93C5FD;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(147, 197, 253, 0.04);
|
||||
color: #93C5FD;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(147, 197, 253, 0.16);
|
||||
color: #93C5FD;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #93C5FD;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(147, 197, 253, 0.04);
|
||||
color: #93C5FD;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(147, 197, 253, 0.16);
|
||||
color: #93C5FD;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.65625rem 1.09375rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.9375rem 1.5625rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CBD5E1;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(203, 213, 225, 0.04);
|
||||
color: #CBD5E1;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(203, 213, 225, 0.16);
|
||||
color: #CBD5E1;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CBD5E1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(203, 213, 225, 0.04);
|
||||
border-color: transparent;
|
||||
color: #CBD5E1;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(203, 213, 225, 0.16);
|
||||
border-color: transparent;
|
||||
color: #CBD5E1;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #93C5FD;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(147, 197, 253, 0.04);
|
||||
color: #93C5FD;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(147, 197, 253, 0.16);
|
||||
color: #93C5FD;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #93C5FD;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(147, 197, 253, 0.04);
|
||||
border-color: transparent;
|
||||
color: #93C5FD;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(147, 197, 253, 0.16);
|
||||
border-color: transparent;
|
||||
color: #93C5FD;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #86EFAC;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(134, 239, 172, 0.04);
|
||||
color: #86EFAC;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(134, 239, 172, 0.16);
|
||||
color: #86EFAC;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #86EFAC;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(134, 239, 172, 0.04);
|
||||
border-color: transparent;
|
||||
color: #86EFAC;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(134, 239, 172, 0.16);
|
||||
border-color: transparent;
|
||||
color: #86EFAC;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FCD34D;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(252, 211, 77, 0.04);
|
||||
color: #FCD34D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(252, 211, 77, 0.16);
|
||||
color: #FCD34D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FCD34D;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(252, 211, 77, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FCD34D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(252, 211, 77, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FCD34D;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #D8B4FE;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(216, 180, 254, 0.04);
|
||||
color: #D8B4FE;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(216, 180, 254, 0.16);
|
||||
color: #D8B4FE;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #D8B4FE;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(216, 180, 254, 0.04);
|
||||
border-color: transparent;
|
||||
color: #D8B4FE;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(216, 180, 254, 0.16);
|
||||
border-color: transparent;
|
||||
color: #D8B4FE;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FCA5A5;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(252, 165, 165, 0.04);
|
||||
color: #FCA5A5;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(252, 165, 165, 0.16);
|
||||
color: #FCA5A5;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FCA5A5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(252, 165, 165, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FCA5A5;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(252, 165, 165, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FCA5A5;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2175,6 +2175,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 6px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #A5B4FC;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(165, 180, 252, 0.04);
|
||||
color: #A5B4FC;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(165, 180, 252, 0.16);
|
||||
color: #A5B4FC;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #A5B4FC;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(165, 180, 252, 0.04);
|
||||
color: #A5B4FC;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(165, 180, 252, 0.16);
|
||||
color: #A5B4FC;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.65625rem 1.09375rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.9375rem 1.5625rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CBD5E1;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(203, 213, 225, 0.04);
|
||||
color: #CBD5E1;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(203, 213, 225, 0.16);
|
||||
color: #CBD5E1;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CBD5E1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(203, 213, 225, 0.04);
|
||||
border-color: transparent;
|
||||
color: #CBD5E1;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(203, 213, 225, 0.16);
|
||||
border-color: transparent;
|
||||
color: #CBD5E1;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #93C5FD;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(147, 197, 253, 0.04);
|
||||
color: #93C5FD;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(147, 197, 253, 0.16);
|
||||
color: #93C5FD;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #93C5FD;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(147, 197, 253, 0.04);
|
||||
border-color: transparent;
|
||||
color: #93C5FD;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(147, 197, 253, 0.16);
|
||||
border-color: transparent;
|
||||
color: #93C5FD;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #86EFAC;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(134, 239, 172, 0.04);
|
||||
color: #86EFAC;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(134, 239, 172, 0.16);
|
||||
color: #86EFAC;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #86EFAC;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(134, 239, 172, 0.04);
|
||||
border-color: transparent;
|
||||
color: #86EFAC;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(134, 239, 172, 0.16);
|
||||
border-color: transparent;
|
||||
color: #86EFAC;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FCD34D;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(252, 211, 77, 0.04);
|
||||
color: #FCD34D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(252, 211, 77, 0.16);
|
||||
color: #FCD34D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FCD34D;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(252, 211, 77, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FCD34D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(252, 211, 77, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FCD34D;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #D8B4FE;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(216, 180, 254, 0.04);
|
||||
color: #D8B4FE;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(216, 180, 254, 0.16);
|
||||
color: #D8B4FE;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #D8B4FE;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(216, 180, 254, 0.04);
|
||||
border-color: transparent;
|
||||
color: #D8B4FE;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(216, 180, 254, 0.16);
|
||||
border-color: transparent;
|
||||
color: #D8B4FE;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FCA5A5;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(252, 165, 165, 0.04);
|
||||
color: #FCA5A5;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(252, 165, 165, 0.16);
|
||||
color: #FCA5A5;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FCA5A5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(252, 165, 165, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FCA5A5;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(252, 165, 165, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FCA5A5;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2175,6 +2175,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 6px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C4B5FD;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(196, 181, 253, 0.04);
|
||||
color: #C4B5FD;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(196, 181, 253, 0.16);
|
||||
color: #C4B5FD;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C4B5FD;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(196, 181, 253, 0.04);
|
||||
color: #C4B5FD;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(196, 181, 253, 0.16);
|
||||
color: #C4B5FD;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.65625rem 1.09375rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.9375rem 1.5625rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CBD5E1;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(203, 213, 225, 0.04);
|
||||
color: #CBD5E1;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(203, 213, 225, 0.16);
|
||||
color: #CBD5E1;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CBD5E1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(203, 213, 225, 0.04);
|
||||
border-color: transparent;
|
||||
color: #CBD5E1;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(203, 213, 225, 0.16);
|
||||
border-color: transparent;
|
||||
color: #CBD5E1;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #93C5FD;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(147, 197, 253, 0.04);
|
||||
color: #93C5FD;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(147, 197, 253, 0.16);
|
||||
color: #93C5FD;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #93C5FD;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(147, 197, 253, 0.04);
|
||||
border-color: transparent;
|
||||
color: #93C5FD;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(147, 197, 253, 0.16);
|
||||
border-color: transparent;
|
||||
color: #93C5FD;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #86EFAC;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(134, 239, 172, 0.04);
|
||||
color: #86EFAC;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(134, 239, 172, 0.16);
|
||||
color: #86EFAC;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #86EFAC;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(134, 239, 172, 0.04);
|
||||
border-color: transparent;
|
||||
color: #86EFAC;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(134, 239, 172, 0.16);
|
||||
border-color: transparent;
|
||||
color: #86EFAC;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FCD34D;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(252, 211, 77, 0.04);
|
||||
color: #FCD34D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(252, 211, 77, 0.16);
|
||||
color: #FCD34D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FCD34D;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(252, 211, 77, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FCD34D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(252, 211, 77, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FCD34D;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #D8B4FE;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(216, 180, 254, 0.04);
|
||||
color: #D8B4FE;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(216, 180, 254, 0.16);
|
||||
color: #D8B4FE;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #D8B4FE;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(216, 180, 254, 0.04);
|
||||
border-color: transparent;
|
||||
color: #D8B4FE;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(216, 180, 254, 0.16);
|
||||
border-color: transparent;
|
||||
color: #D8B4FE;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FCA5A5;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(252, 165, 165, 0.04);
|
||||
color: #FCA5A5;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(252, 165, 165, 0.16);
|
||||
color: #FCA5A5;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FCA5A5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(252, 165, 165, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FCA5A5;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(252, 165, 165, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FCA5A5;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2175,6 +2175,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 6px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #5EEAD4;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(94, 234, 212, 0.04);
|
||||
color: #5EEAD4;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(94, 234, 212, 0.16);
|
||||
color: #5EEAD4;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #5EEAD4;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(94, 234, 212, 0.04);
|
||||
color: #5EEAD4;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(94, 234, 212, 0.16);
|
||||
color: #5EEAD4;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.65625rem 1.09375rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.9375rem 1.5625rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CBD5E1;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(203, 213, 225, 0.04);
|
||||
color: #CBD5E1;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(203, 213, 225, 0.16);
|
||||
color: #CBD5E1;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CBD5E1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(203, 213, 225, 0.04);
|
||||
border-color: transparent;
|
||||
color: #CBD5E1;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(203, 213, 225, 0.16);
|
||||
border-color: transparent;
|
||||
color: #CBD5E1;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #93C5FD;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(147, 197, 253, 0.04);
|
||||
color: #93C5FD;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(147, 197, 253, 0.16);
|
||||
color: #93C5FD;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #93C5FD;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(147, 197, 253, 0.04);
|
||||
border-color: transparent;
|
||||
color: #93C5FD;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(147, 197, 253, 0.16);
|
||||
border-color: transparent;
|
||||
color: #93C5FD;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #86EFAC;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(134, 239, 172, 0.04);
|
||||
color: #86EFAC;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(134, 239, 172, 0.16);
|
||||
color: #86EFAC;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #86EFAC;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(134, 239, 172, 0.04);
|
||||
border-color: transparent;
|
||||
color: #86EFAC;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(134, 239, 172, 0.16);
|
||||
border-color: transparent;
|
||||
color: #86EFAC;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FCD34D;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(252, 211, 77, 0.04);
|
||||
color: #FCD34D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(252, 211, 77, 0.16);
|
||||
color: #FCD34D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FCD34D;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(252, 211, 77, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FCD34D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(252, 211, 77, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FCD34D;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #D8B4FE;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(216, 180, 254, 0.04);
|
||||
color: #D8B4FE;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(216, 180, 254, 0.16);
|
||||
color: #D8B4FE;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #D8B4FE;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(216, 180, 254, 0.04);
|
||||
border-color: transparent;
|
||||
color: #D8B4FE;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(216, 180, 254, 0.16);
|
||||
border-color: transparent;
|
||||
color: #D8B4FE;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FCA5A5;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(252, 165, 165, 0.04);
|
||||
color: #FCA5A5;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(252, 165, 165, 0.16);
|
||||
color: #FCA5A5;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FCA5A5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(252, 165, 165, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FCA5A5;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(252, 165, 165, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FCA5A5;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2175,6 +2175,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 6px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #3B82F6;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(59, 130, 246, 0.04);
|
||||
color: #3B82F6;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(59, 130, 246, 0.16);
|
||||
color: #3B82F6;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: #6c757d;
|
||||
border-color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #e9ecef;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #dee2e6;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #3B82F6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(59, 130, 246, 0.04);
|
||||
color: #3B82F6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(59, 130, 246, 0.16);
|
||||
color: #3B82F6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #e9ecef;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #dee2e6;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.65625rem 1.09375rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.9375rem 1.5625rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #64748B;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(100, 116, 139, 0.04);
|
||||
color: #64748B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(100, 116, 139, 0.16);
|
||||
color: #64748B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #64748B;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(100, 116, 139, 0.04);
|
||||
border-color: transparent;
|
||||
color: #64748B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(100, 116, 139, 0.16);
|
||||
border-color: transparent;
|
||||
color: #64748B;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #3B82F6;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(59, 130, 246, 0.04);
|
||||
color: #3B82F6;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(59, 130, 246, 0.16);
|
||||
color: #3B82F6;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #3B82F6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(59, 130, 246, 0.04);
|
||||
border-color: transparent;
|
||||
color: #3B82F6;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(59, 130, 246, 0.16);
|
||||
border-color: transparent;
|
||||
color: #3B82F6;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #22C55E;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(34, 197, 94, 0.04);
|
||||
color: #22C55E;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(34, 197, 94, 0.16);
|
||||
color: #22C55E;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #22C55E;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(34, 197, 94, 0.04);
|
||||
border-color: transparent;
|
||||
color: #22C55E;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(34, 197, 94, 0.16);
|
||||
border-color: transparent;
|
||||
color: #22C55E;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F59E0B;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(245, 158, 11, 0.04);
|
||||
color: #F59E0B;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(245, 158, 11, 0.16);
|
||||
color: #F59E0B;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F59E0B;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(245, 158, 11, 0.04);
|
||||
border-color: transparent;
|
||||
color: #F59E0B;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(245, 158, 11, 0.16);
|
||||
border-color: transparent;
|
||||
color: #F59E0B;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #A855F7;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(168, 85, 247, 0.04);
|
||||
color: #A855F7;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(168, 85, 247, 0.16);
|
||||
color: #A855F7;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #A855F7;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(168, 85, 247, 0.04);
|
||||
border-color: transparent;
|
||||
color: #A855F7;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(168, 85, 247, 0.16);
|
||||
border-color: transparent;
|
||||
color: #A855F7;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #EF4444;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(239, 68, 68, 0.04);
|
||||
color: #EF4444;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(239, 68, 68, 0.16);
|
||||
color: #EF4444;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #EF4444;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(239, 68, 68, 0.04);
|
||||
border-color: transparent;
|
||||
color: #EF4444;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(239, 68, 68, 0.16);
|
||||
border-color: transparent;
|
||||
color: #EF4444;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2175,6 +2175,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 6px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #6366F1;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(99, 102, 241, 0.04);
|
||||
color: #6366F1;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(99, 102, 241, 0.16);
|
||||
color: #6366F1;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: #6c757d;
|
||||
border-color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #e9ecef;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #dee2e6;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #6366F1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(99, 102, 241, 0.04);
|
||||
color: #6366F1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(99, 102, 241, 0.16);
|
||||
color: #6366F1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #e9ecef;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #dee2e6;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.65625rem 1.09375rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.9375rem 1.5625rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #64748B;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(100, 116, 139, 0.04);
|
||||
color: #64748B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(100, 116, 139, 0.16);
|
||||
color: #64748B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #64748B;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(100, 116, 139, 0.04);
|
||||
border-color: transparent;
|
||||
color: #64748B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(100, 116, 139, 0.16);
|
||||
border-color: transparent;
|
||||
color: #64748B;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #3B82F6;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(59, 130, 246, 0.04);
|
||||
color: #3B82F6;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(59, 130, 246, 0.16);
|
||||
color: #3B82F6;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #3B82F6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(59, 130, 246, 0.04);
|
||||
border-color: transparent;
|
||||
color: #3B82F6;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(59, 130, 246, 0.16);
|
||||
border-color: transparent;
|
||||
color: #3B82F6;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #22C55E;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(34, 197, 94, 0.04);
|
||||
color: #22C55E;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(34, 197, 94, 0.16);
|
||||
color: #22C55E;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #22C55E;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(34, 197, 94, 0.04);
|
||||
border-color: transparent;
|
||||
color: #22C55E;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(34, 197, 94, 0.16);
|
||||
border-color: transparent;
|
||||
color: #22C55E;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F59E0B;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(245, 158, 11, 0.04);
|
||||
color: #F59E0B;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(245, 158, 11, 0.16);
|
||||
color: #F59E0B;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F59E0B;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(245, 158, 11, 0.04);
|
||||
border-color: transparent;
|
||||
color: #F59E0B;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(245, 158, 11, 0.16);
|
||||
border-color: transparent;
|
||||
color: #F59E0B;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #A855F7;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(168, 85, 247, 0.04);
|
||||
color: #A855F7;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(168, 85, 247, 0.16);
|
||||
color: #A855F7;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #A855F7;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(168, 85, 247, 0.04);
|
||||
border-color: transparent;
|
||||
color: #A855F7;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(168, 85, 247, 0.16);
|
||||
border-color: transparent;
|
||||
color: #A855F7;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #EF4444;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(239, 68, 68, 0.04);
|
||||
color: #EF4444;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(239, 68, 68, 0.16);
|
||||
color: #EF4444;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #EF4444;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(239, 68, 68, 0.04);
|
||||
border-color: transparent;
|
||||
color: #EF4444;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(239, 68, 68, 0.16);
|
||||
border-color: transparent;
|
||||
color: #EF4444;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2175,6 +2175,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 6px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #8B5CF6;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(139, 92, 246, 0.04);
|
||||
color: #8B5CF6;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(139, 92, 246, 0.16);
|
||||
color: #8B5CF6;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: #6c757d;
|
||||
border-color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #e9ecef;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #dee2e6;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #8B5CF6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(139, 92, 246, 0.04);
|
||||
color: #8B5CF6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(139, 92, 246, 0.16);
|
||||
color: #8B5CF6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #e9ecef;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #dee2e6;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.65625rem 1.09375rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.9375rem 1.5625rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #64748B;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(100, 116, 139, 0.04);
|
||||
color: #64748B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(100, 116, 139, 0.16);
|
||||
color: #64748B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #64748B;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(100, 116, 139, 0.04);
|
||||
border-color: transparent;
|
||||
color: #64748B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(100, 116, 139, 0.16);
|
||||
border-color: transparent;
|
||||
color: #64748B;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #3B82F6;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(59, 130, 246, 0.04);
|
||||
color: #3B82F6;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(59, 130, 246, 0.16);
|
||||
color: #3B82F6;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #3B82F6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(59, 130, 246, 0.04);
|
||||
border-color: transparent;
|
||||
color: #3B82F6;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(59, 130, 246, 0.16);
|
||||
border-color: transparent;
|
||||
color: #3B82F6;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #22C55E;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(34, 197, 94, 0.04);
|
||||
color: #22C55E;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(34, 197, 94, 0.16);
|
||||
color: #22C55E;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #22C55E;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(34, 197, 94, 0.04);
|
||||
border-color: transparent;
|
||||
color: #22C55E;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(34, 197, 94, 0.16);
|
||||
border-color: transparent;
|
||||
color: #22C55E;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F59E0B;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(245, 158, 11, 0.04);
|
||||
color: #F59E0B;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(245, 158, 11, 0.16);
|
||||
color: #F59E0B;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F59E0B;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(245, 158, 11, 0.04);
|
||||
border-color: transparent;
|
||||
color: #F59E0B;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(245, 158, 11, 0.16);
|
||||
border-color: transparent;
|
||||
color: #F59E0B;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #A855F7;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(168, 85, 247, 0.04);
|
||||
color: #A855F7;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(168, 85, 247, 0.16);
|
||||
color: #A855F7;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #A855F7;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(168, 85, 247, 0.04);
|
||||
border-color: transparent;
|
||||
color: #A855F7;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(168, 85, 247, 0.16);
|
||||
border-color: transparent;
|
||||
color: #A855F7;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #EF4444;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(239, 68, 68, 0.04);
|
||||
color: #EF4444;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(239, 68, 68, 0.16);
|
||||
color: #EF4444;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #EF4444;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(239, 68, 68, 0.04);
|
||||
border-color: transparent;
|
||||
color: #EF4444;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(239, 68, 68, 0.16);
|
||||
border-color: transparent;
|
||||
color: #EF4444;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2175,6 +2175,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 6px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #14B8A6;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(20, 184, 166, 0.04);
|
||||
color: #14B8A6;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(20, 184, 166, 0.16);
|
||||
color: #14B8A6;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: #6c757d;
|
||||
border-color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #e9ecef;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #dee2e6;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #14B8A6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(20, 184, 166, 0.04);
|
||||
color: #14B8A6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(20, 184, 166, 0.16);
|
||||
color: #14B8A6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #e9ecef;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #dee2e6;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.65625rem 1.09375rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.9375rem 1.5625rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #64748B;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(100, 116, 139, 0.04);
|
||||
color: #64748B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(100, 116, 139, 0.16);
|
||||
color: #64748B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #64748B;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(100, 116, 139, 0.04);
|
||||
border-color: transparent;
|
||||
color: #64748B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(100, 116, 139, 0.16);
|
||||
border-color: transparent;
|
||||
color: #64748B;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #3B82F6;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(59, 130, 246, 0.04);
|
||||
color: #3B82F6;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(59, 130, 246, 0.16);
|
||||
color: #3B82F6;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #3B82F6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(59, 130, 246, 0.04);
|
||||
border-color: transparent;
|
||||
color: #3B82F6;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(59, 130, 246, 0.16);
|
||||
border-color: transparent;
|
||||
color: #3B82F6;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #22C55E;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(34, 197, 94, 0.04);
|
||||
color: #22C55E;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(34, 197, 94, 0.16);
|
||||
color: #22C55E;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #22C55E;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(34, 197, 94, 0.04);
|
||||
border-color: transparent;
|
||||
color: #22C55E;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(34, 197, 94, 0.16);
|
||||
border-color: transparent;
|
||||
color: #22C55E;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F59E0B;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(245, 158, 11, 0.04);
|
||||
color: #F59E0B;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(245, 158, 11, 0.16);
|
||||
color: #F59E0B;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F59E0B;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(245, 158, 11, 0.04);
|
||||
border-color: transparent;
|
||||
color: #F59E0B;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(245, 158, 11, 0.16);
|
||||
border-color: transparent;
|
||||
color: #F59E0B;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #A855F7;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(168, 85, 247, 0.04);
|
||||
color: #A855F7;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(168, 85, 247, 0.16);
|
||||
color: #A855F7;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #A855F7;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(168, 85, 247, 0.04);
|
||||
border-color: transparent;
|
||||
color: #A855F7;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(168, 85, 247, 0.16);
|
||||
border-color: transparent;
|
||||
color: #A855F7;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #EF4444;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(239, 68, 68, 0.04);
|
||||
color: #EF4444;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(239, 68, 68, 0.16);
|
||||
color: #EF4444;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #EF4444;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(239, 68, 68, 0.04);
|
||||
border-color: transparent;
|
||||
color: #EF4444;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(239, 68, 68, 0.16);
|
||||
border-color: transparent;
|
||||
color: #EF4444;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2187,6 +2187,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFE082;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 224, 130, 0.04);
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 224, 130, 0.16);
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: #888888;
|
||||
border-color: #888888;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #4c4c4c;
|
||||
color: #888888;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #3c3c3c;
|
||||
color: #888888;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFE082;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 224, 130, 0.04);
|
||||
color: #FFE082;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 224, 130, 0.16);
|
||||
color: #FFE082;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: #888888;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #4c4c4c;
|
||||
color: #888888;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #3c3c3c;
|
||||
color: #888888;
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.375375rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.53625rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #B0BEC5;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(176, 190, 197, 0.04);
|
||||
color: #B0BEC5;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(176, 190, 197, 0.16);
|
||||
color: #B0BEC5;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #B0BEC5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(176, 190, 197, 0.04);
|
||||
border-color: transparent;
|
||||
color: #B0BEC5;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(176, 190, 197, 0.16);
|
||||
border-color: transparent;
|
||||
color: #B0BEC5;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #4FC3F7;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(79, 195, 247, 0.04);
|
||||
color: #4FC3F7;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(79, 195, 247, 0.16);
|
||||
color: #4FC3F7;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #4FC3F7;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(79, 195, 247, 0.04);
|
||||
border-color: transparent;
|
||||
color: #4FC3F7;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(79, 195, 247, 0.16);
|
||||
border-color: transparent;
|
||||
color: #4FC3F7;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #AED581;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(174, 213, 129, 0.04);
|
||||
color: #AED581;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(174, 213, 129, 0.16);
|
||||
color: #AED581;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #AED581;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(174, 213, 129, 0.04);
|
||||
border-color: transparent;
|
||||
color: #AED581;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(174, 213, 129, 0.16);
|
||||
border-color: transparent;
|
||||
color: #AED581;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFB74D;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 183, 77, 0.04);
|
||||
color: #FFB74D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 183, 77, 0.16);
|
||||
color: #FFB74D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFB74D;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 183, 77, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FFB74D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 183, 77, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FFB74D;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #E57373;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(229, 115, 115, 0.04);
|
||||
color: #E57373;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(229, 115, 115, 0.16);
|
||||
color: #E57373;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #E57373;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(229, 115, 115, 0.04);
|
||||
border-color: transparent;
|
||||
color: #E57373;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(229, 115, 115, 0.16);
|
||||
border-color: transparent;
|
||||
color: #E57373;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2187,6 +2187,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #81D4FA;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(129, 212, 250, 0.04);
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(129, 212, 250, 0.16);
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: #888888;
|
||||
border-color: #888888;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #4c4c4c;
|
||||
color: #888888;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #3c3c3c;
|
||||
color: #888888;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #81D4FA;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(129, 212, 250, 0.04);
|
||||
color: #81D4FA;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(129, 212, 250, 0.16);
|
||||
color: #81D4FA;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: #888888;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #4c4c4c;
|
||||
color: #888888;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #3c3c3c;
|
||||
color: #888888;
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.375375rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.53625rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #B0BEC5;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(176, 190, 197, 0.04);
|
||||
color: #B0BEC5;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(176, 190, 197, 0.16);
|
||||
color: #B0BEC5;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #B0BEC5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(176, 190, 197, 0.04);
|
||||
border-color: transparent;
|
||||
color: #B0BEC5;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(176, 190, 197, 0.16);
|
||||
border-color: transparent;
|
||||
color: #B0BEC5;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #4FC3F7;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(79, 195, 247, 0.04);
|
||||
color: #4FC3F7;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(79, 195, 247, 0.16);
|
||||
color: #4FC3F7;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #4FC3F7;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(79, 195, 247, 0.04);
|
||||
border-color: transparent;
|
||||
color: #4FC3F7;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(79, 195, 247, 0.16);
|
||||
border-color: transparent;
|
||||
color: #4FC3F7;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #AED581;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(174, 213, 129, 0.04);
|
||||
color: #AED581;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(174, 213, 129, 0.16);
|
||||
color: #AED581;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #AED581;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(174, 213, 129, 0.04);
|
||||
border-color: transparent;
|
||||
color: #AED581;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(174, 213, 129, 0.16);
|
||||
border-color: transparent;
|
||||
color: #AED581;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFB74D;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 183, 77, 0.04);
|
||||
color: #FFB74D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 183, 77, 0.16);
|
||||
color: #FFB74D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFB74D;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 183, 77, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FFB74D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 183, 77, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FFB74D;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #E57373;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(229, 115, 115, 0.04);
|
||||
color: #E57373;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(229, 115, 115, 0.16);
|
||||
color: #E57373;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #E57373;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(229, 115, 115, 0.04);
|
||||
border-color: transparent;
|
||||
color: #E57373;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(229, 115, 115, 0.16);
|
||||
border-color: transparent;
|
||||
color: #E57373;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2187,6 +2187,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: #888888;
|
||||
border-color: #888888;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #4c4c4c;
|
||||
color: #888888;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #3c3c3c;
|
||||
color: #888888;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
color: #C5E1A5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
color: #C5E1A5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: #888888;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #4c4c4c;
|
||||
color: #888888;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #3c3c3c;
|
||||
color: #888888;
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.375375rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.53625rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #B0BEC5;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(176, 190, 197, 0.04);
|
||||
color: #B0BEC5;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(176, 190, 197, 0.16);
|
||||
color: #B0BEC5;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #B0BEC5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(176, 190, 197, 0.04);
|
||||
border-color: transparent;
|
||||
color: #B0BEC5;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(176, 190, 197, 0.16);
|
||||
border-color: transparent;
|
||||
color: #B0BEC5;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #4FC3F7;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(79, 195, 247, 0.04);
|
||||
color: #4FC3F7;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(79, 195, 247, 0.16);
|
||||
color: #4FC3F7;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #4FC3F7;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(79, 195, 247, 0.04);
|
||||
border-color: transparent;
|
||||
color: #4FC3F7;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(79, 195, 247, 0.16);
|
||||
border-color: transparent;
|
||||
color: #4FC3F7;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #AED581;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(174, 213, 129, 0.04);
|
||||
color: #AED581;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(174, 213, 129, 0.16);
|
||||
color: #AED581;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #AED581;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(174, 213, 129, 0.04);
|
||||
border-color: transparent;
|
||||
color: #AED581;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(174, 213, 129, 0.16);
|
||||
border-color: transparent;
|
||||
color: #AED581;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFB74D;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 183, 77, 0.04);
|
||||
color: #FFB74D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 183, 77, 0.16);
|
||||
color: #FFB74D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFB74D;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 183, 77, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FFB74D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 183, 77, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FFB74D;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #E57373;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(229, 115, 115, 0.04);
|
||||
color: #E57373;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(229, 115, 115, 0.16);
|
||||
color: #E57373;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #E57373;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(229, 115, 115, 0.04);
|
||||
border-color: transparent;
|
||||
color: #E57373;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(229, 115, 115, 0.16);
|
||||
border-color: transparent;
|
||||
color: #E57373;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2187,6 +2187,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F48FB1;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(244, 143, 177, 0.04);
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 143, 177, 0.16);
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: #888888;
|
||||
border-color: #888888;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #4c4c4c;
|
||||
color: #888888;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #3c3c3c;
|
||||
color: #888888;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F48FB1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(244, 143, 177, 0.04);
|
||||
color: #F48FB1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 143, 177, 0.16);
|
||||
color: #F48FB1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: #888888;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #4c4c4c;
|
||||
color: #888888;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #3c3c3c;
|
||||
color: #888888;
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.375375rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.53625rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #B0BEC5;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(176, 190, 197, 0.04);
|
||||
color: #B0BEC5;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(176, 190, 197, 0.16);
|
||||
color: #B0BEC5;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #B0BEC5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(176, 190, 197, 0.04);
|
||||
border-color: transparent;
|
||||
color: #B0BEC5;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(176, 190, 197, 0.16);
|
||||
border-color: transparent;
|
||||
color: #B0BEC5;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #4FC3F7;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(79, 195, 247, 0.04);
|
||||
color: #4FC3F7;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(79, 195, 247, 0.16);
|
||||
color: #4FC3F7;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #4FC3F7;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(79, 195, 247, 0.04);
|
||||
border-color: transparent;
|
||||
color: #4FC3F7;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(79, 195, 247, 0.16);
|
||||
border-color: transparent;
|
||||
color: #4FC3F7;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #AED581;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(174, 213, 129, 0.04);
|
||||
color: #AED581;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(174, 213, 129, 0.16);
|
||||
color: #AED581;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #AED581;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(174, 213, 129, 0.04);
|
||||
border-color: transparent;
|
||||
color: #AED581;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(174, 213, 129, 0.16);
|
||||
border-color: transparent;
|
||||
color: #AED581;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFB74D;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 183, 77, 0.04);
|
||||
color: #FFB74D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 183, 77, 0.16);
|
||||
color: #FFB74D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFB74D;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 183, 77, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FFB74D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 183, 77, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FFB74D;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #E57373;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(229, 115, 115, 0.04);
|
||||
color: #E57373;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(229, 115, 115, 0.16);
|
||||
color: #E57373;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #E57373;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(229, 115, 115, 0.04);
|
||||
border-color: transparent;
|
||||
color: #E57373;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(229, 115, 115, 0.16);
|
||||
border-color: transparent;
|
||||
color: #E57373;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2199,6 +2199,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.32);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
color: #CE93D8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
color: #CE93D8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.62475rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.8925rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #A5D6A7;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(165, 214, 167, 0.04);
|
||||
color: #A5D6A7;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(165, 214, 167, 0.16);
|
||||
color: #A5D6A7;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #A5D6A7;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(165, 214, 167, 0.04);
|
||||
border-color: transparent;
|
||||
color: #A5D6A7;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(165, 214, 167, 0.16);
|
||||
border-color: transparent;
|
||||
color: #A5D6A7;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #90CAF9;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(144, 202, 249, 0.04);
|
||||
color: #90CAF9;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(144, 202, 249, 0.16);
|
||||
color: #90CAF9;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #90CAF9;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(144, 202, 249, 0.04);
|
||||
border-color: transparent;
|
||||
color: #90CAF9;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(144, 202, 249, 0.16);
|
||||
border-color: transparent;
|
||||
color: #90CAF9;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
border-color: transparent;
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
border-color: transparent;
|
||||
color: #C5E1A5;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFF59D;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 245, 157, 0.04);
|
||||
color: #FFF59D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 245, 157, 0.16);
|
||||
color: #FFF59D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFF59D;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 245, 157, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FFF59D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 245, 157, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FFF59D;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #EF9A9A;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(239, 154, 154, 0.04);
|
||||
color: #EF9A9A;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(239, 154, 154, 0.16);
|
||||
color: #EF9A9A;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #EF9A9A;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(239, 154, 154, 0.04);
|
||||
border-color: transparent;
|
||||
color: #EF9A9A;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(239, 154, 154, 0.16);
|
||||
border-color: transparent;
|
||||
color: #EF9A9A;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2.5rem;
|
||||
|
|
@ -6628,6 +6880,80 @@
|
|||
transform: scale(1);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(206, 147, 216, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
box-shadow: inset 0 0 0 1px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:focus {
|
||||
box-shadow: inset 0 0 0 1px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active {
|
||||
box-shadow: inset 0 0 0 1px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton {
|
||||
margin-left: -1px;
|
||||
width: calc(3rem + 1px);
|
||||
}
|
||||
.p-splitbutton.p-disabled.p-button-text > .p-button {
|
||||
background-color: transparent !important;
|
||||
color: rgba(255, 255, 255, 0.38) !important;
|
||||
}
|
||||
.p-splitbutton.p-disabled.p-button-outlined > .p-button {
|
||||
background-color: transparent !important;
|
||||
color: rgba(255, 255, 255, 0.38) !important;
|
||||
border-color: rgba(255, 255, 255, 0.38) !important;
|
||||
}
|
||||
.p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(165, 214, 167, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(165, 214, 167, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(144, 202, 249, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(144, 202, 249, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(197, 225, 165, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(255, 245, 157, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 245, 157, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(206, 147, 216, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(239, 154, 154, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(239, 154, 154, 0.16);
|
||||
}
|
||||
|
||||
.p-steps {
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2199,6 +2199,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.32);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9FA8DA;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(159, 168, 218, 0.04);
|
||||
color: #9FA8DA;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(159, 168, 218, 0.16);
|
||||
color: #9FA8DA;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9FA8DA;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(159, 168, 218, 0.04);
|
||||
color: #9FA8DA;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(159, 168, 218, 0.16);
|
||||
color: #9FA8DA;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.62475rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.8925rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F48FB1;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(244, 143, 177, 0.04);
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 143, 177, 0.16);
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F48FB1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(244, 143, 177, 0.04);
|
||||
border-color: transparent;
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 143, 177, 0.16);
|
||||
border-color: transparent;
|
||||
color: #F48FB1;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #90CAF9;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(144, 202, 249, 0.04);
|
||||
color: #90CAF9;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(144, 202, 249, 0.16);
|
||||
color: #90CAF9;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #90CAF9;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(144, 202, 249, 0.04);
|
||||
border-color: transparent;
|
||||
color: #90CAF9;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(144, 202, 249, 0.16);
|
||||
border-color: transparent;
|
||||
color: #90CAF9;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
border-color: transparent;
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
border-color: transparent;
|
||||
color: #C5E1A5;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFF59D;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 245, 157, 0.04);
|
||||
color: #FFF59D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 245, 157, 0.16);
|
||||
color: #FFF59D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFF59D;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 245, 157, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FFF59D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 245, 157, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FFF59D;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #EF9A9A;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(239, 154, 154, 0.04);
|
||||
color: #EF9A9A;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(239, 154, 154, 0.16);
|
||||
color: #EF9A9A;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #EF9A9A;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(239, 154, 154, 0.04);
|
||||
border-color: transparent;
|
||||
color: #EF9A9A;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(239, 154, 154, 0.16);
|
||||
border-color: transparent;
|
||||
color: #EF9A9A;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2.5rem;
|
||||
|
|
@ -6628,6 +6880,80 @@
|
|||
transform: scale(1);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(159, 168, 218, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(159, 168, 218, 0.16);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
box-shadow: inset 0 0 0 1px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:focus {
|
||||
box-shadow: inset 0 0 0 1px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active {
|
||||
box-shadow: inset 0 0 0 1px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton {
|
||||
margin-left: -1px;
|
||||
width: calc(3rem + 1px);
|
||||
}
|
||||
.p-splitbutton.p-disabled.p-button-text > .p-button {
|
||||
background-color: transparent !important;
|
||||
color: rgba(255, 255, 255, 0.38) !important;
|
||||
}
|
||||
.p-splitbutton.p-disabled.p-button-outlined > .p-button {
|
||||
background-color: transparent !important;
|
||||
color: rgba(255, 255, 255, 0.38) !important;
|
||||
border-color: rgba(255, 255, 255, 0.38) !important;
|
||||
}
|
||||
.p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(244, 143, 177, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 143, 177, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(144, 202, 249, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(144, 202, 249, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(197, 225, 165, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(255, 245, 157, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 245, 157, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(206, 147, 216, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(239, 154, 154, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(239, 154, 154, 0.16);
|
||||
}
|
||||
|
||||
.p-steps {
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2199,6 +2199,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.32);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #673AB7;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(103, 58, 183, 0.04);
|
||||
color: #673AB7;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(103, 58, 183, 0.16);
|
||||
color: #673AB7;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
border-color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 0, 0, 0.16);
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #673AB7;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(103, 58, 183, 0.04);
|
||||
color: #673AB7;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(103, 58, 183, 0.16);
|
||||
color: #673AB7;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 0, 0, 0.16);
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.62475rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.8925rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #4CAF50;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(76, 175, 80, 0.04);
|
||||
color: #4CAF50;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(76, 175, 80, 0.16);
|
||||
color: #4CAF50;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #4CAF50;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(76, 175, 80, 0.04);
|
||||
border-color: transparent;
|
||||
color: #4CAF50;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(76, 175, 80, 0.16);
|
||||
border-color: transparent;
|
||||
color: #4CAF50;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #2196F3;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(33, 150, 243, 0.04);
|
||||
color: #2196F3;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(33, 150, 243, 0.16);
|
||||
color: #2196F3;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #2196F3;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(33, 150, 243, 0.04);
|
||||
border-color: transparent;
|
||||
color: #2196F3;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(33, 150, 243, 0.16);
|
||||
border-color: transparent;
|
||||
color: #2196F3;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #689F38;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(104, 159, 56, 0.04);
|
||||
color: #689F38;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(104, 159, 56, 0.16);
|
||||
color: #689F38;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #689F38;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(104, 159, 56, 0.04);
|
||||
border-color: transparent;
|
||||
color: #689F38;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(104, 159, 56, 0.16);
|
||||
border-color: transparent;
|
||||
color: #689F38;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FBC02D;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(251, 192, 45, 0.04);
|
||||
color: #FBC02D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(251, 192, 45, 0.16);
|
||||
color: #FBC02D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FBC02D;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(251, 192, 45, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FBC02D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(251, 192, 45, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FBC02D;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
border-color: transparent;
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
border-color: transparent;
|
||||
color: #9C27B0;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #D32F2F;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(211, 47, 47, 0.04);
|
||||
color: #D32F2F;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(211, 47, 47, 0.16);
|
||||
color: #D32F2F;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #D32F2F;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(211, 47, 47, 0.04);
|
||||
border-color: transparent;
|
||||
color: #D32F2F;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(211, 47, 47, 0.16);
|
||||
border-color: transparent;
|
||||
color: #D32F2F;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2.5rem;
|
||||
|
|
@ -6628,6 +6880,80 @@
|
|||
transform: scale(1);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(103, 58, 183, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(103, 58, 183, 0.16);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
box-shadow: inset 0 0 0 1px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:focus {
|
||||
box-shadow: inset 0 0 0 1px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active {
|
||||
box-shadow: inset 0 0 0 1px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton {
|
||||
margin-left: -1px;
|
||||
width: calc(3rem + 1px);
|
||||
}
|
||||
.p-splitbutton.p-disabled.p-button-text > .p-button {
|
||||
background-color: transparent !important;
|
||||
color: rgba(0, 0, 0, 0.38) !important;
|
||||
}
|
||||
.p-splitbutton.p-disabled.p-button-outlined > .p-button {
|
||||
background-color: transparent !important;
|
||||
color: rgba(0, 0, 0, 0.38) !important;
|
||||
border-color: rgba(0, 0, 0, 0.38) !important;
|
||||
}
|
||||
.p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(76, 175, 80, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(76, 175, 80, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(33, 150, 243, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(33, 150, 243, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(104, 159, 56, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(104, 159, 56, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(251, 192, 45, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(251, 192, 45, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(156, 39, 176, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(211, 47, 47, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(211, 47, 47, 0.16);
|
||||
}
|
||||
|
||||
.p-steps {
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2199,6 +2199,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.32);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #3F51B5;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(63, 81, 181, 0.04);
|
||||
color: #3F51B5;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(63, 81, 181, 0.16);
|
||||
color: #3F51B5;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
border-color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 0, 0, 0.16);
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #3F51B5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(63, 81, 181, 0.04);
|
||||
color: #3F51B5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(63, 81, 181, 0.16);
|
||||
color: #3F51B5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 0, 0, 0.16);
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.62475rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.8925rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #ff4081;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 64, 129, 0.04);
|
||||
color: #ff4081;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 64, 129, 0.16);
|
||||
color: #ff4081;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #ff4081;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 64, 129, 0.04);
|
||||
border-color: transparent;
|
||||
color: #ff4081;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 64, 129, 0.16);
|
||||
border-color: transparent;
|
||||
color: #ff4081;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #2196F3;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(33, 150, 243, 0.04);
|
||||
color: #2196F3;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(33, 150, 243, 0.16);
|
||||
color: #2196F3;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #2196F3;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(33, 150, 243, 0.04);
|
||||
border-color: transparent;
|
||||
color: #2196F3;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(33, 150, 243, 0.16);
|
||||
border-color: transparent;
|
||||
color: #2196F3;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #689F38;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(104, 159, 56, 0.04);
|
||||
color: #689F38;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(104, 159, 56, 0.16);
|
||||
color: #689F38;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #689F38;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(104, 159, 56, 0.04);
|
||||
border-color: transparent;
|
||||
color: #689F38;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(104, 159, 56, 0.16);
|
||||
border-color: transparent;
|
||||
color: #689F38;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FBC02D;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(251, 192, 45, 0.04);
|
||||
color: #FBC02D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(251, 192, 45, 0.16);
|
||||
color: #FBC02D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FBC02D;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(251, 192, 45, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FBC02D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(251, 192, 45, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FBC02D;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
border-color: transparent;
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
border-color: transparent;
|
||||
color: #9C27B0;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #D32F2F;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(211, 47, 47, 0.04);
|
||||
color: #D32F2F;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(211, 47, 47, 0.16);
|
||||
color: #D32F2F;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #D32F2F;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(211, 47, 47, 0.04);
|
||||
border-color: transparent;
|
||||
color: #D32F2F;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(211, 47, 47, 0.16);
|
||||
border-color: transparent;
|
||||
color: #D32F2F;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2.5rem;
|
||||
|
|
@ -6628,6 +6880,80 @@
|
|||
transform: scale(1);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(63, 81, 181, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(63, 81, 181, 0.16);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
box-shadow: inset 0 0 0 1px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:focus {
|
||||
box-shadow: inset 0 0 0 1px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active {
|
||||
box-shadow: inset 0 0 0 1px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton {
|
||||
margin-left: -1px;
|
||||
width: calc(3rem + 1px);
|
||||
}
|
||||
.p-splitbutton.p-disabled.p-button-text > .p-button {
|
||||
background-color: transparent !important;
|
||||
color: rgba(0, 0, 0, 0.38) !important;
|
||||
}
|
||||
.p-splitbutton.p-disabled.p-button-outlined > .p-button {
|
||||
background-color: transparent !important;
|
||||
color: rgba(0, 0, 0, 0.38) !important;
|
||||
border-color: rgba(0, 0, 0, 0.38) !important;
|
||||
}
|
||||
.p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(255, 64, 129, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 64, 129, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(33, 150, 243, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(33, 150, 243, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(104, 159, 56, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(104, 159, 56, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(251, 192, 45, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(251, 192, 45, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(156, 39, 176, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(211, 47, 47, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(211, 47, 47, 0.16);
|
||||
}
|
||||
|
||||
.p-steps {
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2199,6 +2199,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.32);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
color: #CE93D8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
color: #CE93D8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.499625rem 0.65625rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.71375rem 0.9375rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #A5D6A7;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(165, 214, 167, 0.04);
|
||||
color: #A5D6A7;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(165, 214, 167, 0.16);
|
||||
color: #A5D6A7;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #A5D6A7;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(165, 214, 167, 0.04);
|
||||
border-color: transparent;
|
||||
color: #A5D6A7;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(165, 214, 167, 0.16);
|
||||
border-color: transparent;
|
||||
color: #A5D6A7;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #90CAF9;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(144, 202, 249, 0.04);
|
||||
color: #90CAF9;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(144, 202, 249, 0.16);
|
||||
color: #90CAF9;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #90CAF9;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(144, 202, 249, 0.04);
|
||||
border-color: transparent;
|
||||
color: #90CAF9;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(144, 202, 249, 0.16);
|
||||
border-color: transparent;
|
||||
color: #90CAF9;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
border-color: transparent;
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
border-color: transparent;
|
||||
color: #C5E1A5;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFF59D;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 245, 157, 0.04);
|
||||
color: #FFF59D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 245, 157, 0.16);
|
||||
color: #FFF59D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFF59D;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 245, 157, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FFF59D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 245, 157, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FFF59D;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #EF9A9A;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(239, 154, 154, 0.04);
|
||||
color: #EF9A9A;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(239, 154, 154, 0.16);
|
||||
color: #EF9A9A;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #EF9A9A;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(239, 154, 154, 0.04);
|
||||
border-color: transparent;
|
||||
color: #EF9A9A;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(239, 154, 154, 0.16);
|
||||
border-color: transparent;
|
||||
color: #EF9A9A;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
@ -6628,6 +6880,80 @@
|
|||
transform: scale(1);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(206, 147, 216, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
box-shadow: inset 0 0 0 1px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:focus {
|
||||
box-shadow: inset 0 0 0 1px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active {
|
||||
box-shadow: inset 0 0 0 1px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton {
|
||||
margin-left: -1px;
|
||||
width: calc(2.25rem + 1px);
|
||||
}
|
||||
.p-splitbutton.p-disabled.p-button-text > .p-button {
|
||||
background-color: transparent !important;
|
||||
color: rgba(255, 255, 255, 0.38) !important;
|
||||
}
|
||||
.p-splitbutton.p-disabled.p-button-outlined > .p-button {
|
||||
background-color: transparent !important;
|
||||
color: rgba(255, 255, 255, 0.38) !important;
|
||||
border-color: rgba(255, 255, 255, 0.38) !important;
|
||||
}
|
||||
.p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(165, 214, 167, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(165, 214, 167, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(144, 202, 249, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(144, 202, 249, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(197, 225, 165, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(255, 245, 157, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 245, 157, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(206, 147, 216, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(239, 154, 154, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(239, 154, 154, 0.16);
|
||||
}
|
||||
|
||||
.p-steps {
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2199,6 +2199,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.32);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9FA8DA;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(159, 168, 218, 0.04);
|
||||
color: #9FA8DA;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(159, 168, 218, 0.16);
|
||||
color: #9FA8DA;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9FA8DA;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(159, 168, 218, 0.04);
|
||||
color: #9FA8DA;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(159, 168, 218, 0.16);
|
||||
color: #9FA8DA;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.499625rem 0.65625rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.71375rem 0.9375rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F48FB1;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(244, 143, 177, 0.04);
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 143, 177, 0.16);
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F48FB1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(244, 143, 177, 0.04);
|
||||
border-color: transparent;
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 143, 177, 0.16);
|
||||
border-color: transparent;
|
||||
color: #F48FB1;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #90CAF9;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(144, 202, 249, 0.04);
|
||||
color: #90CAF9;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(144, 202, 249, 0.16);
|
||||
color: #90CAF9;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #90CAF9;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(144, 202, 249, 0.04);
|
||||
border-color: transparent;
|
||||
color: #90CAF9;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(144, 202, 249, 0.16);
|
||||
border-color: transparent;
|
||||
color: #90CAF9;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
border-color: transparent;
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
border-color: transparent;
|
||||
color: #C5E1A5;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFF59D;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 245, 157, 0.04);
|
||||
color: #FFF59D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 245, 157, 0.16);
|
||||
color: #FFF59D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFF59D;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 245, 157, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FFF59D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 245, 157, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FFF59D;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #EF9A9A;
|
||||
border: 0px none;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(239, 154, 154, 0.04);
|
||||
color: #EF9A9A;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(239, 154, 154, 0.16);
|
||||
color: #EF9A9A;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #EF9A9A;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(239, 154, 154, 0.04);
|
||||
border-color: transparent;
|
||||
color: #EF9A9A;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(239, 154, 154, 0.16);
|
||||
border-color: transparent;
|
||||
color: #EF9A9A;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
@ -6628,6 +6880,80 @@
|
|||
transform: scale(1);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(159, 168, 218, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(159, 168, 218, 0.16);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
box-shadow: inset 0 0 0 1px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:focus {
|
||||
box-shadow: inset 0 0 0 1px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active {
|
||||
box-shadow: inset 0 0 0 1px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton {
|
||||
margin-left: -1px;
|
||||
width: calc(2.25rem + 1px);
|
||||
}
|
||||
.p-splitbutton.p-disabled.p-button-text > .p-button {
|
||||
background-color: transparent !important;
|
||||
color: rgba(255, 255, 255, 0.38) !important;
|
||||
}
|
||||
.p-splitbutton.p-disabled.p-button-outlined > .p-button {
|
||||
background-color: transparent !important;
|
||||
color: rgba(255, 255, 255, 0.38) !important;
|
||||
border-color: rgba(255, 255, 255, 0.38) !important;
|
||||
}
|
||||
.p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(244, 143, 177, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 143, 177, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(144, 202, 249, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(144, 202, 249, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(197, 225, 165, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(255, 245, 157, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 245, 157, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(206, 147, 216, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(239, 154, 154, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(239, 154, 154, 0.16);
|
||||
}
|
||||
|
||||
.p-steps {
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2199,6 +2199,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.32);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #673AB7;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(103, 58, 183, 0.04);
|
||||
color: #673AB7;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(103, 58, 183, 0.16);
|
||||
color: #673AB7;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
border-color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 0, 0, 0.16);
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #673AB7;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(103, 58, 183, 0.04);
|
||||
color: #673AB7;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(103, 58, 183, 0.16);
|
||||
color: #673AB7;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 0, 0, 0.16);
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.499625rem 0.65625rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.71375rem 0.9375rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #4CAF50;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(76, 175, 80, 0.04);
|
||||
color: #4CAF50;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(76, 175, 80, 0.16);
|
||||
color: #4CAF50;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #4CAF50;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(76, 175, 80, 0.04);
|
||||
border-color: transparent;
|
||||
color: #4CAF50;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(76, 175, 80, 0.16);
|
||||
border-color: transparent;
|
||||
color: #4CAF50;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #2196F3;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(33, 150, 243, 0.04);
|
||||
color: #2196F3;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(33, 150, 243, 0.16);
|
||||
color: #2196F3;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #2196F3;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(33, 150, 243, 0.04);
|
||||
border-color: transparent;
|
||||
color: #2196F3;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(33, 150, 243, 0.16);
|
||||
border-color: transparent;
|
||||
color: #2196F3;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #689F38;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(104, 159, 56, 0.04);
|
||||
color: #689F38;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(104, 159, 56, 0.16);
|
||||
color: #689F38;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #689F38;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(104, 159, 56, 0.04);
|
||||
border-color: transparent;
|
||||
color: #689F38;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(104, 159, 56, 0.16);
|
||||
border-color: transparent;
|
||||
color: #689F38;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FBC02D;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(251, 192, 45, 0.04);
|
||||
color: #FBC02D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(251, 192, 45, 0.16);
|
||||
color: #FBC02D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FBC02D;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(251, 192, 45, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FBC02D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(251, 192, 45, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FBC02D;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
border-color: transparent;
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
border-color: transparent;
|
||||
color: #9C27B0;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #D32F2F;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(211, 47, 47, 0.04);
|
||||
color: #D32F2F;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(211, 47, 47, 0.16);
|
||||
color: #D32F2F;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #D32F2F;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(211, 47, 47, 0.04);
|
||||
border-color: transparent;
|
||||
color: #D32F2F;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(211, 47, 47, 0.16);
|
||||
border-color: transparent;
|
||||
color: #D32F2F;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
@ -6628,6 +6880,80 @@
|
|||
transform: scale(1);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(103, 58, 183, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(103, 58, 183, 0.16);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
box-shadow: inset 0 0 0 1px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:focus {
|
||||
box-shadow: inset 0 0 0 1px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active {
|
||||
box-shadow: inset 0 0 0 1px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton {
|
||||
margin-left: -1px;
|
||||
width: calc(2.25rem + 1px);
|
||||
}
|
||||
.p-splitbutton.p-disabled.p-button-text > .p-button {
|
||||
background-color: transparent !important;
|
||||
color: rgba(0, 0, 0, 0.38) !important;
|
||||
}
|
||||
.p-splitbutton.p-disabled.p-button-outlined > .p-button {
|
||||
background-color: transparent !important;
|
||||
color: rgba(0, 0, 0, 0.38) !important;
|
||||
border-color: rgba(0, 0, 0, 0.38) !important;
|
||||
}
|
||||
.p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(76, 175, 80, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(76, 175, 80, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(33, 150, 243, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(33, 150, 243, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(104, 159, 56, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(104, 159, 56, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(251, 192, 45, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(251, 192, 45, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(156, 39, 176, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(211, 47, 47, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(211, 47, 47, 0.16);
|
||||
}
|
||||
|
||||
.p-steps {
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2199,6 +2199,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.32);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #3F51B5;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(63, 81, 181, 0.04);
|
||||
color: #3F51B5;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(63, 81, 181, 0.16);
|
||||
color: #3F51B5;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
border-color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 0, 0, 0.16);
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #3F51B5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(63, 81, 181, 0.04);
|
||||
color: #3F51B5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(63, 81, 181, 0.16);
|
||||
color: #3F51B5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 0, 0, 0.16);
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.499625rem 0.65625rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.71375rem 0.9375rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #ff4081;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 64, 129, 0.04);
|
||||
color: #ff4081;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 64, 129, 0.16);
|
||||
color: #ff4081;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #ff4081;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 64, 129, 0.04);
|
||||
border-color: transparent;
|
||||
color: #ff4081;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 64, 129, 0.16);
|
||||
border-color: transparent;
|
||||
color: #ff4081;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #2196F3;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(33, 150, 243, 0.04);
|
||||
color: #2196F3;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(33, 150, 243, 0.16);
|
||||
color: #2196F3;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #2196F3;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(33, 150, 243, 0.04);
|
||||
border-color: transparent;
|
||||
color: #2196F3;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(33, 150, 243, 0.16);
|
||||
border-color: transparent;
|
||||
color: #2196F3;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #689F38;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(104, 159, 56, 0.04);
|
||||
color: #689F38;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(104, 159, 56, 0.16);
|
||||
color: #689F38;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #689F38;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(104, 159, 56, 0.04);
|
||||
border-color: transparent;
|
||||
color: #689F38;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(104, 159, 56, 0.16);
|
||||
border-color: transparent;
|
||||
color: #689F38;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FBC02D;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(251, 192, 45, 0.04);
|
||||
color: #FBC02D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(251, 192, 45, 0.16);
|
||||
color: #FBC02D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FBC02D;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(251, 192, 45, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FBC02D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(251, 192, 45, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FBC02D;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
border-color: transparent;
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
border-color: transparent;
|
||||
color: #9C27B0;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #D32F2F;
|
||||
border: 0 none;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(211, 47, 47, 0.04);
|
||||
color: #D32F2F;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(211, 47, 47, 0.16);
|
||||
color: #D32F2F;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #D32F2F;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(211, 47, 47, 0.04);
|
||||
border-color: transparent;
|
||||
color: #D32F2F;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(211, 47, 47, 0.16);
|
||||
border-color: transparent;
|
||||
color: #D32F2F;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
@ -6628,6 +6880,80 @@
|
|||
transform: scale(1);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(63, 81, 181, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(63, 81, 181, 0.16);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
box-shadow: inset 0 0 0 1px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:focus {
|
||||
box-shadow: inset 0 0 0 1px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active {
|
||||
box-shadow: inset 0 0 0 1px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton {
|
||||
margin-left: -1px;
|
||||
width: calc(2.25rem + 1px);
|
||||
}
|
||||
.p-splitbutton.p-disabled.p-button-text > .p-button {
|
||||
background-color: transparent !important;
|
||||
color: rgba(0, 0, 0, 0.38) !important;
|
||||
}
|
||||
.p-splitbutton.p-disabled.p-button-outlined > .p-button {
|
||||
background-color: transparent !important;
|
||||
color: rgba(0, 0, 0, 0.38) !important;
|
||||
border-color: rgba(0, 0, 0, 0.38) !important;
|
||||
}
|
||||
.p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(255, 64, 129, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 64, 129, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(33, 150, 243, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(33, 150, 243, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(104, 159, 56, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(104, 159, 56, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(251, 192, 45, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(251, 192, 45, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(156, 39, 176, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
|
||||
background: rgba(211, 47, 47, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(211, 47, 47, 0.16);
|
||||
}
|
||||
|
||||
.p-steps {
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2175,6 +2175,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #007ad9;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 122, 217, 0.04);
|
||||
color: #007ad9;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 122, 217, 0.16);
|
||||
color: #007ad9;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: #848484;
|
||||
border-color: #848484;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #eaeaea;
|
||||
color: #848484;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #d2d2d2;
|
||||
color: #848484;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #007ad9;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 122, 217, 0.04);
|
||||
color: #007ad9;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 122, 217, 0.16);
|
||||
color: #007ad9;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: #848484;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #eaeaea;
|
||||
color: #848484;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #d2d2d2;
|
||||
color: #848484;
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.375375rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.53625rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #607D8B;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(96, 125, 139, 0.04);
|
||||
color: #607D8B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(96, 125, 139, 0.16);
|
||||
color: #607D8B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #607D8B;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(96, 125, 139, 0.04);
|
||||
border-color: transparent;
|
||||
color: #607D8B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(96, 125, 139, 0.16);
|
||||
border-color: transparent;
|
||||
color: #607D8B;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #007ad9;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 122, 217, 0.04);
|
||||
color: #007ad9;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 122, 217, 0.16);
|
||||
color: #007ad9;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #007ad9;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 122, 217, 0.04);
|
||||
border-color: transparent;
|
||||
color: #007ad9;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 122, 217, 0.16);
|
||||
border-color: transparent;
|
||||
color: #007ad9;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #34A835;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(52, 168, 53, 0.04);
|
||||
color: #34A835;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(52, 168, 53, 0.16);
|
||||
color: #34A835;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #34A835;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(52, 168, 53, 0.04);
|
||||
border-color: transparent;
|
||||
color: #34A835;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(52, 168, 53, 0.16);
|
||||
border-color: transparent;
|
||||
color: #34A835;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #ffba01;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 186, 1, 0.04);
|
||||
color: #ffba01;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 186, 1, 0.16);
|
||||
color: #ffba01;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #ffba01;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 186, 1, 0.04);
|
||||
border-color: transparent;
|
||||
color: #ffba01;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 186, 1, 0.16);
|
||||
border-color: transparent;
|
||||
color: #ffba01;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
border-color: transparent;
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
border-color: transparent;
|
||||
color: #9C27B0;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #e91224;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(233, 18, 36, 0.04);
|
||||
color: #e91224;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(233, 18, 36, 0.16);
|
||||
color: #e91224;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #e91224;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(233, 18, 36, 0.04);
|
||||
border-color: transparent;
|
||||
color: #e91224;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(233, 18, 36, 0.16);
|
||||
border-color: transparent;
|
||||
color: #e91224;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2187,6 +2187,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #007ad9;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 122, 217, 0.04);
|
||||
color: #007ad9;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 122, 217, 0.16);
|
||||
color: #007ad9;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: #848484;
|
||||
border-color: #848484;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #eaeaea;
|
||||
color: #848484;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #d2d2d2;
|
||||
color: #848484;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #007ad9;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 122, 217, 0.04);
|
||||
color: #007ad9;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 122, 217, 0.16);
|
||||
color: #007ad9;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: #848484;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #eaeaea;
|
||||
color: #848484;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #d2d2d2;
|
||||
color: #848484;
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.375375rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.53625rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #607D8B;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(96, 125, 139, 0.04);
|
||||
color: #607D8B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(96, 125, 139, 0.16);
|
||||
color: #607D8B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #607D8B;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(96, 125, 139, 0.04);
|
||||
border-color: transparent;
|
||||
color: #607D8B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(96, 125, 139, 0.16);
|
||||
border-color: transparent;
|
||||
color: #607D8B;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #007ad9;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 122, 217, 0.04);
|
||||
color: #007ad9;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 122, 217, 0.16);
|
||||
color: #007ad9;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #007ad9;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 122, 217, 0.04);
|
||||
border-color: transparent;
|
||||
color: #007ad9;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 122, 217, 0.16);
|
||||
border-color: transparent;
|
||||
color: #007ad9;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #34A835;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(52, 168, 53, 0.04);
|
||||
color: #34A835;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(52, 168, 53, 0.16);
|
||||
color: #34A835;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #34A835;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(52, 168, 53, 0.04);
|
||||
border-color: transparent;
|
||||
color: #34A835;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(52, 168, 53, 0.16);
|
||||
border-color: transparent;
|
||||
color: #34A835;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #ffba01;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 186, 1, 0.04);
|
||||
color: #ffba01;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 186, 1, 0.16);
|
||||
color: #ffba01;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #ffba01;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 186, 1, 0.04);
|
||||
border-color: transparent;
|
||||
color: #ffba01;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 186, 1, 0.16);
|
||||
border-color: transparent;
|
||||
color: #ffba01;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
border-color: transparent;
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
border-color: transparent;
|
||||
color: #9C27B0;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #e91224;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(233, 18, 36, 0.04);
|
||||
color: #e91224;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(233, 18, 36, 0.16);
|
||||
color: #e91224;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #e91224;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(233, 18, 36, 0.04);
|
||||
border-color: transparent;
|
||||
color: #e91224;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(233, 18, 36, 0.16);
|
||||
border-color: transparent;
|
||||
color: #e91224;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2187,6 +2187,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #41b883;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(65, 184, 131, 0.04);
|
||||
color: #41b883;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(65, 184, 131, 0.16);
|
||||
color: #41b883;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: #848484;
|
||||
border-color: #848484;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #eaeaea;
|
||||
color: #848484;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #d2d2d2;
|
||||
color: #848484;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #41b883;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(65, 184, 131, 0.04);
|
||||
color: #41b883;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(65, 184, 131, 0.16);
|
||||
color: #41b883;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: #848484;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #eaeaea;
|
||||
color: #848484;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #d2d2d2;
|
||||
color: #848484;
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.375375rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.53625rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #607D8B;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(96, 125, 139, 0.04);
|
||||
color: #607D8B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(96, 125, 139, 0.16);
|
||||
color: #607D8B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #607D8B;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(96, 125, 139, 0.04);
|
||||
border-color: transparent;
|
||||
color: #607D8B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(96, 125, 139, 0.16);
|
||||
border-color: transparent;
|
||||
color: #607D8B;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #007ad9;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 122, 217, 0.04);
|
||||
color: #007ad9;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 122, 217, 0.16);
|
||||
color: #007ad9;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #007ad9;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 122, 217, 0.04);
|
||||
border-color: transparent;
|
||||
color: #007ad9;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 122, 217, 0.16);
|
||||
border-color: transparent;
|
||||
color: #007ad9;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #34A835;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(52, 168, 53, 0.04);
|
||||
color: #34A835;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(52, 168, 53, 0.16);
|
||||
color: #34A835;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #34A835;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(52, 168, 53, 0.04);
|
||||
border-color: transparent;
|
||||
color: #34A835;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(52, 168, 53, 0.16);
|
||||
border-color: transparent;
|
||||
color: #34A835;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #ffba01;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 186, 1, 0.04);
|
||||
color: #ffba01;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 186, 1, 0.16);
|
||||
color: #ffba01;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #ffba01;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 186, 1, 0.04);
|
||||
border-color: transparent;
|
||||
color: #ffba01;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 186, 1, 0.16);
|
||||
border-color: transparent;
|
||||
color: #ffba01;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
border-color: transparent;
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
border-color: transparent;
|
||||
color: #9C27B0;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #e91224;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(233, 18, 36, 0.04);
|
||||
color: #e91224;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(233, 18, 36, 0.16);
|
||||
color: #e91224;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #e91224;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(233, 18, 36, 0.04);
|
||||
border-color: transparent;
|
||||
color: #e91224;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(233, 18, 36, 0.16);
|
||||
border-color: transparent;
|
||||
color: #e91224;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2187,6 +2187,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #007ad9;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 122, 217, 0.04);
|
||||
color: #007ad9;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 122, 217, 0.16);
|
||||
color: #007ad9;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: #848484;
|
||||
border-color: #848484;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #eaeaea;
|
||||
color: #848484;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #d2d2d2;
|
||||
color: #848484;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #007ad9;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 122, 217, 0.04);
|
||||
color: #007ad9;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 122, 217, 0.16);
|
||||
color: #007ad9;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: #848484;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #eaeaea;
|
||||
color: #848484;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #d2d2d2;
|
||||
color: #848484;
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.375375rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.53625rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #607D8B;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(96, 125, 139, 0.04);
|
||||
color: #607D8B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(96, 125, 139, 0.16);
|
||||
color: #607D8B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #607D8B;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(96, 125, 139, 0.04);
|
||||
border-color: transparent;
|
||||
color: #607D8B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(96, 125, 139, 0.16);
|
||||
border-color: transparent;
|
||||
color: #607D8B;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #007ad9;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 122, 217, 0.04);
|
||||
color: #007ad9;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 122, 217, 0.16);
|
||||
color: #007ad9;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #007ad9;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(0, 122, 217, 0.04);
|
||||
border-color: transparent;
|
||||
color: #007ad9;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(0, 122, 217, 0.16);
|
||||
border-color: transparent;
|
||||
color: #007ad9;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #34A835;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(52, 168, 53, 0.04);
|
||||
color: #34A835;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(52, 168, 53, 0.16);
|
||||
color: #34A835;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #34A835;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(52, 168, 53, 0.04);
|
||||
border-color: transparent;
|
||||
color: #34A835;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(52, 168, 53, 0.16);
|
||||
border-color: transparent;
|
||||
color: #34A835;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #ffba01;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 186, 1, 0.04);
|
||||
color: #ffba01;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 186, 1, 0.16);
|
||||
color: #ffba01;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #ffba01;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 186, 1, 0.04);
|
||||
border-color: transparent;
|
||||
color: #ffba01;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 186, 1, 0.16);
|
||||
border-color: transparent;
|
||||
color: #ffba01;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
border-color: transparent;
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
border-color: transparent;
|
||||
color: #9C27B0;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #e91224;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(233, 18, 36, 0.04);
|
||||
color: #e91224;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(233, 18, 36, 0.16);
|
||||
color: #e91224;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #e91224;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(233, 18, 36, 0.04);
|
||||
border-color: transparent;
|
||||
color: #e91224;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(233, 18, 36, 0.16);
|
||||
border-color: transparent;
|
||||
color: #e91224;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2175,6 +2175,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 2px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #7B95A3;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(123, 149, 163, 0.04);
|
||||
color: #7B95A3;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(123, 149, 163, 0.16);
|
||||
color: #7B95A3;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: #a6a6a6;
|
||||
border-color: #a6a6a6;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #f4f4f4;
|
||||
color: #a6a6a6;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #dbdbdb;
|
||||
color: #a6a6a6;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #7B95A3;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(123, 149, 163, 0.04);
|
||||
color: #7B95A3;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(123, 149, 163, 0.16);
|
||||
color: #7B95A3;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: #a6a6a6;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #f4f4f4;
|
||||
color: #a6a6a6;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #dbdbdb;
|
||||
color: #a6a6a6;
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.375375rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.53625rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #a3897b;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(163, 137, 123, 0.04);
|
||||
color: #a3897b;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(163, 137, 123, 0.16);
|
||||
color: #a3897b;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #a3897b;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(163, 137, 123, 0.04);
|
||||
border-color: transparent;
|
||||
color: #a3897b;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(163, 137, 123, 0.16);
|
||||
border-color: transparent;
|
||||
color: #a3897b;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #A3DEF8;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(163, 222, 248, 0.04);
|
||||
color: #A3DEF8;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(163, 222, 248, 0.16);
|
||||
color: #A3DEF8;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #A3DEF8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(163, 222, 248, 0.04);
|
||||
border-color: transparent;
|
||||
color: #A3DEF8;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(163, 222, 248, 0.16);
|
||||
border-color: transparent;
|
||||
color: #A3DEF8;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #A3E2C6;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(163, 226, 198, 0.04);
|
||||
color: #A3E2C6;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(163, 226, 198, 0.16);
|
||||
color: #A3E2C6;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #A3E2C6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(163, 226, 198, 0.04);
|
||||
border-color: transparent;
|
||||
color: #A3E2C6;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(163, 226, 198, 0.16);
|
||||
border-color: transparent;
|
||||
color: #A3E2C6;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #ffe38e;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 227, 142, 0.04);
|
||||
color: #ffe38e;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 227, 142, 0.16);
|
||||
color: #ffe38e;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #ffe38e;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 227, 142, 0.04);
|
||||
border-color: transparent;
|
||||
color: #ffe38e;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 227, 142, 0.16);
|
||||
border-color: transparent;
|
||||
color: #ffe38e;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #e9bef1;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(233, 190, 241, 0.04);
|
||||
color: #e9bef1;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(233, 190, 241, 0.16);
|
||||
color: #e9bef1;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #e9bef1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(233, 190, 241, 0.04);
|
||||
border-color: transparent;
|
||||
color: #e9bef1;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(233, 190, 241, 0.16);
|
||||
border-color: transparent;
|
||||
color: #e9bef1;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F4B6B6;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(244, 182, 182, 0.04);
|
||||
color: #F4B6B6;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 182, 182, 0.16);
|
||||
color: #F4B6B6;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F4B6B6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(244, 182, 182, 0.04);
|
||||
border-color: transparent;
|
||||
color: #F4B6B6;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 182, 182, 0.16);
|
||||
border-color: transparent;
|
||||
color: #F4B6B6;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2175,6 +2175,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #2196F3;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(33, 150, 243, 0.04);
|
||||
color: #2196F3;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(33, 150, 243, 0.16);
|
||||
color: #2196F3;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: #6c757d;
|
||||
border-color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #e9ecef;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #dee2e6;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #2196F3;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(33, 150, 243, 0.04);
|
||||
color: #2196F3;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(33, 150, 243, 0.16);
|
||||
color: #2196F3;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #e9ecef;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #dee2e6;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.4375rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.625rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #607D8B;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(96, 125, 139, 0.04);
|
||||
color: #607D8B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(96, 125, 139, 0.16);
|
||||
color: #607D8B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #607D8B;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(96, 125, 139, 0.04);
|
||||
border-color: transparent;
|
||||
color: #607D8B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(96, 125, 139, 0.16);
|
||||
border-color: transparent;
|
||||
color: #607D8B;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #0288D1;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(2, 136, 209, 0.04);
|
||||
color: #0288D1;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(2, 136, 209, 0.16);
|
||||
color: #0288D1;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #0288D1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(2, 136, 209, 0.04);
|
||||
border-color: transparent;
|
||||
color: #0288D1;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(2, 136, 209, 0.16);
|
||||
border-color: transparent;
|
||||
color: #0288D1;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #689F38;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(104, 159, 56, 0.04);
|
||||
color: #689F38;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(104, 159, 56, 0.16);
|
||||
color: #689F38;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #689F38;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(104, 159, 56, 0.04);
|
||||
border-color: transparent;
|
||||
color: #689F38;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(104, 159, 56, 0.16);
|
||||
border-color: transparent;
|
||||
color: #689F38;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FBC02D;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(251, 192, 45, 0.04);
|
||||
color: #FBC02D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(251, 192, 45, 0.16);
|
||||
color: #FBC02D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FBC02D;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(251, 192, 45, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FBC02D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(251, 192, 45, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FBC02D;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
border-color: transparent;
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
border-color: transparent;
|
||||
color: #9C27B0;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #D32F2F;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(211, 47, 47, 0.04);
|
||||
color: #D32F2F;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(211, 47, 47, 0.16);
|
||||
color: #D32F2F;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #D32F2F;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(211, 47, 47, 0.04);
|
||||
border-color: transparent;
|
||||
color: #D32F2F;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(211, 47, 47, 0.16);
|
||||
border-color: transparent;
|
||||
color: #D32F2F;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2175,6 +2175,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #4CAF50;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(76, 175, 80, 0.04);
|
||||
color: #4CAF50;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(76, 175, 80, 0.16);
|
||||
color: #4CAF50;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: #6c757d;
|
||||
border-color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #e9ecef;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #dee2e6;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #4CAF50;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(76, 175, 80, 0.04);
|
||||
color: #4CAF50;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(76, 175, 80, 0.16);
|
||||
color: #4CAF50;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #e9ecef;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #dee2e6;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.4375rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.625rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #607D8B;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(96, 125, 139, 0.04);
|
||||
color: #607D8B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(96, 125, 139, 0.16);
|
||||
color: #607D8B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #607D8B;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(96, 125, 139, 0.04);
|
||||
border-color: transparent;
|
||||
color: #607D8B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(96, 125, 139, 0.16);
|
||||
border-color: transparent;
|
||||
color: #607D8B;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #0288D1;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(2, 136, 209, 0.04);
|
||||
color: #0288D1;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(2, 136, 209, 0.16);
|
||||
color: #0288D1;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #0288D1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(2, 136, 209, 0.04);
|
||||
border-color: transparent;
|
||||
color: #0288D1;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(2, 136, 209, 0.16);
|
||||
border-color: transparent;
|
||||
color: #0288D1;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #689F38;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(104, 159, 56, 0.04);
|
||||
color: #689F38;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(104, 159, 56, 0.16);
|
||||
color: #689F38;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #689F38;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(104, 159, 56, 0.04);
|
||||
border-color: transparent;
|
||||
color: #689F38;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(104, 159, 56, 0.16);
|
||||
border-color: transparent;
|
||||
color: #689F38;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FBC02D;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(251, 192, 45, 0.04);
|
||||
color: #FBC02D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(251, 192, 45, 0.16);
|
||||
color: #FBC02D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FBC02D;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(251, 192, 45, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FBC02D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(251, 192, 45, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FBC02D;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
border-color: transparent;
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
border-color: transparent;
|
||||
color: #9C27B0;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #D32F2F;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(211, 47, 47, 0.04);
|
||||
color: #D32F2F;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(211, 47, 47, 0.16);
|
||||
color: #D32F2F;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #D32F2F;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(211, 47, 47, 0.04);
|
||||
border-color: transparent;
|
||||
color: #D32F2F;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(211, 47, 47, 0.16);
|
||||
border-color: transparent;
|
||||
color: #D32F2F;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2175,6 +2175,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFC107;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 193, 7, 0.04);
|
||||
color: #FFC107;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 193, 7, 0.16);
|
||||
color: #FFC107;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: #6c757d;
|
||||
border-color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #e9ecef;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #dee2e6;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFC107;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 193, 7, 0.04);
|
||||
color: #FFC107;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 193, 7, 0.16);
|
||||
color: #FFC107;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #e9ecef;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #dee2e6;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.4375rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.625rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #607D8B;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(96, 125, 139, 0.04);
|
||||
color: #607D8B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(96, 125, 139, 0.16);
|
||||
color: #607D8B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #607D8B;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(96, 125, 139, 0.04);
|
||||
border-color: transparent;
|
||||
color: #607D8B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(96, 125, 139, 0.16);
|
||||
border-color: transparent;
|
||||
color: #607D8B;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #0288D1;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(2, 136, 209, 0.04);
|
||||
color: #0288D1;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(2, 136, 209, 0.16);
|
||||
color: #0288D1;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #0288D1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(2, 136, 209, 0.04);
|
||||
border-color: transparent;
|
||||
color: #0288D1;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(2, 136, 209, 0.16);
|
||||
border-color: transparent;
|
||||
color: #0288D1;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #689F38;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(104, 159, 56, 0.04);
|
||||
color: #689F38;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(104, 159, 56, 0.16);
|
||||
color: #689F38;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #689F38;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(104, 159, 56, 0.04);
|
||||
border-color: transparent;
|
||||
color: #689F38;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(104, 159, 56, 0.16);
|
||||
border-color: transparent;
|
||||
color: #689F38;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FBC02D;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(251, 192, 45, 0.04);
|
||||
color: #FBC02D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(251, 192, 45, 0.16);
|
||||
color: #FBC02D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FBC02D;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(251, 192, 45, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FBC02D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(251, 192, 45, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FBC02D;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
border-color: transparent;
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
border-color: transparent;
|
||||
color: #9C27B0;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #D32F2F;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(211, 47, 47, 0.04);
|
||||
color: #D32F2F;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(211, 47, 47, 0.16);
|
||||
color: #D32F2F;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #D32F2F;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(211, 47, 47, 0.04);
|
||||
border-color: transparent;
|
||||
color: #D32F2F;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(211, 47, 47, 0.16);
|
||||
border-color: transparent;
|
||||
color: #D32F2F;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2175,6 +2175,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: #6c757d;
|
||||
border-color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #e9ecef;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #dee2e6;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
color: #9C27B0;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
color: #9C27B0;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #e9ecef;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #dee2e6;
|
||||
color: #6c757d;
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.4375rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.625rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #607D8B;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(96, 125, 139, 0.04);
|
||||
color: #607D8B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(96, 125, 139, 0.16);
|
||||
color: #607D8B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #607D8B;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(96, 125, 139, 0.04);
|
||||
border-color: transparent;
|
||||
color: #607D8B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(96, 125, 139, 0.16);
|
||||
border-color: transparent;
|
||||
color: #607D8B;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #0288D1;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(2, 136, 209, 0.04);
|
||||
color: #0288D1;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(2, 136, 209, 0.16);
|
||||
color: #0288D1;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #0288D1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(2, 136, 209, 0.04);
|
||||
border-color: transparent;
|
||||
color: #0288D1;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(2, 136, 209, 0.16);
|
||||
border-color: transparent;
|
||||
color: #0288D1;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #689F38;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(104, 159, 56, 0.04);
|
||||
color: #689F38;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(104, 159, 56, 0.16);
|
||||
color: #689F38;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #689F38;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(104, 159, 56, 0.04);
|
||||
border-color: transparent;
|
||||
color: #689F38;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(104, 159, 56, 0.16);
|
||||
border-color: transparent;
|
||||
color: #689F38;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FBC02D;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(251, 192, 45, 0.04);
|
||||
color: #FBC02D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(251, 192, 45, 0.16);
|
||||
color: #FBC02D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FBC02D;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(251, 192, 45, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FBC02D;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(251, 192, 45, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FBC02D;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #9C27B0;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(156, 39, 176, 0.04);
|
||||
border-color: transparent;
|
||||
color: #9C27B0;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(156, 39, 176, 0.16);
|
||||
border-color: transparent;
|
||||
color: #9C27B0;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #D32F2F;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(211, 47, 47, 0.04);
|
||||
color: #D32F2F;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(211, 47, 47, 0.16);
|
||||
color: #D32F2F;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #D32F2F;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(211, 47, 47, 0.04);
|
||||
border-color: transparent;
|
||||
color: #D32F2F;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(211, 47, 47, 0.16);
|
||||
border-color: transparent;
|
||||
color: #D32F2F;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2210,6 +2210,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 0.375rem;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #4F46E5;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(79, 70, 229, 0.04);
|
||||
color: #4F46E5;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(79, 70, 229, 0.16);
|
||||
color: #4F46E5;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: #71717A;
|
||||
border-color: #71717A;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #f4f4f5;
|
||||
color: #71717A;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #e5e7eb;
|
||||
color: #71717A;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #4F46E5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(79, 70, 229, 0.04);
|
||||
color: #4F46E5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(79, 70, 229, 0.16);
|
||||
color: #4F46E5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: #71717A;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: #f4f4f5;
|
||||
color: #71717A;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: #e5e7eb;
|
||||
color: #71717A;
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.65625rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.9375rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #64748B;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(100, 116, 139, 0.04);
|
||||
color: #64748B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(100, 116, 139, 0.16);
|
||||
color: #64748B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #64748B;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(100, 116, 139, 0.04);
|
||||
border-color: transparent;
|
||||
color: #64748B;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(100, 116, 139, 0.16);
|
||||
border-color: transparent;
|
||||
color: #64748B;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #3B82F6;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(59, 130, 246, 0.04);
|
||||
color: #3B82F6;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(59, 130, 246, 0.16);
|
||||
color: #3B82F6;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #3B82F6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(59, 130, 246, 0.04);
|
||||
border-color: transparent;
|
||||
color: #3B82F6;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(59, 130, 246, 0.16);
|
||||
border-color: transparent;
|
||||
color: #3B82F6;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #22C55E;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(34, 197, 94, 0.04);
|
||||
color: #22C55E;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(34, 197, 94, 0.16);
|
||||
color: #22C55E;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #22C55E;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(34, 197, 94, 0.04);
|
||||
border-color: transparent;
|
||||
color: #22C55E;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(34, 197, 94, 0.16);
|
||||
border-color: transparent;
|
||||
color: #22C55E;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F59E0B;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(245, 158, 11, 0.04);
|
||||
color: #F59E0B;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(245, 158, 11, 0.16);
|
||||
color: #F59E0B;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F59E0B;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(245, 158, 11, 0.04);
|
||||
border-color: transparent;
|
||||
color: #F59E0B;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(245, 158, 11, 0.16);
|
||||
border-color: transparent;
|
||||
color: #F59E0B;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #A855F7;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(168, 85, 247, 0.04);
|
||||
color: #A855F7;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(168, 85, 247, 0.16);
|
||||
color: #A855F7;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #A855F7;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(168, 85, 247, 0.04);
|
||||
border-color: transparent;
|
||||
color: #A855F7;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(168, 85, 247, 0.16);
|
||||
border-color: transparent;
|
||||
color: #A855F7;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #EF4444;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(239, 68, 68, 0.04);
|
||||
color: #EF4444;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(239, 68, 68, 0.16);
|
||||
color: #EF4444;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #EF4444;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(239, 68, 68, 0.04);
|
||||
border-color: transparent;
|
||||
color: #EF4444;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(239, 68, 68, 0.16);
|
||||
border-color: transparent;
|
||||
color: #EF4444;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2175,6 +2175,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #64B5F6;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(100, 181, 246, 0.04);
|
||||
color: #64B5F6;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(100, 181, 246, 0.16);
|
||||
color: #64B5F6;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #64B5F6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(100, 181, 246, 0.04);
|
||||
color: #64B5F6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(100, 181, 246, 0.16);
|
||||
color: #64B5F6;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.4375rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.625rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #78909C;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(120, 144, 156, 0.04);
|
||||
color: #78909C;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(120, 144, 156, 0.16);
|
||||
color: #78909C;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #78909C;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(120, 144, 156, 0.04);
|
||||
border-color: transparent;
|
||||
color: #78909C;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(120, 144, 156, 0.16);
|
||||
border-color: transparent;
|
||||
color: #78909C;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #81D4FA;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(129, 212, 250, 0.04);
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(129, 212, 250, 0.16);
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #81D4FA;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(129, 212, 250, 0.04);
|
||||
border-color: transparent;
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(129, 212, 250, 0.16);
|
||||
border-color: transparent;
|
||||
color: #81D4FA;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
border-color: transparent;
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
border-color: transparent;
|
||||
color: #C5E1A5;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFE082;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 224, 130, 0.04);
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 224, 130, 0.16);
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFE082;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 224, 130, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 224, 130, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FFE082;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F48FB1;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(244, 143, 177, 0.04);
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 143, 177, 0.16);
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F48FB1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(244, 143, 177, 0.04);
|
||||
border-color: transparent;
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 143, 177, 0.16);
|
||||
border-color: transparent;
|
||||
color: #F48FB1;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2175,6 +2175,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #81C784;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(129, 199, 132, 0.04);
|
||||
color: #81C784;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(129, 199, 132, 0.16);
|
||||
color: #81C784;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #81C784;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(129, 199, 132, 0.04);
|
||||
color: #81C784;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(129, 199, 132, 0.16);
|
||||
color: #81C784;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.4375rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.625rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #78909C;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(120, 144, 156, 0.04);
|
||||
color: #78909C;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(120, 144, 156, 0.16);
|
||||
color: #78909C;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #78909C;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(120, 144, 156, 0.04);
|
||||
border-color: transparent;
|
||||
color: #78909C;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(120, 144, 156, 0.16);
|
||||
border-color: transparent;
|
||||
color: #78909C;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #81D4FA;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(129, 212, 250, 0.04);
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(129, 212, 250, 0.16);
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #81D4FA;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(129, 212, 250, 0.04);
|
||||
border-color: transparent;
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(129, 212, 250, 0.16);
|
||||
border-color: transparent;
|
||||
color: #81D4FA;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
border-color: transparent;
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
border-color: transparent;
|
||||
color: #C5E1A5;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFE082;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 224, 130, 0.04);
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 224, 130, 0.16);
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFE082;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 224, 130, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 224, 130, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FFE082;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F48FB1;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(244, 143, 177, 0.04);
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 143, 177, 0.16);
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F48FB1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(244, 143, 177, 0.04);
|
||||
border-color: transparent;
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 143, 177, 0.16);
|
||||
border-color: transparent;
|
||||
color: #F48FB1;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2175,6 +2175,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFD54F;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 213, 79, 0.04);
|
||||
color: #FFD54F;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 213, 79, 0.16);
|
||||
color: #FFD54F;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFD54F;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 213, 79, 0.04);
|
||||
color: #FFD54F;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 213, 79, 0.16);
|
||||
color: #FFD54F;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.4375rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.625rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #78909C;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(120, 144, 156, 0.04);
|
||||
color: #78909C;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(120, 144, 156, 0.16);
|
||||
color: #78909C;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #78909C;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(120, 144, 156, 0.04);
|
||||
border-color: transparent;
|
||||
color: #78909C;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(120, 144, 156, 0.16);
|
||||
border-color: transparent;
|
||||
color: #78909C;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #81D4FA;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(129, 212, 250, 0.04);
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(129, 212, 250, 0.16);
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #81D4FA;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(129, 212, 250, 0.04);
|
||||
border-color: transparent;
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(129, 212, 250, 0.16);
|
||||
border-color: transparent;
|
||||
color: #81D4FA;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
border-color: transparent;
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
border-color: transparent;
|
||||
color: #C5E1A5;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFE082;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 224, 130, 0.04);
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 224, 130, 0.16);
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFE082;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 224, 130, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 224, 130, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FFE082;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F48FB1;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(244, 143, 177, 0.04);
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 143, 177, 0.16);
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F48FB1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(244, 143, 177, 0.04);
|
||||
border-color: transparent;
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 143, 177, 0.16);
|
||||
border-color: transparent;
|
||||
color: #F48FB1;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -2175,6 +2175,258 @@
|
|||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.p-splitbutton {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #BA68C8;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(186, 104, 200, 0.04);
|
||||
color: #BA68C8;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(186, 104, 200, 0.16);
|
||||
color: #BA68C8;
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #BA68C8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(186, 104, 200, 0.04);
|
||||
color: #BA68C8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(186, 104, 200, 0.16);
|
||||
color: #BA68C8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 255, 255, 0.16);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.p-splitbutton.p-button-raised {
|
||||
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.p-splitbutton.p-button-rounded {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-rounded > .p-button {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.4375rem 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.625rem 1.25rem;
|
||||
}
|
||||
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #78909C;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(120, 144, 156, 0.04);
|
||||
color: #78909C;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(120, 144, 156, 0.16);
|
||||
color: #78909C;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #78909C;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(120, 144, 156, 0.04);
|
||||
border-color: transparent;
|
||||
color: #78909C;
|
||||
}
|
||||
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(120, 144, 156, 0.16);
|
||||
border-color: transparent;
|
||||
color: #78909C;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #81D4FA;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(129, 212, 250, 0.04);
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(129, 212, 250, 0.16);
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #81D4FA;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(129, 212, 250, 0.04);
|
||||
border-color: transparent;
|
||||
color: #81D4FA;
|
||||
}
|
||||
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(129, 212, 250, 0.16);
|
||||
border-color: transparent;
|
||||
color: #81D4FA;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #C5E1A5;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(197, 225, 165, 0.04);
|
||||
border-color: transparent;
|
||||
color: #C5E1A5;
|
||||
}
|
||||
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(197, 225, 165, 0.16);
|
||||
border-color: transparent;
|
||||
color: #C5E1A5;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFE082;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 224, 130, 0.04);
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 224, 130, 0.16);
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #FFE082;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(255, 224, 130, 0.04);
|
||||
border-color: transparent;
|
||||
color: #FFE082;
|
||||
}
|
||||
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(255, 224, 130, 0.16);
|
||||
border-color: transparent;
|
||||
color: #FFE082;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #CE93D8;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(206, 147, 216, 0.04);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(206, 147, 216, 0.16);
|
||||
border-color: transparent;
|
||||
color: #CE93D8;
|
||||
}
|
||||
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F48FB1;
|
||||
border: 1px solid;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(244, 143, 177, 0.04);
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 143, 177, 0.16);
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button {
|
||||
background-color: transparent;
|
||||
color: #F48FB1;
|
||||
border-color: transparent;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
|
||||
background: rgba(244, 143, 177, 0.04);
|
||||
border-color: transparent;
|
||||
color: #F48FB1;
|
||||
}
|
||||
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
|
||||
background: rgba(244, 143, 177, 0.16);
|
||||
border-color: transparent;
|
||||
color: #F48FB1;
|
||||
}
|
||||
|
||||
.p-carousel .p-carousel-content .p-carousel-prev,
|
||||
.p-carousel .p-carousel-content .p-carousel-next {
|
||||
width: 2rem;
|
||||
|
|
|
|||
|
|
@ -75,14 +75,18 @@ export default {
|
|||
position: relative;
|
||||
}
|
||||
|
||||
.p-splitbutton .p-splitbutton-defaultbutton {
|
||||
.p-splitbutton .p-splitbutton-defaultbutton,
|
||||
.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
|
||||
.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {
|
||||
flex: 1 1 auto;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-right: 0 none;
|
||||
}
|
||||
|
||||
.p-splitbutton-menubutton {
|
||||
.p-splitbutton-menubutton,
|
||||
.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
|
||||
.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
|
|
|||
|
|
@ -17,13 +17,63 @@
|
|||
<SplitButton label="Save" icon="pi pi-plus" @click="save" :model="nestedItems"></SplitButton>
|
||||
|
||||
<h5>Severities</h5>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="mb-2"></SplitButton>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-secondary mb-2"></SplitButton>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-success mb-2"></SplitButton>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-info mb-2"></SplitButton>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-warning mb-2"></SplitButton>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-help mb-2"></SplitButton>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-danger mb-2"></SplitButton>
|
||||
<SplitButton label="Primary" :model="items" class="mb-2"></SplitButton>
|
||||
<SplitButton label="Secondary" :model="items" class="p-button-secondary mb-2"></SplitButton>
|
||||
<SplitButton label="Success" :model="items" class="p-button-success mb-2"></SplitButton>
|
||||
<SplitButton label="Info" :model="items" class="p-button-info mb-2"></SplitButton>
|
||||
<SplitButton label="Warning" :model="items" class="p-button-warning mb-2"></SplitButton>
|
||||
<SplitButton label="Help" :model="items" class="p-button-help mb-2"></SplitButton>
|
||||
<SplitButton label="Danger" :model="items" class="p-button-danger mb-2"></SplitButton>
|
||||
|
||||
<h5>Raised Buttons</h5>
|
||||
<SplitButton label="Primary" :model="items" class="p-button-raised mb-2"></SplitButton>
|
||||
<SplitButton label="Secondary" :model="items" class="p-button-raised p-button-secondary mb-2"></SplitButton>
|
||||
<SplitButton label="Success" :model="items" class="p-button-raised p-button-success mb-2"></SplitButton>
|
||||
<SplitButton label="Info" :model="items" class="p-button-raised p-button-info mb-2"></SplitButton>
|
||||
<SplitButton label="Warning" :model="items" class="p-button-raised p-button-warning mb-2"></SplitButton>
|
||||
<SplitButton label="Help" :model="items" class="p-button-raised p-button-help mb-2"></SplitButton>
|
||||
<SplitButton label="Danger" :model="items" class="p-button-raised p-button-danger mb-2"></SplitButton>
|
||||
|
||||
<h5>Rounded Buttons</h5>
|
||||
<SplitButton label="Primary" :model="items" class="p-button-rounded mb-2"></SplitButton>
|
||||
<SplitButton label="Secondary" :model="items" class="p-button-rounded p-button-secondary mb-2"></SplitButton>
|
||||
<SplitButton label="Success" :model="items" class="p-button-rounded p-button-success mb-2"></SplitButton>
|
||||
<SplitButton label="Info" :model="items" class="p-button-rounded p-button-info mb-2"></SplitButton>
|
||||
<SplitButton label="Warning" :model="items" class="p-button-rounded p-button-warning mb-2"></SplitButton>
|
||||
<SplitButton label="Help" :model="items" class="p-button-rounded p-button-help mb-2"></SplitButton>
|
||||
<SplitButton label="Danger" :model="items" class="p-button-rounded p-button-danger mb-2"></SplitButton>
|
||||
|
||||
<h5>Text Buttons</h5>
|
||||
<SplitButton label="Primary" :model="items" class="p-button-text mb-2"></SplitButton>
|
||||
<SplitButton label="Secondary" :model="items" class="p-button-text p-button-secondary mb-2"></SplitButton>
|
||||
<SplitButton label="Success" :model="items" class="p-button-text p-button-success mb-2"></SplitButton>
|
||||
<SplitButton label="Info" :model="items" class="p-button-text p-button-info mb-2"></SplitButton>
|
||||
<SplitButton label="Warning" :model="items" class="p-button-text p-button-warning mb-2"></SplitButton>
|
||||
<SplitButton label="Help" :model="items" class="p-button-text p-button-help mb-2"></SplitButton>
|
||||
<SplitButton label="Danger" :model="items" class="p-button-text p-button-danger mb-2"></SplitButton>
|
||||
|
||||
<h5>Raised Text Buttons</h5>
|
||||
<SplitButton label="Primary" :model="items" class="p-button-raised p-button-text mb-2"></SplitButton>
|
||||
<SplitButton label="Secondary" :model="items" class="p-button-raised p-button-text p-button-secondary mb-2"></SplitButton>
|
||||
<SplitButton label="Success" :model="items" class="p-button-raised p-button-text p-button-success mb-2"></SplitButton>
|
||||
<SplitButton label="Info" :model="items" class="p-button-raised p-button-text p-button-info mb-2"></SplitButton>
|
||||
<SplitButton label="Warning" :model="items" class="p-button-raised p-button-text p-button-warning mb-2"></SplitButton>
|
||||
<SplitButton label="Help" :model="items" class="p-button-raised p-button-text p-button-help mb-2"></SplitButton>
|
||||
<SplitButton label="Danger" :model="items" class="p-button-raised p-button-text p-button-danger mb-2"></SplitButton>
|
||||
|
||||
<h5>Outlined Buttons</h5>
|
||||
<SplitButton label="Primary" :model="items" class="p-button-outlined mb-2"></SplitButton>
|
||||
<SplitButton label="Secondary" :model="items" class="p-button-outlined p-button-secondary mb-2"></SplitButton>
|
||||
<SplitButton label="Success" :model="items" class="p-button-outlined p-button-success mb-2"></SplitButton>
|
||||
<SplitButton label="Info" :model="items" class="p-button-outlined p-button-info mb-2"></SplitButton>
|
||||
<SplitButton label="Warning" :model="items" class="p-button-outlined p-button-warning mb-2"></SplitButton>
|
||||
<SplitButton label="Help" :model="items" class="p-button-outlined p-button-help mb-2"></SplitButton>
|
||||
<SplitButton label="Danger" :model="items" class="p-button-outlined p-button-danger mb-2"></SplitButton>
|
||||
|
||||
<h5>Sizes</h5>
|
||||
<SplitButton label="Small" :model="items" class="p-button-sm mb-2"></SplitButton>
|
||||
<SplitButton label="Normal" :model="items" class="mb-2"></SplitButton>
|
||||
<SplitButton label="Large" :model="items" class="p-button-lg mb-2"></SplitButton>
|
||||
|
||||
<h5>Templating</h5>
|
||||
<SplitButton :model="items" class="bg-primary border-round">
|
||||
|
|
|
|||
|
|
@ -74,13 +74,20 @@ export default {
|
|||
</ul>
|
||||
|
||||
<pre v-code><code>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items"></SplitButton>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-secondary"></SplitButton>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-success"></SplitButton>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-info"></SplitButton>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-warning"></SplitButton>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-help"></SplitButton>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-danger"></SplitButton>
|
||||
<SplitButton label="Primary" :model="items"></SplitButton>
|
||||
<SplitButton label="Secondary" :model="items" class="p-button-secondary"></SplitButton>
|
||||
<SplitButton label="Success" :model="items" class="p-button-success"></SplitButton>
|
||||
<SplitButton label="Info" :model="items" class="p-button-info"></SplitButton>
|
||||
<SplitButton label="Warning" :model="items" class="p-button-warning"></SplitButton>
|
||||
<SplitButton label="Help" :model="items" class="p-button-help"></SplitButton>
|
||||
<SplitButton label="Danger" :model="items" class="p-button-danger"></SplitButton>
|
||||
|
||||
</code></pre>
|
||||
|
||||
<h5>Raised and Rounded Buttons</h5>
|
||||
<p>SplitButton can be raised by having "p-button-raised" style class and similarly borders can be made rounded using "p-button-rounded" class.</p>
|
||||
<pre v-code><code>
|
||||
<SplitButton label="Proceed" :model="items" class="p-button-raised p-button-rounded"></SplitButton>
|
||||
|
||||
</code></pre>
|
||||
|
||||
|
|
@ -100,64 +107,64 @@ export default {
|
|||
<p>Any property such as tabindex are passed to the underlying input element. Following are the additional properties to configure the component.</p>
|
||||
<div class="doc-tablewrapper">
|
||||
<table class="doc-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Type</th>
|
||||
<th>Default</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>label</td>
|
||||
<td>string</td>
|
||||
<td>null</td>
|
||||
<td>Text of the button.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>icon</td>
|
||||
<td>string</td>
|
||||
<td>null</td>
|
||||
<td>Name of the icon.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>model</td>
|
||||
<td>object</td>
|
||||
<td>null</td>
|
||||
<td>MenuModel instance to define the overlay items.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>autoZIndex</td>
|
||||
<td>boolean</td>
|
||||
<td>true</td>
|
||||
<td>Whether to automatically manage layering.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>baseZIndex</td>
|
||||
<td>number</td>
|
||||
<td>0</td>
|
||||
<td>Base zIndex value to use in layering.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>appendTo</td>
|
||||
<td>string</td>
|
||||
<td>body</td>
|
||||
<td>A valid query selector or an HTMLElement to specify where the overlay gets attached.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>style</td>
|
||||
<td>any</td>
|
||||
<td>null</td>
|
||||
<td>Style class of the component.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>class</td>
|
||||
<td>string</td>
|
||||
<td>null</td>
|
||||
<td>Inline style of the component.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Type</th>
|
||||
<th>Default</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>label</td>
|
||||
<td>string</td>
|
||||
<td>null</td>
|
||||
<td>Text of the button.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>icon</td>
|
||||
<td>string</td>
|
||||
<td>null</td>
|
||||
<td>Name of the icon.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>model</td>
|
||||
<td>object</td>
|
||||
<td>null</td>
|
||||
<td>MenuModel instance to define the overlay items.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>autoZIndex</td>
|
||||
<td>boolean</td>
|
||||
<td>true</td>
|
||||
<td>Whether to automatically manage layering.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>baseZIndex</td>
|
||||
<td>number</td>
|
||||
<td>0</td>
|
||||
<td>Base zIndex value to use in layering.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>appendTo</td>
|
||||
<td>string</td>
|
||||
<td>body</td>
|
||||
<td>A valid query selector or an HTMLElement to specify where the overlay gets attached.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>style</td>
|
||||
<td>any</td>
|
||||
<td>null</td>
|
||||
<td>Style class of the component.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>class</td>
|
||||
<td>string</td>
|
||||
<td>null</td>
|
||||
<td>Inline style of the component.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
|
@ -233,13 +240,63 @@ export default {
|
|||
<SplitButton label="Save" icon="pi pi-plus" @click="save" :model="nestedItems"></SplitButton>
|
||||
|
||||
<h5>Severities</h5>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="mb-2"></SplitButton>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-secondary mb-2"></SplitButton>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-success mb-2"></SplitButton>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-info mb-2"></SplitButton>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-warning mb-2"></SplitButton>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-help mb-2"></SplitButton>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-danger mb-2"></SplitButton>
|
||||
<SplitButton label="Primary" :model="items" class="mb-2"></SplitButton>
|
||||
<SplitButton label="Secondary" :model="items" class="p-button-secondary mb-2"></SplitButton>
|
||||
<SplitButton label="Success" :model="items" class="p-button-success mb-2"></SplitButton>
|
||||
<SplitButton label="Info" :model="items" class="p-button-info mb-2"></SplitButton>
|
||||
<SplitButton label="Warning" :model="items" class="p-button-warning mb-2"></SplitButton>
|
||||
<SplitButton label="Help" :model="items" class="p-button-help mb-2"></SplitButton>
|
||||
<SplitButton label="Danger" :model="items" class="p-button-danger mb-2"></SplitButton>
|
||||
|
||||
<h5>Raised Buttons</h5>
|
||||
<SplitButton label="Primary" :model="items" class="p-button-raised mb-2"></SplitButton>
|
||||
<SplitButton label="Secondary" :model="items" class="p-button-raised p-button-secondary mb-2"></SplitButton>
|
||||
<SplitButton label="Success" :model="items" class="p-button-raised p-button-success mb-2"></SplitButton>
|
||||
<SplitButton label="Info" :model="items" class="p-button-raised p-button-info mb-2"></SplitButton>
|
||||
<SplitButton label="Warning" :model="items" class="p-button-raised p-button-warning mb-2"></SplitButton>
|
||||
<SplitButton label="Help" :model="items" class="p-button-raised p-button-help mb-2"></SplitButton>
|
||||
<SplitButton label="Danger" :model="items" class="p-button-raised p-button-danger mb-2"></SplitButton>
|
||||
|
||||
<h5>Rounded Buttons</h5>
|
||||
<SplitButton label="Primary" :model="items" class="p-button-rounded mb-2"></SplitButton>
|
||||
<SplitButton label="Secondary" :model="items" class="p-button-rounded p-button-secondary mb-2"></SplitButton>
|
||||
<SplitButton label="Success" :model="items" class="p-button-rounded p-button-success mb-2"></SplitButton>
|
||||
<SplitButton label="Info" :model="items" class="p-button-rounded p-button-info mb-2"></SplitButton>
|
||||
<SplitButton label="Warning" :model="items" class="p-button-rounded p-button-warning mb-2"></SplitButton>
|
||||
<SplitButton label="Help" :model="items" class="p-button-rounded p-button-help mb-2"></SplitButton>
|
||||
<SplitButton label="Danger" :model="items" class="p-button-rounded p-button-danger mb-2"></SplitButton>
|
||||
|
||||
<h5>Text Buttons</h5>
|
||||
<SplitButton label="Primary" :model="items" class="p-button-text mb-2"></SplitButton>
|
||||
<SplitButton label="Secondary" :model="items" class="p-button-text p-button-secondary mb-2"></SplitButton>
|
||||
<SplitButton label="Success" :model="items" class="p-button-text p-button-success mb-2"></SplitButton>
|
||||
<SplitButton label="Info" :model="items" class="p-button-text p-button-info mb-2"></SplitButton>
|
||||
<SplitButton label="Warning" :model="items" class="p-button-text p-button-warning mb-2"></SplitButton>
|
||||
<SplitButton label="Help" :model="items" class="p-button-text p-button-help mb-2"></SplitButton>
|
||||
<SplitButton label="Danger" :model="items" class="p-button-text p-button-danger mb-2"></SplitButton>
|
||||
|
||||
<h5>Raised Text Buttons</h5>
|
||||
<SplitButton label="Primary" :model="items" class="p-button-raised p-button-text mb-2"></SplitButton>
|
||||
<SplitButton label="Secondary" :model="items" class="p-button-raised p-button-text p-button-secondary mb-2"></SplitButton>
|
||||
<SplitButton label="Success" :model="items" class="p-button-raised p-button-text p-button-success mb-2"></SplitButton>
|
||||
<SplitButton label="Info" :model="items" class="p-button-raised p-button-text p-button-info mb-2"></SplitButton>
|
||||
<SplitButton label="Warning" :model="items" class="p-button-raised p-button-text p-button-warning mb-2"></SplitButton>
|
||||
<SplitButton label="Help" :model="items" class="p-button-raised p-button-text p-button-help mb-2"></SplitButton>
|
||||
<SplitButton label="Danger" :model="items" class="p-button-raised p-button-text p-button-danger mb-2"></SplitButton>
|
||||
|
||||
<h5>Outlined Buttons</h5>
|
||||
<SplitButton label="Primary" :model="items" class="p-button-outlined mb-2"></SplitButton>
|
||||
<SplitButton label="Secondary" :model="items" class="p-button-outlined p-button-secondary mb-2"></SplitButton>
|
||||
<SplitButton label="Success" :model="items" class="p-button-outlined p-button-success mb-2"></SplitButton>
|
||||
<SplitButton label="Info" :model="items" class="p-button-outlined p-button-info mb-2"></SplitButton>
|
||||
<SplitButton label="Warning" :model="items" class="p-button-outlined p-button-warning mb-2"></SplitButton>
|
||||
<SplitButton label="Help" :model="items" class="p-button-outlined p-button-help mb-2"></SplitButton>
|
||||
<SplitButton label="Danger" :model="items" class="p-button-outlined p-button-danger mb-2"></SplitButton>
|
||||
|
||||
<h5>Sizes</h5>
|
||||
<SplitButton label="Small" :model="items" class="p-button-sm mb-2"></SplitButton>
|
||||
<SplitButton label="Normal" :model="items" class="mb-2"></SplitButton>
|
||||
<SplitButton label="Large" :model="items" class="p-button-lg mb-2"></SplitButton>
|
||||
|
||||
<h5>Templating</h5>
|
||||
<SplitButton :model="items" class="bg-primary border-round">
|
||||
|
|
@ -443,13 +500,63 @@ export default {
|
|||
<SplitButton label="Save" icon="pi pi-plus" @click="save" :model="nestedItems"></SplitButton>
|
||||
|
||||
<h5>Severities</h5>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="mb-2"></SplitButton>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-secondary mb-2"></SplitButton>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-success mb-2"></SplitButton>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-info mb-2"></SplitButton>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-warning mb-2"></SplitButton>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-help mb-2"></SplitButton>
|
||||
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-danger mb-2"></SplitButton>
|
||||
<SplitButton label="Primary" :model="items" class="mb-2"></SplitButton>
|
||||
<SplitButton label="Secondary" :model="items" class="p-button-secondary mb-2"></SplitButton>
|
||||
<SplitButton label="Success" :model="items" class="p-button-success mb-2"></SplitButton>
|
||||
<SplitButton label="Info" :model="items" class="p-button-info mb-2"></SplitButton>
|
||||
<SplitButton label="Warning" :model="items" class="p-button-warning mb-2"></SplitButton>
|
||||
<SplitButton label="Help" :model="items" class="p-button-help mb-2"></SplitButton>
|
||||
<SplitButton label="Danger" :model="items" class="p-button-danger mb-2"></SplitButton>
|
||||
|
||||
<h5>Raised Buttons</h5>
|
||||
<SplitButton label="Primary" :model="items" class="p-button-raised mb-2"></SplitButton>
|
||||
<SplitButton label="Secondary" :model="items" class="p-button-raised p-button-secondary mb-2"></SplitButton>
|
||||
<SplitButton label="Success" :model="items" class="p-button-raised p-button-success mb-2"></SplitButton>
|
||||
<SplitButton label="Info" :model="items" class="p-button-raised p-button-info mb-2"></SplitButton>
|
||||
<SplitButton label="Warning" :model="items" class="p-button-raised p-button-warning mb-2"></SplitButton>
|
||||
<SplitButton label="Help" :model="items" class="p-button-raised p-button-help mb-2"></SplitButton>
|
||||
<SplitButton label="Danger" :model="items" class="p-button-raised p-button-danger mb-2"></SplitButton>
|
||||
|
||||
<h5>Rounded Buttons</h5>
|
||||
<SplitButton label="Primary" :model="items" class="p-button-rounded mb-2"></SplitButton>
|
||||
<SplitButton label="Secondary" :model="items" class="p-button-rounded p-button-secondary mb-2"></SplitButton>
|
||||
<SplitButton label="Success" :model="items" class="p-button-rounded p-button-success mb-2"></SplitButton>
|
||||
<SplitButton label="Info" :model="items" class="p-button-rounded p-button-info mb-2"></SplitButton>
|
||||
<SplitButton label="Warning" :model="items" class="p-button-rounded p-button-warning mb-2"></SplitButton>
|
||||
<SplitButton label="Help" :model="items" class="p-button-rounded p-button-help mb-2"></SplitButton>
|
||||
<SplitButton label="Danger" :model="items" class="p-button-rounded p-button-danger mb-2"></SplitButton>
|
||||
|
||||
<h5>Text Buttons</h5>
|
||||
<SplitButton label="Primary" :model="items" class="p-button-text mb-2"></SplitButton>
|
||||
<SplitButton label="Secondary" :model="items" class="p-button-text p-button-secondary mb-2"></SplitButton>
|
||||
<SplitButton label="Success" :model="items" class="p-button-text p-button-success mb-2"></SplitButton>
|
||||
<SplitButton label="Info" :model="items" class="p-button-text p-button-info mb-2"></SplitButton>
|
||||
<SplitButton label="Warning" :model="items" class="p-button-text p-button-warning mb-2"></SplitButton>
|
||||
<SplitButton label="Help" :model="items" class="p-button-text p-button-help mb-2"></SplitButton>
|
||||
<SplitButton label="Danger" :model="items" class="p-button-text p-button-danger mb-2"></SplitButton>
|
||||
|
||||
<h5>Raised Text Buttons</h5>
|
||||
<SplitButton label="Primary" :model="items" class="p-button-raised p-button-text mb-2"></SplitButton>
|
||||
<SplitButton label="Secondary" :model="items" class="p-button-raised p-button-text p-button-secondary mb-2"></SplitButton>
|
||||
<SplitButton label="Success" :model="items" class="p-button-raised p-button-text p-button-success mb-2"></SplitButton>
|
||||
<SplitButton label="Info" :model="items" class="p-button-raised p-button-text p-button-info mb-2"></SplitButton>
|
||||
<SplitButton label="Warning" :model="items" class="p-button-raised p-button-text p-button-warning mb-2"></SplitButton>
|
||||
<SplitButton label="Help" :model="items" class="p-button-raised p-button-text p-button-help mb-2"></SplitButton>
|
||||
<SplitButton label="Danger" :model="items" class="p-button-raised p-button-text p-button-danger mb-2"></SplitButton>
|
||||
|
||||
<h5>Outlined Buttons</h5>
|
||||
<SplitButton label="Primary" :model="items" class="p-button-outlined mb-2"></SplitButton>
|
||||
<SplitButton label="Secondary" :model="items" class="p-button-outlined p-button-secondary mb-2"></SplitButton>
|
||||
<SplitButton label="Success" :model="items" class="p-button-outlined p-button-success mb-2"></SplitButton>
|
||||
<SplitButton label="Info" :model="items" class="p-button-outlined p-button-info mb-2"></SplitButton>
|
||||
<SplitButton label="Warning" :model="items" class="p-button-outlined p-button-warning mb-2"></SplitButton>
|
||||
<SplitButton label="Help" :model="items" class="p-button-outlined p-button-help mb-2"></SplitButton>
|
||||
<SplitButton label="Danger" :model="items" class="p-button-outlined p-button-danger mb-2"></SplitButton>
|
||||
|
||||
<h5>Sizes</h5>
|
||||
<SplitButton label="Small" :model="items" class="p-button-sm mb-2"></SplitButton>
|
||||
<SplitButton label="Normal" :model="items" class="mb-2"></SplitButton>
|
||||
<SplitButton label="Large" :model="items" class="p-button-lg mb-2"></SplitButton>
|
||||
|
||||
<h5>Templating</h5>
|
||||
<SplitButton :model="items" class="bg-primary border-round">
|
||||
|
|
@ -652,13 +759,63 @@ export default {
|
|||
<p-splitbutton label="Save" icon="pi pi-plus" @click="save" :model="nestedItems"></p-splitbutton>
|
||||
|
||||
<h5>Severities</h5>
|
||||
<p-splitbutton label="Save" icon="pi pi-plus" :model="items" class="mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Save" icon="pi pi-plus" :model="items" class="p-button-secondary mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Save" icon="pi pi-plus" :model="items" class="p-button-success mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Save" icon="pi pi-plus" :model="items" class="p-button-info mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Save" icon="pi pi-plus" :model="items" class="p-button-warning mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Save" icon="pi pi-plus" :model="items" class="p-button-help mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Save" icon="pi pi-plus" :model="items" class="p-button-danger mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Primary" :model="items" class="mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Secondary" :model="items" class="p-button-secondary mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Success" :model="items" class="p-button-success mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Info" :model="items" class="p-button-info mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Warning" :model="items" class="p-button-warning mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Help" :model="items" class="p-button-help mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Danger" :model="items" class="p-button-danger mb-2"></p-splitbutton>
|
||||
|
||||
<h5>Raised Buttons</h5>
|
||||
<p-splitbutton label="Primary" :model="items" class="p-button-raised mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Secondary" :model="items" class="p-button-raised p-button-secondary mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Success" :model="items" class="p-button-raised p-button-success mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Info" :model="items" class="p-button-raised p-button-info mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Warning" :model="items" class="p-button-raised p-button-warning mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Help" :model="items" class="p-button-raised p-button-help mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Danger" :model="items" class="p-button-raised p-button-danger mb-2"></p-splitbutton>
|
||||
|
||||
<h5>Rounded Buttons</h5>
|
||||
<p-splitbutton label="Primary" :model="items" class="p-button-rounded mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Secondary" :model="items" class="p-button-rounded p-button-secondary mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Success" :model="items" class="p-button-rounded p-button-success mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Info" :model="items" class="p-button-rounded p-button-info mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Warning" :model="items" class="p-button-rounded p-button-warning mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Help" :model="items" class="p-button-rounded p-button-help mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Danger" :model="items" class="p-button-rounded p-button-danger mb-2"></p-splitbutton>
|
||||
|
||||
<h5>Text Buttons</h5>
|
||||
<p-splitbutton label="Primary" :model="items" class="p-button-text mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Secondary" :model="items" class="p-button-text p-button-secondary mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Success" :model="items" class="p-button-text p-button-success mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Info" :model="items" class="p-button-text p-button-info mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Warning" :model="items" class="p-button-text p-button-warning mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Help" :model="items" class="p-button-text p-button-help mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Danger" :model="items" class="p-button-text p-button-danger mb-2"></p-splitbutton>
|
||||
|
||||
<h5>Raised Text Buttons</h5>
|
||||
<p-splitbutton label="Primary" :model="items" class="p-button-raised p-button-text mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Secondary" :model="items" class="p-button-raised p-button-text p-button-secondary mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Success" :model="items" class="p-button-raised p-button-text p-button-success mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Info" :model="items" class="p-button-raised p-button-text p-button-info mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Warning" :model="items" class="p-button-raised p-button-text p-button-warning mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Help" :model="items" class="p-button-raised p-button-text p-button-help mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Danger" :model="items" class="p-button-raised p-button-text p-button-danger mb-2"></p-splitbutton>
|
||||
|
||||
<h5>Outlined Buttons</h5>
|
||||
<p-splitbutton label="Primary" :model="items" class="p-button-outlined mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Secondary" :model="items" class="p-button-outlined p-button-secondary mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Success" :model="items" class="p-button-outlined p-button-success mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Info" :model="items" class="p-button-outlined p-button-info mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Warning" :model="items" class="p-button-outlined p-button-warning mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Help" :model="items" class="p-button-outlined p-button-help mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Danger" :model="items" class="p-button-outlined p-button-danger mb-2"></p-splitbutton>
|
||||
|
||||
<h5>Sizes</h5>
|
||||
<p-splitbutton label="Small" :model="items" class="p-button-sm mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Normal" :model="items" class="mb-2"></p-splitbutton>
|
||||
<p-splitbutton label="Large" :model="items" class="p-button-lg mb-2"></p-splitbutton>
|
||||
|
||||
<h5>Templating</h5>
|
||||
<p-splitbutton :model="items" class="bg-primary border-round">
|
||||
|
|
|
|||
Loading…
Reference in New Issue