Fixed #2230 - Add p-button-* class support to SplitButton

pull/2232/head
Tuğçe Küçükoğlu 2022-03-01 10:38:28 +03:00 committed by Tuğçe Küçükoğlu
parent 6264f2bdc3
commit d8ad47cab4
46 changed files with 11734 additions and 95 deletions

View File

@ -2175,6 +2175,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2175,6 +2175,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2175,6 +2175,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2175,6 +2175,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2187,6 +2187,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2187,6 +2187,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2187,6 +2187,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2187,6 +2187,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2175,6 +2175,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2175,6 +2175,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2175,6 +2175,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2175,6 +2175,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2175,6 +2175,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2175,6 +2175,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2175,6 +2175,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2175,6 +2175,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2175,6 +2175,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2187,6 +2187,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2187,6 +2187,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2187,6 +2187,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2187,6 +2187,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2199,6 +2199,258 @@
background-color: rgba(0, 0, 0, 0.32); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2.5rem; width: 2.5rem;
@ -6628,6 +6880,80 @@
transform: scale(1); 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 { .p-steps {
padding: 1rem 0; padding: 1rem 0;
} }

View File

@ -2199,6 +2199,258 @@
background-color: rgba(0, 0, 0, 0.32); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2.5rem; width: 2.5rem;
@ -6628,6 +6880,80 @@
transform: scale(1); 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 { .p-steps {
padding: 1rem 0; padding: 1rem 0;
} }

View File

@ -2199,6 +2199,258 @@
background-color: rgba(0, 0, 0, 0.32); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2.5rem; width: 2.5rem;
@ -6628,6 +6880,80 @@
transform: scale(1); 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 { .p-steps {
padding: 1rem 0; padding: 1rem 0;
} }

View File

@ -2199,6 +2199,258 @@
background-color: rgba(0, 0, 0, 0.32); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2.5rem; width: 2.5rem;
@ -6628,6 +6880,80 @@
transform: scale(1); 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 { .p-steps {
padding: 1rem 0; padding: 1rem 0;
} }

View File

@ -2199,6 +2199,258 @@
background-color: rgba(0, 0, 0, 0.32); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;
@ -6628,6 +6880,80 @@
transform: scale(1); 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 { .p-steps {
padding: 1rem 0; padding: 1rem 0;
} }

View File

@ -2199,6 +2199,258 @@
background-color: rgba(0, 0, 0, 0.32); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;
@ -6628,6 +6880,80 @@
transform: scale(1); 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 { .p-steps {
padding: 1rem 0; padding: 1rem 0;
} }

View File

@ -2199,6 +2199,258 @@
background-color: rgba(0, 0, 0, 0.32); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;
@ -6628,6 +6880,80 @@
transform: scale(1); 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 { .p-steps {
padding: 1rem 0; padding: 1rem 0;
} }

View File

@ -2199,6 +2199,258 @@
background-color: rgba(0, 0, 0, 0.32); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;
@ -6628,6 +6880,80 @@
transform: scale(1); 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 { .p-steps {
padding: 1rem 0; padding: 1rem 0;
} }

View File

@ -2175,6 +2175,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2187,6 +2187,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2187,6 +2187,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2187,6 +2187,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2175,6 +2175,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2175,6 +2175,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2175,6 +2175,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2175,6 +2175,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2175,6 +2175,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2210,6 +2210,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2175,6 +2175,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2175,6 +2175,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2175,6 +2175,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -2175,6 +2175,258 @@
background-color: rgba(0, 0, 0, 0.4); 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-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
width: 2rem; width: 2rem;

View File

@ -75,14 +75,18 @@ export default {
position: relative; 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; flex: 1 1 auto;
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-right: 0 none; 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; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;

View File

@ -17,13 +17,63 @@
<SplitButton label="Save" icon="pi pi-plus" @click="save" :model="nestedItems"></SplitButton> <SplitButton label="Save" icon="pi pi-plus" @click="save" :model="nestedItems"></SplitButton>
<h5>Severities</h5> <h5>Severities</h5>
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="mb-2"></SplitButton> <SplitButton label="Primary" :model="items" class="mb-2"></SplitButton>
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-secondary mb-2"></SplitButton> <SplitButton label="Secondary" :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="Success" :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="Info" :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="Warning" :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="Help" :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="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> <h5>Templating</h5>
<SplitButton :model="items" class="bg-primary border-round"> <SplitButton :model="items" class="bg-primary border-round">

View File

@ -74,13 +74,20 @@ export default {
</ul> </ul>
<pre v-code><code> <pre v-code><code>
&lt;SplitButton label="Save" icon="pi pi-plus" :model="items"&gt;&lt;/SplitButton&gt; &lt;SplitButton label="Primary" :model="items"&gt;&lt;/SplitButton&gt;
&lt;SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-secondary"&gt;&lt;/SplitButton&gt; &lt;SplitButton label="Secondary" :model="items" class="p-button-secondary"&gt;&lt;/SplitButton&gt;
&lt;SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-success"&gt;&lt;/SplitButton&gt; &lt;SplitButton label="Success" :model="items" class="p-button-success"&gt;&lt;/SplitButton&gt;
&lt;SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-info"&gt;&lt;/SplitButton&gt; &lt;SplitButton label="Info" :model="items" class="p-button-info"&gt;&lt;/SplitButton&gt;
&lt;SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-warning"&gt;&lt;/SplitButton&gt; &lt;SplitButton label="Warning" :model="items" class="p-button-warning"&gt;&lt;/SplitButton&gt;
&lt;SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-help"&gt;&lt;/SplitButton&gt; &lt;SplitButton label="Help" :model="items" class="p-button-help"&gt;&lt;/SplitButton&gt;
&lt;SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-danger"&gt;&lt;/SplitButton&gt; &lt;SplitButton label="Danger" :model="items" class="p-button-danger"&gt;&lt;/SplitButton&gt;
</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>
&lt;SplitButton label="Proceed" :model="items" class="p-button-raised p-button-rounded"&gt;&lt;/SplitButton&gt;
</code></pre> </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> <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"> <div class="doc-tablewrapper">
<table class="doc-table"> <table class="doc-table">
<thead> <thead>
<tr> <tr>
<th>Name</th> <th>Name</th>
<th>Type</th> <th>Type</th>
<th>Default</th> <th>Default</th>
<th>Description</th> <th>Description</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>label</td> <td>label</td>
<td>string</td> <td>string</td>
<td>null</td> <td>null</td>
<td>Text of the button.</td> <td>Text of the button.</td>
</tr> </tr>
<tr> <tr>
<td>icon</td> <td>icon</td>
<td>string</td> <td>string</td>
<td>null</td> <td>null</td>
<td>Name of the icon.</td> <td>Name of the icon.</td>
</tr> </tr>
<tr> <tr>
<td>model</td> <td>model</td>
<td>object</td> <td>object</td>
<td>null</td> <td>null</td>
<td>MenuModel instance to define the overlay items.</td> <td>MenuModel instance to define the overlay items.</td>
</tr> </tr>
<tr> <tr>
<td>autoZIndex</td> <td>autoZIndex</td>
<td>boolean</td> <td>boolean</td>
<td>true</td> <td>true</td>
<td>Whether to automatically manage layering.</td> <td>Whether to automatically manage layering.</td>
</tr> </tr>
<tr> <tr>
<td>baseZIndex</td> <td>baseZIndex</td>
<td>number</td> <td>number</td>
<td>0</td> <td>0</td>
<td>Base zIndex value to use in layering.</td> <td>Base zIndex value to use in layering.</td>
</tr> </tr>
<tr> <tr>
<td>appendTo</td> <td>appendTo</td>
<td>string</td> <td>string</td>
<td>body</td> <td>body</td>
<td>A valid query selector or an HTMLElement to specify where the overlay gets attached.</td> <td>A valid query selector or an HTMLElement to specify where the overlay gets attached.</td>
</tr> </tr>
<tr> <tr>
<td>style</td> <td>style</td>
<td>any</td> <td>any</td>
<td>null</td> <td>null</td>
<td>Style class of the component.</td> <td>Style class of the component.</td>
</tr> </tr>
<tr> <tr>
<td>class</td> <td>class</td>
<td>string</td> <td>string</td>
<td>null</td> <td>null</td>
<td>Inline style of the component.</td> <td>Inline style of the component.</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
@ -233,13 +240,63 @@ export default {
<SplitButton label="Save" icon="pi pi-plus" @click="save" :model="nestedItems"></SplitButton> <SplitButton label="Save" icon="pi pi-plus" @click="save" :model="nestedItems"></SplitButton>
<h5>Severities</h5> <h5>Severities</h5>
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="mb-2"></SplitButton> <SplitButton label="Primary" :model="items" class="mb-2"></SplitButton>
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-secondary mb-2"></SplitButton> <SplitButton label="Secondary" :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="Success" :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="Info" :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="Warning" :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="Help" :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="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> <h5>Templating</h5>
<SplitButton :model="items" class="bg-primary border-round"> <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> <SplitButton label="Save" icon="pi pi-plus" @click="save" :model="nestedItems"></SplitButton>
<h5>Severities</h5> <h5>Severities</h5>
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="mb-2"></SplitButton> <SplitButton label="Primary" :model="items" class="mb-2"></SplitButton>
<SplitButton label="Save" icon="pi pi-plus" :model="items" class="p-button-secondary mb-2"></SplitButton> <SplitButton label="Secondary" :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="Success" :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="Info" :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="Warning" :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="Help" :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="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> <h5>Templating</h5>
<SplitButton :model="items" class="bg-primary border-round"> <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> <p-splitbutton label="Save" icon="pi pi-plus" @click="save" :model="nestedItems"></p-splitbutton>
<h5>Severities</h5> <h5>Severities</h5>
<p-splitbutton label="Save" icon="pi pi-plus" :model="items" class="mb-2"></p-splitbutton> <p-splitbutton label="Primary" :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="Secondary" :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="Success" :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="Info" :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="Warning" :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="Help" :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="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> <h5>Templating</h5>
<p-splitbutton :model="items" class="bg-primary border-round"> <p-splitbutton :model="items" class="bg-primary border-round">