:root {
    --surface-a: #ffffff;
    --surface-b: #fafafa;
    --surface-c: rgba(0,0,0,.04);
    --surface-d: rgba(0,0,0,.12);
    --surface-e: #ffffff;
    --surface-f: #ffffff;
    --text-color: rgba(0, 0, 0, 0.87);
    --text-color-secondary: rgba(0, 0, 0, 0.6);
    --primary-color: #000000;
    --primary-color-text: #ffffff;
    --font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
    --surface-0: #ffffff;
    --surface-50: #FAFAFA;
    --surface-100: #F5F5F5;
    --surface-200: #EEEEEE;
    --surface-300: #E0E0E0;
    --surface-400: #BDBDBD;
    --surface-500: #9E9E9E;
    --surface-600: #757575;
    --surface-700: #616161;
    --surface-800: #424242;
    --surface-900: #212121;
    --gray-50: #FAFAFA;
    --gray-100: #F5F5F5;
    --gray-200: #EEEEEE;
    --gray-300: #E0E0E0;
    --gray-400: #BDBDBD;
    --gray-500: #9E9E9E;
    --gray-600: #757575;
    --gray-700: #616161;
    --gray-800: #424242;
    --gray-900: #212121;
    --content-padding: 1rem;
    --inline-spacing: 0.5rem;
    --border-radius: 4px;
    --surface-ground: #fafafa;
    --surface-section: #ffffff;
    --surface-card: #ffffff;
    --surface-overlay: #ffffff;
    --surface-border: rgba(0,0,0,.12);
    --surface-hover: rgba(0,0,0,.04);
    --maskbg: rgba(0, 0, 0, 0.32);
    --focus-ring: none;
    --highlight-bg: rgba(0, 0, 0, 0.12);
    --highlight-text-color: #000000;
    color-scheme: light
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
}

* {
    box-sizing: border-box
}

.p-component {
    font-family: Roboto,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
    font-size: 1rem;
    font-weight: normal
}

.p-component-overlay {
    background-color: rgba(0,0,0,.32);
    transition-duration: .2s
}

.p-disabled, .p-component:disabled {
    opacity: .38
}

.p-error {
    color: #b00020
}

.p-text-secondary {
    color: rgba(0,0,0,.6)
}

.pi {
    font-size: 1rem
}

.p-icon {
    width: 1rem;
    height: 1rem
}

.p-link {
    font-size: 1rem;
    font-family: Roboto,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
    border-radius: 4px
}

    .p-link:focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: none
    }

.p-component-overlay-enter {
    animation: p-component-overlay-enter-animation 150ms forwards
}

.p-component-overlay-leave {
    animation: p-component-overlay-leave-animation 150ms forwards
}

@keyframes p-component-overlay-enter-animation {
    from {
        background-color: transparent
    }

    to {
        background-color: var(--maskbg)
    }
}

@keyframes p-component-overlay-leave-animation {
    from {
        background-color: var(--maskbg)
    }

    to {
        background-color: transparent
    }
}

:root {
    --blue-50: #f4fafe;
    --blue-100: #cae6fc;
    --blue-200: #a0d2fa;
    --blue-300: #75bef8;
    --blue-400: #4baaf5;
    --blue-500: #2196f3;
    --blue-600: #1c80cf;
    --blue-700: #1769aa;
    --blue-800: #125386;
    --blue-900: #0d3c61;
    --green-50: #f7faf5;
    --green-100: #dbe8cf;
    --green-200: #bed6a9;
    --green-300: #a1c384;
    --green-400: #85b15e;
    --green-500: #689f38;
    --green-600: #588730;
    --green-700: #496f27;
    --green-800: #39571f;
    --green-900: #2a4016;
    --yellow-50: #fffcf5;
    --yellow-100: #fef0cd;
    --yellow-200: #fde4a5;
    --yellow-300: #fdd87d;
    --yellow-400: #fccc55;
    --yellow-500: #fbc02d;
    --yellow-600: #d5a326;
    --yellow-700: #b08620;
    --yellow-800: #8a6a19;
    --yellow-900: #644d12;
    --cyan-50: #f2fcfd;
    --cyan-100: #c2eff5;
    --cyan-200: #91e2ed;
    --cyan-300: #61d5e4;
    --cyan-400: #30c9dc;
    --cyan-500: #00bcd4;
    --cyan-600: #00a0b4;
    --cyan-700: #008494;
    --cyan-800: #006775;
    --cyan-900: #004b55;
    --pink-50: #fef4f7;
    --pink-100: #fac9da;
    --pink-200: #f69ebc;
    --pink-300: #f1749e;
    --pink-400: #ed4981;
    --pink-500: #e91e63;
    --pink-600: #c61a54;
    --pink-700: #a31545;
    --pink-800: #801136;
    --pink-900: #5d0c28;
    --indigo-50: #f6f7fc;
    --indigo-100: #d5d9ef;
    --indigo-200: #b3bae2;
    --indigo-300: #919cd5;
    --indigo-400: #707dc8;
    --indigo-500: #4e5fbb;
    --indigo-600: #42519f;
    --indigo-700: #374383;
    --indigo-800: #2b3467;
    --indigo-900: #1f264b;
    --teal-50: #f2faf9;
    --teal-100: #c2e6e2;
    --teal-200: #91d2cc;
    --teal-300: #61beb5;
    --teal-400: #30aa9f;
    --teal-500: #009688;
    --teal-600: #008074;
    --teal-700: #00695f;
    --teal-800: #00534b;
    --teal-900: #003c36;
    --orange-50: #fffaf2;
    --orange-100: #ffe6c2;
    --orange-200: #ffd391;
    --orange-300: #ffbf61;
    --orange-400: #ffac30;
    --orange-500: #ff9800;
    --orange-600: #d98100;
    --orange-700: #b36a00;
    --orange-800: #8c5400;
    --orange-900: #663d00;
    --bluegray-50: #f7f9f9;
    --bluegray-100: #d9e0e3;
    --bluegray-200: #bbc7cd;
    --bluegray-300: #9caeb7;
    --bluegray-400: #7e96a1;
    --bluegray-500: #607d8b;
    --bluegray-600: #526a76;
    --bluegray-700: #435861;
    --bluegray-800: #35454c;
    --bluegray-900: #263238;
    --purple-50: #faf4fb;
    --purple-100: #e7cbec;
    --purple-200: #d4a2dd;
    --purple-300: #c279ce;
    --purple-400: #af50bf;
    --purple-500: #9c27b0;
    --purple-600: #852196;
    --purple-700: #6d1b7b;
    --purple-800: #561561;
    --purple-900: #3e1046;
    --red-50: #fef6f5;
    --red-100: #fcd2cf;
    --red-200: #faaea9;
    --red-300: #f88a82;
    --red-400: #f6675c;
    --red-500: #f44336;
    --red-600: #cf392e;
    --red-700: #ab2f26;
    --red-800: #86251e;
    --red-900: #621b16;
    --primary-50: #f2f2f2;
    --primary-100: #c2c2c2;
    --primary-200: #919191;
    --primary-300: #616161;
    --primary-400: #303030;
    --primary-500: black;
    --primary-600: black;
    --primary-700: black;
    --primary-800: black;
    --primary-900: black
}

.p-autocomplete .p-autocomplete-loader {
    right: 1rem
}

.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
    right: 4rem
}

.p-autocomplete .p-autocomplete-multiple-container {
    padding: .5rem 1rem;
    gap: .5rem
}

    .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
        border-color: rgba(0,0,0,.87)
    }

    .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: none;
        border-color: #000
    }

    .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
        padding: .5rem 0
    }

        .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
            font-family: Roboto,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
            font-size: 1rem;
            color: rgba(0,0,0,.87);
            padding: 0;
            margin: 0
        }

    .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
        padding: .5rem 1rem;
        background: rgba(0,0,0,.12);
        color: #000;
        border-radius: 4px
    }

        .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
            margin-left: .5rem
        }

p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
    border-color: #b00020
}

.p-autocomplete-panel {
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 0 none;
    border-radius: 4px;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)
}

    .p-autocomplete-panel .p-autocomplete-items {
        padding: 0
    }

        .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
            margin: 0;
            padding: 1rem 1rem;
            border: 0 none;
            color: rgba(0,0,0,.87);
            background: transparent;
            transition: none;
            border-radius: 0
        }

            .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
                color: rgba(0,0,0,.87);
                background: rgba(0,0,0,.04)
            }

            .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
                color: #000;
                background: rgba(0,0,0,.12)
            }

        .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
            padding: 1rem 1rem;
            color: rgba(0,0,0,.87);
            background: transparent
        }

        .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
            margin: 0;
            padding: 1rem;
            color: rgba(0,0,0,.6);
            background: #fff;
            font-weight: 400
        }

p-autocomplete.p-autocomplete-clearable .p-inputtext {
    padding-right: 3rem
}

p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
    color: rgba(0,0,0,.6);
    right: 1rem
}

p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
    color: rgba(0,0,0,.6);
    right: 4rem
}

p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
    border-color: #b00020
}

.p-datepicker {
    padding: .5rem;
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 1px solid #e5e5e5;
    border-radius: 4px
}

    .p-datepicker:not(.p-datepicker-inline) {
        background: #fff;
        border: 0 none;
        box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)
    }

        .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
            background: #fff
        }

    .p-datepicker .p-datepicker-header {
        padding: .5rem;
        color: rgba(0,0,0,.87);
        background: #fff;
        font-weight: 500;
        margin: 0;
        border-bottom: 1px solid rgba(0,0,0,.12);
        border-top-right-radius: 4px;
        border-top-left-radius: 4px
    }

        .p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-next {
            width: 2.5rem;
            height: 2.5rem;
            color: rgba(0,0,0,.6);
            border: 0 none;
            background: transparent;
            border-radius: 50%;
            transition: background-color .2s,color .2s,box-shadow .2s
        }

            .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
                color: rgba(0,0,0,.6);
                border-color: transparent;
                background: rgba(0,0,0,.04)
            }

            .p-datepicker .p-datepicker-header .p-datepicker-prev:focus, .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
                outline: 0 none;
                outline-offset: 0;
                box-shadow: none
            }

        .p-datepicker .p-datepicker-header .p-datepicker-title {
            line-height: 2.5rem
        }

            .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
                color: rgba(0,0,0,.87);
                transition: background-color .2s,color .2s,box-shadow .2s;
                font-weight: 500;
                padding: .5rem
            }

                .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
                    color: #000
                }

            .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
                margin-right: .5rem
            }

    .p-datepicker table {
        font-size: 1rem;
        margin: .5rem 0
    }

        .p-datepicker table th {
            padding: .5rem
        }

            .p-datepicker table th > span {
                width: 2.5rem;
                height: 2.5rem
            }

        .p-datepicker table td {
            padding: .5rem
        }

            .p-datepicker table td > span {
                width: 2.5rem;
                height: 2.5rem;
                border-radius: 50%;
                transition: none;
                border: 1px solid transparent
            }

                .p-datepicker table td > span.p-highlight {
                    color: #000;
                    background: rgba(0,0,0,.12)
                }

                .p-datepicker table td > span:focus {
                    outline: 0 none;
                    outline-offset: 0;
                    box-shadow: none
                }

            .p-datepicker table td.p-datepicker-today > span {
                background: #fff;
                color: rgba(0,0,0,.87);
                border-color: #000
            }

                .p-datepicker table td.p-datepicker-today > span.p-highlight {
                    color: #000;
                    background: rgba(0,0,0,.12)
                }

    .p-datepicker .p-datepicker-buttonbar {
        padding: 1rem 0;
        border-top: 1px solid rgba(0,0,0,.12)
    }

        .p-datepicker .p-datepicker-buttonbar .p-button {
            width: auto
        }

    .p-datepicker .p-timepicker {
        border-top: 1px solid rgba(0,0,0,.12);
        padding: .5rem
    }

        .p-datepicker .p-timepicker button {
            width: 2.5rem;
            height: 2.5rem;
            color: rgba(0,0,0,.6);
            border: 0 none;
            background: transparent;
            border-radius: 50%;
            transition: background-color .2s,color .2s,box-shadow .2s
        }

            .p-datepicker .p-timepicker button:enabled:hover {
                color: rgba(0,0,0,.6);
                border-color: transparent;
                background: rgba(0,0,0,.04)
            }

            .p-datepicker .p-timepicker button:focus {
                outline: 0 none;
                outline-offset: 0;
                box-shadow: none
            }

            .p-datepicker .p-timepicker button:last-child {
                margin-top: .2em
            }

        .p-datepicker .p-timepicker span {
            font-size: 1.25rem
        }

        .p-datepicker .p-timepicker > div {
            padding: 0 .5rem
        }

    .p-datepicker.p-datepicker-timeonly .p-timepicker {
        border-top: 0 none
    }

    .p-datepicker .p-monthpicker {
        margin: .5rem 0
    }

        .p-datepicker .p-monthpicker .p-monthpicker-month {
            padding: .5rem;
            transition: none;
            border-radius: 4px
        }

            .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
                color: #000;
                background: rgba(0,0,0,.12)
            }

    .p-datepicker .p-yearpicker {
        margin: .5rem 0
    }

        .p-datepicker .p-yearpicker .p-yearpicker-year {
            padding: .5rem;
            transition: none;
            border-radius: 4px
        }

            .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
                color: #000;
                background: rgba(0,0,0,.12)
            }

    .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
        border-left: 1px solid rgba(0,0,0,.12);
        padding-right: .5rem;
        padding-left: .5rem;
        padding-top: 0;
        padding-bottom: 0
    }

        .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
            padding-left: 0;
            border-left: 0 none
        }

        .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
            padding-right: 0
        }

    .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
        background: rgba(0,0,0,.04)
    }

    .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: none
    }

    .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
        background: rgba(0,0,0,.04)
    }

    .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: none
    }

    .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
        background: rgba(0,0,0,.04)
    }

    .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: none
    }

p-calendar.p-calendar-clearable .p-inputtext {
    padding-right: 3rem
}

p-calendar.p-calendar-clearable .p-calendar-clear-icon {
    color: rgba(0,0,0,.6);
    right: 1rem
}

p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon {
    color: rgba(0,0,0,.6);
    right: 4rem
}

@media screen and (max-width: 769px) {
    .p-datepicker table th, .p-datepicker table td {
        padding: 0
    }
}

.p-cascadeselect {
    background: #fff;
    border: 1px solid rgba(0,0,0,.38);
    transition: background-color .2s,border-color .2s,color .2s,box-shadow .2s,background-size .2s cubic-bezier(0.64, 0.09, 0.08, 1);
    border-radius: 4px
}

    .p-cascadeselect:not(.p-disabled):hover {
        border-color: rgba(0,0,0,.87)
    }

    .p-cascadeselect:not(.p-disabled).p-focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: none;
        border-color: #000
    }

    .p-cascadeselect .p-cascadeselect-label {
        background: transparent;
        border: 0 none;
        padding: 1rem 1rem
    }

        .p-cascadeselect .p-cascadeselect-label.p-placeholder {
            color: rgba(0,0,0,.6)
        }

        .p-cascadeselect .p-cascadeselect-label:enabled:focus {
            outline: 0 none;
            box-shadow: none
        }

    .p-cascadeselect .p-cascadeselect-trigger {
        background: transparent;
        color: rgba(0,0,0,.6);
        width: 2.357rem;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

.p-cascadeselect-panel {
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 0 none;
    border-radius: 4px;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)
}

    .p-cascadeselect-panel .p-cascadeselect-items {
        padding: 0
    }

        .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
            margin: 0;
            border: 0 none;
            color: rgba(0,0,0,.87);
            background: transparent;
            transition: none;
            border-radius: 0
        }

            .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
                padding: 1rem 1rem
            }

                .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
                    outline: 0 none;
                    outline-offset: 0;
                    box-shadow: none
                }

            .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
                color: #000;
                background: rgba(0,0,0,.12)
            }

            .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
                color: rgba(0,0,0,.87);
                background: rgba(0,0,0,.04)
            }

            .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
                font-size: .875rem
            }

            .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon {
                width: .875rem;
                height: .875rem
            }

p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
    border-color: #b00020
}

.p-input-filled .p-cascadeselect {
    background: #f5f5f5
}

    .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
        background-color: #ececec
    }

    .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
        background-color: #dcdcdc
    }

p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
    padding-right: 1rem
}

p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
    color: rgba(0,0,0,.6);
    right: 2.357rem
}

.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel {
    box-shadow: none;
    border-radius: 0;
    padding: .25rem 0 .25rem .5rem
}

.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon {
    transform: rotate(90deg)
}

.p-checkbox {
    width: 18px;
    height: 18px
}

    .p-checkbox .p-checkbox-box {
        border: 2px solid #757575;
        background: #fff;
        width: 18px;
        height: 18px;
        color: rgba(0,0,0,.87);
        border-radius: 4px;
        transition: background-color .2s,border-color .2s,color .2s,box-shadow .2s,background-size .2s cubic-bezier(0.64, 0.09, 0.08, 1)
    }

        .p-checkbox .p-checkbox-box .p-checkbox-icon {
            transition-duration: .2s;
            color: #fff;
            font-size: 14px
        }

        .p-checkbox .p-checkbox-box .p-icon {
            width: 14px;
            height: 14px
        }

        .p-checkbox .p-checkbox-box.p-highlight {
            border-color: #000;
            background: #000
        }

    .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
        border-color: rgba(0,0,0,.87)
    }

    .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: none;
        border-color: #000
    }

    .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
        border-color: #000;
        background: #000;
        color: #fff
    }

p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
    border-color: #b00020
}

.p-input-filled .p-checkbox .p-checkbox-box {
    background-color: #f5f5f5
}

    .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
        background: #000
    }

.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    background-color: #ececec
}

.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    background: #000
}

.p-checkbox-label {
    margin-left: .5rem
}

.p-chips .p-chips-multiple-container {
    padding: .5rem 1rem;
    gap: .5rem
}

    .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
        border-color: rgba(0,0,0,.87)
    }

    .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: none;
        border-color: #000
    }

    .p-chips .p-chips-multiple-container .p-chips-token {
        padding: .5rem 1rem;
        background: rgba(0,0,0,.12);
        color: #000;
        border-radius: 4px
    }

        .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
            margin-left: .5rem
        }

    .p-chips .p-chips-multiple-container .p-chips-input-token {
        padding: .5rem 0
    }

        .p-chips .p-chips-multiple-container .p-chips-input-token input {
            font-family: Roboto,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
            font-size: 1rem;
            color: rgba(0,0,0,.87);
            padding: 0;
            margin: 0
        }

p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
    border-color: #b00020
}

p-chips.p-chips-clearable .p-inputtext {
    padding-right: 2rem
}

p-chips.p-chips-clearable .p-chips-clear-icon {
    color: rgba(0,0,0,.6);
    right: 1rem
}

.p-colorpicker-preview, .p-fluid .p-colorpicker-preview.p-inputtext {
    width: 2rem;
    height: 2rem
}

.p-colorpicker-panel {
    background: #323232;
    border: 1px solid #191919
}

    .p-colorpicker-panel .p-colorpicker-color-handle, .p-colorpicker-panel .p-colorpicker-hue-handle {
        border-color: #fff
    }

.p-colorpicker-overlay-panel {
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)
}

.p-dropdown {
    background: #fff;
    border: 1px solid rgba(0,0,0,.38);
    transition: background-color .2s,border-color .2s,color .2s,box-shadow .2s,background-size .2s cubic-bezier(0.64, 0.09, 0.08, 1);
    border-radius: 4px
}

    .p-dropdown:not(.p-disabled):hover {
        border-color: rgba(0,0,0,.87)
    }

    .p-dropdown:not(.p-disabled).p-focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: none;
        border-color: #000
    }

    .p-dropdown.p-dropdown-clearable .p-dropdown-label {
        padding-right: 2rem
    }

    .p-dropdown .p-dropdown-label {
        background: transparent;
        border: 0 none
    }

        .p-dropdown .p-dropdown-label.p-placeholder {
            color: rgba(0,0,0,.6)
        }

        .p-dropdown .p-dropdown-label:enabled:focus {
            outline: 0 none;
            box-shadow: none
        }

    .p-dropdown .p-dropdown-trigger {
        background: transparent;
        color: rgba(0,0,0,.6);
        width: 2.357rem;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .p-dropdown .p-dropdown-clear-icon {
        color: rgba(0,0,0,.6);
        right: 2.357rem
    }

.p-dropdown-panel {
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 0 none;
    border-radius: 4px;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)
}

    .p-dropdown-panel .p-dropdown-header {
        padding: 1rem;
        border-bottom: 1px solid rgba(0,0,0,.12);
        color: rgba(0,0,0,.87);
        background: #fff;
        margin: 0;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px
    }

        .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
            padding-right: 2rem;
            margin-right: -2rem
        }

        .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
            right: 1rem;
            color: rgba(0,0,0,.6)
        }

    .p-dropdown-panel .p-dropdown-items {
        padding: 0
    }

        .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
            margin: 0;
            padding: 1rem 1rem;
            border: 0 none;
            color: rgba(0,0,0,.87);
            background: transparent;
            transition: none;
            border-radius: 0
        }

            .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
                color: #000;
                background: rgba(0,0,0,.12)
            }

            .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
                color: rgba(0,0,0,.87);
                background: rgba(0,0,0,.04)
            }

        .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
            padding: 1rem 1rem;
            color: rgba(0,0,0,.87);
            background: transparent
        }

        .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
            margin: 0;
            padding: 1rem;
            color: rgba(0,0,0,.6);
            background: #fff;
            font-weight: 400
        }

p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
    border-color: #b00020
}

.p-input-filled .p-dropdown {
    background: #f5f5f5
}

    .p-input-filled .p-dropdown:not(.p-disabled):hover {
        background-color: #ececec
    }

    .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
        background-color: #dcdcdc
    }

        .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
            background-color: transparent
        }

.p-editor-container .p-editor-toolbar {
    background: #fff;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

    .p-editor-container .p-editor-toolbar.ql-snow {
        border: 1px solid #e0e0e0
    }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
            stroke: rgba(0,0,0,.6)
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
            fill: rgba(0,0,0,.6)
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
            border: 0 none;
            color: rgba(0,0,0,.6)
        }

            .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
                color: rgba(0,0,0,.87)
            }

                .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
                    stroke: rgba(0,0,0,.87)
                }

                .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
                    fill: rgba(0,0,0,.87)
                }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
            color: rgba(0,0,0,.87)
        }

            .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
                stroke: rgba(0,0,0,.87)
            }

            .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
                fill: rgba(0,0,0,.87)
            }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
            background: #fff;
            border: 0 none;
            box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
            border-radius: 4px;
            padding: 0
        }

            .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
                color: rgba(0,0,0,.87)
            }

                .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
                    color: rgba(0,0,0,.87);
                    background: rgba(0,0,0,.04)
                }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
            padding: 1rem 1rem
        }

.p-editor-container .p-editor-content {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

    .p-editor-container .p-editor-content.ql-snow {
        border: 1px solid #e0e0e0
    }

    .p-editor-container .p-editor-content .ql-editor {
        background: #fff;
        color: rgba(0,0,0,.87);
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

.p-editor-container .ql-snow.ql-toolbar button:hover, .p-editor-container .ql-snow.ql-toolbar button:focus {
    color: rgba(0,0,0,.87)
}

    .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
        stroke: rgba(0,0,0,.87)
    }

    .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
        fill: rgba(0,0,0,.87)
    }

.p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
    color: #000
}

    .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
        stroke: #000
    }

    .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
        fill: #000
    }

    .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
        color: #000
    }

.p-inputgroup-addon {
    background: #fff;
    color: rgba(0,0,0,.6);
    border-top: 1px solid rgba(0,0,0,.38);
    border-left: 1px solid rgba(0,0,0,.38);
    border-bottom: 1px solid rgba(0,0,0,.38);
    padding: 1rem 1rem;
    min-width: 2.357rem
}

    .p-inputgroup-addon:last-child {
        border-right: 1px solid rgba(0,0,0,.38)
    }

.p-inputgroup > .p-component, .p-inputgroup > .p-element, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, .p-inputgroup > .p-float-label > .p-component {
    border-radius: 0;
    margin: 0
}

    .p-inputgroup > .p-component + .p-inputgroup-addon, .p-inputgroup > .p-element + .p-inputgroup-addon, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
        border-left: 0 none
    }

    .p-inputgroup > .p-component:focus, .p-inputgroup > .p-element:focus, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, .p-inputgroup > .p-float-label > .p-component:focus {
        z-index: 1
    }

        .p-inputgroup > .p-component:focus ~ label, .p-inputgroup > .p-element:focus ~ label, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label {
            z-index: 1
        }

.p-inputgroup-addon:first-child, .p-inputgroup button:first-child, .p-inputgroup input:first-child, .p-inputgroup > .p-inputwrapper:first-child > .p-component, .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.p-inputgroup .p-float-label:first-child input {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.p-inputgroup-addon:last-child, .p-inputgroup button:last-child, .p-inputgroup input:last-child, .p-inputgroup > .p-inputwrapper:last-child > .p-component, .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.p-inputgroup .p-float-label:last-child input {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.p-fluid .p-inputgroup .p-button {
    width: auto
}

    .p-fluid .p-inputgroup .p-button.p-button-icon-only {
        width: 3rem
    }

p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
    border-color: #b00020
}

p-inputmask.p-inputmask-clearable .p-inputtext {
    padding-right: 3rem
}

p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
    color: rgba(0,0,0,.6);
    right: 1rem
}

p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
    border-color: #b00020
}

p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
    padding-right: 3rem
}

p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
    color: rgba(0,0,0,.6);
    right: 1rem
}

p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon {
    right: 4rem
}

p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon {
    right: 4rem
}

.p-inputswitch {
    width: 2.75rem;
    height: 1rem
}

    .p-inputswitch .p-inputswitch-slider {
        background: rgba(0,0,0,.38);
        transition: background-color .2s,border-color .2s,color .2s,box-shadow .2s,background-size .2s cubic-bezier(0.64, 0.09, 0.08, 1);
        border-radius: .5rem
    }

        .p-inputswitch .p-inputswitch-slider:before {
            background: #fff;
            width: 1.5rem;
            height: 1.5rem;
            left: -1px;
            margin-top: -0.75rem;
            border-radius: 50%;
            transition-duration: .2s
        }

    .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
        transform: translateX(1.5rem)
    }

    .p-inputswitch.p-focus .p-inputswitch-slider {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: none
    }

    .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
        background: rgba(0,0,0,.38)
    }

    .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
        background: rgba(0,0,0,.5)
    }

        .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
            background: #000
        }

    .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
        background: rgba(0,0,0,.5)
    }

p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
    border-color: #b00020
}

.p-inputtext {
    font-family: Roboto,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
    font-size: 1rem;
    color: rgba(0,0,0,.87);
    background: #fff;
    padding: 1rem 1rem;
    border: 1px solid rgba(0,0,0,.38);
    transition: background-color .2s,border-color .2s,color .2s,box-shadow .2s,background-size .2s cubic-bezier(0.64, 0.09, 0.08, 1);
    appearance: none;
    border-radius: 4px
}

    .p-inputtext:enabled:hover {
        border-color: rgba(0,0,0,.87)
    }

    .p-inputtext:enabled:focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: none;
        border-color: #000
    }

    .p-inputtext.ng-dirty.ng-invalid {
        border-color: #b00020
    }

    .p-inputtext.p-inputtext-sm {
        font-size: .875rem;
        padding: .875rem .875rem
    }

    .p-inputtext.p-inputtext-lg {
        font-size: 1.25rem;
        padding: 1.25rem 1.25rem
    }

.p-float-label > label {
    left: 1rem;
    color: rgba(0,0,0,.6);
    transition-duration: .2s
}

.p-float-label > .ng-invalid.ng-dirty + label {
    color: #b00020
}

.p-input-icon-left > .p-icon-wrapper.p-icon, .p-input-icon-left > i:first-of-type {
    left: 1rem;
    color: rgba(0,0,0,.6)
}

.p-input-icon-left > .p-inputtext {
    padding-left: 3rem
}

.p-input-icon-left.p-float-label > label {
    left: 3rem
}

.p-input-icon-right > .p-icon-wrapper, .p-input-icon-right > i:last-of-type {
    right: 1rem;
    color: rgba(0,0,0,.6)
}

.p-input-icon-right > .p-inputtext {
    padding-right: 3rem
}

::-webkit-input-placeholder {
    color: rgba(0,0,0,.6)
}

:-moz-placeholder {
    color: rgba(0,0,0,.6)
}

::-moz-placeholder {
    color: rgba(0,0,0,.6)
}

:-ms-input-placeholder {
    color: rgba(0,0,0,.6)
}

.p-input-filled .p-inputtext {
    background-color: #f5f5f5
}

    .p-input-filled .p-inputtext:enabled:hover {
        background-color: #ececec
    }

    .p-input-filled .p-inputtext:enabled:focus {
        background-color: #dcdcdc
    }

.p-inputtext-sm .p-inputtext {
    font-size: .875rem;
    padding: .875rem .875rem
}

.p-inputtext-lg .p-inputtext {
    font-size: 1.25rem;
    padding: 1.25rem 1.25rem
}

.p-listbox {
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 1px solid #e5e5e5;
    border-radius: 4px
}

    .p-listbox .p-listbox-header {
        padding: 1rem;
        border-bottom: 1px solid rgba(0,0,0,.12);
        color: rgba(0,0,0,.87);
        background: #fff;
        margin: 0;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px
    }

        .p-listbox .p-listbox-header .p-listbox-filter {
            padding-right: 2rem
        }

        .p-listbox .p-listbox-header .p-listbox-filter-icon {
            right: 1rem;
            color: rgba(0,0,0,.6)
        }

        .p-listbox .p-listbox-header .p-checkbox {
            margin-right: .5rem
        }

    .p-listbox .p-listbox-list {
        padding: 0
    }

        .p-listbox .p-listbox-list .p-listbox-item {
            margin: 0;
            padding: 1rem 1rem;
            border: 0 none;
            color: rgba(0,0,0,.87);
            transition: none;
            border-radius: 0
        }

            .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
                color: #000;
                background: rgba(0,0,0,.12)
            }

            .p-listbox .p-listbox-list .p-listbox-item:focus {
                outline: 0 none;
                outline-offset: 0;
                box-shadow: none
            }

            .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
                margin-right: .5rem
            }

        .p-listbox .p-listbox-list .p-listbox-item-group {
            margin: 0;
            padding: 1rem;
            color: rgba(0,0,0,.6);
            background: #fff;
            font-weight: 400
        }

        .p-listbox .p-listbox-list .p-listbox-empty-message {
            padding: 1rem 1rem;
            color: rgba(0,0,0,.87);
            background: transparent
        }

    .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
        color: rgba(0,0,0,.87);
        background: rgba(0,0,0,.04)
    }

p-listbox.ng-dirty.ng-invalid > .p-listbox {
    border-color: #b00020
}

.p-multiselect {
    background: #fff;
    border: 1px solid rgba(0,0,0,.38);
    transition: background-color .2s,border-color .2s,color .2s,box-shadow .2s,background-size .2s cubic-bezier(0.64, 0.09, 0.08, 1);
    border-radius: 4px
}

    .p-multiselect:not(.p-disabled):hover {
        border-color: rgba(0,0,0,.87)
    }

    .p-multiselect:not(.p-disabled).p-focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: none;
        border-color: #000
    }

    .p-multiselect .p-multiselect-label {
        padding: 1rem 1rem;
        transition: background-color .2s,border-color .2s,color .2s,box-shadow .2s,background-size .2s cubic-bezier(0.64, 0.09, 0.08, 1)
    }

        .p-multiselect .p-multiselect-label.p-placeholder {
            color: rgba(0,0,0,.6)
        }

    .p-multiselect.p-multiselect-chip .p-multiselect-label {
        gap: .5rem
    }

    .p-multiselect.p-multiselect-chip .p-multiselect-token {
        padding: .5rem 1rem;
        background: rgba(0,0,0,.12);
        color: #000;
        border-radius: 4px
    }

        .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
            margin-left: .5rem
        }

    .p-multiselect .p-multiselect-trigger {
        background: transparent;
        color: rgba(0,0,0,.6);
        width: 2.357rem;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
    padding: .5rem 1rem
}

.p-multiselect-panel {
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 0 none;
    border-radius: 4px;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)
}

    .p-multiselect-panel .p-multiselect-header {
        padding: 1rem;
        border-bottom: 1px solid rgba(0,0,0,.12);
        color: rgba(0,0,0,.87);
        background: #fff;
        margin: 0;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px
    }

        .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
            padding-right: 2rem
        }

        .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
            right: 1rem;
            color: rgba(0,0,0,.6)
        }

        .p-multiselect-panel .p-multiselect-header .p-checkbox {
            margin-right: .5rem
        }

        .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
            margin-left: .5rem;
            width: 2.5rem;
            height: 2.5rem;
            color: rgba(0,0,0,.6);
            border: 0 none;
            background: transparent;
            border-radius: 50%;
            transition: background-color .2s,color .2s,box-shadow .2s
        }

            .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
                color: rgba(0,0,0,.6);
                border-color: transparent;
                background: rgba(0,0,0,.04)
            }

            .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
                outline: 0 none;
                outline-offset: 0;
                box-shadow: none
            }

    .p-multiselect-panel .p-multiselect-items {
        padding: 0
    }

        .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
            margin: 0;
            padding: 1rem 1rem;
            border: 0 none;
            color: rgba(0,0,0,.87);
            background: transparent;
            transition: none;
            border-radius: 0
        }

            .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
                color: #000;
                background: rgba(0,0,0,.12)
            }

            .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
                color: rgba(0,0,0,.87);
                background: rgba(0,0,0,.04)
            }

            .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
                outline: 0 none;
                outline-offset: 0;
                box-shadow: none
            }

            .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
                margin-right: .5rem
            }

        .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
            margin: 0;
            padding: 1rem;
            color: rgba(0,0,0,.6);
            background: #fff;
            font-weight: 400
        }

        .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
            padding: 1rem 1rem;
            color: rgba(0,0,0,.87);
            background: transparent
        }

p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
    border-color: #b00020
}

.p-input-filled .p-multiselect {
    background: #f5f5f5
}

    .p-input-filled .p-multiselect:not(.p-disabled):hover {
        background-color: #ececec
    }

    .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
        background-color: #dcdcdc
    }

p-multiselect.p-multiselect-clearable .p-multiselect-label-container {
    padding-right: 2rem
}

p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon {
    color: rgba(0,0,0,.6);
    right: 2.357rem
}

p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
    border-color: #b00020
}

.p-password-panel {
    padding: 1rem;
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 0 none;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
    border-radius: 4px
}

    .p-password-panel .p-password-meter {
        margin-bottom: .5rem;
        background: rgba(0,0,0,.32)
    }

        .p-password-panel .p-password-meter .p-password-strength.weak {
            background: #d32f2f
        }

        .p-password-panel .p-password-meter .p-password-strength.medium {
            background: #fbc02d
        }

        .p-password-panel .p-password-meter .p-password-strength.strong {
            background: #689f38
        }

p-password.p-password-clearable .p-password-input {
    padding-right: 3rem
}

p-password.p-password-clearable .p-password-clear-icon {
    color: rgba(0,0,0,.6);
    right: 1rem
}

p-password.p-password-clearable.p-password-mask .p-password-input {
    padding-right: 5rem
}

p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
    color: rgba(0,0,0,.6);
    right: 3rem
}

.p-radiobutton {
    width: 20px;
    height: 20px
}

    .p-radiobutton .p-radiobutton-box {
        border: 2px solid #757575;
        background: #fff;
        width: 20px;
        height: 20px;
        color: rgba(0,0,0,.87);
        border-radius: 50%;
        transition: background-color .2s,border-color .2s,color .2s,box-shadow .2s,background-size .2s cubic-bezier(0.64, 0.09, 0.08, 1)
    }

        .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
            border-color: rgba(0,0,0,.87)
        }

        .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none;
            border-color: #000
        }

        .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
            width: 10px;
            height: 10px;
            transition-duration: .2s;
            background-color: #000
        }

        .p-radiobutton .p-radiobutton-box.p-highlight {
            border-color: #000;
            background: #fff
        }

            .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
                border-color: #000;
                background: #fff;
                color: #000
            }

p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
    border-color: #b00020
}

.p-input-filled .p-radiobutton .p-radiobutton-box {
    background-color: #f5f5f5
}

    .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
        background-color: #ececec
    }

    .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
        background: #fff
    }

        .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
            background: #fff
        }

.p-radiobutton-label {
    margin-left: .5rem
}

.p-rating {
    gap: .5rem
}

    .p-rating .p-rating-icon {
        color: #000;
        margin-left: .5rem;
        transition: background-color .2s,border-color .2s,color .2s,box-shadow .2s,background-size .2s cubic-bezier(0.64, 0.09, 0.08, 1);
        font-size: 1.143rem
    }

        .p-rating .p-rating-icon.p-icon {
            width: 1.143rem;
            height: 1.143rem
        }

        .p-rating .p-rating-icon.p-rating-cancel {
            color: #b00020
        }

        .p-rating .p-rating-icon:focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none
        }

        .p-rating .p-rating-icon:first-child {
            margin-left: 0
        }

        .p-rating .p-rating-icon.p-rating-icon-active {
            color: #000
        }

    .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
        color: #000
    }

    .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
        color: #b00020
    }

.p-selectbutton .p-button {
    background: #fff;
    border: 1px solid rgba(0,0,0,.12);
    color: rgba(0,0,0,.87);
    transition: background-color .2s,border-color .2s,color .2s,box-shadow .2s,background-size .2s cubic-bezier(0.64, 0.09, 0.08, 1)
}

    .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right {
        color: rgba(0,0,0,.6)
    }

    .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
        background: #f6f6f6;
        border-color: rgba(0,0,0,.12);
        color: rgba(0,0,0,.87)
    }

        .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
            color: rgba(0,0,0,.6)
        }

    .p-selectbutton .p-button.p-highlight {
        background: #e0e0e1;
        border-color: #e0e0e1;
        color: rgba(0,0,0,.87)
    }

        .p-selectbutton .p-button.p-highlight .p-button-icon-left, .p-selectbutton .p-button.p-highlight .p-button-icon-right {
            color: rgba(0,0,0,.6)
        }

        .p-selectbutton .p-button.p-highlight:hover {
            background: #d9d8d9;
            border-color: #d9d8d9;
            color: rgba(0,0,0,.87)
        }

            .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
                color: rgba(0,0,0,.6)
            }

p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
    border-color: #b00020
}

.p-slider {
    background: #c1c1c1;
    border: 0 none;
    border-radius: 4px
}

    .p-slider.p-slider-horizontal {
        height: 2px
    }

        .p-slider.p-slider-horizontal .p-slider-handle {
            margin-top: -10px;
            margin-left: -10px
        }

    .p-slider.p-slider-vertical {
        width: 2px
    }

        .p-slider.p-slider-vertical .p-slider-handle {
            margin-left: -10px;
            margin-bottom: -10px
        }

    .p-slider .p-slider-handle {
        height: 20px;
        width: 20px;
        background: #000;
        border: 0 none;
        border-radius: 50%;
        transition: background-color .2s,border-color .2s,color .2s,box-shadow .2s,background-size .2s cubic-bezier(0.64, 0.09, 0.08, 1)
    }

        .p-slider .p-slider-handle:focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none
        }

    .p-slider .p-slider-range {
        background: #000
    }

    .p-slider:not(.p-disabled) .p-slider-handle:hover {
        background: #000;
        border-color: 0 none
    }

    .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle {
        transition: background-color .2s,border-color .2s,color .2s,box-shadow .2s,background-size .2s cubic-bezier(0.64, 0.09, 0.08, 1),left .2s
    }

    .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range {
        transition: width .2s
    }

    .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle {
        transition: background-color .2s,border-color .2s,color .2s,box-shadow .2s,background-size .2s cubic-bezier(0.64, 0.09, 0.08, 1),bottom .2s
    }

    .p-slider.p-slider-animate.p-slider-vertical .p-slider-range {
        transition: height .2s
    }

.p-togglebutton.p-button {
    background: #fff;
    border: 1px solid rgba(0,0,0,.12);
    color: rgba(0,0,0,.87);
    transition: background-color .2s,border-color .2s,color .2s,box-shadow .2s,background-size .2s cubic-bezier(0.64, 0.09, 0.08, 1)
}

    .p-togglebutton.p-button .p-button-icon-left, .p-togglebutton.p-button .p-button-icon-right {
        color: rgba(0,0,0,.6)
    }

    .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
        background: #f6f6f6;
        border-color: rgba(0,0,0,.12);
        color: rgba(0,0,0,.87)
    }

        .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
            color: rgba(0,0,0,.6)
        }

    .p-togglebutton.p-button.p-highlight {
        background: #e0e0e1;
        border-color: #e0e0e1;
        color: rgba(0,0,0,.87)
    }

        .p-togglebutton.p-button.p-highlight .p-button-icon-left, .p-togglebutton.p-button.p-highlight .p-button-icon-right {
            color: rgba(0,0,0,.6)
        }

        .p-togglebutton.p-button.p-highlight:hover {
            background: #d9d8d9;
            border-color: #d9d8d9;
            color: rgba(0,0,0,.87)
        }

            .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
                color: rgba(0,0,0,.6)
            }

p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
    border-color: #b00020
}

.p-treeselect {
    background: #fff;
    border: 1px solid rgba(0,0,0,.38);
    transition: background-color .2s,border-color .2s,color .2s,box-shadow .2s,background-size .2s cubic-bezier(0.64, 0.09, 0.08, 1);
    border-radius: 4px
}

    .p-treeselect:not(.p-disabled):hover {
        border-color: rgba(0,0,0,.87)
    }

    .p-treeselect:not(.p-disabled).p-focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: none;
        border-color: #000
    }

    .p-treeselect .p-treeselect-label {
        padding: 1rem 1rem;
        transition: background-color .2s,border-color .2s,color .2s,box-shadow .2s,background-size .2s cubic-bezier(0.64, 0.09, 0.08, 1)
    }

        .p-treeselect .p-treeselect-label.p-placeholder {
            color: rgba(0,0,0,.6)
        }

    .p-treeselect.p-treeselect-chip .p-treeselect-token {
        padding: .5rem 1rem;
        margin-right: .5rem;
        background: rgba(0,0,0,.12);
        color: rgba(0,0,0,.87);
        border-radius: 16px
    }

    .p-treeselect .p-treeselect-trigger {
        background: transparent;
        color: rgba(0,0,0,.6);
        width: 2.357rem;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
    border-color: #b00020
}

.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
    padding: .5rem 1rem
}

.p-treeselect-panel {
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 0 none;
    border-radius: 4px;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)
}

    .p-treeselect-panel .p-treeselect-header {
        padding: 1rem;
        border-bottom: 1px solid rgba(0,0,0,.12);
        color: rgba(0,0,0,.87);
        background: #fff;
        margin: 0;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px
    }

        .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
            margin-right: .5rem
        }

            .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
                padding-right: 2rem
            }

            .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
                right: 1rem;
                color: rgba(0,0,0,.6)
            }

            .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
                padding-right: 4rem
            }

            .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
                right: 3rem
            }

        .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
            width: 2.5rem;
            height: 2.5rem;
            color: rgba(0,0,0,.6);
            border: 0 none;
            background: transparent;
            border-radius: 50%;
            transition: background-color .2s,color .2s,box-shadow .2s
        }

            .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
                color: rgba(0,0,0,.6);
                border-color: transparent;
                background: rgba(0,0,0,.04)
            }

            .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
                outline: 0 none;
                outline-offset: 0;
                box-shadow: none
            }

    .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
        border: 0 none
    }

    .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
        padding: 1rem 1rem;
        color: rgba(0,0,0,.87);
        background: transparent
    }

.p-input-filled .p-treeselect {
    background: #f5f5f5
}

    .p-input-filled .p-treeselect:not(.p-disabled):hover {
        background-color: #ececec
    }

    .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
        background-color: #dcdcdc
    }

p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
    padding-right: 2rem
}

p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
    color: rgba(0,0,0,.6);
    right: 3rem
}

.p-button {
    color: #fff;
    background: #000;
    border: 0 none;
    padding: .714rem 1rem;
    font-size: 1rem;
    transition: background-color .2s,border-color .2s,color .2s,box-shadow .2s,background-size .2s cubic-bezier(0.64, 0.09, 0.08, 1);
    border-radius: 4px
}

    .p-button:enabled:hover {
        background: rgba(0,0,0,.92);
        color: #fff;
        border-color: transparent
    }

    .p-button:enabled:active {
        background: rgba(0,0,0,.68);
        color: #fff;
        border-color: transparent
    }

    .p-button.p-button-outlined {
        background-color: transparent;
        color: #000;
        border: 0 none
    }

        .p-button.p-button-outlined:enabled:hover {
            background: rgba(0,0,0,.04);
            color: #000;
            border: 0 none
        }

        .p-button.p-button-outlined:enabled:active {
            background: rgba(0,0,0,.16);
            color: #000;
            border: 0 none
        }

        .p-button.p-button-outlined.p-button-plain {
            color: rgba(0,0,0,.6);
            border-color: rgba(0,0,0,.6)
        }

            .p-button.p-button-outlined.p-button-plain:enabled:hover {
                background: rgba(0,0,0,.04);
                color: rgba(0,0,0,.6)
            }

            .p-button.p-button-outlined.p-button-plain:enabled:active {
                background: rgba(0,0,0,.16);
                color: rgba(0,0,0,.6)
            }

    .p-button.p-button-text {
        background-color: transparent;
        color: #000;
        border-color: transparent
    }

        .p-button.p-button-text:enabled:hover {
            background: rgba(0,0,0,.04);
            color: #000;
            border-color: transparent
        }

        .p-button.p-button-text:enabled:active {
            background: rgba(0,0,0,.16);
            color: #000;
            border-color: transparent
        }

        .p-button.p-button-text.p-button-plain {
            color: rgba(0,0,0,.6)
        }

            .p-button.p-button-text.p-button-plain:enabled:hover {
                background: rgba(0,0,0,.04);
                color: rgba(0,0,0,.6)
            }

            .p-button.p-button-text.p-button-plain:enabled:active {
                background: rgba(0,0,0,.16);
                color: rgba(0,0,0,.6)
            }

    .p-button:focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: none
    }

    .p-button .p-button-label {
        transition-duration: .2s
    }

    .p-button .p-button-icon-left {
        margin-right: .5rem
    }

    .p-button .p-button-icon-right {
        margin-left: .5rem
    }

    .p-button .p-button-icon-bottom {
        margin-top: .5rem
    }

    .p-button .p-button-icon-top {
        margin-bottom: .5rem
    }

    .p-button .p-badge {
        margin-left: .5rem;
        min-width: 1rem;
        height: 1rem;
        line-height: 1rem;
        color: #000;
        background-color: #fff
    }

    .p-button.p-button-raised {
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
    }

    .p-button.p-button-rounded {
        border-radius: 2rem
    }

    .p-button.p-button-icon-only {
        width: 3rem;
        padding: .714rem
    }

        .p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-right {
            margin: 0
        }

        .p-button.p-button-icon-only.p-button-rounded {
            border-radius: 50%;
            height: 3rem
        }

    .p-button.p-button-sm {
        font-size: .875rem;
        padding: .62475rem .875rem
    }

        .p-button.p-button-sm .p-button-icon {
            font-size: .875rem
        }

    .p-button.p-button-lg {
        font-size: 1.25rem;
        padding: .8925rem 1.25rem
    }

        .p-button.p-button-lg .p-button-icon {
            font-size: 1.25rem
        }

    .p-button.p-button-loading-label-only .p-button-label {
        margin-left: .5rem
    }

    .p-button.p-button-loading-label-only .p-button-loading-icon {
        margin-right: 0
    }

.p-fluid .p-button {
    width: 100%
}

.p-fluid .p-button-icon-only {
    width: 3rem
}

.p-fluid .p-buttonset {
    display: flex
}

    .p-fluid .p-buttonset .p-button {
        flex: 1
    }

.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
    color: #fff;
    background: red;
    border: 0 none
}

    .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
        background: rgba(255,0,0,.92);
        color: #fff;
        border-color: transparent
    }

    .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
        box-shadow: none
    }

    .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
        background: rgba(255,0,0,.68);
        color: #fff;
        border-color: transparent
    }

    .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
        background-color: transparent;
        color: red;
        border: 0 none
    }

        .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
            background: rgba(255,0,0,.04);
            color: red;
            border: 0 none
        }

        .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
            background: rgba(255,0,0,.16);
            color: red;
            border: 0 none
        }

    .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
        background-color: transparent;
        color: red;
        border-color: transparent
    }

        .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
            background: rgba(255,0,0,.04);
            border-color: transparent;
            color: red
        }

        .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
            background: rgba(255,0,0,.16);
            border-color: transparent;
            color: red
        }

.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
    color: #fff;
    background: #2196f3;
    border: 0 none
}

    .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
        background: rgba(33,150,243,.92);
        color: #fff;
        border-color: transparent
    }

    .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
        box-shadow: none
    }

    .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
        background: rgba(33,150,243,.68);
        color: #fff;
        border-color: transparent
    }

    .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
        background-color: transparent;
        color: #2196f3;
        border: 0 none
    }

        .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
            background: rgba(33,150,243,.04);
            color: #2196f3;
            border: 0 none
        }

        .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
            background: rgba(33,150,243,.16);
            color: #2196f3;
            border: 0 none
        }

    .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
        background-color: transparent;
        color: #2196f3;
        border-color: transparent
    }

        .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
            background: rgba(33,150,243,.04);
            border-color: transparent;
            color: #2196f3
        }

        .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
            background: rgba(33,150,243,.16);
            border-color: transparent;
            color: #2196f3
        }

.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
    color: #fff;
    background: #689f38;
    border: 0 none
}

    .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
        background: rgba(104,159,56,.92);
        color: #fff;
        border-color: transparent
    }

    .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
        box-shadow: none
    }

    .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
        background: rgba(104,159,56,.68);
        color: #fff;
        border-color: transparent
    }

    .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
        background-color: transparent;
        color: #689f38;
        border: 0 none
    }

        .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
            background: rgba(104,159,56,.04);
            color: #689f38;
            border: 0 none
        }

        .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
            background: rgba(104,159,56,.16);
            color: #689f38;
            border: 0 none
        }

    .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
        background-color: transparent;
        color: #689f38;
        border-color: transparent
    }

        .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
            background: rgba(104,159,56,.04);
            border-color: transparent;
            color: #689f38
        }

        .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
            background: rgba(104,159,56,.16);
            border-color: transparent;
            color: #689f38
        }

.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
    color: #212529;
    background: #fbc02d;
    border: 0 none
}

    .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
        background: rgba(251,192,45,.92);
        color: #212529;
        border-color: transparent
    }

    .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
        box-shadow: none
    }

    .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
        background: rgba(251,192,45,.68);
        color: #212529;
        border-color: transparent
    }

    .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
        background-color: transparent;
        color: #fbc02d;
        border: 0 none
    }

        .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
            background: rgba(251,192,45,.04);
            color: #fbc02d;
            border: 0 none
        }

        .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
            background: rgba(251,192,45,.16);
            color: #fbc02d;
            border: 0 none
        }

    .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
        background-color: transparent;
        color: #fbc02d;
        border-color: transparent
    }

        .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
            background: rgba(251,192,45,.04);
            border-color: transparent;
            color: #fbc02d
        }

        .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
            background: rgba(251,192,45,.16);
            border-color: transparent;
            color: #fbc02d
        }

.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
    color: #fff;
    background: #9c27b0;
    border: 0 none
}

    .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
        background: rgba(156,39,176,.92);
        color: #fff;
        border-color: transparent
    }

    .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
        box-shadow: none
    }

    .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
        background: rgba(156,39,176,.68);
        color: #fff;
        border-color: transparent
    }

    .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
        background-color: transparent;
        color: #9c27b0;
        border: 0 none
    }

        .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
            background: rgba(156,39,176,.04);
            color: #9c27b0;
            border: 0 none
        }

        .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
            background: rgba(156,39,176,.16);
            color: #9c27b0;
            border: 0 none
        }

    .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
        background-color: transparent;
        color: #9c27b0;
        border-color: transparent
    }

        .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
            background: rgba(156,39,176,.04);
            border-color: transparent;
            color: #9c27b0
        }

        .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
            background: rgba(156,39,176,.16);
            border-color: transparent;
            color: #9c27b0
        }

.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
    color: #fff;
    background: #d32f2f;
    border: 0 none
}

    .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
        background: rgba(211,47,47,.92);
        color: #fff;
        border-color: transparent
    }

    .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
        box-shadow: none
    }

    .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
        background: rgba(211,47,47,.68);
        color: #fff;
        border-color: transparent
    }

    .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
        background-color: transparent;
        color: #d32f2f;
        border: 0 none
    }

        .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
            background: rgba(211,47,47,.04);
            color: #d32f2f;
            border: 0 none
        }

        .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
            background: rgba(211,47,47,.16);
            color: #d32f2f;
            border: 0 none
        }

    .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
        background-color: transparent;
        color: #d32f2f;
        border-color: transparent
    }

        .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
            background: rgba(211,47,47,.04);
            border-color: transparent;
            color: #d32f2f
        }

        .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
            background: rgba(211,47,47,.16);
            border-color: transparent;
            color: #d32f2f
        }

.p-button.p-button-link {
    color: #000;
    background: transparent;
    border: transparent
}

    .p-button.p-button-link:enabled:hover {
        background: transparent;
        color: #000;
        border-color: transparent
    }

        .p-button.p-button-link:enabled:hover .p-button-label {
            text-decoration: underline
        }

    .p-button.p-button-link:enabled:focus {
        background: transparent;
        box-shadow: none;
        border-color: transparent
    }

    .p-button.p-button-link:enabled:active {
        background: transparent;
        color: #000;
        border-color: transparent
    }

.p-speeddial-button.p-button.p-button-icon-only {
    width: 4rem;
    height: 4rem
}

    .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
        font-size: 2rem
    }

    .p-speeddial-button.p-button.p-button-icon-only .p-icon {
        width: 2rem;
        height: 2rem
    }

.p-speeddial-action {
    width: 3rem;
    height: 3rem;
    background: red;
    color: #fff
}

    .p-speeddial-action:hover {
        background: rgba(255,0,0,.92);
        color: #fff
    }

.p-speeddial-direction-up .p-speeddial-item {
    margin: .25rem 0
}

    .p-speeddial-direction-up .p-speeddial-item:first-child {
        margin-bottom: .5rem
    }

.p-speeddial-direction-down .p-speeddial-item {
    margin: .25rem 0
}

    .p-speeddial-direction-down .p-speeddial-item:first-child {
        margin-top: .5rem
    }

.p-speeddial-direction-left .p-speeddial-item {
    margin: 0 .25rem
}

    .p-speeddial-direction-left .p-speeddial-item:first-child {
        margin-right: .5rem
    }

.p-speeddial-direction-right .p-speeddial-item {
    margin: 0 .25rem
}

    .p-speeddial-direction-right .p-speeddial-item:first-child {
        margin-left: .5rem
    }

.p-speeddial-circle .p-speeddial-item, .p-speeddial-semi-circle .p-speeddial-item, .p-speeddial-quarter-circle .p-speeddial-item {
    margin: 0
}

    .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, .p-speeddial-semi-circle .p-speeddial-item:first-child, .p-speeddial-semi-circle .p-speeddial-item:last-child, .p-speeddial-quarter-circle .p-speeddial-item:first-child, .p-speeddial-quarter-circle .p-speeddial-item:last-child {
        margin: 0
    }

.p-speeddial-mask {
    background-color: rgba(0,0,0,.32)
}

.p-splitbutton {
    border-radius: 4px
}

    .p-splitbutton.p-button-outlined > .p-button {
        background-color: transparent;
        color: #000;
        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(0,0,0,.04);
            color: #000
        }

        .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,0,0,.16);
            color: #000
        }

    .p-splitbutton.p-button-outlined.p-button-plain > .p-button {
        color: rgba(0,0,0,.6);
        border-color: rgba(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,.04);
            color: rgba(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,.16);
            color: rgba(0,0,0,.6)
        }

    .p-splitbutton.p-button-text > .p-button {
        background-color: transparent;
        color: #000;
        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,0,0,.04);
            color: #000;
            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,0,0,.16);
            color: #000;
            border-color: transparent
        }

    .p-splitbutton.p-button-text.p-button-plain > .p-button {
        color: rgba(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,.04);
            color: rgba(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,.16);
            color: rgba(0,0,0,.6)
        }

    .p-splitbutton.p-button-raised {
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(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: .875rem;
        padding: .62475rem .875rem
    }

        .p-splitbutton.p-button-sm > .p-button .p-button-icon {
            font-size: .875rem
        }

    .p-splitbutton.p-button-lg > .p-button {
        font-size: 1.25rem;
        padding: .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: red;
        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,0,0,.04);
            color: red
        }

        .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,0,0,.16);
            color: red
        }

    .p-splitbutton.p-button-secondary.p-button-text > .p-button {
        background-color: transparent;
        color: red;
        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,0,0,.04);
            border-color: transparent;
            color: red
        }

        .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,0,0,.16);
            border-color: transparent;
            color: red
        }

    .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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.16);
            border-color: transparent;
            color: #d32f2f
        }

.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next {
    width: 2.5rem;
    height: 2.5rem;
    color: rgba(0,0,0,.6);
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color .2s,color .2s,box-shadow .2s;
    margin: .5rem
}

    .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
        color: rgba(0,0,0,.6);
        border-color: transparent;
        background: rgba(0,0,0,.04)
    }

    .p-carousel .p-carousel-content .p-carousel-prev:focus, .p-carousel .p-carousel-content .p-carousel-next:focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: none
    }

.p-carousel .p-carousel-indicators {
    padding: 1rem
}

    .p-carousel .p-carousel-indicators .p-carousel-indicator {
        margin-right: .5rem;
        margin-bottom: .5rem
    }

        .p-carousel .p-carousel-indicators .p-carousel-indicator button {
            background-color: #dcdcdc;
            width: 2rem;
            height: .5rem;
            transition: background-color .2s,color .2s,box-shadow .2s;
            border-radius: 0
        }

            .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
                background: #ececec
            }

        .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
            background: rgba(0,0,0,.12);
            color: #000
        }

.p-datatable .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0
}

.p-datatable .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0
}

.p-datatable .p-datatable-header {
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 500
}

.p-datatable .p-datatable-footer {
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 500
}

.p-datatable .p-datatable-thead > tr > th {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    font-weight: 500;
    color: rgba(0,0,0,.87);
    background: #fff;
    transition: none
}

.p-datatable .p-datatable-tfoot > tr > td {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    font-weight: 500;
    color: rgba(0,0,0,.87);
    background: #fff
}

.p-datatable .p-sortable-column .p-sortable-column-icon {
    color: rgba(0,0,0,.6);
    margin-left: .5rem
}

.p-datatable .p-sortable-column .p-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: #000;
    background: rgba(0,0,0,.12);
    margin-left: .5rem
}

.p-datatable .p-sortable-column:not(.p-highlight):hover {
    background: rgba(0,0,0,.04);
    color: rgba(0,0,0,.87)
}

    .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
        color: rgba(0,0,0,.6)
    }

.p-datatable .p-sortable-column.p-highlight {
    background: #fff;
    color: rgba(0,0,0,.87)
}

    .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
        color: rgba(0,0,0,.87)
    }

    .p-datatable .p-sortable-column.p-highlight:hover {
        background: rgba(0,0,0,.04);
        color: rgba(0,0,0,.87)
    }

        .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
            color: rgba(0,0,0,.87)
        }

.p-datatable .p-sortable-column:focus {
    box-shadow: none;
    outline: 0 none
}

.p-datatable .p-datatable-tbody > tr {
    background: #fff;
    color: rgba(0,0,0,.87);
    transition: none
}

    .p-datatable .p-datatable-tbody > tr > td {
        text-align: left;
        border: 1px solid #e4e4e4;
        border-width: 0 0 1px 0;
        padding: 1rem 1rem
    }

        .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
            width: 2.5rem;
            height: 2.5rem;
            color: rgba(0,0,0,.6);
            border: 0 none;
            background: transparent;
            border-radius: 50%;
            transition: background-color .2s,color .2s,box-shadow .2s
        }

            .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
                color: rgba(0,0,0,.6);
                border-color: transparent;
                background: rgba(0,0,0,.04)
            }

            .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
                outline: 0 none;
                outline-offset: 0;
                box-shadow: none
            }

        .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
            margin-right: .5rem
        }

    .p-datatable .p-datatable-tbody > tr:focus {
        outline: .15rem solid transparent;
        outline-offset: .15rem
    }

    .p-datatable .p-datatable-tbody > tr.p-highlight {
        background: rgba(0,0,0,.12);
        color: #000
    }

    .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
        box-shadow: inset 0 2px 0 0 rgba(0,0,0,.12)
    }

    .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
        box-shadow: inset 0 -2px 0 0 rgba(0,0,0,.12)
    }

.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
    background: rgba(0,0,0,.04);
    color: rgba(0,0,0,.87)
}

.p-datatable .p-column-resizer-helper {
    background: #000
}

.p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer {
    background: #fff
}

.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot {
    background-color: #fff
}

.p-datatable .p-datatable-loading-icon {
    font-size: 2rem
}

.p-datatable.p-datatable-gridlines .p-datatable-header {
    border-width: 1px 1px 0 1px
}

.p-datatable.p-datatable-gridlines .p-datatable-footer {
    border-width: 0 1px 1px 1px
}

.p-datatable.p-datatable-gridlines .p-paginator-top {
    border-width: 0 1px 0 1px
}

.p-datatable.p-datatable-gridlines .p-paginator-bottom {
    border-width: 0 1px 1px 1px
}

.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
    border-width: 1px 0 1px 1px
}

    .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
        border-width: 1px
    }

.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
    border-width: 1px 0 0 1px
}

    .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
        border-width: 1px 1px 0 1px
    }

.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
    border-width: 1px 0 1px 1px
}

    .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
        border-width: 1px
    }

.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
    border-width: 1px 0 1px 1px
}

    .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
        border-width: 1px 1px 1px 1px
    }

.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
    border-width: 0 0 1px 1px
}

    .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
        border-width: 0 1px 1px 1px
    }

.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
    border-width: 0 0 1px 1px
}

    .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
        border-width: 0 1px 1px 1px
    }

.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
    border-width: 0 0 0 1px
}

    .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
        border-width: 0 1px 0 1px
    }

.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
    background: rgba(0,0,0,.02)
}

    .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
        background: rgba(0,0,0,.12);
        color: #000
    }

        .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
            color: #000
        }

            .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
                color: #000
            }

.p-datatable.p-datatable-sm .p-datatable-header {
    padding: .5rem .5rem
}

.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
    padding: .5rem .5rem
}

.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
    padding: .5rem .5rem
}

.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
    padding: .5rem .5rem
}

.p-datatable.p-datatable-sm .p-datatable-footer {
    padding: .5rem .5rem
}

.p-datatable.p-datatable-lg .p-datatable-header {
    padding: 1.25rem 1.25rem
}

.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
    padding: 1.25rem 1.25rem
}

.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
    padding: 1.25rem 1.25rem
}

.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
    padding: 1.25rem 1.25rem
}

.p-datatable.p-datatable-lg .p-datatable-footer {
    padding: 1.25rem 1.25rem
}

.p-dataview .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0
}

.p-dataview .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0
}

.p-dataview .p-dataview-header {
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 500
}

.p-dataview .p-dataview-content {
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 0 none;
    padding: 1rem 0
}

.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
    border: solid rgba(0,0,0,.12);
    border-width: 0 0 1px 0
}

.p-dataview .p-dataview-footer {
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 500;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.p-dataview .p-dataview-loading-icon {
    font-size: 2rem
}

.p-dataview .p-dataview-emptymessage {
    padding: 1rem
}

.p-column-filter-row .p-column-filter-menu-button, .p-column-filter-row .p-column-filter-clear-button {
    margin-left: .5rem
}

.p-column-filter-menu-button {
    width: 2.5rem;
    height: 2.5rem;
    color: rgba(0,0,0,.6);
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color .2s,color .2s,box-shadow .2s
}

    .p-column-filter-menu-button:hover {
        color: rgba(0,0,0,.6);
        border-color: transparent;
        background: rgba(0,0,0,.04)
    }

    .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
        background: rgba(0,0,0,.04);
        color: rgba(0,0,0,.6)
    }

    .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
        background: rgba(0,0,0,.12);
        color: #000
    }

    .p-column-filter-menu-button:focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: none
    }

.p-column-filter-clear-button {
    width: 2.5rem;
    height: 2.5rem;
    color: rgba(0,0,0,.6);
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color .2s,color .2s,box-shadow .2s
}

    .p-column-filter-clear-button:hover {
        color: rgba(0,0,0,.6);
        border-color: transparent;
        background: rgba(0,0,0,.04)
    }

    .p-column-filter-clear-button:focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: none
    }

.p-column-filter-overlay {
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 0 none;
    border-radius: 4px;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
    min-width: 12.5rem
}

    .p-column-filter-overlay .p-column-filter-row-items {
        padding: 0
    }

        .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
            margin: 0;
            padding: 1rem 1rem;
            border: 0 none;
            color: rgba(0,0,0,.87);
            background: transparent;
            transition: none;
            border-radius: 0
        }

            .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
                color: #000;
                background: rgba(0,0,0,.12)
            }

            .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
                color: rgba(0,0,0,.87);
                background: rgba(0,0,0,.04)
            }

            .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
                outline: 0 none;
                outline-offset: 0;
                box-shadow: none
            }

        .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
            border-top: 1px solid rgba(0,0,0,.12);
            margin: .5rem 0
        }

.p-column-filter-overlay-menu .p-column-filter-operator {
    padding: 1rem;
    border-bottom: 1px solid rgba(0,0,0,.12);
    color: rgba(0,0,0,.87);
    background: #fff;
    margin: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.p-column-filter-overlay-menu .p-column-filter-constraint {
    padding: 1rem;
    border-bottom: 1px solid rgba(0,0,0,.12)
}

    .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
        margin-bottom: .5rem
    }

    .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
        margin-top: .5rem
    }

    .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
        border-bottom: 0 none
    }

.p-column-filter-overlay-menu .p-column-filter-add-rule {
    padding: 1rem 1rem
}

.p-column-filter-overlay-menu .p-column-filter-buttonbar {
    padding: 1rem
}

.fc.fc-unthemed .fc-view-container th {
    background: #fff;
    border: 1px solid #e0e0e0;
    color: rgba(0,0,0,.87)
}

.fc.fc-unthemed .fc-view-container td.fc-widget-content {
    background: #fff;
    border: 1px solid #e0e0e0;
    color: rgba(0,0,0,.87)
}

.fc.fc-unthemed .fc-view-container td.fc-head-container {
    border: 1px solid #e0e0e0
}

.fc.fc-unthemed .fc-view-container .fc-row {
    border-right: 1px solid #e0e0e0
}

.fc.fc-unthemed .fc-view-container .fc-event {
    background: rgba(0,0,0,.12);
    border: 1px solid rgba(0,0,0,.12);
    color: #000
}

.fc.fc-unthemed .fc-view-container .fc-divider {
    background: #fff;
    border: 1px solid #e0e0e0
}

.fc.fc-unthemed .fc-toolbar .fc-button {
    color: #fff;
    background: #000;
    border: 0 none;
    font-size: 1rem;
    transition: background-color .2s,border-color .2s,color .2s,box-shadow .2s,background-size .2s cubic-bezier(0.64, 0.09, 0.08, 1);
    border-radius: 4px;
    display: flex;
    align-items: center
}

    .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
        background: rgba(0,0,0,.92);
        color: #fff;
        border-color: transparent
    }

    .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
        background: rgba(0,0,0,.68);
        color: #fff;
        border-color: transparent
    }

        .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none
        }

    .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
        font-family: "PrimeIcons" !important;
        text-indent: 0;
        font-size: 1rem
    }

        .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
            content: ""
        }

    .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
        font-family: "PrimeIcons" !important;
        text-indent: 0;
        font-size: 1rem
    }

        .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
            content: ""
        }

    .fc.fc-unthemed .fc-toolbar .fc-button:focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: none
    }

    .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {
        background: #fff;
        border: 1px solid rgba(0,0,0,.12);
        color: rgba(0,0,0,.87);
        transition: background-color .2s,border-color .2s,color .2s,box-shadow .2s,background-size .2s cubic-bezier(0.64, 0.09, 0.08, 1)
    }

        .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
            background: #f6f6f6;
            border-color: rgba(0,0,0,.12);
            color: rgba(0,0,0,.87)
        }

        .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
            background: #e0e0e1;
            border-color: #e0e0e1;
            color: rgba(0,0,0,.87)
        }

            .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
                background: #d9d8d9;
                border-color: #d9d8d9;
                color: rgba(0,0,0,.87)
            }

        .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none;
            z-index: 1
        }

.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
    border-radius: 0
}

    .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
    border-color: #e0e0e0
}

.fc.fc-theme-standard .fc-view-harness th {
    background: #fff;
    border-color: #e0e0e0;
    color: rgba(0,0,0,.87)
}

.fc.fc-theme-standard .fc-view-harness td {
    color: rgba(0,0,0,.87);
    border-color: #e0e0e0
}

.fc.fc-theme-standard .fc-view-harness .fc-view {
    background: #fff
}

.fc.fc-theme-standard .fc-view-harness .fc-popover {
    background: none;
    border: 0 none
}

    .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
        border: 1px solid #e0e0e0;
        padding: 1rem;
        background: #fff;
        color: rgba(0,0,0,.87)
    }

        .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
            opacity: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            font-family: "PrimeIcons" !important;
            font-size: 1rem;
            width: 2.5rem;
            height: 2.5rem;
            color: rgba(0,0,0,.6);
            border: 0 none;
            background: transparent;
            border-radius: 50%;
            transition: background-color .2s,color .2s,box-shadow .2s
        }

            .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {
                content: ""
            }

            .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover {
                color: rgba(0,0,0,.6);
                border-color: transparent;
                background: rgba(0,0,0,.04)
            }

            .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
                outline: 0 none;
                outline-offset: 0;
                box-shadow: none
            }

    .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
        padding: 1rem;
        border: 1px solid #e0e0e0;
        background: #fff;
        color: rgba(0,0,0,.87);
        border-top: 0 none
    }

.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
    color: #000;
    background: rgba(0,0,0,.12);
    border-color: rgba(0,0,0,.12)
}

    .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
        color: #000
    }

.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
    background: rgba(0,0,0,.12);
    border-color: rgba(0,0,0,.12)
}

.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
    background: rgba(0,0,0,.04);
    color: rgba(0,0,0,.87)
}

.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
    background: #fff
}

.fc.fc-theme-standard .fc-toolbar .fc-button {
    color: #fff;
    background: #000;
    border: 0 none;
    font-size: 1rem;
    transition: background-color .2s,border-color .2s,color .2s,box-shadow .2s,background-size .2s cubic-bezier(0.64, 0.09, 0.08, 1);
    border-radius: 4px
}

    .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
        background: rgba(0,0,0,.92);
        color: #fff;
        border-color: transparent
    }

    .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
        background: rgba(0,0,0,.68);
        color: #fff;
        border-color: transparent
    }

        .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none
        }

    .fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
        opacity: .38;
        color: #fff;
        background: #000;
        border: 0 none
    }

    .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
        font-family: "PrimeIcons" !important;
        text-indent: 0;
        font-size: 1rem
    }

        .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
            content: ""
        }

    .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
        font-family: "PrimeIcons" !important;
        text-indent: 0;
        font-size: 1rem
    }

        .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
            content: ""
        }

    .fc.fc-theme-standard .fc-toolbar .fc-button:focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: none
    }

    .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {
        background: #fff;
        border: 1px solid rgba(0,0,0,.12);
        color: rgba(0,0,0,.87);
        transition: background-color .2s,border-color .2s,color .2s,box-shadow .2s,background-size .2s cubic-bezier(0.64, 0.09, 0.08, 1)
    }

        .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
            background: #f6f6f6;
            border-color: rgba(0,0,0,.12);
            color: rgba(0,0,0,.87)
        }

        .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
            background: #e0e0e1;
            border-color: #e0e0e1;
            color: rgba(0,0,0,.87)
        }

            .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
                background: #d9d8d9;
                border-color: #d9d8d9;
                color: rgba(0,0,0,.87)
            }

        .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none;
            z-index: 1
        }

.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
    border-radius: 0
}

    .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

.fc.fc-theme-standard a {
    color: rgba(0,0,0,.87)
}

.fc.fc-theme-standard .fc-highlight {
    color: #000;
    background: rgba(0,0,0,.12)
}

.p-orderlist .p-orderlist-controls {
    padding: 1rem
}

    .p-orderlist .p-orderlist-controls .p-button {
        margin-bottom: .5rem
    }

.p-orderlist .p-orderlist-header {
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 1px solid #e0e0e0;
    padding: 1rem;
    border-bottom: 0 none;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

    .p-orderlist .p-orderlist-header .p-orderlist-title {
        font-weight: 500
    }

.p-orderlist .p-orderlist-filter-container {
    padding: 1rem;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-bottom: 0 none
}

    .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
        padding-right: 2rem
    }

    .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
        right: 1rem;
        color: rgba(0,0,0,.6)
    }

.p-orderlist .p-orderlist-list {
    border: 1px solid #e0e0e0;
    background: #fff;
    color: rgba(0,0,0,.87);
    padding: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

    .p-orderlist .p-orderlist-list .p-orderlist-item {
        padding: 1rem 1rem;
        margin: 0;
        border: 0 none;
        color: rgba(0,0,0,.87);
        background: transparent;
        transition: none
    }

        .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none
        }

        .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
            color: #000;
            background: rgba(0,0,0,.12)
        }

    .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
        padding: 1rem 1rem;
        color: rgba(0,0,0,.87)
    }

    .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
        background: rgba(0,0,0,.04);
        color: rgba(0,0,0,.87)
    }

.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
    background: rgba(0,0,0,.02)
}

    .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
        background: rgba(0,0,0,.04)
    }

.p-orderlist-item.cdk-drag-preview {
    padding: 1rem 1rem;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
    border: 0 none;
    color: rgba(0,0,0,.87);
    background: #fff;
    margin: 0
}

.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
    background: rgba(0,0,0,.04);
    color: rgba(0,0,0,.87)
}

.p-organizationchart .p-organizationchart-node-content.p-highlight {
    background: rgba(0,0,0,.12);
    color: #000
}

    .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
        color: rgba(0,0,0,.12)
    }

.p-organizationchart .p-organizationchart-line-down {
    background: rgba(0,0,0,.12)
}

.p-organizationchart .p-organizationchart-line-left {
    border-right: 1px solid #e0e0e0;
    border-color: rgba(0,0,0,.12)
}

.p-organizationchart .p-organizationchart-line-top {
    border-top: 1px solid #e0e0e0;
    border-color: rgba(0,0,0,.12)
}

.p-organizationchart .p-organizationchart-node-content {
    border: 1px solid #e0e0e0;
    background: #fff;
    color: rgba(0,0,0,.87);
    padding: 1rem
}

    .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
        background: inherit;
        color: inherit;
        border-radius: 50%
    }

        .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none
        }

.p-paginator {
    background: #fff;
    color: rgba(0,0,0,.87);
    border: solid #e4e4e4;
    border-width: 0;
    padding: .5rem 1rem;
    border-radius: 4px
}

    .p-paginator .p-paginator-first, .p-paginator .p-paginator-prev, .p-paginator .p-paginator-next, .p-paginator .p-paginator-last {
        background-color: transparent;
        border: 0 none;
        color: rgba(0,0,0,.6);
        min-width: 3rem;
        height: 3rem;
        margin: .143rem;
        transition: none;
        border-radius: 50%
    }

        .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
            background: rgba(0,0,0,.04);
            border-color: transparent;
            color: rgba(0,0,0,.6)
        }

    .p-paginator .p-paginator-first {
        border-top-left-radius: 50%;
        border-bottom-left-radius: 50%
    }

    .p-paginator .p-paginator-last {
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%
    }

    .p-paginator .p-dropdown {
        margin-left: .5rem;
        margin-right: .5rem;
        height: 3rem
    }

        .p-paginator .p-dropdown .p-dropdown-label {
            padding-right: 0
        }

    .p-paginator .p-paginator-page-input {
        margin-left: .5rem;
        margin-right: .5rem
    }

        .p-paginator .p-paginator-page-input .p-inputtext {
            max-width: 3rem
        }

    .p-paginator .p-paginator-current {
        background-color: transparent;
        border: 0 none;
        color: rgba(0,0,0,.6);
        min-width: 3rem;
        height: 3rem;
        margin: .143rem;
        padding: 0 .5rem
    }

    .p-paginator .p-paginator-pages .p-paginator-page {
        background-color: transparent;
        border: 0 none;
        color: rgba(0,0,0,.6);
        min-width: 3rem;
        height: 3rem;
        margin: .143rem;
        transition: none;
        border-radius: 50%
    }

        .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
            background: rgba(0,0,0,.12);
            border-color: rgba(0,0,0,.12);
            color: #000
        }

        .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
            background: rgba(0,0,0,.04);
            border-color: transparent;
            color: rgba(0,0,0,.6)
        }

.p-picklist .p-picklist-buttons {
    padding: 1rem
}

    .p-picklist .p-picklist-buttons .p-button {
        margin-bottom: .5rem
    }

.p-picklist .p-picklist-header {
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 1px solid #e0e0e0;
    padding: 1rem;
    border-bottom: 0 none;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

    .p-picklist .p-picklist-header .p-picklist-title {
        font-weight: 500
    }

.p-picklist .p-picklist-filter-container {
    padding: 1rem;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-bottom: 0 none
}

    .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
        padding-right: 2rem
    }

    .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
        right: 1rem;
        color: rgba(0,0,0,.6)
    }

.p-picklist .p-picklist-list {
    border: 1px solid #e0e0e0;
    background: #fff;
    color: rgba(0,0,0,.87);
    padding: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

    .p-picklist .p-picklist-list .p-picklist-item {
        padding: 1rem 1rem;
        margin: 0;
        border: 0 none;
        color: rgba(0,0,0,.87);
        background: transparent;
        transition: none
    }

        .p-picklist .p-picklist-list .p-picklist-item:focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none
        }

        .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
            color: #000;
            background: rgba(0,0,0,.12)
        }

    .p-picklist .p-picklist-list .p-picklist-empty-message {
        padding: 1rem 1rem;
        color: rgba(0,0,0,.87)
    }

    .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
        background: rgba(0,0,0,.04);
        color: rgba(0,0,0,.87)
    }

.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
    background: rgba(0,0,0,.02)
}

    .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
        background: rgba(0,0,0,.04)
    }

.p-picklist-item.cdk-drag-preview {
    padding: 1rem 1rem;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
    border: 0 none;
    color: rgba(0,0,0,.87);
    background: #fff;
    margin: 0
}

.p-timeline .p-timeline-event-marker {
    border: 0 none;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    background-color: #bdbdbd
}

.p-timeline .p-timeline-event-connector {
    background-color: #bdbdbd
}

.p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content {
    padding: 0 1rem
}

.p-timeline.p-timeline-vertical .p-timeline-event-connector {
    width: 2px
}

.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, .p-timeline.p-timeline-horizontal .p-timeline-event-content {
    padding: 1rem 0
}

.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
    height: 2px
}

.p-tree {
    border: 1px solid #e0e0e0;
    background: #fff;
    color: rgba(0,0,0,.87);
    padding: 1rem;
    border-radius: 4px
}

    .p-tree .p-tree-container .p-treenode {
        padding: .25rem
    }

        .p-tree .p-tree-container .p-treenode .p-treenode-content {
            border-radius: 4px;
            transition: none;
            padding: .5rem
        }

            .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
                margin-right: .5rem;
                width: 2.5rem;
                height: 2.5rem;
                color: rgba(0,0,0,.6);
                border: 0 none;
                background: transparent;
                border-radius: 50%;
                transition: background-color .2s,color .2s,box-shadow .2s
            }

                .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
                    color: rgba(0,0,0,.6);
                    border-color: transparent;
                    background: rgba(0,0,0,.04)
                }

                .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
                    outline: 0 none;
                    outline-offset: 0;
                    box-shadow: none
                }

            .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
                margin-right: .5rem;
                color: rgba(0,0,0,.6)
            }

            .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
                margin-right: .5rem
            }

                .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
                    color: rgba(0,0,0,.87)
                }

            .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
                outline: 0 none;
                outline-offset: 0;
                box-shadow: none
            }

            .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
                background: rgba(0,0,0,.12);
                color: #000
            }

                .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
                    color: #000
                }

                    .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
                        color: #000
                    }

            .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
                background: rgba(0,0,0,.04);
                color: rgba(0,0,0,.87)
            }

            .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
                background: rgba(0,0,0,.04);
                color: rgba(0,0,0,.87)
            }

    .p-tree .p-tree-filter-container {
        margin-bottom: .5rem
    }

        .p-tree .p-tree-filter-container .p-tree-filter {
            width: 100%;
            padding-right: 2rem
        }

        .p-tree .p-tree-filter-container .p-tree-filter-icon {
            right: 1rem;
            color: rgba(0,0,0,.6)
        }

    .p-tree .p-treenode-children {
        padding: 0 0 0 1rem
    }

    .p-tree .p-tree-loading-icon {
        font-size: 2rem
    }

        .p-tree .p-tree-loading-icon.p-icon {
            width: 2rem;
            height: 2rem
        }

    .p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
        background-color: rgba(0,0,0,.12)
    }

    .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
        border-radius: 4px;
        border: 1px solid #e0e0e0;
        background-color: #fff;
        color: rgba(0,0,0,.87);
        padding: .5rem;
        transition: none
    }

        .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
            background-color: rgba(0,0,0,.12);
            color: #000
        }

            .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
                color: #000
            }

        .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler {
            margin-right: .5rem
        }

        .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon {
            color: rgba(0,0,0,.6);
            margin-right: .5rem
        }

        .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox {
            margin-right: .5rem
        }

        .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover {
            background-color: inherit;
            color: inherit
        }

        .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
            background: rgba(0,0,0,.04);
            color: rgba(0,0,0,.87)
        }

        .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none
        }

.p-treetable .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0
}

.p-treetable .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0
}

.p-treetable .p-treetable-header {
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 500
}

.p-treetable .p-treetable-footer {
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 500
}

.p-treetable .p-treetable-thead > tr > th {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    font-weight: 500;
    color: rgba(0,0,0,.87);
    background: #fff;
    transition: none
}

.p-treetable .p-treetable-tfoot > tr > td {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    font-weight: 500;
    color: rgba(0,0,0,.87);
    background: #fff
}

.p-treetable .p-sortable-column {
    outline-color: transparent
}

    .p-treetable .p-sortable-column .p-sortable-column-icon {
        color: rgba(0,0,0,.6);
        margin-left: .5rem
    }

    .p-treetable .p-sortable-column .p-sortable-column-badge {
        border-radius: 50%;
        height: 1.143rem;
        min-width: 1.143rem;
        line-height: 1.143rem;
        color: #000;
        background: rgba(0,0,0,.12);
        margin-left: .5rem
    }

    .p-treetable .p-sortable-column:not(.p-highlight):hover {
        background: rgba(0,0,0,.04);
        color: rgba(0,0,0,.87)
    }

        .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
            color: rgba(0,0,0,.6)
        }

    .p-treetable .p-sortable-column.p-highlight {
        background: #fff;
        color: rgba(0,0,0,.87)
    }

        .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
            color: rgba(0,0,0,.87)
        }

.p-treetable .p-treetable-tbody > tr {
    background: #fff;
    color: rgba(0,0,0,.87);
    transition: none
}

    .p-treetable .p-treetable-tbody > tr > td {
        text-align: left;
        border: 1px solid #e4e4e4;
        border-width: 0 0 1px 0;
        padding: 1rem 1rem
    }

        .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
            width: 2.5rem;
            height: 2.5rem;
            color: rgba(0,0,0,.6);
            border: 0 none;
            background: transparent;
            border-radius: 50%;
            transition: background-color .2s,color .2s,box-shadow .2s;
            margin-right: .5rem
        }

            .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
                color: rgba(0,0,0,.6);
                border-color: transparent;
                background: rgba(0,0,0,.04)
            }

            .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
                outline: 0 none;
                outline-offset: 0;
                box-shadow: none
            }

            .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon {
                width: 2rem;
                height: 2rem
            }

        .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox {
            margin-right: .5rem
        }

            .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
                color: rgba(0,0,0,.87)
            }

    .p-treetable .p-treetable-tbody > tr:focus {
        outline: .15rem solid transparent;
        outline-offset: -0.15rem
    }

    .p-treetable .p-treetable-tbody > tr.p-highlight {
        background: rgba(0,0,0,.12);
        color: #000
    }

        .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
            color: #000
        }

            .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
                color: #000
            }

.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
    background: rgba(0,0,0,.04);
    color: rgba(0,0,0,.87)
}

    .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
        color: rgba(0,0,0,.87)
    }

.p-treetable .p-column-resizer-helper {
    background: #000
}

.p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer {
    background: #fff
}

.p-treetable .p-treetable-loading-icon {
    font-size: 2rem
}

    .p-treetable .p-treetable-loading-icon.p-icon {
        width: 2rem;
        height: 2rem
    }

.p-treetable.p-treetable-gridlines .p-datatable-header {
    border-width: 1px 1px 0 1px
}

.p-treetable.p-treetable-gridlines .p-treetable-footer {
    border-width: 0 1px 1px 1px
}

.p-treetable.p-treetable-gridlines .p-treetable-top {
    border-width: 0 1px 0 1px
}

.p-treetable.p-treetable-gridlines .p-treetable-bottom {
    border-width: 0 1px 1px 1px
}

.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
    border-width: 1px
}

.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
    border-width: 1px
}

.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
    border-width: 1px
}

.p-treetable.p-treetable-sm .p-treetable-header {
    padding: .875rem .875rem
}

.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
    padding: .5rem .5rem
}

.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
    padding: .5rem .5rem
}

.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
    padding: .5rem .5rem
}

.p-treetable.p-treetable-sm .p-treetable-footer {
    padding: .5rem .5rem
}

.p-treetable.p-treetable-lg .p-treetable-header {
    padding: 1.25rem 1.25rem
}

.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
    padding: 1.25rem 1.25rem
}

.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
    padding: 1.25rem 1.25rem
}

.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
    padding: 1.25rem 1.25rem
}

.p-treetable.p-treetable-lg .p-treetable-footer {
    padding: 1.25rem 1.25rem
}

.p-virtualscroller .p-virtualscroller-header {
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 500
}

.p-virtualscroller .p-virtualscroller-content {
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 0 none;
    padding: 1rem 0
}

.p-virtualscroller .p-virtualscroller-footer {
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 500;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.p-accordion .p-accordion-header .p-accordion-header-link {
    padding: 1.5rem;
    border: 0 none;
    color: rgba(0,0,0,.87);
    background: #fff;
    font-weight: 400;
    border-radius: 4px;
    transition: none
}

    .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
        margin-right: .5rem
    }

.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none
}

.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
    background: #f6f6f6;
    border-color: transparent;
    color: rgba(0,0,0,.87)
}

.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
    background: #fff;
    border-color: transparent;
    color: rgba(0,0,0,.87);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
    border-color: transparent;
    background: #fff;
    color: rgba(0,0,0,.87)
}

.p-accordion .p-accordion-content {
    padding: 1rem 1.5rem;
    border: 0 none;
    background: #fff;
    color: rgba(0,0,0,.87);
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.p-accordion p-accordiontab .p-accordion-tab {
    margin-bottom: 0
}

.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link {
    border-radius: 0
}

.p-accordion p-accordiontab .p-accordion-content {
    border-radius: 0
}

.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link {
    border-top: 0 none
}

.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
    border-top: 0 none
}

.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.p-accordion p-accordiontab:last-child .p-accordion-content {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.p-card {
    background: #fff;
    color: rgba(0,0,0,.87);
    box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
    border-radius: 4px
}

    .p-card .p-card-body {
        padding: 1rem
    }

    .p-card .p-card-title {
        font-size: 1.5rem;
        font-weight: 700;
        margin-bottom: .5rem
    }

    .p-card .p-card-subtitle {
        font-weight: 400;
        margin-bottom: .5rem;
        color: rgba(0,0,0,.6)
    }

    .p-card .p-card-content {
        padding: 1rem 0
    }

    .p-card .p-card-footer {
        padding: 1rem 0 0 0
    }

.p-divider .p-divider-content {
    background-color: #fff
}

.p-divider.p-divider-horizontal {
    margin: 1.25rem 0;
    padding: 0 1.25rem
}

    .p-divider.p-divider-horizontal:before {
        border-top: 1px rgba(0,0,0,.12)
    }

    .p-divider.p-divider-horizontal .p-divider-content {
        padding: 0 .5rem
    }

.p-divider.p-divider-vertical {
    margin: 0 1.25rem;
    padding: 1.25rem 0
}

    .p-divider.p-divider-vertical:before {
        border-left: 1px rgba(0,0,0,.12)
    }

    .p-divider.p-divider-vertical .p-divider-content {
        padding: .5rem 0
    }

.p-fieldset {
    border: 1px solid #e0e0e0;
    background: #fff;
    color: rgba(0,0,0,.87);
    border-radius: 4px
}

    .p-fieldset .p-fieldset-legend {
        padding: 1rem;
        border: 1px solid #e0e0e0;
        color: rgba(0,0,0,.87);
        background: #fff;
        font-weight: 500;
        border-radius: 4px
    }

    .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
        padding: 0;
        transition: background-color .2s,color .2s,box-shadow .2s
    }

        .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
            padding: 1rem;
            color: rgba(0,0,0,.87);
            border-radius: 4px;
            transition: none
        }

            .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
                margin-right: .5rem
            }

            .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
                outline: 0 none;
                outline-offset: 0;
                box-shadow: none
            }

        .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
            background: rgba(0,0,0,.04);
            border-color: #e0e0e0;
            color: rgba(0,0,0,.87)
        }

    .p-fieldset .p-fieldset-content {
        padding: 1rem
    }

.p-panel .p-panel-header {
    border: 1px solid #e0e0e0;
    padding: 1rem;
    background: #fff;
    color: rgba(0,0,0,.87);
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

    .p-panel .p-panel-header .p-panel-title {
        font-weight: 500
    }

    .p-panel .p-panel-header .p-panel-header-icon {
        width: 2.5rem;
        height: 2.5rem;
        color: rgba(0,0,0,.6);
        border: 0 none;
        background: transparent;
        border-radius: 50%;
        transition: background-color .2s,color .2s,box-shadow .2s
    }

        .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
            color: rgba(0,0,0,.6);
            border-color: transparent;
            background: rgba(0,0,0,.04)
        }

        .p-panel .p-panel-header .p-panel-header-icon:focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none
        }

.p-panel.p-panel-toggleable .p-panel-header {
    padding: .5rem 1rem
}

.p-panel .p-panel-content {
    padding: 1rem;
    border: 1px solid #e0e0e0;
    background: #fff;
    color: rgba(0,0,0,.87);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top: 0 none
}

.p-panel .p-panel-footer {
    padding: 1rem 1rem;
    border: 1px solid #e0e0e0;
    background: #fff;
    color: rgba(0,0,0,.87);
    border-top: 0 none
}

.p-panel .p-panel-icons-end {
    order: 2;
    margin-left: auto
}

.p-panel .p-panel-icons-start {
    order: 0;
    margin-right: .5rem
}

.p-panel .p-panel-icons-center {
    order: 2;
    width: 100%;
    text-align: center
}

.p-scrollpanel .p-scrollpanel-bar {
    background: rgba(0,0,0,.12);
    border: 0 none
}

.p-splitter {
    border: 1px solid #e0e0e0;
    background: #fff;
    border-radius: 4px;
    color: rgba(0,0,0,.87)
}

    .p-splitter .p-splitter-gutter {
        transition: background-color .2s,color .2s,box-shadow .2s;
        background: rgba(0,0,0,.04)
    }

        .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
            background: rgba(0,0,0,.12)
        }

    .p-splitter .p-splitter-gutter-resizing {
        background: rgba(0,0,0,.12)
    }

.p-tabview .p-tabview-nav {
    background: #fff;
    border: solid rgba(0,0,0,.12);
    border-width: 0 0 1px 0
}

    .p-tabview .p-tabview-nav li {
        margin-right: 0
    }

        .p-tabview .p-tabview-nav li .p-tabview-nav-link {
            border: solid rgba(0,0,0,.12);
            border-width: 0 0 1px 0;
            border-color: transparent transparent rgba(0,0,0,.12) transparent;
            background: #fff;
            color: rgba(0,0,0,.6);
            padding: 1rem 1.5rem;
            font-weight: 500;
            border-top-right-radius: 4px;
            border-top-left-radius: 4px;
            transition: none;
            margin: 0 0 0 0
        }

            .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
                outline: 0 none;
                outline-offset: 0;
                box-shadow: inset none
            }

        .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
            background: rgba(0,0,0,.04);
            border-color: rgba(0,0,0,.12);
            color: rgba(0,0,0,.6)
        }

        .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
            background: #fff;
            border-color: rgba(0,0,0,.12);
            color: #000
        }

.p-tabview .p-tabview-left-icon {
    margin-right: .5rem
}

.p-tabview .p-tabview-right-icon {
    margin-left: .5rem
}

.p-tabview .p-tabview-close {
    margin-left: .5rem
}

.p-tabview .p-tabview-nav-btn.p-link {
    background: #fff;
    color: #000;
    width: 3rem;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    border-radius: 0
}

    .p-tabview .p-tabview-nav-btn.p-link:focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: inset none
    }

.p-tabview .p-tabview-panels {
    background: #fff;
    padding: 1rem;
    border: 0 none;
    color: rgba(0,0,0,.87);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.p-toolbar {
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 1rem;
    border-radius: 4px;
    gap: .5rem
}

    .p-toolbar .p-toolbar-separator {
        margin: 0 .5rem
    }

.p-confirm-popup {
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 0 none;
    border-radius: 4px;
    box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)
}

    .p-confirm-popup .p-confirm-popup-content {
        padding: 1rem
    }

    .p-confirm-popup .p-confirm-popup-footer {
        text-align: right;
        padding: 1rem 1rem
    }

        .p-confirm-popup .p-confirm-popup-footer button {
            margin: 0 .5rem 0 0;
            width: auto
        }

            .p-confirm-popup .p-confirm-popup-footer button:last-child {
                margin: 0
            }

    .p-confirm-popup:after {
        border: solid transparent;
        border-color: rgba(255,255,255,0);
        border-bottom-color: #fff
    }

    .p-confirm-popup:before {
        border: solid transparent;
        border-color: rgba(255,255,255,0);
        border-bottom-color: #fff
    }

    .p-confirm-popup.p-confirm-popup-flipped:after {
        border-top-color: #fff
    }

    .p-confirm-popup.p-confirm-popup-flipped:before {
        border-top-color: #fff
    }

    .p-confirm-popup .p-confirm-popup-icon {
        font-size: 1.5rem
    }

        .p-confirm-popup .p-confirm-popup-icon.p-icon {
            width: 1.5rem;
            height: 1.5rem
        }

    .p-confirm-popup .p-confirm-popup-message {
        margin-left: 1rem
    }

.p-dialog {
    border-radius: 4px;
    box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);
    border: 0 none
}

    .p-dialog .p-dialog-header {
        border-bottom: 0 none;
        background: #fff;
        color: rgba(0,0,0,.87);
        padding: 1.5rem;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px
    }

        .p-dialog .p-dialog-header .p-dialog-title {
            font-weight: 500;
            font-size: 1.25rem
        }

        .p-dialog .p-dialog-header .p-dialog-header-icon {
            width: 2.5rem;
            height: 2.5rem;
            color: rgba(0,0,0,.6);
            border: 0 none;
            background: transparent;
            border-radius: 50%;
            transition: background-color .2s,color .2s,box-shadow .2s;
            margin-right: .5rem
        }

            .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
                color: rgba(0,0,0,.6);
                border-color: transparent;
                background: rgba(0,0,0,.04)
            }

            .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
                outline: 0 none;
                outline-offset: 0;
                box-shadow: none
            }

            .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
                margin-right: 0
            }

    .p-dialog .p-dialog-content {
        background: #fff;
        color: rgba(0,0,0,.87);
        padding: 0 1.5rem 1.5rem 1.5rem
    }

        .p-dialog .p-dialog-content:last-of-type {
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px
        }

    .p-dialog .p-dialog-footer {
        border-top: 0 none;
        background: #fff;
        color: rgba(0,0,0,.87);
        padding: 1rem 1.5rem;
        text-align: right;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

        .p-dialog .p-dialog-footer button {
            margin: 0 .5rem 0 0;
            width: auto
        }

    .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
        font-size: 2rem
    }

        .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
            width: 2rem;
            height: 2rem
        }

    .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
        margin-left: 1rem
    }

.p-overlaypanel {
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 0 none;
    border-radius: 4px;
    box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)
}

    .p-overlaypanel .p-overlaypanel-content {
        padding: 1rem
    }

    .p-overlaypanel .p-overlaypanel-close {
        background: #000;
        color: #fff;
        width: 2.5rem;
        height: 2.5rem;
        transition: background-color .2s,color .2s,box-shadow .2s;
        border-radius: 50%;
        position: absolute;
        top: -1.25rem;
        right: -1.25rem
    }

        .p-overlaypanel .p-overlaypanel-close:enabled:hover {
            background: rgba(0,0,0,.92);
            color: #fff
        }

    .p-overlaypanel:after {
        border: solid transparent;
        border-color: rgba(255,255,255,0);
        border-bottom-color: #fff
    }

    .p-overlaypanel:before {
        border: solid transparent;
        border-color: rgba(255,255,255,0);
        border-bottom-color: #f2f2f2
    }

    .p-overlaypanel.p-overlaypanel-flipped:after {
        border-top-color: #fff
    }

    .p-overlaypanel.p-overlaypanel-flipped:before {
        border-top-color: #fff
    }

.p-sidebar {
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 0 none;
    box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)
}

    .p-sidebar .p-sidebar-header {
        padding: 1rem
    }

        .p-sidebar .p-sidebar-header .p-sidebar-close, .p-sidebar .p-sidebar-header .p-sidebar-icon {
            width: 2.5rem;
            height: 2.5rem;
            color: rgba(0,0,0,.6);
            border: 0 none;
            background: transparent;
            border-radius: 50%;
            transition: background-color .2s,color .2s,box-shadow .2s
        }

            .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
                color: rgba(0,0,0,.6);
                border-color: transparent;
                background: rgba(0,0,0,.04)
            }

            .p-sidebar .p-sidebar-header .p-sidebar-close:focus, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
                outline: 0 none;
                outline-offset: 0;
                box-shadow: none
            }

        .p-sidebar .p-sidebar-header + .p-sidebar-content {
            padding-top: 0
        }

    .p-sidebar .p-sidebar-content {
        padding: 1rem
    }

    .p-sidebar .p-sidebar-footer {
        padding: 1rem
    }

.p-tooltip .p-tooltip-text {
    background: rgba(97,97,97,.9);
    color: #fff;
    padding: .5rem;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
    border-radius: 4px
}

.p-tooltip.p-tooltip-right .p-tooltip-arrow {
    border-right-color: rgba(97,97,97,.9)
}

.p-tooltip.p-tooltip-left .p-tooltip-arrow {
    border-left-color: rgba(97,97,97,.9)
}

.p-tooltip.p-tooltip-top .p-tooltip-arrow {
    border-top-color: rgba(97,97,97,.9)
}

.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
    border-bottom-color: rgba(97,97,97,.9)
}

.p-fileupload .p-fileupload-buttonbar {
    background: #fff;
    padding: 1rem;
    border: 1px solid #e0e0e0;
    color: rgba(0,0,0,.87);
    border-bottom: 0 none;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

    .p-fileupload .p-fileupload-buttonbar .p-button {
        margin-right: .5rem
    }

        .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none
        }

.p-fileupload .p-fileupload-content {
    background: #fff;
    padding: 2rem 1rem;
    border: 1px solid #e0e0e0;
    color: rgba(0,0,0,.87);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.p-fileupload .p-progressbar {
    height: 4px
}

.p-fileupload .p-fileupload-row > div {
    padding: 1rem 1rem
}

.p-fileupload.p-fileupload-advanced .p-message {
    margin-top: 0
}

.p-fileupload-choose:not(.p-disabled):hover {
    background: rgba(0,0,0,.92);
    color: #fff;
    border-color: transparent
}

.p-fileupload-choose:not(.p-disabled):active {
    background: rgba(0,0,0,.68);
    color: #fff;
    border-color: transparent
}

.p-breadcrumb {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 1rem
}

    .p-breadcrumb ul li .p-menuitem-link {
        transition: none;
        border-radius: 4px
    }

        .p-breadcrumb ul li .p-menuitem-link:focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none
        }

        .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
            color: rgba(0,0,0,.87)
        }

        .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
            color: rgba(0,0,0,.6)
        }

    .p-breadcrumb ul li.p-breadcrumb-chevron {
        margin: 0 .5rem 0 .5rem;
        color: rgba(0,0,0,.6)
    }

    .p-breadcrumb ul li:last-child .p-menuitem-text {
        color: rgba(0,0,0,.87)
    }

    .p-breadcrumb ul li:last-child .p-menuitem-icon {
        color: rgba(0,0,0,.6)
    }

.p-contextmenu {
    padding: .5rem 0;
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);
    border-radius: 4px;
    width: 12.5rem
}

    .p-contextmenu .p-menuitem-link {
        padding: 1rem 1rem;
        color: rgba(0,0,0,.87);
        border-radius: 0;
        transition: none;
        user-select: none
    }

        .p-contextmenu .p-menuitem-link .p-menuitem-text {
            color: rgba(0,0,0,.87)
        }

        .p-contextmenu .p-menuitem-link .p-menuitem-icon {
            color: rgba(0,0,0,.6);
            margin-right: .5rem
        }

        .p-contextmenu .p-menuitem-link .p-submenu-icon {
            color: rgba(0,0,0,.6)
        }

        .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
            background: rgba(0,0,0,.04)
        }

            .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
                color: rgba(0,0,0,.87)
            }

            .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
                color: rgba(0,0,0,.6)
            }

            .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
                color: rgba(0,0,0,.6)
            }

        .p-contextmenu .p-menuitem-link:focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none
        }

    .p-contextmenu .p-submenu-list {
        padding: .5rem 0;
        background: #fff;
        border: 0 none;
        box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);
        border-radius: 4px
    }

    .p-contextmenu .p-menuitem {
        margin: 0
    }

        .p-contextmenu .p-menuitem:last-child {
            margin: 0
        }

        .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
            background: rgba(0,0,0,.04)
        }

            .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
                color: rgba(0,0,0,.87)
            }

            .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
                color: rgba(0,0,0,.6)
            }

    .p-contextmenu .p-menu-separator {
        border-top: 1px solid rgba(0,0,0,.12);
        margin: .5rem 0
    }

    .p-contextmenu .p-submenu-icon {
        font-size: .875rem
    }

    .p-contextmenu .p-icon {
        width: .875rem;
        height: .875rem
    }

    .p-contextmenu .p-menuitem-badge {
        background: #000;
        color: #fff;
        font-size: .75rem;
        font-weight: 700;
        min-width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        border-radius: 4px;
        margin-left: .5rem;
        padding-left: .5rem;
        padding-right: .5rem
    }

.p-dock .p-dock-list {
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.2);
    padding: .5rem .5rem;
    border-radius: .5rem
}

.p-dock .p-dock-item {
    padding: .5rem
}

.p-dock .p-dock-action {
    width: 4rem;
    height: 4rem
}

.p-dock.p-dock-top .p-dock-item-second-prev, .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, .p-dock.p-dock-bottom .p-dock-item-second-next {
    margin: 0 .9rem
}

.p-dock.p-dock-top .p-dock-item-prev, .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, .p-dock.p-dock-bottom .p-dock-item-next {
    margin: 0 1.3rem
}

.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
    margin: 0 1.5rem
}

.p-dock.p-dock-left .p-dock-item-second-prev, .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, .p-dock.p-dock-right .p-dock-item-second-next {
    margin: .9rem 0
}

.p-dock.p-dock-left .p-dock-item-prev, .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, .p-dock.p-dock-right .p-dock-item-next {
    margin: 1.3rem 0
}

.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
    margin: 1.5rem 0
}

@media screen and (max-width: 960px) {
    .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
        overflow-x: auto;
        width: 100%
    }

        .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
            margin: 0 auto
        }

    .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
        overflow-y: auto;
        height: 100%
    }

        .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
            margin: auto 0
        }

    .p-dock .p-dock-list .p-dock-item {
        transform: none;
        margin: 0
    }
}

.p-megamenu {
    padding: 1rem;
    background: transparent;
    color: rgba(0,0,0,.87);
    border: 1px solid #e5e5e5;
    border-radius: 4px
}

    .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
        padding: 1rem;
        color: rgba(0,0,0,.87);
        border-radius: 4px;
        transition: none;
        user-select: none
    }

        .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
            color: rgba(0,0,0,.87)
        }

        .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
            color: rgba(0,0,0,.6);
            margin-right: .5rem
        }

        .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
            color: rgba(0,0,0,.6);
            margin-left: .5rem
        }

        .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
            background: rgba(0,0,0,.04)
        }

            .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
                color: rgba(0,0,0,.87)
            }

            .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
                color: rgba(0,0,0,.6)
            }

            .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
                color: rgba(0,0,0,.6)
            }

        .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none
        }

    .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
        background: rgba(0,0,0,.04)
    }

        .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
            color: rgba(0,0,0,.87)
        }

        .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
            color: rgba(0,0,0,.6)
        }

        .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
            color: rgba(0,0,0,.6)
        }

    .p-megamenu .p-menuitem-link {
        padding: 1rem 1rem;
        color: rgba(0,0,0,.87);
        border-radius: 0;
        transition: none;
        user-select: none
    }

        .p-megamenu .p-menuitem-link .p-menuitem-text {
            color: rgba(0,0,0,.87)
        }

        .p-megamenu .p-menuitem-link .p-menuitem-icon {
            color: rgba(0,0,0,.6);
            margin-right: .5rem
        }

        .p-megamenu .p-menuitem-link .p-submenu-icon {
            color: rgba(0,0,0,.6)
        }

        .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
            background: rgba(0,0,0,.04)
        }

            .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
                color: rgba(0,0,0,.87)
            }

            .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
                color: rgba(0,0,0,.6)
            }

            .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
                color: rgba(0,0,0,.6)
            }

        .p-megamenu .p-menuitem-link:focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none
        }

    .p-megamenu .p-megamenu-panel {
        background: #fff;
        color: rgba(0,0,0,.87);
        border: 0 none;
        box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)
    }

    .p-megamenu .p-megamenu-submenu-header {
        margin: 0;
        padding: 1rem;
        color: rgba(0,0,0,.6);
        background: #fff;
        font-weight: 400;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px
    }

    .p-megamenu .p-megamenu-submenu {
        padding: .5rem 0;
        width: 12.5rem
    }

        .p-megamenu .p-megamenu-submenu .p-menu-separator {
            border-top: 1px solid rgba(0,0,0,.12);
            margin: .5rem 0
        }

        .p-megamenu .p-megamenu-submenu .p-menuitem {
            margin: 0
        }

            .p-megamenu .p-megamenu-submenu .p-menuitem:last-child {
                margin: 0
            }

    .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
        background: rgba(0,0,0,.04)
    }

        .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
            color: rgba(0,0,0,.87)
        }

        .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
            color: rgba(0,0,0,.6)
        }

    .p-megamenu.p-megamenu-vertical {
        width: 12.5rem;
        padding: .5rem 0
    }

        .p-megamenu.p-megamenu-vertical .p-menuitem {
            margin: 0
        }

            .p-megamenu.p-megamenu-vertical .p-menuitem:last-child {
                margin: 0
            }

    .p-megamenu .p-menuitem-badge {
        background: #000;
        color: #fff;
        font-size: .75rem;
        font-weight: 700;
        min-width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        border-radius: 4px;
        margin-left: .5rem;
        padding-left: .5rem;
        padding-right: .5rem
    }

.p-menu {
    padding: .5rem 0;
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    width: 12.5rem
}

    .p-menu .p-menuitem-link {
        padding: 1rem 1rem;
        color: rgba(0,0,0,.87);
        border-radius: 0;
        transition: none;
        user-select: none
    }

        .p-menu .p-menuitem-link .p-menuitem-text {
            color: rgba(0,0,0,.87)
        }

        .p-menu .p-menuitem-link .p-menuitem-icon {
            color: rgba(0,0,0,.6);
            margin-right: .5rem
        }

        .p-menu .p-menuitem-link .p-submenu-icon {
            color: rgba(0,0,0,.6)
        }

        .p-menu .p-menuitem-link:not(.p-disabled):hover {
            background: rgba(0,0,0,.04)
        }

            .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
                color: rgba(0,0,0,.87)
            }

            .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
                color: rgba(0,0,0,.6)
            }

            .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
                color: rgba(0,0,0,.6)
            }

        .p-menu .p-menuitem-link:focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none
        }

    .p-menu.p-menu-overlay {
        background: #fff;
        border: 0 none;
        box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)
    }

    .p-menu .p-submenu-header {
        margin: 0;
        padding: 1rem;
        color: rgba(0,0,0,.6);
        background: #fff;
        font-weight: 400;
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }

    .p-menu .p-menu-separator {
        border-top: 1px solid rgba(0,0,0,.12);
        margin: .5rem 0
    }

    .p-menu .p-menuitem {
        margin: 0
    }

        .p-menu .p-menuitem:last-child {
            margin: 0
        }

    .p-menu .p-menuitem-badge {
        background: #000;
        color: #fff;
        font-size: .75rem;
        font-weight: 700;
        min-width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        border-radius: 4px;
        margin-left: .5rem;
        padding-left: .5rem;
        padding-right: .5rem
    }

.p-menubar {
    padding: 1rem;
    background: transparent;
    color: rgba(0,0,0,.87);
    border: 1px solid #e5e5e5;
    border-radius: 4px
}

    .p-menubar .p-menuitem-link {
        padding: 1rem 1rem;
        color: rgba(0,0,0,.87);
        border-radius: 0;
        transition: none;
        user-select: none
    }

        .p-menubar .p-menuitem-link .p-menuitem-text {
            color: rgba(0,0,0,.87)
        }

        .p-menubar .p-menuitem-link .p-menuitem-icon {
            color: rgba(0,0,0,.6);
            margin-right: .5rem
        }

        .p-menubar .p-menuitem-link .p-submenu-icon {
            color: rgba(0,0,0,.6)
        }

        .p-menubar .p-menuitem-link:not(.p-disabled):hover {
            background: rgba(0,0,0,.04)
        }

            .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
                color: rgba(0,0,0,.87)
            }

            .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
                color: rgba(0,0,0,.6)
            }

            .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
                color: rgba(0,0,0,.6)
            }

        .p-menubar .p-menuitem-link:focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none
        }

    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
        padding: 1rem;
        color: rgba(0,0,0,.87);
        border-radius: 4px;
        transition: none;
        user-select: none
    }

        .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
            color: rgba(0,0,0,.87)
        }

        .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
            color: rgba(0,0,0,.6);
            margin-right: .5rem
        }

        .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
            color: rgba(0,0,0,.6);
            margin-left: .5rem
        }

        .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
            background: rgba(0,0,0,.04)
        }

            .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
                color: rgba(0,0,0,.87)
            }

            .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
                color: rgba(0,0,0,.6)
            }

            .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
                color: rgba(0,0,0,.6)
            }

        .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none
        }

    .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
        background: rgba(0,0,0,.04)
    }

        .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
            color: rgba(0,0,0,.87)
        }

        .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
            color: rgba(0,0,0,.6)
        }

        .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
            color: rgba(0,0,0,.6)
        }

    .p-menubar .p-submenu-list {
        padding: .5rem 0;
        background: #fff;
        border: 0 none;
        box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);
        width: 12.5rem
    }

        .p-menubar .p-submenu-list .p-menu-separator {
            border-top: 1px solid rgba(0,0,0,.12);
            margin: .5rem 0
        }

        .p-menubar .p-submenu-list .p-submenu-icon {
            font-size: .875rem
        }

        .p-menubar .p-submenu-list .p-icon {
            width: .875rem;
            height: .875rem
        }

        .p-menubar .p-submenu-list .p-menuitem {
            margin: 0
        }

            .p-menubar .p-submenu-list .p-menuitem:last-child {
                margin: 0
            }

    .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
        background: rgba(0,0,0,.04)
    }

        .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
            color: rgba(0,0,0,.87)
        }

        .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
            color: rgba(0,0,0,.6)
        }

    .p-menubar .p-menuitem-badge {
        background: #000;
        color: #fff;
        font-size: .75rem;
        font-weight: 700;
        min-width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        border-radius: 4px;
        margin-left: .5rem;
        padding-left: .5rem;
        padding-right: .5rem
    }

@media screen and (max-width: 960px) {
    .p-menubar {
        position: relative
    }

        .p-menubar .p-menubar-button {
            display: flex;
            width: 2.5rem;
            height: 2.5rem;
            color: rgba(0,0,0,.6);
            border-radius: 50%;
            transition: background-color .2s,color .2s,box-shadow .2s
        }

            .p-menubar .p-menubar-button:hover {
                color: rgba(0,0,0,.6);
                background: rgba(0,0,0,.04)
            }

            .p-menubar .p-menubar-button:focus {
                outline: 0 none;
                outline-offset: 0;
                box-shadow: none
            }

        .p-menubar .p-menubar-root-list {
            position: absolute;
            display: none;
            padding: .5rem 0;
            background: #fff;
            border: 0 none;
            box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);
            width: 100%
        }

            .p-menubar .p-menubar-root-list .p-menu-separator {
                border-top: 1px solid rgba(0,0,0,.12);
                margin: .5rem 0
            }

            .p-menubar .p-menubar-root-list .p-submenu-icon {
                font-size: .875rem
            }

            .p-menubar .p-menubar-root-list > .p-menuitem {
                width: 100%;
                position: static
            }

                .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
                    padding: 1rem 1rem;
                    color: rgba(0,0,0,.87);
                    border-radius: 0;
                    transition: none;
                    user-select: none
                }

                    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
                        color: rgba(0,0,0,.87)
                    }

                    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
                        color: rgba(0,0,0,.6);
                        margin-right: .5rem
                    }

                    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
                        color: rgba(0,0,0,.6)
                    }

                    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
                        background: rgba(0,0,0,.04)
                    }

                        .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
                            color: rgba(0,0,0,.87)
                        }

                        .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
                            color: rgba(0,0,0,.6)
                        }

                        .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
                            color: rgba(0,0,0,.6)
                        }

                    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
                        outline: 0 none;
                        outline-offset: 0;
                        box-shadow: none
                    }

                    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
                        margin-left: auto;
                        transition: transform .2s
                    }

                .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
                    transform: rotate(-180deg)
                }

            .p-menubar .p-menubar-root-list .p-submenu-list {
                width: 100%;
                position: static;
                box-shadow: none;
                border: 0 none
            }

                .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
                    transition: transform .2s;
                    transform: rotate(90deg)
                }

                .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
                    transform: rotate(-90deg)
                }

            .p-menubar .p-menubar-root-list .p-menuitem {
                width: 100%;
                position: static
            }

            .p-menubar .p-menubar-root-list ul li a {
                padding-left: 3rem
            }

            .p-menubar .p-menubar-root-list ul li ul li a {
                padding-left: 5rem
            }

            .p-menubar .p-menubar-root-list ul li ul li ul li a {
                padding-left: 7rem
            }

            .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
                padding-left: 9rem
            }

            .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
                padding-left: 11rem
            }

        .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
            display: flex;
            flex-direction: column;
            top: 100%;
            left: 0;
            z-index: 1
        }
}

.p-panelmenu .p-panelmenu-header > a {
    padding: 1.5rem;
    border: 0 none;
    color: rgba(0,0,0,.87);
    background: #fff;
    font-weight: 400;
    border-radius: 4px;
    transition: none
}

    .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
        margin-right: .5rem
    }

    .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
        margin-right: .5rem
    }

    .p-panelmenu .p-panelmenu-header > a:focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: none
    }

.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
    background: #f6f6f6;
    border-color: transparent;
    color: rgba(0,0,0,.87)
}

.p-panelmenu .p-panelmenu-header.p-highlight {
    margin-bottom: 0
}

    .p-panelmenu .p-panelmenu-header.p-highlight > a {
        background: #fff;
        border-color: transparent;
        color: rgba(0,0,0,.87);
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
        border-color: transparent;
        background: #fff;
        color: rgba(0,0,0,.87)
    }

.p-panelmenu .p-panelmenu-content {
    padding: .5rem 0;
    border: 0 none;
    background: #fff;
    color: rgba(0,0,0,.87);
    margin-bottom: 0;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

    .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
        padding: 1rem 1rem;
        color: rgba(0,0,0,.87);
        border-radius: 0;
        transition: none;
        user-select: none
    }

        .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
            color: rgba(0,0,0,.87)
        }

        .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
            color: rgba(0,0,0,.6);
            margin-right: .5rem
        }

        .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
            color: rgba(0,0,0,.6)
        }

        .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
            background: rgba(0,0,0,.04)
        }

            .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
                color: rgba(0,0,0,.87)
            }

            .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
                color: rgba(0,0,0,.6)
            }

            .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
                color: rgba(0,0,0,.6)
            }

        .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none
        }

        .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
            margin-right: .5rem
        }

    .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
        padding: 0 0 0 1rem
    }

.p-panelmenu .p-panelmenu-panel {
    margin-bottom: 0
}

    .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
        border-radius: 0
    }

    .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
        border-radius: 0
    }

    .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
        border-top: 0 none
    }

    .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
        border-top: 0 none
    }

    .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px
    }

    .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

.p-panelmenu .p-menuitem-badge {
    background: #000;
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 4px;
    margin-left: .5rem;
    padding-left: .5rem;
    padding-right: .5rem
}

.p-slidemenu {
    padding: .5rem 0;
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    width: 12.5rem
}

    .p-slidemenu .p-menuitem-link {
        padding: 1rem 1rem;
        color: rgba(0,0,0,.87);
        border-radius: 0;
        transition: none;
        user-select: none
    }

        .p-slidemenu .p-menuitem-link .p-menuitem-text {
            color: rgba(0,0,0,.87)
        }

        .p-slidemenu .p-menuitem-link .p-menuitem-icon {
            color: rgba(0,0,0,.6);
            margin-right: .5rem
        }

        .p-slidemenu .p-menuitem-link .p-submenu-icon {
            color: rgba(0,0,0,.6)
        }

        .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
            background: rgba(0,0,0,.04)
        }

            .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
                color: rgba(0,0,0,.87)
            }

            .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
                color: rgba(0,0,0,.6)
            }

            .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
                color: rgba(0,0,0,.6)
            }

        .p-slidemenu .p-menuitem-link:focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none
        }

    .p-slidemenu.p-slidemenu-overlay {
        background: #fff;
        border: 0 none;
        box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)
    }

    .p-slidemenu .p-slidemenu-list {
        padding: .5rem 0;
        background: #fff;
        border: 0 none;
        box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)
    }

    .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
        background: rgba(0,0,0,.04)
    }

        .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
            color: rgba(0,0,0,.87)
        }

        .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon {
            color: rgba(0,0,0,.6)
        }

    .p-slidemenu .p-slidemenu-separator {
        border-top: 1px solid rgba(0,0,0,.12);
        margin: .5rem 0
    }

    .p-slidemenu .p-slidemenu-icon {
        font-size: .875rem
    }

    .p-slidemenu .p-icon {
        width: .875rem;
        height: .875rem
    }

    .p-slidemenu .p-slidemenu-backward {
        padding: 1rem 1rem;
        color: rgba(0,0,0,.87)
    }

    .p-slidemenu .p-menuitem-badge {
        background: #000;
        color: #fff;
        font-size: .75rem;
        font-weight: 700;
        min-width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        border-radius: 4px;
        margin-left: .5rem;
        padding-left: .5rem;
        padding-right: .5rem
    }

.p-steps .p-steps-item .p-menuitem-link {
    background: transparent;
    transition: none;
    border-radius: 4px;
    background: transparent
}

    .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
        color: rgba(0,0,0,.87);
        border: 1px solid transparent;
        background: transparent;
        min-width: 2rem;
        height: 2rem;
        line-height: 2rem;
        font-size: 1.143rem;
        z-index: 1;
        border-radius: 50%
    }

    .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
        margin-top: .5rem;
        color: rgba(0,0,0,.87)
    }

    .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: none
    }

.p-steps .p-steps-item.p-highlight .p-steps-number {
    background: rgba(0,0,0,.12);
    color: #000
}

.p-steps .p-steps-item.p-highlight .p-steps-title {
    font-weight: 500;
    color: rgba(0,0,0,.87)
}

.p-steps .p-steps-item:before {
    content: " ";
    border-top: 1px solid rgba(0,0,0,.12);
    width: 100%;
    top: 50%;
    left: 0;
    display: block;
    position: absolute;
    margin-top: -1rem
}

.p-tabmenu .p-tabmenu-nav {
    background: #fff;
    border: solid rgba(0,0,0,.12);
    border-width: 0 0 1px 0
}

    .p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
        background: #000;
        color: #fff;
        font-size: .75rem;
        font-weight: 700;
        min-width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        border-radius: 4px;
        margin-left: .5rem;
        padding-left: .5rem;
        padding-right: .5rem
    }

    .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
        margin-right: 0
    }

        .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
            border: solid rgba(0,0,0,.12);
            border-width: 0 0 1px 0;
            border-color: transparent transparent rgba(0,0,0,.12) transparent;
            background: #fff;
            color: rgba(0,0,0,.6);
            padding: 1rem 1.5rem;
            font-weight: 500;
            border-top-right-radius: 4px;
            border-top-left-radius: 4px;
            transition: none;
            margin: 0 0 0 0
        }

            .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
                margin-right: .5rem
            }

            .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
                outline: 0 none;
                outline-offset: 0;
                box-shadow: inset none
            }

        .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
            background: rgba(0,0,0,.04);
            border-color: rgba(0,0,0,.12);
            color: rgba(0,0,0,.6)
        }

        .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
            background: #fff;
            border-color: rgba(0,0,0,.12);
            color: #000
        }

.p-tabmenu .p-tabmenu-left-icon {
    margin-right: .5rem
}

.p-tabmenu .p-tabmenu-right-icon {
    margin-left: .5rem
}

.p-tabmenu .p-tabmenu-nav-btn.p-link {
    background: #fff;
    color: #000;
    width: 3rem;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    border-radius: 0
}

    .p-tabmenu .p-tabmenu-nav-btn.p-link:focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: inset none
    }

.p-tieredmenu {
    padding: .5rem 0;
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    width: 12.5rem
}

    .p-tieredmenu .p-menuitem-link {
        padding: 1rem 1rem;
        color: rgba(0,0,0,.87);
        border-radius: 0;
        transition: none;
        user-select: none
    }

        .p-tieredmenu .p-menuitem-link .p-menuitem-text {
            color: rgba(0,0,0,.87)
        }

        .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
            color: rgba(0,0,0,.6);
            margin-right: .5rem
        }

        .p-tieredmenu .p-menuitem-link .p-submenu-icon {
            color: rgba(0,0,0,.6)
        }

        .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
            background: rgba(0,0,0,.04)
        }

            .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
                color: rgba(0,0,0,.87)
            }

            .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
                color: rgba(0,0,0,.6)
            }

            .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
                color: rgba(0,0,0,.6)
            }

        .p-tieredmenu .p-menuitem-link:focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none
        }

    .p-tieredmenu.p-tieredmenu-overlay {
        background: #fff;
        border: 0 none;
        box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)
    }

    .p-tieredmenu .p-submenu-list {
        padding: .5rem 0;
        background: #fff;
        border: 0 none;
        box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)
    }

    .p-tieredmenu .p-menuitem {
        margin: 0
    }

        .p-tieredmenu .p-menuitem:last-child {
            margin: 0
        }

        .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
            background: rgba(0,0,0,.04)
        }

            .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
                color: rgba(0,0,0,.87)
            }

            .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
                color: rgba(0,0,0,.6)
            }

    .p-tieredmenu .p-menu-separator {
        border-top: 1px solid rgba(0,0,0,.12);
        margin: .5rem 0
    }

    .p-tieredmenu .p-submenu-icon {
        font-size: .875rem
    }

    .p-tieredmenu .p-icon {
        width: .875rem;
        height: .875rem
    }

    .p-tieredmenu .p-menuitem-badge {
        background: #000;
        color: #fff;
        font-size: .75rem;
        font-weight: 700;
        min-width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        border-radius: 4px;
        margin-left: .5rem;
        padding-left: .5rem;
        padding-right: .5rem
    }

.p-inline-message {
    padding: 1rem 1rem;
    margin: 0;
    border-radius: 4px
}

    .p-inline-message.p-inline-message-info {
        background: #b3e5fc;
        border: solid transparent;
        border-width: 1px;
        color: #01579b
    }

        .p-inline-message.p-inline-message-info .p-inline-message-icon {
            color: #01579b
        }

    .p-inline-message.p-inline-message-success {
        background: #c8e6c9;
        border: solid transparent;
        border-width: 1px;
        color: #1b5e20
    }

        .p-inline-message.p-inline-message-success .p-inline-message-icon {
            color: #1b5e20
        }

    .p-inline-message.p-inline-message-warn {
        background: #ffecb3;
        border: solid transparent;
        border-width: 1px;
        color: #7f6003
    }

        .p-inline-message.p-inline-message-warn .p-inline-message-icon {
            color: #7f6003
        }

    .p-inline-message.p-inline-message-error {
        background: #ffcdd2;
        border: solid transparent;
        border-width: 1px;
        color: #b71c1c
    }

        .p-inline-message.p-inline-message-error .p-inline-message-icon {
            color: #b71c1c
        }

    .p-inline-message .p-inline-message-icon {
        font-size: 1rem;
        margin-right: .5rem
    }

    .p-inline-message .p-icon {
        width: 1rem;
        height: 1rem
    }

    .p-inline-message .p-inline-message-text {
        font-size: 1rem
    }

    .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
        margin-right: 0
    }

.p-message {
    margin: 1rem 0;
    border-radius: 4px
}

    .p-message .p-message-wrapper {
        padding: 1.25rem 1.5rem
    }

    .p-message .p-message-close {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        background: transparent;
        transition: background-color .2s,color .2s,box-shadow .2s
    }

        .p-message .p-message-close:hover {
            background: rgba(255,255,255,.3)
        }

        .p-message .p-message-close:focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none
        }

    .p-message.p-message-info {
        background: #b3e5fc;
        border: solid transparent;
        border-width: 0 0 0 0;
        color: #01579b
    }

        .p-message.p-message-info .p-message-icon {
            color: #01579b
        }

        .p-message.p-message-info .p-message-close {
            color: #01579b
        }

    .p-message.p-message-success {
        background: #c8e6c9;
        border: solid transparent;
        border-width: 0 0 0 0;
        color: #1b5e20
    }

        .p-message.p-message-success .p-message-icon {
            color: #1b5e20
        }

        .p-message.p-message-success .p-message-close {
            color: #1b5e20
        }

    .p-message.p-message-warn {
        background: #ffecb3;
        border: solid transparent;
        border-width: 0 0 0 0;
        color: #7f6003
    }

        .p-message.p-message-warn .p-message-icon {
            color: #7f6003
        }

        .p-message.p-message-warn .p-message-close {
            color: #7f6003
        }

    .p-message.p-message-error {
        background: #ffcdd2;
        border: solid transparent;
        border-width: 0 0 0 0;
        color: #b71c1c
    }

        .p-message.p-message-error .p-message-icon {
            color: #b71c1c
        }

        .p-message.p-message-error .p-message-close {
            color: #b71c1c
        }

    .p-message .p-message-text {
        font-size: 1rem;
        font-weight: 500
    }

    .p-message .p-message-icon {
        font-size: 1.5rem;
        margin-right: .5rem
    }

    .p-message .p-icon {
        width: 1.5rem;
        height: 1.5rem
    }

    .p-message .p-message-summary {
        font-weight: 700
    }

    .p-message .p-message-detail {
        margin-left: .5rem
    }

.p-toast {
    opacity: .9
}

    .p-toast .p-toast-message {
        margin: 0 0 1rem 0;
        box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
        border-radius: 4px
    }

        .p-toast .p-toast-message .p-toast-message-content {
            padding: 1.5rem;
            border-width: 0 0 0 0
        }

            .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
                margin: 0 0 0 1rem
            }

            .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
                font-size: 2rem
            }

            .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) {
                width: 2rem;
                height: 2rem
            }

            .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
                font-weight: 700
            }

            .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
                margin: .5rem 0 0 0
            }

        .p-toast .p-toast-message .p-toast-icon-close {
            width: 2rem;
            height: 2rem;
            border-radius: 50%;
            background: transparent;
            transition: background-color .2s,color .2s,box-shadow .2s
        }

            .p-toast .p-toast-message .p-toast-icon-close:hover {
                background: rgba(255,255,255,.3)
            }

            .p-toast .p-toast-message .p-toast-icon-close:focus {
                outline: 0 none;
                outline-offset: 0;
                box-shadow: none
            }

        .p-toast .p-toast-message.p-toast-message-info {
            background: #b3e5fc;
            border: solid transparent;
            border-width: 0 0 0 0;
            color: #01579b
        }

            .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
                color: #01579b
            }

        .p-toast .p-toast-message.p-toast-message-success {
            background: #c8e6c9;
            border: solid transparent;
            border-width: 0 0 0 0;
            color: #1b5e20
        }

            .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
                color: #1b5e20
            }

        .p-toast .p-toast-message.p-toast-message-warn {
            background: #ffecb3;
            border: solid transparent;
            border-width: 0 0 0 0;
            color: #7f6003
        }

            .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
                color: #7f6003
            }

        .p-toast .p-toast-message.p-toast-message-error {
            background: #ffcdd2;
            border: solid transparent;
            border-width: 0 0 0 0;
            color: #b71c1c
        }

            .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
                color: #b71c1c
            }

.p-galleria .p-galleria-close {
    margin: .5rem;
    background: transparent;
    color: rgba(255,255,255,.87);
    width: 4rem;
    height: 4rem;
    transition: background-color .2s,color .2s,box-shadow .2s;
    border-radius: 50%
}

    .p-galleria .p-galleria-close .p-galleria-close-icon {
        font-size: 2rem
    }

    .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
        width: 2rem;
        height: 2rem
    }

    .p-galleria .p-galleria-close:hover {
        background: rgba(255,255,255,.1);
        color: rgba(255,255,255,.87)
    }

.p-galleria .p-galleria-item-nav {
    background: transparent;
    color: #f6f6f6;
    width: 4rem;
    height: 4rem;
    transition: background-color .2s,color .2s,box-shadow .2s;
    border-radius: 50%;
    margin: 0 .5rem
}

    .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
        font-size: 2rem
    }

    .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
        width: 2rem;
        height: 2rem
    }

    .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
        background: rgba(255,255,255,.1);
        color: rgba(255,255,255,.87)
    }

.p-galleria .p-galleria-caption {
    background: rgba(0,0,0,.5);
    color: rgba(255,255,255,.87);
    padding: 1rem
}

.p-galleria .p-galleria-indicators {
    padding: 1rem
}

    .p-galleria .p-galleria-indicators .p-galleria-indicator button {
        background-color: #dcdcdc;
        width: 1.25rem;
        height: 1.25rem;
        transition: background-color .2s,color .2s,box-shadow .2s;
        border-radius: 50%
    }

        .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
            background: #ececec
        }

    .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
        background: rgba(0,0,0,.12);
        color: #000
    }

.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
    margin-right: .5rem
}

.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
    margin-bottom: .5rem
}

.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
    background: rgba(0,0,0,.5)
}

    .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
        background: rgba(255,255,255,.4)
    }

        .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
            background: rgba(255,255,255,.6)
        }

    .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
        background: rgba(0,0,0,.12);
        color: #000
    }

.p-galleria .p-galleria-thumbnail-container {
    background: rgba(0,0,0,.9);
    padding: 1rem .25rem
}

    .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
        margin: .5rem;
        background-color: transparent;
        color: rgba(255,255,255,.87);
        width: 2rem;
        height: 2rem;
        transition: background-color .2s,color .2s,box-shadow .2s;
        border-radius: 50%
    }

        .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
            background: rgba(255,255,255,.1);
            color: rgba(255,255,255,.87)
        }

.p-galleria-mask {
    --maskbg: rgba(0, 0, 0, 0.9)
}

.p-image-mask {
    --maskbg: rgba(0, 0, 0, 0.9)
}

.p-image-preview-indicator {
    background-color: transparent;
    color: #f8f9fa;
    transition: background-color .2s,color .2s,box-shadow .2s
}

.p-image-preview-container:hover > .p-image-preview-indicator {
    background-color: rgba(0,0,0,.5)
}

.p-image-toolbar {
    padding: 1rem
}

.p-image-action.p-link {
    color: #f8f9fa;
    background-color: transparent;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    transition: background-color .2s,color .2s,box-shadow .2s;
    margin-right: .5rem
}

    .p-image-action.p-link:last-child {
        margin-right: 0
    }

    .p-image-action.p-link:hover {
        color: #f8f9fa;
        background-color: rgba(255,255,255,.1)
    }

    .p-image-action.p-link i {
        font-size: 1.5rem
    }

    .p-image-action.p-link .p-icon {
        width: 1.5rem;
        height: 1.5rem
    }

.p-avatar {
    background-color: rgba(0,0,0,.12);
    border-radius: 4px
}

    .p-avatar.p-avatar-lg {
        width: 3rem;
        height: 3rem;
        font-size: 1.5rem
    }

        .p-avatar.p-avatar-lg .p-avatar-icon {
            font-size: 1.5rem
        }

    .p-avatar.p-avatar-xl {
        width: 4rem;
        height: 4rem;
        font-size: 2rem
    }

        .p-avatar.p-avatar-xl .p-avatar-icon {
            font-size: 2rem
        }

.p-avatar-group .p-avatar {
    border: 2px solid #fff
}

.p-badge {
    background: #000;
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem
}

    .p-badge.p-badge-secondary {
        background-color: red;
        color: #fff
    }

    .p-badge.p-badge-success {
        background-color: #689f38;
        color: #fff
    }

    .p-badge.p-badge-info {
        background-color: #2196f3;
        color: #fff
    }

    .p-badge.p-badge-warning {
        background-color: #fbc02d;
        color: #212529
    }

    .p-badge.p-badge-danger {
        background-color: #d32f2f;
        color: #fff
    }

    .p-badge.p-badge-lg {
        font-size: 1.125rem;
        min-width: 2.25rem;
        height: 2.25rem;
        line-height: 2.25rem
    }

    .p-badge.p-badge-xl {
        font-size: 1.5rem;
        min-width: 3rem;
        height: 3rem;
        line-height: 3rem
    }

.p-chip {
    background-color: rgba(0,0,0,.12);
    color: rgba(0,0,0,.87);
    border-radius: 16px;
    padding: 0 1rem
}

    .p-chip .p-chip-text {
        line-height: 1.5;
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .p-chip .p-chip-icon {
        margin-right: .5rem
    }

    .p-chip .pi-chip-remove-icon {
        margin-left: .5rem
    }

    .p-chip img {
        width: 2.5rem;
        height: 2.5rem;
        margin-left: -1rem;
        margin-right: .5rem
    }

    .p-chip .pi-chip-remove-icon {
        border-radius: 4px;
        transition: background-color .2s,color .2s,box-shadow .2s
    }

        .p-chip .pi-chip-remove-icon:focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: none
        }

.p-inplace .p-inplace-display {
    padding: 1rem 1rem;
    border-radius: 4px;
    transition: background-color .2s,border-color .2s,color .2s,box-shadow .2s,background-size .2s cubic-bezier(0.64, 0.09, 0.08, 1)
}

    .p-inplace .p-inplace-display:not(.p-disabled):hover {
        background: rgba(0,0,0,.04);
        color: rgba(0,0,0,.87)
    }

    .p-inplace .p-inplace-display:focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: none
    }

.p-progressbar {
    border: 0 none;
    height: 4px;
    background: rgba(0,0,0,.32);
    border-radius: 4px
}

    .p-progressbar .p-progressbar-value {
        border: 0 none;
        margin: 0;
        background: #000
    }

    .p-progressbar .p-progressbar-label {
        color: #fff;
        line-height: 4px
    }

.p-scrolltop {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
    transition: background-color .2s,color .2s,box-shadow .2s
}

    .p-scrolltop.p-link {
        background: red
    }

        .p-scrolltop.p-link:hover {
            background: rgba(255,0,0,.92)
        }

    .p-scrolltop .p-scrolltop-icon {
        font-size: 1.5rem;
        color: #fff
    }

    .p-scrolltop .p-icon {
        width: 1.5rem;
        height: 1.5rem
    }

.p-skeleton {
    background-color: rgba(0,0,0,.08);
    border-radius: 4px
}

    .p-skeleton:after {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0))
    }

.p-tag {
    background: #000;
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    padding: .25rem .4rem;
    border-radius: 4px
}

    .p-tag.p-tag-success {
        background-color: #689f38;
        color: #fff
    }

    .p-tag.p-tag-info {
        background-color: #2196f3;
        color: #fff
    }

    .p-tag.p-tag-warning {
        background-color: #fbc02d;
        color: #212529
    }

    .p-tag.p-tag-danger {
        background-color: #d32f2f;
        color: #fff
    }

    .p-tag .p-tag-icon {
        margin-right: .25rem;
        font-size: .75rem
    }

    .p-tag .p-icon {
        width: .75rem;
        height: .75rem
    }

.p-terminal {
    background: #fff;
    color: rgba(0,0,0,.87);
    border: 1px solid #e0e0e0;
    padding: 1rem
}

    .p-terminal .p-terminal-input {
        font-size: 1rem;
        font-family: Roboto,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif
    }

.p-accordion .p-accordion-tab {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    margin-bottom: 0;
    border-radius: 0;
    position: relative;
    transition: margin-bottom 225ms
}

    .p-accordion .p-accordion-tab:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .p-accordion .p-accordion-tab:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .p-accordion .p-accordion-tab .p-accordion-toggle-icon {
        order: 1;
        margin-left: auto;
        transition: transform .2s
    }

    .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus {
        background: #f6f6f6
    }

    .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon {
        transform: rotate(-270deg)
    }

    .p-accordion .p-accordion-tab.p-accordion-tab-active {
        margin-bottom: 1rem
    }

        .p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon {
            transform: rotate(-180deg)
        }

    .p-accordion .p-accordion-tab .p-accordion-header.p-disabled {
        opacity: 1
    }

        .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * {
            opacity: .38
        }

.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
    box-shadow: inset 0 0 0 1px #000,inset 0 0 0 1px #000,inset 0 0 0 1px #000,inset 0 0 0 1px #000
}

.p-input-filled .p-autocomplete .p-autocomplete-multiple-container {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid transparent;
    background: #f5f5f5 no-repeat;
    background-image: linear-gradient(to bottom, #000000, #000000),linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
    background-size: 0 2px,100% 1px;
    background-position: 50% 100%,50% 100%;
    background-origin: border-box
}

    .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext {
        background-image: none;
        background-color: transparent
    }

    .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
        background-color: #ececec;
        border-color: transparent;
        background-image: linear-gradient(to bottom, #000000, #000000),linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87))
    }

    .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
        box-shadow: none;
        background-color: #dcdcdc;
        border-color: transparent;
        background-size: 100% 2px,100% 1px
    }

    .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
        background-image: none;
        background: transparent
    }

.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
    padding: .25rem 1rem
}

.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
    padding-top: 0;
    padding-bottom: 0
}

    .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
        font-size: 75%
    }

.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
    padding: 0
}

.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext {
    border-color: transparent;
    background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
}

    .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus {
        box-shadow: none;
        border-color: transparent
    }

.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container {
    border-color: transparent;
    background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
}

    .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
        background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
    }

    .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
        box-shadow: none;
        background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
    }

p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus {
    box-shadow: inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020
}

p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
    box-shadow: inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020
}

.p-breadcrumb .p-menuitem-link {
    padding: .25rem .5rem
}

    .p-breadcrumb .p-menuitem-link:focus {
        background: rgba(0,0,0,.12)
    }

.p-button {
    font-weight: 500;
    min-width: 4rem
}

    .p-button.p-button-icon-only {
        min-width: auto
    }

    .p-button:enabled:focus {
        background: rgba(0,0,0,.76)
    }

    .p-button:enabled:active {
        background: rgba(0,0,0,.68)
    }

    .p-button .p-ink {
        background-color: rgba(255,255,255,.32)
    }

    .p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
        background: rgba(0,0,0,.12)
    }

    .p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
        background: rgba(0,0,0,.16)
    }

    .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
        background-color: rgba(0,0,0,.16)
    }

    .p-button.p-button-outlined {
        box-shadow: inset 0 0 0 1px
    }

        .p-button.p-button-outlined:enabled:focus {
            box-shadow: inset 0 0 0 1px
        }

        .p-button.p-button-outlined:enabled:active {
            box-shadow: inset 0 0 0 1px
        }

    .p-button:disabled {
        background-color: rgba(0,0,0,.12) !important;
        color: rgba(0,0,0,.38) !important;
        opacity: 1
    }

        .p-button:disabled.p-button-text {
            background-color: transparent !important;
            color: rgba(0,0,0,.38) !important
        }

        .p-button:disabled.p-button-outlined {
            background-color: transparent !important;
            color: rgba(0,0,0,.38) !important;
            border-color: rgba(0,0,0,.38) !important
        }

    .p-button.p-button-raised:enabled:focus {
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
    }

    .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
        background: rgba(255,0,0,.76)
    }

    .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
        background: rgba(255,0,0,.68)
    }

    .p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus {
        background: rgba(255,0,0,.12)
    }

    .p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
        background: rgba(255,0,0,.16)
    }

    .p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink {
        background-color: rgba(255,0,0,.16)
    }

    .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
        background: rgba(33,150,243,.76)
    }

    .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
        background: rgba(33,150,243,.68)
    }

    .p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus {
        background: rgba(33,150,243,.12)
    }

    .p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
        background: rgba(33,150,243,.16)
    }

    .p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink {
        background-color: rgba(33,150,243,.16)
    }

    .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
        background: rgba(104,159,56,.76)
    }

    .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
        background: rgba(104,159,56,.68)
    }

    .p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus {
        background: rgba(104,159,56,.12)
    }

    .p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
        background: rgba(104,159,56,.16)
    }

    .p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink {
        background-color: rgba(104,159,56,.16)
    }

    .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
        background: rgba(251,192,45,.76)
    }

    .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
        background: rgba(251,192,45,.68)
    }

    .p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus {
        background: rgba(251,192,45,.12)
    }

    .p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
        background: rgba(251,192,45,.16)
    }

    .p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink {
        background-color: rgba(251,192,45,.16)
    }

    .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
        background: rgba(156,39,176,.76)
    }

    .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
        background: rgba(156,39,176,.68)
    }

    .p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus {
        background: rgba(156,39,176,.12)
    }

    .p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
        background: rgba(156,39,176,.16)
    }

    .p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink {
        background-color: rgba(156,39,176,.16)
    }

    .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
        background: rgba(211,47,47,.76)
    }

    .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
        background: rgba(211,47,47,.68)
    }

    .p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus {
        background: rgba(211,47,47,.12)
    }

    .p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
        background: rgba(211,47,47,.16)
    }

    .p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink {
        background-color: rgba(211,47,47,.16)
    }

.p-calendar-w-btn {
    border: 1px solid rgba(0,0,0,.38);
    background: #fff;
    border-radius: 4px;
    transition: background-color .2s,border-color .2s,color .2s,box-shadow .2s,background-size .2s cubic-bezier(0.64, 0.09, 0.08, 1)
}

    .p-calendar-w-btn .p-inputtext {
        background-image: none;
        background-color: transparent;
        border: 0 none
    }

        .p-calendar-w-btn .p-inputtext:enabled:focus {
            box-shadow: none
        }

    .p-calendar-w-btn .p-datepicker-trigger.p-button {
        background-color: transparent;
        border: 0 none
    }

        .p-calendar-w-btn .p-datepicker-trigger.p-button span {
            color: rgba(0,0,0,.6)
        }

        .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
            background: rgba(0,0,0,.04)
        }

        .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
            background: rgba(0,0,0,.12)
        }

        .p-calendar-w-btn .p-datepicker-trigger.p-button:disabled {
            background-color: transparent !important
        }

    .p-calendar-w-btn:not(.p-calendar-disabled):hover {
        border-color: rgba(0,0,0,.87)
    }

    .p-calendar-w-btn:not(.p-calendar-disabled).p-focus {
        border-color: #000;
        box-shadow: inset 0 0 0 1px #000,inset 0 0 0 1px #000,inset 0 0 0 1px #000,inset 0 0 0 1px #000
    }

    .p-calendar-w-btn.p-calendar-disabled {
        opacity: .38
    }

        .p-calendar-w-btn.p-calendar-disabled .p-inputtext {
            opacity: 1
        }

.p-datepicker .p-datepicker-header {
    border-bottom: 0 none
}

    .p-datepicker .p-datepicker-header .p-datepicker-title {
        margin: 0 auto 0 0;
        order: 1
    }

    .p-datepicker .p-datepicker-header .p-datepicker-prev {
        order: 2
    }

    .p-datepicker .p-datepicker-header .p-datepicker-next {
        order: 3
    }

.p-datepicker table th {
    border-bottom: 1px solid rgba(0,0,0,.12);
    color: rgba(0,0,0,.38);
    font-weight: 400;
    font-size: .875rem
}

.p-datepicker table td.p-datepicker-today > span {
    box-shadow: 0 0 0 1px rgba(0,0,0,.38)
}

.p-datepicker table td.p-datepicker-today.p-highlight {
    box-shadow: 0 0 0 1px rgba(0,0,0,.12)
}

p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
    box-shadow: inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020
}

p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn {
    border-color: #b00020
}

    p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus {
        box-shadow: none
    }

    p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus {
        box-shadow: inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020
    }

.p-input-filled .p-calendar-w-btn {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid transparent;
    background: #f5f5f5 no-repeat;
    background-image: linear-gradient(to bottom, #000000, #000000),linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
    background-size: 0 2px,100% 1px;
    background-position: 50% 100%,50% 100%;
    background-origin: border-box
}

    .p-input-filled .p-calendar-w-btn .p-inputtext {
        background-image: none;
        background-color: transparent
    }

    .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
        background-color: #ececec;
        border-color: transparent;
        background-image: linear-gradient(to bottom, #000000, #000000),linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87))
    }

    .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
        box-shadow: none;
        background-color: #dcdcdc;
        border-color: transparent;
        background-size: 100% 2px,100% 1px
    }

    .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
        background-image: none;
        background: transparent
    }

    .p-input-filled .p-calendar-w-btn .p-inputtext {
        border: 0 none
    }

.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext {
    border-color: transparent;
    background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
}

    .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
        box-shadow: none;
        border-color: transparent
    }

.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn {
    border-color: transparent;
    background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
}

    .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover {
        background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
    }

    .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
        box-shadow: none;
        background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
    }

    .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext {
        border: 0 none;
        background-image: none
    }

.p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger {
    background-image: none;
    background: transparent
}

.p-cascadeselect .p-inputtext {
    border: 0 none
}

.p-cascadeselect:not(.p-disabled).p-focus {
    box-shadow: inset 0 0 0 1px #000,inset 0 0 0 1px #000,inset 0 0 0 1px #000,inset 0 0 0 1px #000
}

.p-cascadeselect-item .p-ink {
    background-color: rgba(0,0,0,.16)
}

.p-input-filled .p-cascadeselect {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid transparent;
    background: #f5f5f5 no-repeat;
    background-image: linear-gradient(to bottom, #000000, #000000),linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
    background-size: 0 2px,100% 1px;
    background-position: 50% 100%,50% 100%;
    background-origin: border-box
}

    .p-input-filled .p-cascadeselect .p-inputtext {
        background-image: none;
        background-color: transparent
    }

    .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
        background-color: #ececec;
        border-color: transparent;
        background-image: linear-gradient(to bottom, #000000, #000000),linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87))
    }

    .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
        box-shadow: none;
        background-color: #dcdcdc;
        border-color: transparent;
        background-size: 100% 2px,100% 1px
    }

    .p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus {
        background-image: none;
        background: transparent
    }

    .p-input-filled .p-cascadeselect .p-inputtext {
        border: 0 none
    }

    .p-input-filled .p-cascadeselect .p-cascadeselect-label:hover {
        background-image: none;
        background: transparent
    }

.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect {
    border-color: transparent;
    background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
}

    .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover {
        background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
    }

    .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
        box-shadow: none;
        background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
    }

.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label {
    padding-top: 1.5rem;
    padding-bottom: .5rem
}

.p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label {
    padding-top: 1.5rem;
    padding-bottom: .5rem
}

.p-input-filled .p-cascadeselect.p-invalid {
    border-color: transparent;
    background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
}

    .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover {
        background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
    }

    .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
        box-shadow: none;
        background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
    }

p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus {
    box-shadow: inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020
}

.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background: red;
    color: #fff
}

.p-checkbox {
    border-radius: 50%;
    transition: box-shadow .2s
}

    .p-checkbox .p-checkbox-box {
        border-color: #757575;
        border-radius: 2px;
        position: relative
    }

        .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
            border-color: #757575
        }

        .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
            border-color: #757575
        }

        .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
            border-color: #000
        }

        .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
            content: "";
            position: absolute;
            top: 6px;
            left: 1px;
            border-right: 2px solid transparent;
            border-bottom: 2px solid transparent;
            transform: rotate(45deg);
            transform-origin: 0% 100%;
            animation: checkbox-check 125ms 50ms linear forwards
        }

    .p-checkbox:not(.p-checkbox-disabled):hover {
        box-shadow: 0 0 1px 10px rgba(0,0,0,.04)
    }

    .p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused {
        box-shadow: 0 0 1px 10px rgba(0,0,0,.12)
    }

    .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover {
        box-shadow: 0 0 1px 10px rgba(0,0,0,.04)
    }

    .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
        box-shadow: 0 0 1px 10px rgba(0,0,0,.12)
    }

.p-input-filled .p-checkbox .p-checkbox-box {
    background-color: #fff
}

    .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
        background-color: #fff
    }

@keyframes checkbox-check {
    0% {
        width: 0;
        height: 0;
        border-color: #fff;
        transform: translate3d(0, 0, 0) rotate(45deg)
    }

    33% {
        width: 4px;
        height: 0;
        transform: translate3d(0, 0, 0) rotate(45deg)
    }

    100% {
        width: 4px;
        height: 10px;
        border-color: #fff;
        transform: translate3d(0, -10px, 0) rotate(45deg)
    }
}

.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
    box-shadow: inset 0 0 0 1px #000,inset 0 0 0 1px #000,inset 0 0 0 1px #000,inset 0 0 0 1px #000
}

.p-input-filled .p-chips-multiple-container {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid transparent;
    background: #f5f5f5 no-repeat;
    background-image: linear-gradient(to bottom, #000000, #000000),linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
    background-size: 0 2px,100% 1px;
    background-position: 50% 100%,50% 100%;
    background-origin: border-box
}

    .p-input-filled .p-chips-multiple-container .p-inputtext {
        background-image: none;
        background-color: transparent
    }

    .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
        background-color: #ececec;
        border-color: transparent;
        background-image: linear-gradient(to bottom, #000000, #000000),linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87))
    }

    .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
        box-shadow: none;
        background-color: #dcdcdc;
        border-color: transparent;
        background-size: 100% 2px,100% 1px
    }

    .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus {
        background-image: none;
        background: transparent
    }

.p-float-label .p-chips-multiple-container .p-chips-token {
    padding: .25rem 1rem
}

.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token {
    padding-top: 0;
    padding-bottom: 0
}

    .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
        font-size: 75%
    }

.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token {
    padding: 0
}

.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container {
    border-color: transparent;
    background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
}

    .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
        background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
    }

    .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
        box-shadow: none;
        background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
    }

p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
    box-shadow: inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020
}

.p-datatable .p-sortable-column {
    outline: 0 none
}

    .p-datatable .p-sortable-column:focus {
        background-color: rgba(0,0,0,.03)
    }

.p-datatable .p-datatable-tbody > tr {
    outline: 0 none
}

    .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus {
        background-color: rgba(0,0,0,.03)
    }

    .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
        box-shadow: inset 0 2px 0 0 #000
    }

    .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
        box-shadow: inset 0 -2px 0 0 #000
    }

.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger {
    background-image: none;
    background: transparent
}

.p-dropdown .p-inputtext {
    border: 0 none
}

.p-dropdown:not(.p-disabled).p-focus {
    box-shadow: inset 0 0 0 1px #000,inset 0 0 0 1px #000,inset 0 0 0 1px #000,inset 0 0 0 1px #000
}

.p-dropdown-item .p-ink {
    background-color: rgba(0,0,0,.16)
}

.p-input-filled .p-dropdown {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid transparent;
    background: #f5f5f5 no-repeat;
    background-image: linear-gradient(to bottom, #000000, #000000),linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
    background-size: 0 2px,100% 1px;
    background-position: 50% 100%,50% 100%;
    background-origin: border-box
}

    .p-input-filled .p-dropdown .p-inputtext {
        background-image: none;
        background-color: transparent
    }

    .p-input-filled .p-dropdown:not(.p-disabled):hover {
        background-color: #ececec;
        border-color: transparent;
        background-image: linear-gradient(to bottom, #000000, #000000),linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87))
    }

    .p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
        box-shadow: none;
        background-color: #dcdcdc;
        border-color: transparent;
        background-size: 100% 2px,100% 1px
    }

    .p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus {
        background-image: none;
        background: transparent
    }

    .p-input-filled .p-dropdown .p-inputtext {
        border: 0 none
    }

.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown {
    border-color: transparent;
    background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
}

    .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover {
        background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
    }

    .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
        box-shadow: none;
        background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
    }

p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus {
    box-shadow: inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020
}

.p-galleria .p-galleria-indicators {
    padding: 1rem
}

    .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
        background: red;
        color: #fff
    }

.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background: rgba(255,0,0,.68);
    color: #fff
}

.p-inputtext:enabled:focus {
    box-shadow: inset 0 0 0 1px #000,inset 0 0 0 1px #000,inset 0 0 0 1px #000,inset 0 0 0 1px #000
}

    .p-inputtext:enabled:focus.ng-invalid.ng-dirty {
        box-shadow: inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020
    }

.p-input-filled .p-inputtext {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid transparent;
    background: #f5f5f5 no-repeat;
    background-image: linear-gradient(to bottom, #000000, #000000),linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
    background-size: 0 2px,100% 1px;
    background-position: 50% 100%,50% 100%;
    background-origin: border-box
}

    .p-input-filled .p-inputtext:enabled:hover {
        background-color: #ececec;
        border-color: transparent;
        background-image: linear-gradient(to bottom, #000000, #000000),linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87))
    }

    .p-input-filled .p-inputtext:enabled:focus {
        box-shadow: none;
        background-color: #dcdcdc;
        border-color: transparent;
        background-size: 100% 2px,100% 1px
    }

    .p-input-filled .p-inputtext.ng-invalid.ng-dirty {
        border-color: transparent;
        background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
    }

        .p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus {
            box-shadow: none;
            border-color: transparent
        }

.p-input-filled .p-inputgroup .p-inputgroup-addon {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid transparent;
    background: #f5f5f5 no-repeat;
    background-image: linear-gradient(to bottom, #000000, #000000),linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
    background-size: 0 2px,100% 1px;
    background-position: 50% 100%,50% 100%;
    background-origin: border-box
}

    .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child {
        border-right-color: transparent
    }

.p-input-filled .p-inputgroup-addon:first-child, .p-input-filled .p-inputgroup button:first-child, .p-input-filled .p-inputgroup input:first-child {
    border-bottom-left-radius: 0
}

.p-input-filled .p-inputgroup .p-float-label:first-child input {
    border-bottom-left-radius: 0
}

.p-input-filled .p-inputgroup-addon:last-child, .p-input-filled .p-inputgroup button:last-child, .p-input-filled .p-inputgroup input:last-child {
    border-bottom-right-radius: 0
}

.p-input-filled .p-inputgroup .p-float-label:last-child input {
    border-bottom-right-radius: 0
}

p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
    box-shadow: inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020
}

.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext {
    border-color: transparent;
    background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
}

    .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
        box-shadow: none;
        border-color: transparent
    }

p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
    box-shadow: inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020
}

.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext {
    border-color: transparent;
    background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
}

    .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
        box-shadow: none;
        border-color: transparent
    }

.p-inputswitch .p-inputswitch-slider:before {
    transition-property: box-shadow transform;
    box-shadow: 0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)
}

.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {
    box-shadow: 0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12),0 0 1px 10px rgba(0,0,0,.04)
}

.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
    box-shadow: 0 0 1px 10px rgba(0,0,0,.12),0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)
}

.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before {
    box-shadow: 0 0 1px 10px rgba(0,0,0,.04),0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)
}

.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
    box-shadow: 0 0 1px 10px rgba(0,0,0,.12),0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)
}

.p-fieldset .p-fieldset-legend {
    border: 0 none
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
    background: rgba(0,0,0,.12)
}

.p-float-label input:focus ~ label, .p-float-label input.p-filled ~ label, .p-float-label textarea:focus ~ label, .p-float-label textarea.p-filled ~ label, .p-float-label .p-inputwrapper-focus ~ label, .p-float-label .p-inputwrapper-filled ~ label {
    top: -0.5rem !important;
    background-color: #fff;
    padding: 2px 4px;
    margin-left: -4px;
    margin-top: 0
}

.p-float-label textarea ~ label {
    margin-top: 0
}

.p-float-label input:focus ~ label, .p-float-label .p-inputwrapper-focus ~ label {
    color: #000
}

.p-input-filled .p-float-label .p-inputtext {
    padding-top: 1.5rem;
    padding-bottom: .5rem
}

.p-input-filled .p-float-label input:focus ~ label, .p-input-filled .p-float-label input.p-filled ~ label, .p-input-filled .p-float-label textarea:focus ~ label, .p-input-filled .p-float-label textarea.p-filled ~ label, .p-input-filled .p-float-label .p-inputwrapper-focus ~ label, .p-input-filled .p-float-label .p-inputwrapper-filled ~ label {
    top: .25rem !important;
    margin-top: 0;
    background: transparent
}

.fc.fc-unthemed .fc-toolbar .fc-button:focus {
    background: rgba(0,0,0,.76)
}

.fc.fc-unthemed .fc-toolbar .fc-button:active {
    background: rgba(0,0,0,.68)
}

.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus {
    background: rgba(0,0,0,.76)
}

.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active {
    background: rgba(0,0,0,.68)
}

.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus {
    background: #e0e0e1;
    border-color: #e0e0e1
}

    .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight {
        background: #d9d8d9;
        border-color: #d9d8d9
    }

.fc.fc-theme-standard .fc-toolbar .fc-button:focus {
    background: rgba(0,0,0,.76)
}

.fc.fc-theme-standard .fc-toolbar .fc-button:active {
    background: rgba(0,0,0,.68)
}

.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus {
    background: rgba(0,0,0,.76)
}

.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active {
    background: rgba(0,0,0,.68)
}

.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus {
    background: #e0e0e1;
    border-color: #e0e0e1
}

    .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight {
        background: #d9d8d9;
        border-color: #d9d8d9
    }

.p-listbox .p-listbox-list .p-listbox-item .p-ink {
    background-color: rgba(0,0,0,.16)
}

.p-listbox .p-listbox-list .p-listbox-item:focus {
    background: rgba(0,0,0,.12)
}

    .p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight {
        background: rgba(0,0,0,.24)
    }

.p-megamenu .p-menuitem .p-menuitem-link:focus {
    background: rgba(0,0,0,.12)
}

.p-menu .p-menuitem .p-menuitem-link:focus {
    background: rgba(0,0,0,.12)
}

.p-menubar .p-menuitem .p-menuitem-link:focus {
    background: rgba(0,0,0,.12)
}

.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger {
    background-image: none;
    background: transparent
}

.p-multiselect .p-multiselect-label {
    border: 0 none
}

.p-multiselect:not(.p-disabled).p-focus {
    box-shadow: inset 0 0 0 1px #000,inset 0 0 0 1px #000,inset 0 0 0 1px #000,inset 0 0 0 1px #000
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink {
    background-color: rgba(0,0,0,.16)
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
    background: rgba(0,0,0,.12)
}

    .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight {
        background: rgba(0,0,0,.24)
    }

.p-multiselect-panel .p-multiselect-close:focus {
    background: rgba(0,0,0,.12)
}

.p-input-filled .p-multiselect {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid transparent;
    background: #f5f5f5 no-repeat;
    background-image: linear-gradient(to bottom, #000000, #000000),linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
    background-size: 0 2px,100% 1px;
    background-position: 50% 100%,50% 100%;
    background-origin: border-box
}

    .p-input-filled .p-multiselect .p-inputtext {
        background-image: none;
        background-color: transparent
    }

    .p-input-filled .p-multiselect:not(.p-disabled):hover {
        background-color: #ececec;
        border-color: transparent;
        background-image: linear-gradient(to bottom, #000000, #000000),linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87))
    }

    .p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
        box-shadow: none;
        background-color: #dcdcdc;
        border-color: transparent;
        background-size: 100% 2px,100% 1px
    }

    .p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus {
        background-image: none;
        background: transparent
    }

    .p-input-filled .p-multiselect .p-multiselect-label:hover {
        background-image: none;
        background: transparent
    }

.p-float-label .p-multiselect-label .p-multiselect-token {
    padding: .25rem 1rem;
    margin-top: .25rem;
    margin-bottom: .25rem
}

.p-input-filled .p-float-label .p-multiselect .p-multiselect-label {
    padding-top: 1.5rem;
    padding-bottom: .5rem
}

.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label {
    padding-top: 1.5rem;
    padding-bottom: .5rem
}

.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0
}

    .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
        font-size: 75%
    }

.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect {
    border-color: transparent;
    background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
}

    .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover {
        background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
    }

    .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
        box-shadow: none;
        background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
    }

p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus {
    box-shadow: inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020
}

.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
    background: rgba(0,0,0,.12)
}

    .p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight {
        background: rgba(0,0,0,.24)
    }

.p-overlaypanel .p-overlaypanel-content {
    padding: 1.5rem
}

.p-paginator {
    justify-content: flex-end
}

    .p-paginator .p-paginator-element:focus {
        background: rgba(0,0,0,.12)
    }

        .p-paginator .p-paginator-element:focus.p-highlight {
            background: rgba(0,0,0,.24)
        }

.p-panel {
    border-radius: 4px;
    box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)
}

    .p-panel .p-panel-header, .p-panel .p-panel-content, .p-panel .p-panel-footer {
        border: 0 none
    }

    .p-panel .p-panel-content {
        padding-top: 0
    }

    .p-panel .p-panel-title {
        font-size: 1.25rem
    }

    .p-panel .p-panel-header-icon:focus {
        background: rgba(0,0,0,.12)
    }

.p-panelmenu .p-panelmenu-panel {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    margin-bottom: 0;
    border-radius: 0;
    position: relative;
    transition: margin-bottom 225ms
}

    .p-panelmenu .p-panelmenu-panel:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .p-panelmenu .p-panelmenu-panel:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
        order: 1;
        margin-left: auto;
        margin-right: 0
    }

    .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
        opacity: 1
    }

        .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
            opacity: .38
        }

    .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus {
        background: #f6f6f6
    }

    .p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus {
        background: rgba(0,0,0,.12)
    }

.p-picklist .p-picklist-list .p-picklist-item:focus {
    background: rgba(0,0,0,.12)
}

    .p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight {
        background: rgba(0,0,0,.24)
    }

.p-progressbar {
    border-radius: 0
}

    .p-progressbar .p-progressbar-label {
        display: none !important
    }

.p-radiobutton {
    border-radius: 50%;
    transition: box-shadow .2s
}

    .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
        border: 2px solid #757575
    }

    .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
        border: 2px solid #757575
    }

    .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
        border-color: #000
    }

    .p-radiobutton:not(.p-radiobutton-disabled):hover {
        box-shadow: 0 0 1px 10px rgba(0,0,0,.04)
    }

    .p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused {
        box-shadow: 0 0 1px 10px rgba(0,0,0,.12)
    }

    .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover {
        box-shadow: 0 0 1px 10px rgba(0,0,0,.04)
    }

    .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused {
        box-shadow: 0 0 1px 10px rgba(0,0,0,.12)
    }

.p-input-filled .p-radiobutton .p-radiobutton-box {
    background-color: #fff
}

    .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
        background-color: #fff
    }

.p-rating .p-rating-icon {
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 0
}

    .p-rating .p-rating-icon:focus {
        background: rgba(0,0,0,.12)
    }

    .p-rating .p-rating-icon.p-rating-cancel:focus {
        background: rgba(176,0,32,.12)
    }

.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
    background-color: rgba(0,0,0,.04)
}

.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
    background: rgba(176,0,32,.04)
}

.p-selectbutton .p-button:focus {
    background: #e0e0e1;
    border-color: #e0e0e1
}

    .p-selectbutton .p-button:focus.p-highlight {
        background: #d9d8d9;
        border-color: #d9d8d9
    }

.p-slidemenu .p-menuitem-link:focus {
    background: rgba(0,0,0,.12)
}

.p-slider .p-slider-handle {
    transition: transform .2s,box-shadow .2s;
    transform: scale(0.7)
}

    .p-slider .p-slider-handle:focus {
        box-shadow: 0 0 1px 10px rgba(255,0,0,.2)
    }

.p-slider.p-slider-sliding .p-slider-handle {
    transform: scale(1)
}

.p-steps {
    padding: 1rem 0
}

    .p-steps .p-steps-item {
        justify-content: flex-start;
        flex-direction: row-reverse;
        align-items: center
    }

        .p-steps .p-steps-item:before {
            position: static;
            left: auto;
            top: auto;
            margin-top: 0
        }

        .p-steps .p-steps-item:last-child {
            flex-grow: 0
        }

            .p-steps .p-steps-item:last-child:before {
                display: none
            }

        .p-steps .p-steps-item .p-menuitem-link {
            flex-direction: row;
            flex: 1 1 auto;
            overflow: visible;
            padding: 1rem .5rem
        }

            .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
                background-color: #9e9d9e;
                color: #fff;
                font-size: .857rem;
                min-width: 1.714rem;
                height: 1.714rem;
                line-height: 1.714rem
            }

            .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
                margin: 0;
                padding-left: .5rem
            }

            .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
                background: rgba(0,0,0,.12)
            }

        .p-steps .p-steps-item.p-highlight .p-steps-number {
            background-color: #000;
            color: #fff
        }

        .p-steps .p-steps-item.p-highlight .p-steps-title {
            font-weight: 600;
            color: rgba(0,0,0,.87)
        }

        .p-steps .p-steps-item.p-disabled {
            opacity: 1
        }

.p-tabview .p-tabview-nav {
    position: relative
}

    .p-tabview .p-tabview-nav li .p-tabview-nav-link {
        transition: background-color .2s;
        border-radius: 0
    }

        .p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink {
            background-color: rgba(0,0,0,.16)
        }

        .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus {
            background-color: rgba(0,0,0,.12)
        }

    .p-tabview .p-tabview-nav .p-tabview-ink-bar {
        z-index: 1;
        display: block;
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: #000;
        transition: 500ms cubic-bezier(0.35, 0, 0.25, 1)
    }

.p-toolbar {
    border: 0 none
}

.p-tooltip .p-tooltip-text {
    box-shadow: none;
    font-size: .875rem
}

.p-tooltip .p-tooltip-arrow {
    display: none
}

.p-tieredmenu .p-menuitem-link:focus {
    background: rgba(0,0,0,.12)
}

.p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger {
    background-image: none;
    background: transparent
}

.p-treeselect .p-treeselect-label {
    border: 0 none
}

.p-treeselect:not(.p-disabled).p-focus {
    box-shadow: inset 0 0 0 1px #000,inset 0 0 0 1px #000,inset 0 0 0 1px #000,inset 0 0 0 1px #000
}

.p-treeselect-item .p-ink {
    background-color: rgba(0,0,0,.16)
}

.p-input-filled .p-treeselect {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid transparent;
    background: #f5f5f5 no-repeat;
    background-image: linear-gradient(to bottom, #000000, #000000),linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));
    background-size: 0 2px,100% 1px;
    background-position: 50% 100%,50% 100%;
    background-origin: border-box
}

    .p-input-filled .p-treeselect .p-inputtext {
        background-image: none;
        background-color: transparent
    }

    .p-input-filled .p-treeselect:not(.p-disabled):hover {
        background-color: #ececec;
        border-color: transparent;
        background-image: linear-gradient(to bottom, #000000, #000000),linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87))
    }

    .p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus {
        box-shadow: none;
        background-color: #dcdcdc;
        border-color: transparent;
        background-size: 100% 2px,100% 1px
    }

    .p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus {
        background-image: none;
        background: transparent
    }

    .p-input-filled .p-treeselect .p-treeselect-label:hover {
        background-image: none;
        background: transparent
    }

.p-float-label .p-treeselect-label .p-treeselect-token {
    padding: .25rem 1rem;
    margin-top: .25rem;
    margin-bottom: .25rem
}

.p-input-filled .p-float-label .p-treeselect .p-treeselect-label {
    padding-top: 1.5rem;
    padding-bottom: .5rem
}

.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label {
    padding-top: 1.5rem;
    padding-bottom: .5rem
}

.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0
}

    .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon {
        font-size: 75%
    }

.p-input-filled .p-treeselect.p-invalid {
    border-color: transparent;
    background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
}

    .p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover {
        background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
    }

    .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
        box-shadow: none;
        background-image: linear-gradient(to bottom, #B00020, #B00020),linear-gradient(to bottom, #B00020, #B00020)
    }

.p-treeselect.p-invalid:not(.p-disabled).p-focus {
    box-shadow: inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020,inset 0 0 0 1px #b00020
}

.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
    background: rgba(0,0,0,.12)
}

    .p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight {
        background: rgba(0,0,0,.24)
    }

.p-treetable .p-sortable-column {
    outline: 0 none
}

    .p-treetable .p-sortable-column:focus {
        background-color: rgba(0,0,0,.03)
    }

.p-treetable .p-treetable-tbody > tr {
    outline: 0 none
}

    .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus {
        background-color: rgba(0,0,0,.03)
    }

.p-tabmenu .p-tabmenu-nav {
    position: relative
}

    .p-tabmenu .p-tabmenu-nav li .p-menuitem-link {
        transition: background-color .2s;
        border-radius: 0
    }

        .p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink {
            background-color: rgba(0,0,0,.16)
        }

        .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus {
            background-color: rgba(0,0,0,.12)
        }

    .p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus {
        background-color: rgba(0,0,0,.12)
    }

    .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar {
        display: block;
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: #000;
        transition: 500ms cubic-bezier(0.35, 0, 0.25, 1)
    }

.p-timeline.p-timeline-vertical .p-timeline-event-connector {
    margin: .5rem 0
}

.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
    margin: 0 .5rem
}

.p-togglebutton.p-button:focus {
    background: #e0e0e1;
    border-color: #e0e0e1
}

    .p-togglebutton.p-button:focus.p-highlight {
        background: #d9d8d9;
        border-color: #d9d8d9
    }

.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(0,0,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(0,0,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,.38) !important
}

.p-splitbutton.p-disabled.p-button-outlined > .p-button {
    background-color: transparent !important;
    color: rgba(0,0,0,.38) !important;
    border-color: rgba(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,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(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,0,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,0,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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.16)
}
/* ---------- HERO ---------- */
.hero-section {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    background: #f9fafb;
    overflow: hidden;
    padding: 2rem
}

    .hero-section .bg-layer {
        position: absolute;
        inset: 0;
        z-index: 0
    }

        .hero-section .bg-layer img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: .2
        }

        .hero-section .bg-layer .gradient-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to right,rgba(249,250,251,.9),rgba(249,250,251,.5),rgba(249,250,251,.2))
        }

    .hero-section .container {
        position: relative;
        z-index: 1;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto
    }

        .hero-section .container .text-wrapper {
            max-width: 64rem
        }

            .hero-section .container .text-wrapper .title {
                font-size: 2.5rem;
                font-weight: 700;
                margin-bottom: 1.5rem;
                animation: fadeIn .8s ease-out
            }

@media (min-width:768px) {
    .hero-section .container .text-wrapper .title {
        font-size: 4rem
    }
}

.hero-section .container .text-wrapper .title .highlight {
    background: linear-gradient(90deg,#0ea5e9,#6366f1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.hero-section .container .text-wrapper .title .italic-accent {
    color: #c2410c;
    font-style: italic;
    margin-left: .5rem
}

.hero-section .container .text-wrapper .subtitle {
    font-size: 1.25rem;
    color: #6b7280;
    line-height: 1.6;
    max-width: 36rem;
    margin-bottom: 2rem;
    animation: fadeIn 1s ease-out
}

@media (min-width:768px) {
    .hero-section .container .text-wrapper .subtitle {
        font-size: 1.5rem
    }
}

.hero-section .container .text-wrapper .button-group {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 3rem;
    animation: fadeIn 1.2s ease-out
}

@media (min-width:640px) {
    .hero-section .container .text-wrapper .button-group {
        flex-direction: row
    }
}

.hero-section .container .text-wrapper .button-group .btn-primary,
.hero-section .container .text-wrapper .button-group .btn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 2.5rem;
    font-size: 1rem;
    border-radius: .5rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .3s ease
}

    .hero-section .container .text-wrapper .button-group .btn-primary .icon,
    .hero-section .container .text-wrapper .button-group .btn-outline .icon {
        width: 1.25rem;
        height: 1.25rem
    }

.hero-section .container .text-wrapper .button-group .btn-primary {
    background: linear-gradient(90deg,#0ea5e9,#6366f1);
    color: #fff;
    border: none
}

    .hero-section .container .text-wrapper .button-group .btn-primary .icon {
        margin-left: .5rem;
        transition: transform .3s ease
    }

    .hero-section .container .text-wrapper .button-group .btn-primary:hover .icon {
        transform: translateX(.25rem)
    }

.hero-section .container .text-wrapper .button-group .btn-outline {
    background: #fff;
    border: 2px solid #d1d5db;
    color: #111827
}

    .hero-section .container .text-wrapper .button-group .btn-outline .icon {
        margin-right: .5rem
    }

    .hero-section .container .text-wrapper .button-group .btn-outline:hover {
        background-color: #0ea5e9;
        color: #fff
    }

.hero-section .circle {
    position: absolute;
    border-radius: 9999px;
    pointer-events: none;
    animation: pulse 2s infinite
}

    .hero-section .circle.circle-primary {
        top: 5rem;
        right: 5rem;
        width: 8rem;
        height: 8rem;
        background: rgba(14,165,233,.1);
        filter: blur(3rem)
    }

    .hero-section .circle.circle-accent {
        bottom: 5rem;
        left: 5rem;
        width: 6rem;
        height: 6rem;
        background: rgba(99,102,241,.1);
        filter: blur(2rem)
    }

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes pulse {
    0%,100% {
        transform: scale(.95);
        opacity: .9
    }

    50% {
        transform: scale(1.05);
        opacity: 1
    }
}

/* ---------- AUDIENCE ---------- */
.audience-section {
    background: var(--surface-ground);
    padding: 4rem 1rem
}

    .audience-section .container {
        margin: 0 auto;
        max-width: 1200px;
        text-align: center
    }

        .audience-section .container .intro {
            margin-bottom: 3rem
        }

            .audience-section .container .intro h2 {
                font-size: 2.25rem;
                font-weight: 700;
                margin-bottom: 1rem
            }

                .audience-section .container .intro h2 .highlight {
                    color: #4387F4
                }

            .audience-section .container .intro p {
                font-size: 1.125rem;
                color: var(--text-color-secondary);
                max-width: 36rem;
                margin: 0 auto;
                line-height: 1.6
            }

        .audience-section .container .cards-grid {
            display: grid;
            gap: 2rem
        }

@media (min-width:768px) {
    .audience-section .container .cards-grid {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (min-width:1024px) {
    .audience-section .container .cards-grid {
        grid-template-columns: repeat(3,1fr)
    }
}

.audience-section .container .cards-grid .card {
    background: var(--surface-card);
    border-radius: .5rem;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0,0,0,.1);
    transition: transform .3s ease,box-shadow .3s ease
}

    .audience-section .container .cards-grid .card:hover {
        transform: translateY(-.5rem);
        box-shadow: 0 8px 16px rgba(0,0,0,.15)
    }

.audience-section .image-wrapper {
    position: relative;
    overflow: hidden
}

    .audience-section .image-wrapper img {
        width: 100%;
        height: 12rem;
        object-fit: cover;
        transition: transform .3s ease
    }

    .audience-section .image-wrapper .overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(to top,rgba(0,0,0,.5),transparent);
        opacity: 0;
        transition: opacity .3s ease
    }

    .audience-section .image-wrapper:hover img {
        transform: scale(1.05)
    }

    .audience-section .image-wrapper:hover .overlay {
        opacity: 1
    }

    .audience-section .image-wrapper .icon {
        position: absolute;
        top: 1rem;
        right: 1rem;
        background: #427CDE;
        color: #fff;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        backdrop-filter: blur(.5rem);
        font-size: 1.25rem
    }

.audience-section .body {
    padding: 1.5rem;
    text-align: left !important
}

    .audience-section .body h3 {
        font-size: 1.25rem;
        font-weight: 700;
        margin-bottom: .75rem;
        transition: color .3s ease
    }

        .audience-section .body h3:hover {
            color: var(--primary-color)
        }

    .audience-section .body p {
        font-size: 1rem;
        color: var(--text-color-secondary);
        margin-bottom: 1.25rem;
        line-height: 1.6
    }

    .audience-section .body .btn-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: .75rem 1.25rem;
        font-size: .875rem;
        font-weight: 500;
        color: #111827;
        background: transparent;
        border: 2px solid #f3f3f3;
        border-radius: .375rem;
        text-decoration: none;
        transition: background-color .3s ease,color .3s ease
    }

        .audience-section .body .btn-link i {
            margin-left: .5rem
        }

        .audience-section .body .btn-link:hover {
            background-color: #4387F4;
            color: #fff
        }

/* ---------- CONNECT ---------- */
.connect-section {
    padding: 5rem 0;
    background: linear-gradient(to right,#f9fafb,#f3f4f6)
}

    .connect-section .container {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 1rem
    }

    .connect-section .content-wrapper {
        max-width: 64rem;
        margin: 0 auto
    }

    .connect-section .section-header {
        text-align: center;
        margin-bottom: 3rem
    }

        .connect-section .section-header .section-badge {
            display: inline-flex;
            align-items: center;
            gap: .5rem;
            background-color: rgba(99,102,241,.1);
            color: #6366f1;
            padding: .5rem 1rem;
            border-radius: 9999px;
            font-size: .875rem;
            font-weight: 500;
            margin-bottom: 1.5rem
        }

        .connect-section .section-header .section-title {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 1.5rem
        }

            .connect-section .section-header .section-title .highlight-primary {
                color: #6366f1
            }

            .connect-section .section-header .section-title .highlight-accent {
                color: #c2410c
            }

        .connect-section .section-header .section-description {
            font-size: 1.25rem;
            color: #6b7280;
            line-height: 1.75rem
        }

    .connect-section .card-wrapper {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        justify-content: center;
        margin-bottom: 4rem
    }

@media (min-width:640px) {
    .connect-section .card-wrapper {
        flex-direction: row
    }
}

.connect-section .card {
    border-radius: .5rem;
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #111827;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    transition: all .3s ease
}

    .connect-section .card.hover-accent:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 20px rgba(249,115,22,.2)
    }

    .connect-section .card.hover-primary:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 20px rgba(99,102,241,.2)
    }

    .connect-section .card .card-content {
        padding: 2rem;
        text-align: center
    }

        .connect-section .card .card-content .card-icon {
            width: 4rem;
            height: 4rem;
            padding: 1rem;
            margin: 0 auto 1rem;
            border-radius: 9999px;
            transition: all .3s ease
        }

            .connect-section .card .card-content .card-icon.accent {
                background-color: rgba(249,115,22,.1);
                color: #c2410c
            }

            .connect-section .card .card-content .card-icon.primary {
                background-color: rgba(99,102,241,.1);
                color: #6366f1
            }

        .connect-section .card .card-content .icon-lg {
            width: 2rem;
            height: 2rem
        }

        .connect-section .card .card-content .card-title {
            font-size: 1.125rem;
            font-weight: 600;
            margin-bottom: .5rem
        }

        .connect-section .card .card-content .card-description {
            color: #6b7280;
            margin-bottom: 1rem
        }

        .connect-section .card .card-content .btn {
            width: 100%;
            padding: .75rem 1rem;
            border: none;
            border-radius: .375rem;
            font-weight: 600;
            color: #fff;
            cursor: pointer
        }

            .connect-section .card .card-content .btn.btn-accent {
                background-color: #c2410c
            }

            .connect-section .card .card-content .btn.btn-hero {
                background-color: #2563eb
            }

/* ---------- SERVICES ---------- */
.services-section {
    padding: 5rem 0;
    background-color: #f9fafb
}

    .services-section .container {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 1rem
    }

    .services-section .services-header {
        margin-bottom: 64px;
        text-align: center
    }

        .services-section .services-header .title {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 1.5rem
        }

            .services-section .services-header .title .highlight-primary {
                color: #6366f1
            }

        .services-section .services-header .subtitle {
            font-size: 1.25rem;
            color: #6b7280;
            line-height: 1.75rem;
            text-align: center
        }

    .services-section .services-grid {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 1.5rem;
        max-width: 112rem;
        margin: 0 auto
    }

@media (min-width:768px) {
    .services-section .services-grid {
        grid-template-columns: repeat(3,1fr)
    }
}

@media (min-width:1024px) {
    .services-section .services-grid {
        grid-template-columns: repeat(5,1fr)
    }
}

.services-section .service-card {
    background: #fff;
    border-radius: .5rem;
    padding: 1.5rem 1rem 2rem;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    cursor: pointer;
    position: relative;
    transition: all .3s ease
}

    .services-section .service-card:hover,
    .services-section .service-card:focus {
        box-shadow: 0 8px 20px rgba(99,102,241,.2);
        transform: translateY(-.5rem)
    }

        .services-section .service-card:hover .icon-bg,
        .services-section .service-card:focus .icon-bg {
            background-color: #6366f1;
            color: #fff
        }

        .services-section .service-card:hover .code-badge,
        .services-section .service-card:focus .code-badge {
            background-color: #c2410c;
            color: #fff
        }

        .services-section .service-card:hover .service-title,
        .services-section .service-card:focus .service-title {
            color: #6366f1
        }

        .services-section .service-card:hover .hover-arrow,
        .services-section .service-card:focus .hover-arrow {
            opacity: 1;
            visibility: visible
        }

.services-section .icon-wrapper {
    position: relative;
    margin-bottom: 1rem
}

.services-section .icon-bg {
    background-color: #e5e7eb;
    width: 4rem;
    height: 4rem;
    margin: 0 auto;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111827;
    font-size: 1.75rem;
    transition: all .3s ease
}

.services-section .code-badge {
    position: absolute;
    top: -.5rem;
    right: -.5rem;
    background-color: #1e40af;
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    padding: .25rem .5rem;
    border-radius: .375rem;
    transition: all .3s ease
}

.services-section .service-title {
    font-weight: 600;
    font-size: 1.125rem;
    margin-bottom: .5rem;
    color: #111827;
    transition: color .3s ease
}

.services-section .service-description {
    font-size: .875rem;
    color: #6b7280;
    line-height: 1.25rem
}

.services-section .hover-arrow {
    margin-top: 1rem;
    color: #6366f1;
    font-size: 1rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease
}

.services-section .cta {
    margin-top: 64px
}

    .services-section .cta .cta-text {
        color: #6b7280;
        font-size: 1rem
    }

    .services-section .cta .cta-buttons {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        justify-content: center
    }

@media (min-width:640px) {
    .services-section .cta .cta-buttons {
        flex-direction: row
    }
}

.services-section .cta .cta-buttons .btn {
    background: none;
    border: none;
    color: #5b5ef5;
    font-weight: 600;
    cursor: pointer;
    transition: color .3s ease;
    font-size: 1rem
}

    .services-section .cta .cta-buttons .btn:hover {
        color: rgba(99,102,241,.8)
    }
.hero-section {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    background: #f9fafb;
    // fallback subtle background overflow: hidden;
    padding: 2rem;
    .bg-layer

{
    position: absolute;
    inset: 0;
    z-index: 0;
    img

{
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.2;
}

.gradient-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(249, 250, 251, 0.9), rgba(249, 250, 251, 0.5), rgba(249, 250, 251, 0.2));
}

}

.container {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    .text-wrapper

{
    max-width: 64rem;
    .title

{
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    animation: fadeIn 0.8s ease-out;

    @media (min-width: 768px) {
        font-size: 4rem;
    }

    .highlight

{
    background: linear-gradient(90deg, #0ea5e9, #6366f1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.italic-accent {
    color: #c2410c;
    font-style: italic;
    margin-left: 0.5rem;
}

}

.subtitle {
    font-size: 1.25rem;
    color: #6b7280;
    line-height: 1.6;
    max-width: 36rem;
    margin-bottom: 2rem;
    animation: fadeIn 1s ease-out;

    @media (min-width: 768px) {
        font-size: 1.5rem;
    }
}

.button-group {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 3rem;
    animation: fadeIn 1.2s ease-out;

    @media (min-width: 640px) {
        flex-direction: row;
    }

    .btn-primary, .btn-outline

{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 2.5rem;
    font-size: 1rem;
    border-radius: 0.5rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    .icon

{
    width: 1.25rem;
    height: 1.25rem;
}

}

.btn-primary {
    background: linear-gradient(90deg, #0ea5e9, #6366f1);
    color: white;
    border: none;
    .icon

{
    margin-left: 0.5rem;
    transition: transform 0.3s ease;
}

&:hover .icon {
    transform: translateX(0.25rem);
}

}

.btn-outline {
    background: white;
    border: 2px solid #d1d5db;
    color: #111827;
    .icon

{
    margin-right: 0.5rem;
}

&:hover {
    background-color: #0ea5e9;
    color: white;
}

}
}
}
}

.circle {
    position: absolute;
    border-radius: 9999px;
    pointer-events: none;
    animation: pulse 2s infinite;
    &.circle-primary

{
    top: 5rem;
    right: 5rem;
    width: 8rem;
    height: 8rem;
    background: rgba(14, 165, 233, 0.1);
    filter: blur(3rem);
}

&.circle-accent {
    bottom: 5rem;
    left: 5rem;
    width: 6rem;
    height: 6rem;
    background: rgba(99, 102, 241, 0.1);
    filter: blur(2rem);
}

}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulse {

    0%, 100% {
        transform: scale(0.95);
        opacity: 0.9;
    }

    50% {
        transform: scale(1.05);
        opacity: 1;
    }
}

}

.audience-section {
    background: var(--surface-ground);
    padding: 4rem 1rem;
    .container

{
    margin: 0 auto;
    max-width: 1200px;
    text-align: center;
    .intro

{
    margin-bottom: 3rem;
    h2

{
    font-size: 2.25rem;
    font-weight: 700;
    margin-bottom: 1rem;
    .highlight

{
    color: #4387F4;
}

}

p {
    font-size: 1.125rem;
    color: var(--text-color-secondary);
    max-width: 36rem;
    margin: 0 auto;
    line-height: 1.6;
}

}

.cards-grid {
    display: grid;
    gap: 2rem;

    @media (min-width: 768px) {
        grid-template-columns: repeat(2, 1fr);
    }

    @media (min-width: 1024px) {
        grid-template-columns: repeat(3, 1fr);
    }

    .card

{
    background: var(--surface-card);
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    &:hover

{
    transform: translateY(-0.5rem);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.image-wrapper {
    position: relative;
    overflow: hidden;
    img

{
    width: 100%;
    height: 12rem;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
    opacity: 0;
    transition: opacity 0.3s ease;
}

&:hover img {
    transform: scale(1.05);
}

&:hover .overlay {
    opacity: 1;
}

.icon {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: #427CDE;
    color: white;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(0.5rem);
    font-size: 1.25rem;
}

}

.body {
    padding: 1.5rem;
    text-align: left !important;
    h3

{
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    transition: color 0.3s ease;
    &:hover

{
    color: var(--primary-color);
}

}

p {
    font-size: 1rem;
    color: var(--text-color-secondary);
    margin-bottom: 1.25rem;
    line-height: 1.6;
}

.btn-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0.75rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #111827;
    background: transparent;
    border: 2px solid #f3f3f3;
    border-radius: 0.375rem;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
    i

{
    margin-left: 0.5rem;
}

&:hover {
    background-color: #4387F4;
    color: white;
}

}
}
}
}
}
}

.connect-section {
    padding: 5rem 0;
    background: linear-gradient(to right, #f9fafb, #f3f4f6);
    .container

{
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1rem;
}

.content-wrapper {
    max-width: 64rem;
    margin: 0 auto;
}

.section-header {
    text-align: center;
    margin-bottom: 3rem;
    .section-badge

{
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background-color: rgba(99, 102, 241, 0.1);
    // #6366f1 @ 10% color: #6366f1;
    padding: 0.5rem 1rem;
    border-radius: 9999px;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

.section-title {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
    .highlight-primary

{
    color: #6366f1;
    // indigo-500
}

.highlight-accent {
    color: #c2410c;
    // orange-500
}

}

.section-description {
    font-size: 1.25rem;
    color: #6b7280;
    // gray-500 line-height: 1.75rem;
}

}

.card-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: center;
    margin-bottom: 4rem;

    @media (min-width: 640px) {
        flex-direction: row;
    }
}

.card {
    border-radius: 0.5rem;
    border: 1px solid #e5e7eb;
    // gray-200 background: #ffffff;
    color: #111827;
    // gray-900 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    &.hover-accent:hover

{
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(249, 115, 22, 0.2);
    // orange-500
}

&.hover-primary:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(99, 102, 241, 0.2);
    // indigo-500
}

.card-content {
    padding: 2rem;
    text-align: center;
    .card-icon

{
    width: 4rem;
    height: 4rem;
    padding: 1rem;
    margin: 0 auto 1rem;
    border-radius: 9999px;
    transition: all 0.3s ease;
    &.accent

{
    background-color: rgba(249, 115, 22, 0.1);
    // orange-500 color: #c2410c;
}

&.primary {
    background-color: rgba(99, 102, 241, 0.1);
    // indigo-500 color: #6366f1;
}

.icon-lg {
    width: 2rem;
    height: 2rem;
}

}

.card-title {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.card-description {
    color: #6b7280;
    // gray-500 margin-bottom: 1rem;
}

.btn {
    width: 100%;
    padding: 0.75rem 1rem;
    border: none;
    border-radius: 0.375rem;
    font-weight: 600;
    color: white;
    cursor: pointer;
    &.btn-accent

{
    background-color: #c2410c;
}

&.btn-hero {
    background-color: #2563eb;
    // blue-600
}

}
}
}
}

.services-section {
    padding: 5rem 0;
    background-color: #f9fafb;
    .container

{
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1rem;
}

.services-header {
    margin-bottom: 64px;
    text-align: center;
    .title

{
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    .highlight-primary

{
    color: #6366f1;
    // Indigo 500
}

}

.subtitle {
    font-size: 1.25rem;
    color: #6b7280;
    // Gray 500 line-height: 1.75rem;
    text-align: center;
}

}

.services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    max-width: 112rem;
    margin: 0 auto;

    @media (min-width: 768px) {
        grid-template-columns: repeat(3, 1fr);
    }

    @media (min-width: 1024px) {
        grid-template-columns: repeat(5, 1fr);
    }

    .service-card

{
    background: #ffffff;
    border-radius: 0.5rem;
    padding: 1.5rem 1rem 2rem;
    text-align: center;
    box-shadow: 0 1px 3px rgb(0 0 0 / 0.1);
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    &:hover, &:focus

{
    box-shadow: 0 8px 20px rgba(99, 102, 241, 0.2);
    transform: translateY(-0.5rem);
    .icon-bg

{
    background-color: #6366f1;
    color: #ffffff;
}

.code-badge {
    background-color: #c2410c;
    color: #ffffff;
}

.service-title {
    color: #6366f1;
}

.hover-arrow {
    opacity: 1;
    visibility: visible;
}

}

.icon-wrapper {
    position: relative;
    margin-bottom: 1rem;
    .icon-bg

{
    background-color: #e5e7eb;
    // Gray 200 width: 4rem;
    height: 4rem;
    margin: 0 auto;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111827;
    font-size: 1.75rem;
    transition: all 0.3s ease;
}

.code-badge {
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    background-color: #1e40af;
    // Orange 500 color: white;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    transition: all 0.3s ease;
}

}

.service-title {
    font-weight: 600;
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
    color: #111827;
    transition: color 0.3s ease;
}

.service-description {
    font-size: 0.875rem;
    color: #6b7280;
    line-height: 1.25rem;
}

.hover-arrow {
    margin-top: 1rem;
    color: #6366f1;
    font-size: 1rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

}
}

.cta {
    margin-top: 64px;
    .cta-text

{
    color: #6b7280;
    font-size: 1rem;
}

.cta-buttons {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;

    @media (min-width: 640px) {
        flex-direction: row;
    }

    .btn

{
    background: none;
    border: none;
    color: #5b5ef5;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.3s ease;
    font-size: 1rem;
    &:hover

{
    color: rgba(99, 102, 241, 0.8);
}