@charset "UTF-8";

/* This css file was originally generated at PrimeReact. Necessary changes include:
 * -- Removing the "body" selector from the beginning of essentially every rule in the freaking file so that styled-components won't have to resort to !important all the time
 * -- Remove generic border-box rule to keep the legacy site from breaking horribly
 * -- removing the 3 generic link (a) rules
 */

/* open-sans-300 - latin */
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    src: url("./fonts/open-sans-v15-latin-300.eot");
    /* IE9 Compat Modes */
    src: local("Open Sans Light"), local("OpenSans-Light"), url("./fonts/open-sans-v15-latin-300.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans-v15-latin-300.woff2") format("woff2"), url("./fonts/open-sans-v15-latin-300.woff") format("woff"), url("./fonts/open-sans-v15-latin-300.ttf") format("truetype"), url("./fonts/open-sans-v15-latin-300.svg#OpenSans") format("svg");
    /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: url("./fonts/open-sans-v15-latin-regular.eot");
    /* IE9 Compat Modes */
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url("./fonts/open-sans-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans-v15-latin-regular.woff2") format("woff2"), url("./fonts/open-sans-v15-latin-regular.woff") format("woff"), url("./fonts/open-sans-v15-latin-regular.ttf") format("truetype"), url("./fonts/open-sans-v15-latin-regular.svg#OpenSans") format("svg");
    /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    src: url("./fonts/open-sans-v15-latin-700.eot");
    /* IE9 Compat Modes */
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url("./fonts/open-sans-v15-latin-700.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans-v15-latin-700.woff2") format("woff2"), url("./fonts/open-sans-v15-latin-700.woff") format("woff"), url("./fonts/open-sans-v15-latin-700.ttf") format("truetype"), url("./fonts/open-sans-v15-latin-700.svg#OpenSans") format("svg");
    /* Legacy iOS */
}

.p-component {
    font-family: "San Francisco", sanFrancisco, "Helvetica Neue", "Myriad Pro", "Myriad-Pro", "PT Sans", sans-serif;
    /* font-family: "Open Sans", "Helvetica Neue", sans-serif; */
    font-size: 12px;
    text-decoration: none;
}

a {
    color: var(--bricks-colors-primary-700);
    text-decoration: none;
}

a:hover {
    color: var(--bricks-colors-secondary-700);
}

a:active {
    color: var(--bricks-colors-primary-700)99;
}

.p-disabled,
.p-component:disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.pi {
    font-size: 1.25em;
}

.p-link {
    font-size: 14px;
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-link:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-inputtext {
    font-size: 14px;
    color: var(--bricks-colors-grayscale-1000);
    background: var(--bricks-colors-grayscale-100);
    padding: 0.429em;
    border: 1px solid var(--bricks-colors-grayscale-600);
    -moz-transition: border-color 0.2s, box-shadow 0.2s;
    -o-transition: border-color 0.2s, box-shadow 0.2s;
    -webkit-transition: border-color 0.2s, box-shadow 0.2s;
    transition: border-color 0.2s, box-shadow 0.2s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-inputtext:enabled:hover {
    border-color: var(--bricks-colors-grayscale-1100);
}

.p-inputtext:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    border-color: var(--bricks-colors-primary-700);
}

.p-checkbox {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: 20px;
    height: 20px;
}

.p-checkbox .p-checkbox-box {
    border: 1px solid var(--bricks-colors-grayscale-600);
    background-color: var(--bricks-colors-grayscale-100);
    width: 20px;
    height: 20px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
    border-color: var(--bricks-colors-grayscale-1100);
}

.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    border-color: var(--bricks-colors-primary-700);
}

.p-checkbox .p-checkbox-box.p-highlight {
    border-color: var(--bricks-colors-primary-700);
    background-color: var(--bricks-colors-primary-700);
    color: var(--bricks-colors-grayscale-100);
}

.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
    border-color: var(--bricks-colors-primary-700)99;
    background-color: var(--bricks-colors-primary-700)99;
    color: var(--bricks-colors-grayscale-100);
}

.p-checkbox .p-checkbox-box .p-checkbox-icon {
    overflow: hidden;
    position: relative;
    font-size: 18px;
}

.p-checkbox-label {
    margin: 0 0 0 0.5em;
}

.p-radiobutton {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: 20px;
    height: 20px;
}

.p-radiobutton .p-radiobutton-box {
    border: 1px solid var(--bricks-colors-grayscale-600);
    background-color: var(--bricks-colors-grayscale-100);
    width: 20px;
    height: 20px;
    text-align: center;
    position: relative;
    -moz-transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
    border-color: var(--bricks-colors-grayscale-1100);
}

.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    border-color: var(--bricks-colors-primary-700);
}

.p-radiobutton .p-radiobutton-box.p-highlight {
    border-color: var(--bricks-colors-primary-700);
    background-color: var(--bricks-colors-primary-700);
    color: var(--bricks-colors-grayscale-100);
}

.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon {
    background-color: var(--bricks-colors-grayscale-100);
}

.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
    border-color: var(--bricks-colors-primary-700)99;
    background-color: var(--bricks-colors-primary-700)99;
    color: var(--bricks-colors-grayscale-100);
}

.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
    background: transparent;
    width: 10px;
    height: 10px;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -5px;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.p-radiobutton .p-radiobutton-box .p-radiobutton-icon:before {
    display: none;
}

.p-radiobutton-label {
    margin: 0 0 0 0.5em;
}

.p-inputswitch {
    width: 3em;
    height: 1.75em;
}

.p-inputswitch .p-inputswitch-slider {
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
    border-radius: 30px;
    background: var(--bricks-colors-grayscale-600);
}

.p-inputswitch .p-inputswitch-slider:before {
    background-color: var(--bricks-colors-grayscale-100);
    height: 1.25em;
    width: 1.25em;
    left: 0.25em;
    bottom: 0.25em;
    border-radius: 50%;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
    -webkit-transform: translateX(1.25em);
    -ms-transform: translateX(1.25em);
    transform: translateX(1.25em);
}

.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
    background-color: var(--bricks-colors-grayscale-600);
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
    background-color: rgb(0, 54, 84);
}

.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
    background-color: var(--bricks-colors-secondary-700);
}

.p-autocomplete .p-autocomplete-input {
    padding: 0.429em;
}

.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container {
    padding: 0.2145em 0.429em;
}

.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
    border-color: var(--bricks-colors-grayscale-1100);
}

.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    border-color: var(--bricks-colors-primary-700);
}

.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token {
    margin: 0;
    padding: 0.2145em 0;
    color: var(--bricks-colors-grayscale-1000);
}

.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-input-token input {
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
    font-size: 14px;
    padding: 0.2145em 0.429em;
    margin: 0 0.286em 0 0;
    background: var(--bricks-colors-primary-700);
    color: var(--bricks-colors-grayscale-100);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-autocomplete-panel {
    padding: 0;
    border: 1px solid var(--bricks-colors-grayscale-600);
    background-color: var(--bricks-colors-grayscale-100);
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

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

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-list-item {
    margin: 0;
    padding: 0.429em 0.857em;
    border: 0 none;
    color: var(--bricks-colors-grayscale-1000);
    background-color: transparent;
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-list-item:hover {
    color: var(--bricks-colors-grayscale-1000);
    background-color: var(--bricks-colors-grayscale-400);
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-list-item.p-highlight {
    color: var(--bricks-colors-grayscale-100);
    background-color: var(--bricks-colors-primary-700);
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-group {
    padding: 0.429em 0.857em;
    background-color: var(--bricks-colors-primary-300);
    color: var(--bricks-colors-grayscale-1000);
}

.p-fluid .p-autocomplete .p-autocomplete-dropdown.p-button {
    width: 2.357em;
}

.p-fluid .p-autocomplete.p-autocomplete-multiple.p-autocomplete-dd .p-autocomplete-multiple-container {
    border-right: 0 none;
    width: calc(100% - 2.357em);
}

.p-fluid .p-autocomplete.p-autocomplete-dd .p-inputtext {
    border-right: 0 none;
    width: calc(100% - 2.357em);
}

.p-chips>ul.p-inputtext {
    padding: 0.2145em 0.429em;
    display: inline-block;
}

.p-chips>ul.p-inputtext:not(.p-disabled):hover {
    border-color: var(--bricks-colors-grayscale-1100);
}

.p-chips>ul.p-inputtext:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    border-color: var(--bricks-colors-primary-700);
}

.p-chips>ul.p-inputtext .p-chips-input-token {
    padding: 0.2145em 0;
}

.p-chips>ul.p-inputtext .p-chips-input-token input {
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 14px;
    padding: 0;
    margin: 0;
    color: var(--bricks-colors-grayscale-1000);
}

.p-chips>ul.p-inputtext .p-chips-input-token input:hover {
    border: 0 none;
}

.p-chips>ul.p-inputtext .p-chips-input-token input:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: 0 none;
    border: 0 none;
}

.p-chips>ul.p-inputtext .p-chips-token {
    font-size: 14px;
    padding: 0.2145em 0.429em;
    margin: 0 0.286em 0 0;
    background: var(--bricks-colors-primary-700);
    color: var(--bricks-colors-grayscale-100);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-dropdown {
    background: var(--bricks-colors-grayscale-100);
    border: 1px solid var(--bricks-colors-grayscale-600);
    -moz-transition: border-color 0.2s, box-shadow 0.2s;
    -o-transition: border-color 0.2s, box-shadow 0.2s;
    -webkit-transition: border-color 0.2s, box-shadow 0.2s;
    transition: border-color 0.2s, box-shadow 0.2s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-dropdown:not(.p-disabled):hover {
    border-color: var(--bricks-colors-grayscale-1100);
}

.p-dropdown:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    border-color: var(--bricks-colors-primary-700);
}

.p-dropdown .p-dropdown-label {
    padding-right: 2em;
}

.p-dropdown .p-dropdown-label.p-placeholder {
    color: var(--bricks-colors-grayscale-800);
}

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

.p-dropdown .p-dropdown-trigger {
    background-color: var(--bricks-colors-grayscale-100);
    width: 2em;
    line-height: 2em;
    text-align: center;
    padding: 0;
    color: var(--bricks-colors-grayscale-700);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-dropdown .p-dropdown-clear-icon {
    color: var(--bricks-colors-grayscale-700);
}

.p-dropdown-panel {
    padding: 0;
    border: 1px solid var(--bricks-colors-grayscale-600);
    background-color: var(--bricks-colors-grayscale-100);
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.p-dropdown-panel .p-dropdown-filter-container {
    padding: 0.429em 0.857em 0.429em 0.857em;
    border-bottom: 1px solid var(--bricks-colors-grayscale-400);
    color: var(--bricks-colors-grayscale-1000);
    background-color: var(--bricks-colors-grayscale-100);
    margin: 0;
}

.p-dropdown-panel .p-dropdown-filter-container .p-dropdown-filter {
    width: 100%;
    padding-right: 2em;
}

.p-dropdown-panel .p-dropdown-filter-container .p-dropdown-filter-icon {
    top: 50%;
    margin-top: -0.5em;
    right: 1.357em;
    color: var(--bricks-colors-primary-700);
}

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

.p-dropdown-panel .p-dropdown-items .p-dropdown-item,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
    margin: 0;
    padding: 0.429em 0.857em;
    border: 0 none;
    color: var(--bricks-colors-grayscale-1000);
    background-color: transparent;
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group.p-highlight {
    color: var(--bricks-colors-grayscale-100);
    background-color: var(--bricks-colors-primary-700);
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover,
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group:not(.p-highlight):not(.p-disabled):hover {
    color: var(--bricks-colors-grayscale-1000);
    background-color: var(--bricks-colors-grayscale-400);
}

.p-multiselect {
    background: var(--bricks-colors-grayscale-100);
    border: 1px solid var(--bricks-colors-grayscale-600);
    -moz-transition: border-color 0.2s, box-shadow 0.2s;
    -o-transition: border-color 0.2s, box-shadow 0.2s;
    -webkit-transition: border-color 0.2s, box-shadow 0.2s;
    transition: border-color 0.2s, box-shadow 0.2s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-multiselect:not(.p-disabled):hover {
    border-color: var(--bricks-colors-grayscale-1100);
}

.p-multiselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    border-color: var(--bricks-colors-primary-700);
}

.p-multiselect .p-multiselect-label {
    padding: 0.429em;
    padding-right: 2em;
    font-weight: 400;
    color: var(--bricks-colors-grayscale-1000);
}

.p-multiselect .p-multiselect-label.p-placeholder {
    color: var(--bricks-colors-grayscale-800);
}

.p-multiselect .p-multiselect-trigger {
    background-color: var(--bricks-colors-grayscale-100);
    width: 2em;
    line-height: 2em;
    text-align: center;
    padding: 0;
    color: var(--bricks-colors-grayscale-700);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-multiselect-panel {
    padding: 0;
    border: 1px solid var(--bricks-colors-grayscale-600);
    background-color: var(--bricks-colors-grayscale-100);
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.p-multiselect-panel .p-multiselect-header {
    padding: 0.429em 0.857em 0.429em 0.857em;
    border-bottom: 1px solid var(--bricks-colors-grayscale-400);
    color: var(--bricks-colors-grayscale-1000);
    background-color: var(--bricks-colors-grayscale-100);
    margin: 0;
}

.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
    float: none;
    width: 70%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
}

.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
    padding: 0.429em;
    padding-right: 2em;
}

.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
    color: var(--bricks-colors-primary-700);
    top: 50%;
    margin-top: -0.5em;
    right: 0.5em;
    left: auto;
}

.p-multiselect-panel .p-multiselect-header .p-checkbox {
    margin-right: 0.5em;
    float: none;
    vertical-align: middle;
}

.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
    color: var(--bricks-colors-grayscale-700);
    top: 50%;
    margin-top: -0.5em;
    line-height: 1;
    -moz-transition: box-shadow 0.2s;
    -o-transition: box-shadow 0.2s;
    -webkit-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

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

.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
    margin: 0;
    padding: 0.429em 0.857em;
    border: 0 none;
    color: var(--bricks-colors-grayscale-1000);
    background-color: transparent;
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
    color: var(--bricks-colors-grayscale-1000);
    background-color: var(--bricks-colors-grayscale-400);
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: inset 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: inset 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: inset 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
    color: var(--bricks-colors-grayscale-100);
    background-color: var(--bricks-colors-primary-700);
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.5em 0 0;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item label {
    display: inline-block;
    vertical-align: middle;
}

.p-listbox {
    padding: 0;
    min-width: 12em;
    background: var(--bricks-colors-grayscale-100);
    border: 1px solid var(--bricks-colors-grayscale-600);
}

.p-listbox .p-checkbox {
    margin: 0 0.5em 0 0;
}

.p-listbox .p-listbox-header {
    padding: 0.429em 0.857em 0.429em 0.857em;
    border-bottom: 1px solid var(--bricks-colors-grayscale-400);
    color: var(--bricks-colors-grayscale-1000);
    background-color: var(--bricks-colors-grayscale-100);
    margin: 0;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.p-listbox .p-listbox-header .p-listbox-filter-container input {
    padding: 0.429em;
    padding-right: 2em;
}

.p-listbox .p-listbox-header .p-listbox-filter-container .p-listbox-filter-icon {
    top: 50%;
    left: auto;
    margin-top: -0.5em;
    right: 0.5em;
    color: var(--bricks-colors-primary-700);
}

.p-listbox .p-listbox-list {
    background-color: var(--bricks-colors-grayscale-100);
}

.p-listbox .p-listbox-list .p-listbox-item {
    margin: 0;
    padding: 0.429em 0.857em;
    border: 0 none;
    color: var(--bricks-colors-grayscale-1000);
    background-color: transparent;
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
    color: var(--bricks-colors-grayscale-100);
    background-color: var(--bricks-colors-primary-700);
}

.p-listbox .p-listbox-list .p-listbox-item:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: inset 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: inset 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: inset 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.5em 0 0;
}

.p-listbox .p-listbox-list .p-listbox-item label {
    display: inline-block;
    vertical-align: middle;
}

.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
    color: var(--bricks-colors-grayscale-1000);
    background-color: var(--bricks-colors-grayscale-400);
}

.p-listbox.p-disabled .p-checkbox-box:not(.p-disabled):not(.p-highlight):hover {
    border: 1px solid var(--bricks-colors-grayscale-600);
}

.p-listbox .p-listbox-list-wrapper {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-listbox .p-listbox-footer {
    padding: 0.429em 0.857em 0.429em 0.857em;
    border-top: 1px solid var(--bricks-colors-grayscale-400);
    color: var(--bricks-colors-grayscale-1000);
    background-color: var(--bricks-colors-grayscale-100);
}

.p-editor-container .p-editor-toolbar {
    border: 1px solid var(--bricks-colors-grayscale-600);
    background-color: var(--bricks-colors-grayscale-300);
}

.p-editor-container .p-editor-content {
    border: 1px solid var(--bricks-colors-grayscale-600);
}

.p-editor-container .p-editor-content .ql-editor {
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
}

.p-editor-container .ql-picker.ql-expanded .ql-picker-label {
    color: var(--bricks-colors-grayscale-1000);
}

.p-editor-container .ql-stroke {
    stroke: var(--bricks-colors-grayscale-1000);
}

.p-editor-container .ql-picker-label {
    color: var(--bricks-colors-grayscale-1000);
}

.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow .ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow .ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover,
.p-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover,
.p-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.p-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: var(--bricks-colors-primary-700);
}

.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.p-editor-container .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.p-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover .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-label.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.p-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.p-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.p-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.p-editor-container .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.p-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.p-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.p-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.p-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: var(--bricks-colors-primary-700);
}

.p-rating .p-rating-icon {
    font-size: 20px;
    text-align: center;
    display: inline-block;
    color: var(--bricks-colors-grayscale-1000);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: color 0.2s, box-shadow 0.2s;
    -o-transition: color 0.2s, box-shadow 0.2s;
    -webkit-transition: color 0.2s, box-shadow 0.2s;
    transition: color 0.2s, box-shadow 0.2s;
}

.p-rating .p-rating-icon.p-rating-cancel {
    color: var(--bricks-colors-state-error-500);
}

.p-rating .p-rating-icon:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
    color: var(--bricks-colors-primary-700);
}

.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
    color: var(--bricks-colors-state-error-500);
}

.p-spinner .p-spinner-input {
    padding-right: 2.429em;
}

.p-spinner .p-spinner-button {
    width: 2em;
}

.p-spinner .p-spinner-button .p-spinner-button-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.5em;
    margin-left: -0.5em;
    width: 1em;
}

.p-spinner .p-spinner-button.p-spinner-button {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-up {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.p-spinner .p-spinner-button.p-spinner-button.p-spinner-button-down {
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.p-spinner .p-spinner-button.p-spinner-button:focus {
    z-index: 1;
}

.p-fluid .p-spinner .p-spinner-input {
    padding-right: 2.429em;
}

.p-fluid .p-spinner .p-spinner-button {
    width: 2em;
}

.p-fluid .p-spinner .p-spinner-button .p-spinner-button-icon {
    left: 50%;
}

.p-slider {
    background-color: var(--bricks-colors-grayscale-600);
    border: 0 none;
}

.p-slider.p-slider-horizontal {
    height: 0.286em;
}

.p-slider.p-slider-horizontal .p-slider-handle {
    top: 50%;
    margin-top: -0.5715em;
}

.p-slider.p-slider-vertical {
    width: 0.286em;
}

.p-slider.p-slider-vertical .p-slider-handle {
    left: 50%;
    margin-left: -0.5715em;
}

.p-slider .p-slider-handle {
    height: 1.143em;
    width: 1.143em;
    background-color: var(--bricks-colors-grayscale-100);
    border: 2px solid var(--bricks-colors-grayscale-800);
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-transition: box-shadow 0.2s;
    -o-transition: box-shadow 0.2s;
    -webkit-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

.p-slider .p-slider-handle:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-slider .p-slider-range {
    background-color: var(--bricks-colors-primary-700);
}

.p-slider:not(.p-disabled) .p-slider-handle:hover {
    background-color: 2px solid var(--bricks-colors-grayscale-800);
    border: 2px solid var(--bricks-colors-primary-700);
}

.p-datepicker {
    padding: 0.857em;
    min-width: 20em;
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    border: 1px solid var(--bricks-colors-grayscale-600);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-datepicker:not(.p-datepicker-inline) {
    border: 1px solid var(--bricks-colors-grayscale-600);
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
    color: var(--bricks-colors-primary-700);
}

.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
    -moz-transition: border-color 0.2s, box-shadow 0.2s;
    -o-transition: border-color 0.2s, box-shadow 0.2s;
    -webkit-transition: border-color 0.2s, box-shadow 0.2s;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
    background-color: var(--bricks-colors-grayscale-400);
}

.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):hover {
    background-color: var(--bricks-colors-grayscale-400);
}

.p-datepicker .p-datepicker-header {
    padding: 0.429em 0.857em 0.429em 0.857em;
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
    cursor: pointer;
    top: 0;
    color: var(--bricks-colors-grayscale-600);
    -moz-transition: color 0.2s, box-shadow 0.2s;
    -o-transition: color 0.2s, box-shadow 0.2s;
    -webkit-transition: color 0.2s, box-shadow 0.2s;
    transition: color 0.2s, box-shadow 0.2s;
}

.p-datepicker .p-datepicker-header .p-datepicker-title {
    margin: 0;
    padding: 0;
    line-height: 1;
}

.p-datepicker .p-datepicker-header .p-datepicker-title select {
    margin-top: -0.35em;
    margin-bottom: 0;
    -moz-transition: border-color 0.2s, box-shadow 0.2s;
    -o-transition: border-color 0.2s, box-shadow 0.2s;
    -webkit-transition: border-color 0.2s, box-shadow 0.2s;
    transition: border-color 0.2s, box-shadow 0.2s;
    border: none;
}

.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    border-color: var(--bricks-colors-primary-700);
}

.p-datepicker table {
    font-size: 14px;
    margin: 0.857em 0 0 0;
}

.p-datepicker table th {
    padding: 0.5em;
}

.p-datepicker table th.p-datepicker-weekheader {
    border-right: 1px solid var(--bricks-colors-grayscale-600);
}

.p-datepicker table td {
    padding: 0.5em;
}

.p-datepicker table td>span {
    display: block;
    text-align: center;
    color: var(--bricks-colors-grayscale-1000);
    cursor: pointer;
    padding: 0.5em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-datepicker table td>span.p-highlight {
    color: var(--bricks-colors-grayscale-100);
    background-color: var(--bricks-colors-primary-700);
}

.p-datepicker table td.p-datepicker-today>span {
    background-color: var(--bricks-colors-grayscale-500);
    color: var(--bricks-colors-grayscale-1000);
}

.p-datepicker table td.p-datepicker-today>span.p-highlight {
    color: var(--bricks-colors-grayscale-100);
    background-color: var(--bricks-colors-primary-700);
}

.p-datepicker table td.p-datepicker-weeknumber {
    border-right: 1px solid var(--bricks-colors-grayscale-600);
}

.p-datepicker .p-datepicker-buttonbar {
    border-top: 1px solid var(--bricks-colors-primary-300);
}

.p-datepicker .p-timepicker {
    border: 0 none;
    border-top: 1px solid var(--bricks-colors-primary-300);
    padding: 0.857em;
}

.p-datepicker .p-timepicker button {
    color: var(--bricks-colors-grayscale-600);
    font-size: 1.286em;
    -moz-transition: color 0.2s, box-shadow 0.2s;
    -o-transition: color 0.2s, box-shadow 0.2s;
    -webkit-transition: color 0.2s, box-shadow 0.2s;
    transition: color 0.2s, box-shadow 0.2s;
}

.p-datepicker .p-timepicker button:hover {
    color: var(--bricks-colors-primary-700);
}

.p-datepicker .p-timepicker span {
    font-size: 1.286em;
}

.p-datepicker .p-monthpicker .p-monthpicker-month {
    color: var(--bricks-colors-grayscale-1000);
}

.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
    color: var(--bricks-colors-grayscale-100);
    background-color: var(--bricks-colors-primary-700);
}

.p-datepicker.p-datepicker-timeonly {
    padding: 0;
}

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

.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
    border-right: 1px solid var(--bricks-colors-primary-300);
    padding-right: 0.857em;
    padding-left: 0.857em;
    padding-top: 0;
    padding-bottom: 0;
}

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

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

.p-calendar.p-calendar-w-btn .p-inputtext {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0 none;
}

.p-calendar.p-calendar-w-btn .p-inputtext:enabled:hover:not(.p-error),
.p-calendar.p-calendar-w-btn .p-inputtext:enabled:focus:not(.p-error) {
    border-right: 0 none;
}

.p-calendar.p-calendar-w-btn .p-datepicker-trigger.p-button {
    width: 2.357em;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.p-fluid .p-calendar.p-calendar-w-btn .p-inputtext {
    width: calc(100% - 2.357em);
}

.p-fileupload .p-fileupload-buttonbar {
    background-color: var(--bricks-colors-grayscale-300);
    padding: 0.571em 1em;
    border: 1px solid var(--bricks-colors-grayscale-600);
    color: var(--bricks-colors-grayscale-1000);
    border-bottom: 0 none;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.p-fileupload .p-fileupload-buttonbar .p-button {
    margin-right: 8px;
}

.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-fileupload .p-fileupload-content {
    background-color: var(--bricks-colors-grayscale-100);
    padding: 0.571em 1em;
    border: 1px solid var(--bricks-colors-grayscale-600);
    color: var(--bricks-colors-grayscale-1000);
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.p-fileupload .p-progressbar {
    top: 0;
}

.p-fileupload-choose:not(.p-disabled):hover {
    background-color: var(--bricks-colors-secondary-700);
    color: var(--bricks-colors-grayscale-100);
    border-color: var(--bricks-colors-secondary-700);
}

.p-fileupload-choose:not(.p-disabled):active {
    background-color: var(--bricks-colors-primary-700)99;
    color: var(--bricks-colors-grayscale-100);
    border-color: var(--bricks-colors-primary-700)99;
}

.p-password-panel {
    padding: 12px;
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    border: 1px solid var(--bricks-colors-grayscale-600);
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.p-inputgroup .p-inputgroup-addon {
    border-color: var(--bricks-colors-grayscale-600);
    background-color: var(--bricks-colors-grayscale-400);
    color: var(--bricks-colors-grayscale-700);
    padding: 0.429em;
    min-width: 2em;
}

.p-inputgroup .p-inputgroup-addon:first-child {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.p-inputgroup .p-inputgroup-addon:last-child {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.p-inputgroup .p-inputgroup-addon.p-inputgroup-addon-checkbox {
    position: relative;
}

.p-inputgroup .p-inputgroup-addon.p-inputgroup-addon-checkbox .p-checkbox {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
}

.p-inputgroup .p-inputgroup-addon.p-inputgroup-addon-radiobutton {
    position: relative;
}

.p-inputgroup .p-inputgroup-addon.p-inputgroup-addon-radiobutton .p-radiobutton {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
}

.p-inputgroup .p-button:first-child {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.p-inputgroup .p-button:last-child {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.p-inputgroup .p-inputtext:focus {
    z-index: 1;
}

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

.p-fluid .p-inputgroup .p-button.p-button-icon-only {
    width: 2.357em;
}

::-webkit-input-placeholder {
    color: var(--bricks-colors-grayscale-800);
}

:-moz-placeholder {
    color: var(--bricks-colors-grayscale-800);
}

::-moz-placeholder {
    color: var(--bricks-colors-grayscale-800);
}

:-ms-input-placeholder {
    color: var(--bricks-colors-grayscale-800);
}

.p-inputtext.p-error,
.p-dropdown.p-error,
.p-autocomplete.p-error>.p-inputtext,
.p-calendar.p-error>.p-inputtext,
.p-chips.p-error>.p-inputtext,
.p-checkbox.p-error>.p-checkbox-box,
.p-radiobutton.p-error>.p-radiobutton-box,
.p-inputswitch.p-error,
.p-listbox.p-error,
.p-multiselect.p-error,
.p-spinner.p-error>.p-inputtext,
.p-selectbutton.p-error>.p-button,
.p-togglebutton.p-error>.p-button {
    border: 1px solid var(--bricks-colors-state-error-500);
}

.p-button {
    margin: 0;
    color: var(--bricks-colors-grayscale-100);
    padding: -3px;
    background-color: var(--bricks-colors-primary-700);
    border: 1px solid var(--bricks-colors-primary-700);
    font-size: 12px;
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-button:enabled:hover {
    background-color: var(--bricks-colors-primary-700);
    color: var(--bricks-colors-grayscale-100);
    border-color: var(--bricks-colors-primary-700);
}

.p-button:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-button:enabled:active {
    background-color: var(--bricks-colors-primary-700)99;
    color: var(--bricks-colors-grayscale-100);
    border-color: var(--bricks-colors-primary-700)99;
}

.p-button.p-button-text-only .p-button-text {
    padding: 0.429em 1em;
}

.p-button.p-button-text-icon-left .p-button-text {
    padding: 0.429em 1em 0.429em 2.25em;
}

.p-button.p-button-text-icon-right .p-button-text {
    padding: 0.429em 2.25em 0.429em 1em;
}

.p-button.p-button-icon-only {
    width: 2.357em;
}

.p-button.p-button-icon-only .p-button-text {
    padding: 0.429em;
}

.p-button.p-button-raised {
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
}

.p-button.p-button-rounded {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.p-fluid .p-button-icon-only {
    width: 2.357em;
}

.p-togglebutton {
    background-color: var(--bricks-colors-grayscale-500);
    border: 1px solid var(--bricks-colors-grayscale-500);
    color: var(--bricks-colors-grayscale-1000);
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
}

.p-togglebutton .p-button-icon-left {
    color: var(--bricks-colors-grayscale-800);
}

.p-togglebutton:not(.p-disabled):not(.p-highlight):hover {
    background-color: var(--bricks-colors-grayscale-600);
    border-color: var(--bricks-colors-grayscale-600);
    color: var(--bricks-colors-grayscale-1000);
}

.p-togglebutton:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left {
    color: var(--bricks-colors-grayscale-1100);
}

.p-togglebutton.p-focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-togglebutton.p-highlight {
    background-color: var(--bricks-colors-primary-700);
    border-color: var(--bricks-colors-primary-700);
    color: var(--bricks-colors-grayscale-100);
}

.p-togglebutton.p-highlight .p-button-icon-left {
    color: var(--bricks-colors-grayscale-100);
}

.p-togglebutton.p-highlight:hover {
    background-color: var(--bricks-colors-secondary-700);
    border-color: var(--bricks-colors-secondary-700);
    color: var(--bricks-colors-grayscale-100);
}

.p-togglebutton.p-highlight:hover .p-button-icon-left {
    color: var(--bricks-colors-grayscale-100);
}

.p-selectbutton .p-button {
    background-color: var(--bricks-colors-grayscale-500);
    border: 1px solid var(--bricks-colors-grayscale-500);
    color: var(--bricks-colors-grayscale-1000);
    outline: 0 none;
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.p-selectbutton .p-button .p-button-icon-left {
    color: var(--bricks-colors-grayscale-800);
}

.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
    background-color: var(--bricks-colors-grayscale-600);
    border-color: var(--bricks-colors-grayscale-600);
    color: var(--bricks-colors-grayscale-1000);
}

.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left {
    color: var(--bricks-colors-grayscale-1100);
}

.p-selectbutton .p-button.p-focus,
.p-selectbutton .p-button:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    z-index: 1;
}

.p-selectbutton .p-button.p-highlight {
    background-color: var(--bricks-colors-primary-700);
    border-color: var(--bricks-colors-primary-700);
    color: var(--bricks-colors-grayscale-100);
}

.p-selectbutton .p-button.p-highlight .p-button-icon-left {
    color: var(--bricks-colors-grayscale-100);
}

.p-selectbutton .p-button.p-highlight:not(.p-disabled):hover {
    background-color: var(--bricks-colors-secondary-700);
    border-color: var(--bricks-colors-secondary-700);
    color: var(--bricks-colors-grayscale-100);
}

.p-selectbutton .p-button.p-highlight:not(.p-disabled):hover .p-button-icon-left {
    color: var(--bricks-colors-grayscale-100);
}

.p-selectbutton .p-button:first-child {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.p-selectbutton .p-button:last-child {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.p-splitbutton.p-buttonset .p-button {
    border: 1px solid transparent;
}

.p-splitbutton.p-buttonset .p-button:first-child {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.p-splitbutton.p-buttonset .p-button.p-splitbutton-menubutton {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.p-splitbutton.p-buttonset .p-button:focus {
    z-index: 1;
}

.p-splitbutton.p-buttonset .p-menu {
    min-width: 100%;
}

.p-splitbutton.p-buttonset .p-splitbutton-menubutton .p-button-icon-left:before {
    content: "";
}

.p-button.p-button-secondary,
.p-buttonset.p-button-secondary>.p-button {
    color: var(--bricks-colors-grayscale-1000);
    background-color: var(--bricks-colors-grayscale-300);
    border: 1px solid var(--bricks-colors-grayscale-300);
}

.p-button.p-button-secondary:enabled:hover,
.p-buttonset.p-button-secondary>.p-button:enabled:hover {
    background-color: var(--bricks-colors-grayscale-600);
    color: var(--bricks-colors-grayscale-1000);
    border-color: var(--bricks-colors-grayscale-600);
}

.p-button.p-button-secondary:enabled:focus,
.p-buttonset.p-button-secondary>.p-button:enabled:focus {
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-button.p-button-secondary:enabled:active,
.p-buttonset.p-button-secondary>.p-button:enabled:active {
    background-color: var(--bricks-colors-grayscale-600);
    color: var(--bricks-colors-grayscale-1000);
    border-color: var(--bricks-colors-grayscale-600);
}

.p-button.p-button-info,
.p-buttonset.p-button-info>.p-button {
    color: var(--bricks-colors-grayscale-100);
    background-color: var(--bricks-colors-primary-700);
    border: 1px solid var(--bricks-colors-primary-700);
}

.p-button.p-button-info:enabled:hover,
.p-buttonset.p-button-info>.p-button:enabled:hover {
    background-color: var(--bricks-colors-secondary-700);
    color: var(--bricks-colors-grayscale-100);
    border-color: var(--bricks-colors-secondary-700);
}

.p-button.p-button-info:enabled:focus,
.p-buttonset.p-button-info>.p-button:enabled:focus {
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-button.p-button-info:enabled:active,
.p-buttonset.p-button-info>.p-button:enabled:active {
    background-color: var(--bricks-colors-primary-700)99;
    color: var(--bricks-colors-grayscale-100);
    border-color: var(--bricks-colors-primary-700)99;
}

.p-button.p-button-success,
.p-buttonset.p-button-success>.p-button {
    color: var(--bricks-colors-grayscale-100);
    background-color: var(--bricks-colors-state-success-500);
    border: 1px solid var(--bricks-colors-state-success-500);
}

.p-button.p-button-success:enabled:hover,
.p-buttonset.p-button-success>.p-button:enabled:hover {
    background-color: var(--bricks-colors-state-success-500);
    color: var(--bricks-colors-grayscale-100);
    border-color: var(--bricks-colors-state-success-500);
}

.p-button.p-button-success:enabled:focus,
.p-buttonset.p-button-success>.p-button:enabled:focus {
    -webkit-box-shadow: 0 0 0 0.2em rgba(var(--bricks-colors-state-success-500-rgb), 0.5);
    -moz-box-shadow: 0 0 0 0.2em rgba(var(--bricks-colors-state-success-500-rgb), 0.5);
    box-shadow: 0 0 0 0.2em rgba(var(--bricks-colors-state-success-500-rgb), 0.5);
}

.p-button.p-button-success:enabled:active,
.p-buttonset.p-button-success>.p-button:enabled:active {
    background-color: var(--bricks-colors-state-success-500);
    color: var(--bricks-colors-grayscale-100);
    border-color: var(--bricks-colors-state-success-500);
}

.p-button.p-button-warning,
.p-buttonset.p-button-warning>.p-button {
    color: var(--bricks-colors-grayscale-1000);
    background-color: var(--bricks-colors-state-warning-500);
    border: 1px solid var(--bricks-colors-state-warning-500);
}

.p-button.p-button-warning:enabled:hover,
.p-buttonset.p-button-warning>.p-button:enabled:hover {
    background-color: var(--bricks-colors-state-warning-500);
    color: var(--bricks-colors-grayscale-1000);
    border-color: var(--bricks-colors-state-warning-500);
}

.p-button.p-button-warning:enabled:focus,
.p-buttonset.p-button-warning>.p-button:enabled:focus {
    -webkit-box-shadow: 0 0 0 0.2em rgba(var(--bricks-colors-state-warning-500-rgb), 0.5);
    -moz-box-shadow: 0 0 0 0.2em rgba(var(--bricks-colors-state-warning-500-rgb), 0.5);
    box-shadow: 0 0 0 0.2em rgba(var(--bricks-colors-state-warning-500-rgb), 0.5);
}

.p-button.p-button-warning:enabled:active,
.p-buttonset.p-button-warning>.p-button:enabled:active {
    background-color: var(--bricks-colors-state-warning-500);
    color: var(--bricks-colors-grayscale-1000);
    border-color: var(--bricks-colors-state-warning-500);
}

.p-button.p-button-danger,
.p-buttonset.p-button-danger>.p-button {
    color: var(--bricks-colors-grayscale-100);
    background-color: var(--bricks-colors-state-error-500);
    border: 1px solid var(--bricks-colors-state-error-500);
}

.p-button.p-button-danger:enabled:hover,
.p-buttonset.p-button-danger>.p-button:enabled:hover {
    background-color: var(--bricks-colors-state-error-500);
    color: var(--bricks-colors-grayscale-100);
    border-color: var(--bricks-colors-state-error-500);
}

.p-button.p-button-danger:enabled:focus,
.p-buttonset.p-button-danger>.p-button:enabled:focus {
    -webkit-box-shadow: 0 0 0 0.2em rgba(var(--bricks-colors-state-error-500-rgb), 0.5);
    -moz-box-shadow: 0 0 0 0.2em rgba(var(--bricks-colors-state-error-500-rgb), 0.5);
    box-shadow: 0 0 0 0.2em rgba(var(--bricks-colors-state-error-500-rgb), 0.5);
}

.p-button.p-button-danger:enabled:active,
.p-buttonset.p-button-danger>.p-button:enabled:active {
    background-color: var(--bricks-colors-state-error-500);
    color: var(--bricks-colors-grayscale-100);
    border-color: var(--bricks-colors-state-error-500);
}

.p-panel {
    padding: 0;
    border: 0 none;
}

.p-panel .p-panel-titlebar {
    border: 1px solid var(--bricks-colors-grayscale-600);
    padding: 0.571em 1em;
    background-color: var(--bricks-colors-grayscale-300);
    color: var(--bricks-colors-grayscale-1000);
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.p-panel .p-panel-titlebar .p-panel-title {
    vertical-align: middle;
    font-weight: 700;
}

.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
    margin: 0.143em 0 0 0;
    position: relative;
    font-size: 14px;
    color: var(--bricks-colors-grayscale-700);
    border: 1px solid transparent;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: color 0.2s, box-shadow 0.2s;
    -o-transition: color 0.2s, box-shadow 0.2s;
    -webkit-transition: color 0.2s, box-shadow 0.2s;
    transition: color 0.2s, box-shadow 0.2s;
}

.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
    color: var(--bricks-colors-grayscale-1000);
}

.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-panel .p-panel-content {
    padding: 0.571em 1em;
    border: 1px solid var(--bricks-colors-grayscale-600);
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    border-top: 0 none;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.p-panel .p-panel-footer {
    padding: 0.571em 1em;
    border: 1px solid var(--bricks-colors-grayscale-600);
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    border-top: 0 none;
    margin: 0;
}

.p-fieldset {
    border: 1px solid var(--bricks-colors-grayscale-600);
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-fieldset .p-fieldset-legend a {
    padding: 0.571em 1em;
    border: 1px solid var(--bricks-colors-grayscale-600);
    color: var(--bricks-colors-grayscale-1000);
    background-color: var(--bricks-colors-grayscale-300);
    font-weight: 700;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
}

.p-fieldset .p-fieldset-legend a .p-fieldset-toggler {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
    color: var(--bricks-colors-grayscale-700);
}

.p-fieldset .p-fieldset-legend a .p-fieldset-legend-text {
    padding: 0;
}

.p-fieldset .p-fieldset-legend a:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
    background-color: var(--bricks-colors-grayscale-500);
    border: 1px solid var(--bricks-colors-grayscale-500);
    color: var(--bricks-colors-grayscale-1000);
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover .p-fieldset-toggler {
    color: var(--bricks-colors-grayscale-1000);
}

.p-fieldset .p-fieldset-content {
    padding: 0;
}

.p-accordion .p-accordion-tab {
    margin-bottom: 2px;
}

.p-accordion .p-accordion-header a {
    padding: 0.571em 1em;
    border: 1px solid var(--bricks-colors-grayscale-600);
    color: var(--bricks-colors-grayscale-1000);
    background-color: var(--bricks-colors-grayscale-300);
    color: var(--bricks-colors-grayscale-1000);
    font-weight: 700;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
}

.p-accordion .p-accordion-header a .p-accordion-toggle-icon {
    color: var(--bricks-colors-grayscale-700);
}

.p-accordion .p-accordion-header a .p-accordion-toggle-icon.pi-caret-right:before {
    content: "";
}

.p-accordion .p-accordion-header a .p-accordion-toggle-icon.pi-caret-down:before {
    content: "";
}

.p-accordion .p-accordion-header:not(.p-disabled) a:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a {
    background-color: var(--bricks-colors-grayscale-500);
    border: 1px solid var(--bricks-colors-grayscale-500);
    color: var(--bricks-colors-grayscale-1000);
}

.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a .p-accordion-toggle-icon {
    color: var(--bricks-colors-grayscale-1000);
}

.p-accordion .p-accordion-header:not(.p-disabled).p-highlight {
    margin-bottom: 0;
}

.p-accordion .p-accordion-header:not(.p-disabled).p-highlight a {
    background-color: var(--bricks-colors-primary-700);
    border: 1px solid var(--bricks-colors-primary-700);
    color: var(--bricks-colors-grayscale-100);
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.p-accordion .p-accordion-header:not(.p-disabled).p-highlight a .p-accordion-toggle-icon {
    color: var(--bricks-colors-grayscale-100);
}

.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover a {
    border: 1px solid var(--bricks-colors-primary-700)99;
    background-color: var(--bricks-colors-primary-700)99;
    color: var(--bricks-colors-grayscale-100);
}

.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover a .p-accordion-toggle-icon {
    color: var(--bricks-colors-grayscale-100);
}

.p-accordion .p-accordion-content {
    padding: 0.571em 1em;
    border: 1px solid var(--bricks-colors-grayscale-600);
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    padding: 0.571em 1em;
    border-top: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.p-tabview.p-tabview-top,
.p-tabview.p-tabview-bottom,
.p-tabview.p-tabview-left,
.p-tabview.p-tabview-right {
    border: 0 none;
}

.p-tabview.p-tabview-top .p-tabview-nav,
.p-tabview.p-tabview-bottom .p-tabview-nav,
.p-tabview.p-tabview-left .p-tabview-nav,
.p-tabview.p-tabview-right .p-tabview-nav {
    padding: 0;
    background: transparent;
    border: 0 none;
}

.p-tabview.p-tabview-top .p-tabview-nav li a,
.p-tabview.p-tabview-bottom .p-tabview-nav li a,
.p-tabview.p-tabview-left .p-tabview-nav li a,
.p-tabview.p-tabview-right .p-tabview-nav li a {
    border: 1px solid var(--bricks-colors-grayscale-600);
    background-color: var(--bricks-colors-grayscale-300);
    float: none;
    display: inline-block;
    color: var(--bricks-colors-grayscale-1000);
    padding: 0.571em 1em;
    font-weight: 700;
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
}

.p-tabview.p-tabview-top .p-tabview-nav li a .p-tabview-left-icon,
.p-tabview.p-tabview-bottom .p-tabview-nav li a .p-tabview-left-icon,
.p-tabview.p-tabview-left .p-tabview-nav li a .p-tabview-left-icon,
.p-tabview.p-tabview-right .p-tabview-nav li a .p-tabview-left-icon {
    margin-right: 0.5em;
}

.p-tabview.p-tabview-top .p-tabview-nav li a .p-tabview-right-icon,
.p-tabview.p-tabview-bottom .p-tabview-nav li a .p-tabview-right-icon,
.p-tabview.p-tabview-left .p-tabview-nav li a .p-tabview-right-icon,
.p-tabview.p-tabview-right .p-tabview-nav li a .p-tabview-right-icon {
    margin-left: 0.5em;
}

.p-tabview.p-tabview-top .p-tabview-nav li a:not(.p-disabled):focus,
.p-tabview.p-tabview-bottom .p-tabview-nav li a:not(.p-disabled):focus,
.p-tabview.p-tabview-left .p-tabview-nav li a:not(.p-disabled):focus,
.p-tabview.p-tabview-right .p-tabview-nav li a:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-tabview.p-tabview-top .p-tabview-nav li .p-tabview-close,
.p-tabview.p-tabview-bottom .p-tabview-nav li .p-tabview-close,
.p-tabview.p-tabview-left .p-tabview-nav li .p-tabview-close,
.p-tabview.p-tabview-right .p-tabview-nav li .p-tabview-close {
    color: var(--bricks-colors-grayscale-700);
    margin: 0 0.5em 0 0;
    vertical-align: middle;
}

.p-tabview.p-tabview-top .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a,
.p-tabview.p-tabview-bottom .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a,
.p-tabview.p-tabview-left .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a,
.p-tabview.p-tabview-right .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
    background-color: var(--bricks-colors-grayscale-500);
    border: 1px solid var(--bricks-colors-grayscale-500);
    color: var(--bricks-colors-grayscale-1000);
}

.p-tabview.p-tabview-top .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-close,
.p-tabview.p-tabview-bottom .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-close,
.p-tabview.p-tabview-left .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-close,
.p-tabview.p-tabview-right .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-close {
    color: var(--bricks-colors-grayscale-1000);
}

.p-tabview.p-tabview-top .p-tabview-nav li.p-highlight a,
.p-tabview.p-tabview-bottom .p-tabview-nav li.p-highlight a,
.p-tabview.p-tabview-left .p-tabview-nav li.p-highlight a,
.p-tabview.p-tabview-right .p-tabview-nav li.p-highlight a {
    background-color: var(--bricks-colors-primary-700);
    border: 1px solid var(--bricks-colors-primary-700);
    color: var(--bricks-colors-grayscale-100);
}

.p-tabview.p-tabview-top .p-tabview-nav li.p-highlight .p-tabview-close,
.p-tabview.p-tabview-bottom .p-tabview-nav li.p-highlight .p-tabview-close,
.p-tabview.p-tabview-left .p-tabview-nav li.p-highlight .p-tabview-close,
.p-tabview.p-tabview-right .p-tabview-nav li.p-highlight .p-tabview-close {
    color: var(--bricks-colors-grayscale-100);
}

.p-tabview.p-tabview-top .p-tabview-nav li.p-highlight:hover a,
.p-tabview.p-tabview-bottom .p-tabview-nav li.p-highlight:hover a,
.p-tabview.p-tabview-left .p-tabview-nav li.p-highlight:hover a,
.p-tabview.p-tabview-right .p-tabview-nav li.p-highlight:hover a {
    border: 1px solid var(--bricks-colors-primary-700)99;
    background-color: var(--bricks-colors-primary-700)99;
    color: var(--bricks-colors-grayscale-100);
}

.p-tabview.p-tabview-top .p-tabview-nav li.p-highlight:hover a .p-tabview-left-icon,
.p-tabview.p-tabview-top .p-tabview-nav li.p-highlight:hover a .p-tabview-right-icon,
.p-tabview.p-tabview-bottom .p-tabview-nav li.p-highlight:hover a .p-tabview-left-icon,
.p-tabview.p-tabview-bottom .p-tabview-nav li.p-highlight:hover a .p-tabview-right-icon,
.p-tabview.p-tabview-left .p-tabview-nav li.p-highlight:hover a .p-tabview-left-icon,
.p-tabview.p-tabview-left .p-tabview-nav li.p-highlight:hover a .p-tabview-right-icon,
.p-tabview.p-tabview-right .p-tabview-nav li.p-highlight:hover a .p-tabview-left-icon,
.p-tabview.p-tabview-right .p-tabview-nav li.p-highlight:hover a .p-tabview-right-icon {
    color: var(--bricks-colors-grayscale-100);
}

.p-tabview.p-tabview-top .p-tabview-nav li.p-tabview-selected a,
.p-tabview.p-tabview-bottom .p-tabview-nav li.p-tabview-selected a,
.p-tabview.p-tabview-left .p-tabview-nav li.p-tabview-selected a,
.p-tabview.p-tabview-right .p-tabview-nav li.p-tabview-selected a {
    cursor: pointer;
}

.p-tabview.p-tabview-top .p-tabview-nav {
    margin-bottom: -1px;
    margin-left: 5px;
}

.p-tabview.p-tabview-top .p-tabview-nav li a {
    margin-right: 2px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.p-tabview.p-tabview-bottom .p-tabview-nav {
    margin-top: -1px;
}

.p-tabview.p-tabview-bottom .p-tabview-nav li a {
    margin-right: 2px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.p-tabview.p-tabview-left .p-tabview-nav {
    margin-right: -px;
}

.p-tabview.p-tabview-left .p-tabview-nav li a {
    margin-bottom: 2px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.p-tabview.p-tabview-right .p-tabview-nav {
    margin-right: -1px;
}

.p-tabview.p-tabview-right .p-tabview-nav li a {
    margin-bottom: 2px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.p-tabview .p-tabview-panels {
    background-color: var(--bricks-colors-grayscale-100);
    padding: 0.571em 1em;
    border: 1px solid var(--bricks-colors-grayscale-600);
    color: var(--bricks-colors-grayscale-1000);
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.p-tabview .p-tabview-panels .p-tabview-panel {
    padding: 0;
}

.p-toolbar {
    background-color: var(--bricks-colors-grayscale-300);
    border: 1px solid var(--bricks-colors-grayscale-600);
    padding: 0.571em 1em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-toolbar button {
    vertical-align: middle;
}

.p-toolbar .p-toolbar-separator {
    vertical-align: middle;
    color: var(--bricks-colors-grayscale-700);
    margin: 0 0.5em;
}

.p-card {
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.p-paginator {
    background-color: var(--bricks-colors-grayscale-300);
    border: 1px solid var(--bricks-colors-grayscale-600);
    padding: 0;
}

.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
    color: var(--bricks-colors-grayscale-700);
    height: 2.286em;
    min-width: 2.286em;
    border: 0 none;
    line-height: 2.286em;
    padding: 0;
    margin: 0;
    vertical-align: top;
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.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-color: var(--bricks-colors-grayscale-400);
    color: var(--bricks-colors-grayscale-1000);
}

.p-paginator .p-dropdown {
    border: 0 none;
}

.p-paginator .p-dropdown .p-dropdown-trigger,
.p-paginator .p-dropdown .p-dropdown-label {
    color: var(--bricks-colors-grayscale-700);
}

.p-paginator .p-dropdown:hover .p-dropdown-trigger,
.p-paginator .p-dropdown:hover .p-dropdown-label {
    color: var(--bricks-colors-grayscale-1000);
}

.p-paginator .p-paginator-first:before {
    position: relative;
    top: 1px;
}

.p-paginator .p-paginator-prev:before {
    position: relative;
}

.p-paginator .p-paginator-next:before {
    position: relative;
    top: 1px;
}

.p-paginator .p-paginator-last:before {
    position: relative;
    top: 1px;
}

.p-paginator .p-paginator-current {
    vertical-align: top;
    display: inline-block;
    height: 2.286em;
    min-width: 2.286em;
    border: 0 none;
    line-height: 2.286em;
}

.p-paginator .p-paginator-pages {
    vertical-align: top;
    display: inline-block;
    padding: 0;
}

.p-paginator .p-paginator-pages .p-paginator-page {
    color: var(--bricks-colors-grayscale-700);
    height: 2.286em;
    min-width: 2.286em;
    border: 0 none;
    line-height: 2.286em;
    padding: 0;
    margin: 0;
    vertical-align: top;
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background-color: var(--bricks-colors-primary-700);
    color: var(--bricks-colors-grayscale-100);
}

.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
    background-color: var(--bricks-colors-grayscale-400);
    color: var(--bricks-colors-grayscale-1000);
}

.p-paginator .p-dropdown {
    margin-left: 0.5em;
    height: 2.286em;
    min-width: auto;
}

.p-datatable .p-datatable-header,
.p-datatable .p-datatable-footer {
    background-color: var(--bricks-colors-grayscale-300);
    color: var(--bricks-colors-grayscale-1000);
    border: 1px solid var(--bricks-colors-grayscale-600);
    padding: 0.571em 1em;
    text-align: center;
}

.p-datatable .p-datatable-header {
    border-bottom: 0 none;
    font-weight: 700;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.p-datatable .p-datatable-footer {
    border-top: 0 none;
    font-weight: 700;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.p-datatable .p-datatable-thead>tr>th {
    padding: 0.571em 0.857em;
    border: 1px solid var(--bricks-colors-grayscale-600);
    font-weight: 700;
    color: var(--bricks-colors-grayscale-1000);
    background-color: var(--bricks-colors-grayscale-300);
    text-align: center;
}

.p-datatable .p-datatable-tfoot>tr>td {
    padding: 0.571em 0.857em;
    border: 1px solid var(--bricks-colors-grayscale-600);
    font-weight: 700;
    color: var(--bricks-colors-grayscale-1000);
    background-color: var(--bricks-colors-grayscale-300);
    text-align: center;
}

.p-datatable .p-sortable-column {
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
}

.p-datatable .p-sortable-column .p-sortable-column-icon {
    color: var(--bricks-colors-grayscale-700);
}

.p-datatable .p-sortable-column .p-sortable-column-badge {
    border-radius: 50%;
    height: 18px;
    min-width: 18px;
    line-height: 18px;
    display: inline-block;
    color: var(--bricks-colors-primary-700);
    background-color: var(--bricks-colors-grayscale-100);
}

.p-datatable .p-sortable-column:not(.p-highlight):hover {
    background-color: var(--bricks-colors-grayscale-400);
    color: var(--bricks-colors-grayscale-1000);
}

.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
    color: var(--bricks-colors-grayscale-1000);
}

.p-datatable .p-sortable-column:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: inset 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: inset 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: inset 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-datatable .p-editable-column input {
    font-size: 14px;
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
}

.p-datatable .p-row-editor-init {
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
}

.p-datatable .p-datatable-tbody>tr {
    background: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
}

.p-datatable .p-datatable-tbody>tr>td {
    background: inherit;
    border: 1px solid var(--bricks-colors-grayscale-600);
    padding: 0.429em 0.857em;
}

.p-datatable .p-datatable-tbody>tr>td .p-row-toggler {
    color: var(--bricks-colors-grayscale-700);
    -moz-transition: color 0.2s, box-shadow 0.2s;
    -o-transition: color 0.2s, box-shadow 0.2s;
    -webkit-transition: color 0.2s, box-shadow 0.2s;
    transition: color 0.2s, box-shadow 0.2s;
}

.p-datatable .p-datatable-tbody>tr>td .p-row-toggler:hover {
    color: var(--bricks-colors-grayscale-1000);
}

.p-datatable .p-datatable-tbody>tr.p-highlight {
    background-color: var(--bricks-colors-primary-700);
    color: var(--bricks-colors-grayscale-100);
}

.p-datatable .p-datatable-tbody>tr.p-highlight .p-row-toggler {
    color: var(--bricks-colors-grayscale-100);
}

.p-datatable .p-datatable-tbody>tr.p-highlight .p-row-toggler:hover {
    color: var(--bricks-colors-grayscale-100);
}

.p-datatable .p-datatable-tbody>tr.p-highlight-contextmenu {
    background-color: var(--bricks-colors-primary-500);
    color: var(--bricks-colors-grayscale-100);
}

.p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-top>td {
    box-shadow: inset 0 2px 0 0 var(--bricks-colors-primary-700);
}

.p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-bottom>td {
    box-shadow: inset 0 -2px 0 0 var(--bricks-colors-primary-700);
}

.p-datatable .p-datatable-tbody>tr:focus {
    outline: none;
}

.p-datatable .p-datatable-tbody>tr:focus+tr>td {
    box-shadow: 0 -0.2em 0 0 var(--bricks-colors-primary-300);
}

.p-datatable .p-datatable-tbody>tr:focus>td {
    box-shadow: 0 -0.2em 0 0 var(--bricks-colors-primary-300), 0 0.2em 0 0 var(--bricks-colors-primary-300);
}

.p-datatable .p-datatable-tbody>tr:focus>td:first-child {
    box-shadow: 0 -0.2em 0 0 var(--bricks-colors-primary-300), 0 0.2em 0 0 var(--bricks-colors-primary-300), -0.1em -0.1em 0 0.1em var(--bricks-colors-primary-300);
}

.p-datatable .p-datatable-tbody>tr:focus>td:last-child {
    box-shadow: 0 -0.2em 0 0 var(--bricks-colors-primary-300), 0 0.2em 0 0 var(--bricks-colors-primary-300), 0.1em -0.1em 0 0.1em var(--bricks-colors-primary-300);
}

.p-datatable .p-datatable-tbody>tr.p-rowgroup-header .p-datatable .p-datatable-tbody>tr.p-rowgroup-footer {
    font-weight: 700;
}

.p-datatable .p-datatable-tbody>tr:nth-child(even) {
    background-color: var(--bricks-colors-grayscale-200);
}

.p-datatable .p-datatable-tbody>tr:nth-child(even).p-highlight {
    background-color: var(--bricks-colors-primary-700);
    color: var(--bricks-colors-grayscale-100);
}

.p-datatable .p-datatable-tbody>tr:nth-child(even).p-highlight .p-row-toggler {
    color: var(--bricks-colors-grayscale-100);
}

.p-datatable .p-datatable-tbody>tr:nth-child(even).p-highlight .p-row-toggler:hover {
    color: var(--bricks-colors-grayscale-100);
}

.p-datatable .p-datatable-tbody>tr:nth-child(even).p-highlight-contextmenu {
    background-color: var(--bricks-colors-primary-500);
    color: var(--bricks-colors-grayscale-100);
}

.p-datatable .p-datatable-tbody>tr:nth-child(even).p-highlight-contextmenu .p-row-toggler {
    color: var(--bricks-colors-grayscale-100);
}

.p-datatable .p-datatable-tbody>tr:nth-child(even).p-highlight-contextmenu .p-row-toggler:hover {
    color: var(--bricks-colors-grayscale-100);
}

.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):not(.p-highlight-contextmenu):hover {
    cursor: pointer;
    background-color: var(--bricks-colors-grayscale-400);
    color: var(--bricks-colors-grayscale-1000);
}

.p-datatable .p-column-resizer-helper {
    background-color: var(--bricks-colors-primary-700);
}

.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
    background-color: var(--bricks-colors-grayscale-300);
}

@media screen and (max-width: 40em) {
    .p-datatable.p-datatable-responsive .p-paginator-top {
        border-bottom: 1px solid var(--bricks-colors-grayscale-600);
    }

    .p-datatable.p-datatable-responsive .p-paginator-bottom {
        border-top: 1px solid var(--bricks-colors-grayscale-600);
    }

    .p-datatable.p-datatable-responsive .p-datatable-tbody>tr>td {
        border: 0 none;
    }
}

.p-datagrid .p-datagrid-header {
    background-color: var(--bricks-colors-grayscale-300);
    color: var(--bricks-colors-grayscale-1000);
    border: 1px solid var(--bricks-colors-grayscale-600);
    padding: 0.571em 1em;
    font-weight: 700;
    border-bottom: 0 none;
}

.p-datagrid .p-datagrid-content {
    padding: 0.571em 1em;
    border: 1px solid var(--bricks-colors-grayscale-600);
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    padding: 0.571em 1em;
}

.p-datagrid .p-datagrid-footer {
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    border: 1px solid var(--bricks-colors-grayscale-600);
    padding: 0.571em 1em;
    border-top: 0 none;
}

.p-datalist .p-datalist-header {
    background-color: var(--bricks-colors-grayscale-300);
    color: var(--bricks-colors-grayscale-1000);
    border: 1px solid var(--bricks-colors-grayscale-600);
    padding: 0.571em 1em;
    font-weight: 700;
    border-bottom: 0 none;
}

.p-datalist .p-datalist-content {
    padding: 0.571em 1em;
    border: 1px solid var(--bricks-colors-grayscale-600);
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    padding: 0.571em 1em;
}

.p-datalist .p-datalist-footer {
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    border: 1px solid var(--bricks-colors-grayscale-600);
    padding: 0.571em 1em;
    border-top: 0 none;
}

.p-datascroller .p-datascroller-header {
    background-color: var(--bricks-colors-grayscale-300);
    color: var(--bricks-colors-grayscale-1000);
    border: 1px solid var(--bricks-colors-grayscale-600);
    padding: 0.571em 1em;
    font-weight: 700;
    border-bottom: 0 none;
}

.p-datascroller .p-datascroller-content {
    padding: 0.571em 1em;
    border: 1px solid var(--bricks-colors-grayscale-600);
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    padding: 0.571em 1em;
}

.p-datascroller .p-datascroller-footer {
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    border: 1px solid var(--bricks-colors-grayscale-600);
    padding: 0.571em 1em;
    border-top: 0 none;
}

.p-dataview .p-dataview-header {
    background-color: var(--bricks-colors-grayscale-300);
    color: var(--bricks-colors-grayscale-1000);
    border: 1px solid var(--bricks-colors-grayscale-600);
    padding: 0.571em 1em;
    font-weight: 700;
    border-bottom: 0 none;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.p-dataview .p-dataview-content {
    padding: 0.571em 1em;
    border: 1px solid var(--bricks-colors-grayscale-600);
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    padding: 0.571em 1em;
}

.p-dataview .p-dataview-footer {
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    border: 1px solid var(--bricks-colors-grayscale-600);
    padding: 0.571em 1em;
    border-top: 0 none;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.fc th {
    background-color: var(--bricks-colors-grayscale-300);
    border: 1px solid var(--bricks-colors-grayscale-600);
    color: var(--bricks-colors-grayscale-1000);
    padding: 0.571em 1em;
}

.fc td.ui-widget-content {
    background-color: var(--bricks-colors-grayscale-100);
    border: 1px solid var(--bricks-colors-grayscale-600);
    color: var(--bricks-colors-grayscale-1000);
}

.fc td.fc-head-container {
    border: 1px solid var(--bricks-colors-grayscale-600);
}

.fc .fc-row {
    border-right: 1px solid var(--bricks-colors-grayscale-600);
}

.fc .fc-event {
    background-color: var(--bricks-colors-secondary-700);
    border: 1px solid var(--bricks-colors-secondary-700);
    color: var(--bricks-colors-grayscale-100);
}

.fc .fc-toolbar .fc-button {
    color: var(--bricks-colors-grayscale-100);
    background-color: var(--bricks-colors-primary-700);
    border: 1px solid var(--bricks-colors-primary-700);
    font-size: 14px;
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.fc .fc-toolbar .fc-button:enabled:hover {
    background-color: var(--bricks-colors-secondary-700);
    color: var(--bricks-colors-grayscale-100);
    border-color: var(--bricks-colors-secondary-700);
}

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

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

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

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

.fc .fc-toolbar .fc-button:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.fc .fc-toolbar .fc-button-group .fc-button {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.fc .fc-toolbar .fc-button-group .fc-button:first-child {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.fc .fc-toolbar .fc-button-group .fc-button:last-child {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.fc .fc-divider {
    background-color: var(--bricks-colors-grayscale-300);
    border: 1px solid var(--bricks-colors-grayscale-600);
}

.p-fluid .fc .fc-toolbar .ui-button {
    width: auto;
}

.p-picklist .p-picklist-buttons button {
    font-size: 16px;
}

.p-picklist .p-picklist-caption {
    background-color: var(--bricks-colors-grayscale-300);
    color: var(--bricks-colors-grayscale-1000);
    border: 1px solid var(--bricks-colors-grayscale-600);
    padding: 0.571em 1em;
    font-weight: 700;
    border-bottom: 0 none;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.p-picklist .p-picklist-filter-container {
    padding: 0.429em 0.857em 0.429em 0.857em;
    border: 1px solid var(--bricks-colors-grayscale-600);
    color: var(--bricks-colors-grayscale-1000);
    background-color: var(--bricks-colors-grayscale-100);
    margin: 0;
    border-bottom: 0 none;
}

.p-picklist .p-picklist-filter-container input {
    width: 100%;
    padding-right: 2em;
    text-indent: 0;
}

.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
    top: 50%;
    margin-top: -0.5em;
    left: auto;
    right: 1.357em;
    color: var(--bricks-colors-primary-700);
}

.p-picklist .p-picklist-buttons {
    padding: 0.571em 1em;
}

.p-picklist .p-picklist-list {
    border: 1px solid var(--bricks-colors-grayscale-600);
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    padding: 0;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.p-picklist .p-picklist-list .p-picklist-item {
    padding: 0.429em 0.857em;
    margin: 0;
    border: 0 none;
    color: var(--bricks-colors-grayscale-1000);
    background-color: transparent;
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
}

.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
    background-color: var(--bricks-colors-grayscale-400);
    color: var(--bricks-colors-grayscale-1000);
}

.p-picklist .p-picklist-list .p-picklist-item:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: inset 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: inset 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: inset 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
    background-color: var(--bricks-colors-primary-700);
    color: var(--bricks-colors-grayscale-100);
}

.p-picklist .p-picklist-list .p-picklist-droppoint-highlight {
    background-color: var(--bricks-colors-primary-700);
}

@media (max-width: 40em) {
    .p-picklist.p-picklist-responsive .p-picklist-buttons {
        padding: 0.571em 1em;
    }
}

.p-orderlist .p-orderlist-controls {
    padding: 0.571em 1em;
}

.p-orderlist .p-orderlist-controls button {
    font-size: 16px;
}

.p-orderlist .p-orderlist-caption {
    background-color: var(--bricks-colors-grayscale-300);
    color: var(--bricks-colors-grayscale-1000);
    border: 1px solid var(--bricks-colors-grayscale-600);
    padding: 0.571em 1em;
    font-weight: 700;
    border-bottom: 0 none;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.p-orderlist .p-orderlist-filter-container {
    padding: 0.429em 0.857em 0.429em 0.857em;
    border: 1px solid var(--bricks-colors-grayscale-600);
    color: var(--bricks-colors-grayscale-1000);
    background-color: var(--bricks-colors-grayscale-100);
    margin: 0;
    border-bottom: 0 none;
}

.p-orderlist .p-orderlist-filter-container input {
    width: 100%;
    padding-right: 2em;
    text-indent: 0;
}

.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
    top: 50%;
    margin-top: -0.5em;
    left: auto;
    right: 1.357em;
    color: var(--bricks-colors-primary-700);
}

.p-orderlist .p-orderlist-list {
    border: 1px solid var(--bricks-colors-grayscale-600);
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    padding: 0;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.p-orderlist .p-orderlist-list .p-orderlist-item {
    padding: 0.429em 0.857em;
    margin: 0;
    border: 0 none;
    color: var(--bricks-colors-grayscale-1000);
    background-color: transparent;
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
}

.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
    background-color: var(--bricks-colors-grayscale-400);
    color: var(--bricks-colors-grayscale-1000);
}

.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: inset 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: inset 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: inset 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
    background-color: var(--bricks-colors-primary-700);
    color: var(--bricks-colors-grayscale-100);
}

.p-orderlist .p-orderlist-list .p-orderlist-droppoint-highlight {
    background-color: var(--bricks-colors-primary-700);
}

.p-tree {
    border: 1px solid var(--bricks-colors-grayscale-600);
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    padding: 0.571em 1em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-tree .p-tree-container {
    padding: 0.286em;
    margin: 0;
}

.p-tree .p-tree-container .p-treenode {
    padding: 0.143em 0;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content {
    padding: 0;
    border: 1px solid transparent;
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
    vertical-align: middle;
    display: inline-block;
    float: none;
    margin: 0 0.286em 0 0;
    color: var(--bricks-colors-grayscale-700);
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler .p-tree-toggler-icon {
    line-height: 1.25em;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
    vertical-align: middle;
    display: inline-block;
    margin: 0 0.286em 0 0;
    color: var(--bricks-colors-grayscale-700);
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-label {
    margin: 0;
    vertical-align: middle;
    display: inline-block;
    padding: 0.286em 0;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
    margin: 0 0.286em 0 0;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
    background-color: var(--bricks-colors-primary-700);
    color: var(--bricks-colors-grayscale-100);
}

.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: var(--bricks-colors-grayscale-100);
}

.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-checkbox .p-checkbox-box {
    border-color: var(--bricks-colors-grayscale-100);
}

.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight-contextmenu {
    border: 1px dashed var(--bricks-colors-primary-700);
}

.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):not(.p-disabled):hover {
    background-color: var(--bricks-colors-grayscale-400);
    color: var(--bricks-colors-grayscale-1000);
}

.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):not(.p-disabled):hover .p-treenode-icon {
    color: var(--bricks-colors-grayscale-1000);
}

.p-tree .p-tree-container .p-treenode .p-treenode-content>span {
    line-height: inherit;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
    background-color: var(--bricks-colors-grayscale-400);
    color: var(--bricks-colors-grayscale-1000);
}

.p-tree .p-tree-container .p-treenode-droppoint.p-treenode-droppoint-active {
    background-color: var(--bricks-colors-primary-700);
}

.p-tree.p-tree-horizontal {
    padding-left: 0;
    padding-right: 0;
}

.p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
    border: 1px solid var(--bricks-colors-grayscale-600);
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    padding: 0.571em 1em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
    background-color: var(--bricks-colors-primary-700);
    color: var(--bricks-colors-grayscale-100);
}

.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox .p-icon {
    color: var(--bricks-colors-primary-700);
}

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

.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):not(.p-disabled):hover {
    background-color: var(--bricks-colors-grayscale-400);
    color: var(--bricks-colors-grayscale-1000);
}

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

.p-tree .p-tree-filter-container .p-tree-filter-icon {
    top: 50%;
    left: auto;
    margin-top: -0.5em;
    right: 0.8em;
    color: var(--bricks-colors-primary-700);
}

.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
    background-color: var(--bricks-colors-grayscale-400);
    color: var(--bricks-colors-grayscale-1000);
}

.p-organizationchart .p-organizationchart-node-content.p-highlight {
    background-color: var(--bricks-colors-primary-700);
    color: var(--bricks-colors-grayscale-100);
}

.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
    color: var(--bricks-colors-primary-700);
}

.p-organizationchart .p-organizationchart-line-down {
    background-color: var(--bricks-colors-grayscale-600);
}

.p-organizationchart .p-organizationchart-line-left {
    border-right: 1px solid var(--bricks-colors-grayscale-600);
    border-color: var(--bricks-colors-grayscale-600);
}

.p-organizationchart .p-organizationchart-line-top {
    border-top: 1px solid var(--bricks-colors-grayscale-600);
    border-color: var(--bricks-colors-grayscale-600);
}

.p-organizationchart .p-organizationchart-node-content {
    border: 1px solid var(--bricks-colors-grayscale-600);
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    padding: 0.571em 1em;
}

.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
    bottom: -0.7em;
    margin-left: -0.46em;
    color: var(--bricks-colors-grayscale-700);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: box-shadow 0.2s;
    -o-transition: box-shadow 0.2s;
    -webkit-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-treetable .p-treetable-header,
.p-treetable .p-treetable-footer {
    background-color: var(--bricks-colors-grayscale-300);
    color: var(--bricks-colors-grayscale-1000);
    border: 1px solid var(--bricks-colors-grayscale-600);
    padding: 0.571em 1em;
    text-align: center;
}

.p-treetable .p-treetable-header {
    border-bottom: 0 none;
    font-weight: 700;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.p-treetable .p-treetable-footer {
    border-top: 0 none;
    font-weight: 700;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.p-treetable .p-treetable-thead>tr>th {
    padding: 0.571em 0.857em;
    border: 1px solid var(--bricks-colors-grayscale-600);
    font-weight: 700;
    color: var(--bricks-colors-grayscale-1000);
    background-color: var(--bricks-colors-grayscale-300);
    text-align: center;
}

.p-treetable .p-treetable-tfoot>tr>td {
    padding: 0.571em 0.857em;
    border: 1px solid var(--bricks-colors-grayscale-600);
    font-weight: 700;
    color: var(--bricks-colors-grayscale-1000);
    background-color: var(--bricks-colors-grayscale-300);
    text-align: center;
}

.p-treetable .p-sortable-column {
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
}

.p-treetable .p-sortable-column .p-sortable-column-icon {
    color: var(--bricks-colors-grayscale-700);
}

.p-treetable .p-sortable-column .p-sortable-column-badge {
    border-radius: 50%;
    height: 18px;
    min-width: 18px;
    line-height: 18px;
    display: inline-block;
    color: var(--bricks-colors-primary-700);
    background-color: var(--bricks-colors-grayscale-100);
}

.p-treetable .p-sortable-column:not(.p-highlight):hover {
    background-color: var(--bricks-colors-grayscale-400);
    color: var(--bricks-colors-grayscale-1000);
}

.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
    color: var(--bricks-colors-grayscale-1000);
}

.p-treetable .p-sortable-column:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: inset 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: inset 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: inset 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-treetable .p-sortable-column.p-highlight {
    background-color: var(--bricks-colors-primary-700);
    color: var(--bricks-colors-grayscale-100);
}

.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: var(--bricks-colors-grayscale-100);
}

.p-treetable .p-editable-column input {
    font-size: 14px;
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
}

.p-treetable .p-treetable-tbody>tr {
    background: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.p-treetable .p-treetable-tbody>tr>td {
    background: inherit;
    border: 1px solid var(--bricks-colors-grayscale-600);
    padding: 0.429em 0.857em;
}

.p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler {
    color: var(--bricks-colors-grayscale-700);
    vertical-align: middle;
}

.p-treetable .p-treetable-tbody>tr.p-highlight {
    background-color: var(--bricks-colors-primary-700);
    color: var(--bricks-colors-grayscale-100);
}

.p-treetable .p-treetable-tbody>tr.p-highlight .p-treetable-toggler {
    color: var(--bricks-colors-grayscale-100);
}

.p-treetable .p-treetable-tbody>tr.p-highlight-contextmenu {
    background-color: var(--bricks-colors-primary-500);
    color: var(--bricks-colors-grayscale-100);
}

.p-treetable .p-treetable-tbody>tr.p-highlight-contextmenu .p-treetable-toggler {
    color: var(--bricks-colors-grayscale-100);
}

.p-treetable .p-treetable-tbody>tr:focus {
    outline: none;
}

.p-treetable .p-treetable-tbody>tr:focus+tr>td {
    box-shadow: 0 -0.2em 0 0 var(--bricks-colors-primary-300);
}

.p-treetable .p-treetable-tbody>tr:focus>td {
    box-shadow: 0 -0.2em 0 0 var(--bricks-colors-primary-300), 0 0.2em 0 0 var(--bricks-colors-primary-300);
}

.p-treetable .p-treetable-tbody>tr:focus>td:first-child {
    box-shadow: 0 -0.2em 0 0 var(--bricks-colors-primary-300), 0 0.2em 0 0 var(--bricks-colors-primary-300), -0.1em -0.1em 0 0.1em var(--bricks-colors-primary-300);
}

.p-treetable .p-treetable-tbody>tr:focus>td:last-child {
    box-shadow: 0 -0.2em 0 0 var(--bricks-colors-primary-300), 0 0.2em 0 0 var(--bricks-colors-primary-300), 0.1em -0.1em 0 0.1em var(--bricks-colors-primary-300);
}

.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):not(.p-highlight-contextmenu):hover {
    cursor: pointer;
    background-color: var(--bricks-colors-grayscale-400);
    color: var(--bricks-colors-grayscale-1000);
}

.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):not(.p-highlight-contextmenu):hover .p-treetable-toggler {
    color: var(--bricks-colors-grayscale-1000);
}

.p-treetable .p-column-resizer-helper {
    background-color: var(--bricks-colors-primary-700);
}

.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
    background-color: var(--bricks-colors-grayscale-300);
}

.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
    background-color: var(--bricks-colors-grayscale-100);
    border: solid 1px rgba(178, 193, 205, 0.64);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0.2em;
    color: var(--bricks-colors-grayscale-1000);
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-primary-700);
    border-color: solid 1px rgba(178, 193, 205, 0.64);
}

.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon {
    width: 20px;
    height: 6px;
    background-color: var(--bricks-colors-primary-300);
    margin: 0 0.2em;
}

.p-carousel .p-carousel-dots-container .p-carousel-dot-item .p-carousel-dot-icon::before {
    content: " ";
}

.p-carousel .p-carousel-dots-container .p-carousel-dot-item.p-highlight .p-carousel-dot-icon {
    background-color: var(--bricks-colors-primary-700);
}

.p-messages {
    margin: 1em 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-messages .p-messages-wrapper {
    padding: 1em;
}

.p-messages.p-messages-info {
    background-color: rgba(var(--bricks-colors-state-info-500-rgb), 0.5);
    border: 0 none;
    color: var(--bricks-colors-grayscale-1100);
}

.p-messages.p-messages-info .p-messages-icon {
    color: var(--bricks-colors-grayscale-1100);
}

.p-messages.p-messages-info .p-messages-close {
    background-color: rgba(var(--bricks-colors-state-info-500-rgb), 0.5);
    color: var(--bricks-colors-grayscale-1100);
}

.p-messages.p-messages-success {
    background-color: rgba(var(--bricks-colors-state-success-500-rgb), 0.5);
    border: 0 none;
    color: var(--bricks-colors-grayscale-1100);
}

.p-messages.p-messages-success .p-messages-icon {
    color: var(--bricks-colors-grayscale-1100);
}

.p-messages.p-messages-success .p-messages-close {
    background-color: rgba(var(--bricks-colors-state-success-500-rgb), 0.5);
    color: var(--bricks-colors-grayscale-1100);
}

.p-messages.p-messages-warn {
    background-color: rgba(var(--bricks-colors-state-warning-500-rgb), 0.5);
    border: 0 none;
    color: var(--bricks-colors-grayscale-1100);
}

.p-messages.p-messages-warn .p-messages-icon {
    color: var(--bricks-colors-grayscale-1100);
}

.p-messages.p-messages-warn .p-messages-close {
    background-color: rgba(var(--bricks-colors-state-warning-500-rgb), 0.5);
    color: var(--bricks-colors-grayscale-1100);
}

.p-messages.p-messages-error {
    background-color: rgba(var(--bricks-colors-state-error-500-rgb), 0.5);
    border: 0 none;
    color: var(--bricks-colors-grayscale-1100);
}

.p-messages.p-messages-error .p-messages-icon {
    color: var(--bricks-colors-grayscale-1100);
}

.p-messages.p-messages-error .p-messages-close {
    background-color: rgba(var(--bricks-colors-state-error-500-rgb), 0.5);
    color: var(--bricks-colors-grayscale-1100);
}

.p-messages .p-messages-close {
    top: -0.769em;
    right: -0.769em;
    width: 1.538em;
    height: 1.538em;
    line-height: 1.538em;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: box-shadow 0.2s;
    -o-transition: box-shadow 0.2s;
    -webkit-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

.p-messages .p-messages-close .p-messages-close-icon {
    line-height: inherit;
    font-size: 1.5em;
}

.p-messages .p-messages-close:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-messages .p-messages-icon {
    font-size: 2em;
}

.p-message {
    padding: 0.429em;
    margin: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-message.p-message-info {
    background-color: rgba(var(--bricks-colors-state-info-500-rgb), 0.5);
    border: 0 none;
    color: var(--bricks-colors-grayscale-1100);
}

.p-message.p-message-info .p-message-icon {
    color: var(--bricks-colors-grayscale-1100);
}

.p-message.p-message-success {
    background-color: rgba(var(--bricks-colors-state-success-500-rgb), 0.5);
    border: 0 none;
    color: var(--bricks-colors-grayscale-1100);
}

.p-message.p-message-success .p-message-icon {
    color: var(--bricks-colors-grayscale-1100);
}

.p-message.p-message-warn {
    background-color: rgba(var(--bricks-colors-state-warning-500-rgb), 0.5);
    border: 0 none;
    color: var(--bricks-colors-grayscale-1100);
}

.p-message.p-message-warn .p-message-icon {
    color: var(--bricks-colors-grayscale-1100);
}

.p-message.p-message-error {
    background-color: rgba(var(--bricks-colors-state-error-500-rgb), 0.5);
    border: 0 none;
    color: var(--bricks-colors-grayscale-1100);
}

.p-message.p-message-error .p-message-icon {
    color: var(--bricks-colors-grayscale-1100);
}

.p-message .p-message-icon {
    font-size: 1.25em;
}

.p-message .p-message-text {
    font-size: 1em;
}

.p-growl {
    top: 70px;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.p-growl .p-growl-item-container {
    margin: 0 0 1em 0;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.p-growl .p-growl-item-container .p-growl-item {
    padding: 1em;
}

.p-growl .p-growl-item-container .p-growl-item .p-growl-image {
    font-size: 2.571em;
}

.p-growl .p-growl-item-container.p-growl-message-info {
    background-color: rgba(var(--bricks-colors-state-info-500-rgb), 0.5);
    border: 0 none;
    color: var(--bricks-colors-grayscale-1100);
}

.p-growl .p-growl-item-container.p-growl-message-info .p-growl-image,
.p-growl .p-growl-item-container.p-growl-message-info .p-growl-icon-close {
    color: var(--bricks-colors-grayscale-1100);
}

.p-growl .p-growl-item-container.p-growl-message-success {
    background-color: rgba(var(--bricks-colors-state-success-500-rgb), 0.5);
    border: 0 none;
    color: var(--bricks-colors-grayscale-1100);
}

.p-growl .p-growl-item-container.p-growl-message-success .p-growl-image,
.p-growl .p-growl-item-container.p-growl-message-success .p-growl-icon-close {
    color: var(--bricks-colors-grayscale-1100);
}

.p-growl .p-growl-item-container.p-growl-message-warn {
    background-color: rgba(var(--bricks-colors-state-warning-500-rgb), 0.5);
    border: 0 none;
    color: var(--bricks-colors-grayscale-1100);
}

.p-growl .p-growl-item-container.p-growl-message-warn .p-growl-image,
.p-growl .p-growl-item-container.p-growl-message-warn .p-growl-icon-close {
    color: var(--bricks-colors-grayscale-1100);
}

.p-growl .p-growl-item-container.p-growl-message-error {
    background-color: rgba(var(--bricks-colors-state-error-500-rgb), 0.5);
    border: 0 none;
    color: var(--bricks-colors-grayscale-1100);
}

.p-growl .p-growl-item-container.p-growl-message-error .p-growl-image,
.p-growl .p-growl-item-container.p-growl-message-error .p-growl-icon-close {
    color: var(--bricks-colors-grayscale-1100);
}

.p-toast {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.p-toast .p-toast-item-container {
    margin: 0 0 1em 0;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.p-toast .p-toast-item-container .p-toast-item {
    padding: 1em;
}

.p-toast .p-toast-item-container .p-toast-item .p-toast-message {
    margin: 0 0 0 4em;
}

.p-toast .p-toast-item-container .p-toast-item .p-toast-image {
    font-size: 2.571em;
}

.p-toast .p-toast-item-container.p-toast-message-info {
    background-color: rgba(var(--bricks-colors-state-info-500-rgb), 0.5);
    border: 0 none;
    color: var(--bricks-colors-grayscale-1100);
}

.p-toast .p-toast-item-container.p-toast-message-info .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-info .p-toast-icon-close {
    color: var(--bricks-colors-grayscale-1100);
}

.p-toast .p-toast-item-container.p-toast-message-success {
    background-color: rgba(var(--bricks-colors-state-swuccess-500-rgb), 0.5);
    border: 0 none;
    color: var(--bricks-colors-grayscale-1100);
}

.p-toast .p-toast-item-container.p-toast-message-success .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-success .p-toast-icon-close {
    color: var(--bricks-colors-grayscale-1100);
}

.p-toast .p-toast-item-container.p-toast-message-warn {
    background-color: rgba(var(--bricks-colors-state-warning-500-rgb), 0.5);
    border: 0 none;
    color: var(--bricks-colors-grayscale-1100);
}

.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-warn .p-toast-icon-close {
    color: var(--bricks-colors-grayscale-1100);
}

.p-toast .p-toast-item-container.p-toast-message-error {
    background-color: rgba(var(--bricks-colors-state-error-500-rgb), 0.5);
    border: 0 none;
    color: var(--bricks-colors-grayscale-1100);
}

.p-toast .p-toast-item-container.p-toast-message-error .p-toast-image,
.p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close {
    color: var(--bricks-colors-grayscale-1100);
}

.p-component-overlay {
    background-color: rgba(0, 0, 0, 0.4);
}

.p-overlaypanel {
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    padding: 0;
    border: 1px solid var(--bricks-colors-grayscale-600);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}

.p-overlaypanel .p-overlaypanel-content {
    padding: 1em;
}

.p-overlaypanel .p-overlaypanel-close {
    background-color: var(--bricks-colors-primary-700);
    color: var(--bricks-colors-grayscale-100);
    width: 1.538em;
    height: 1.538em;
    line-height: 1.538em;
    text-align: center;
    position: absolute;
    top: -0.769em;
    right: -0.769em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
}

.p-overlaypanel .p-overlaypanel-close:hover {
    background-color: var(--bricks-colors-primary-700)99;
    color: var(--bricks-colors-grayscale-100);
}

.p-overlaypanel .p-overlaypanel-close>span {
    line-height: inherit;
}

.p-overlaypanel:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: var(--bricks-colors-grayscale-100);
}

.p-overlaypanel:before {
    border-color: rgba(200, 200, 200, 0);
    border-bottom-color: var(--bricks-colors-grayscale-600);
}

.p-overlaypanel.p-overlaypanel-flipped:after {
    border-top-color: var(--bricks-colors-grayscale-100);
}

.p-overlaypanel.p-overlaypanel-flipped:before {
    border-top-color: var(--bricks-colors-grayscale-600);
}

.p-dialog {
    padding: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}

.p-dialog .p-dialog-titlebar {
    border: none;
    background-color: var(--bricks-colors-grayscale-300);
    color: var(--bricks-colors-grayscale-1000);
    padding: 1em;
    font-weight: 700;
    border-bottom: 0 none;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.p-dialog .p-dialog-titlebar .p-dialog-title {
    margin: 0;
    float: none;
    font-weight: 700;
}

.p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
    color: var(--bricks-colors-grayscale-700);
    border: 0 none;
    padding: 0;
    margin-left: 0.5em;
    -moz-transition: color 0.2s, box-shadow 0.2s;
    -o-transition: color 0.2s, box-shadow 0.2s;
    -webkit-transition: color 0.2s, box-shadow 0.2s;
    transition: color 0.2s, box-shadow 0.2s;
}

.p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover {
    color: var(--bricks-colors-grayscale-1000);
}

.p-dialog .p-dialog-content {
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    border: 1px solid var(--bricks-colors-grayscale-600);
    padding: 1em;
    display: flex;
    flex-direction: column;
}

.p-dialog .p-dialog-footer {
    border: 1px solid var(--bricks-colors-grayscale-600);
    border-top: 0 none;
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    padding: 0.571em 1em;
    margin: 0;
    text-align: right;
}

.p-dialog .p-dialog-footer button {
    margin: 0 0.5em 0 0;
    width: auto;
}

.p-dialog.p-confirm-dialog .p-dialog-content {
    padding: 1.5em;
}

.p-dialog.p-confirm-dialog .p-dialog-content>span {
    float: none;
    display: inline-block;
    vertical-align: middle;
    line-height: 14px;
    margin: 0;
}

.p-dialog.p-confirm-dialog .p-dialog-content>span.p-icon {
    margin-right: 0.35em;
    font-size: 16px;
}

.p-sidebar {
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    padding: 0.571em 1em;
    border: 1px solid var(--bricks-colors-grayscale-600);
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}

.p-sidebar .p-sidebar-close {
    color: var(--bricks-colors-grayscale-700);
    line-height: 1;
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
}

.p-sidebar .p-sidebar-close:hover {
    color: var(--bricks-colors-grayscale-1000);
}

.p-tooltip .p-tooltip-text {
    background-color: var(--bricks-colors-grayscale-1000);
    color: var(--bricks-colors-grayscale-100);
    padding: 0.429em;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-tooltip.p-tooltip-right .p-tooltip-arrow {
    border-right-color: var(--bricks-colors-grayscale-1000);
}

.p-tooltip.p-tooltip-left .p-tooltip-arrow {
    border-left-color: var(--bricks-colors-grayscale-1000);
}

.p-tooltip.p-tooltip-top .p-tooltip-arrow {
    border-top-color: var(--bricks-colors-grayscale-1000);
}

.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
    border-bottom-color: var(--bricks-colors-grayscale-1000);
}

.p-lightbox {
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}

.p-lightbox .p-lightbox-caption {
    border: 1px solid var(--bricks-colors-grayscale-600);
    background-color: var(--bricks-colors-grayscale-300);
    color: var(--bricks-colors-grayscale-1000);
    padding: 0.571em 1em;
    font-weight: 700;
}

.p-lightbox .p-lightbox-caption .p-lightbox-caption-text {
    color: var(--bricks-colors-grayscale-1000);
    margin: 0;
}

.p-lightbox .p-lightbox-caption .p-lightbox-close {
    padding: 0;
    color: var(--bricks-colors-grayscale-700);
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.p-lightbox .p-lightbox-caption .p-lightbox-close:hover {
    color: var(--bricks-colors-grayscale-1000);
}

.p-lightbox .p-lightbox-content-wrapper {
    overflow: hidden;
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    border: 0 none;
    padding: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.p-lightbox .p-lightbox-content-wrapper .p-lightbox-nav-left,
.p-lightbox .p-lightbox-content-wrapper .p-lightbox-nav-right {
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 3em;
    color: var(--bricks-colors-grayscale-100);
    margin-top: -0.5em;
}

.p-lightbox .p-lightbox-content-wrapper .p-lightbox-nav-left:hover,
.p-lightbox .p-lightbox-content-wrapper .p-lightbox-nav-right:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.p-lightbox .p-lightbox-content-wrapper .p-lightbox-content.p-lightbox-loading~a {
    display: none;
}

.p-breadcrumb {
    background-color: var(--bricks-colors-grayscale-100);
    border: 1px solid var(--bricks-colors-grayscale-600);
    padding: 0.571em 1em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-breadcrumb ul li .p-menuitem-link {
    color: var(--bricks-colors-grayscale-1000);
    margin: 0;
    -moz-transition: box-shadow 0.2s;
    -o-transition: box-shadow 0.2s;
    -webkit-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-breadcrumb ul li .p-menuitem-link:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-breadcrumb ul li.p-breadcrumb-chevron {
    margin: 0 0.5em 0 0.5em;
    color: var(--bricks-colors-grayscale-700);
}

.p-breadcrumb ul li:first-child a {
    color: var(--bricks-colors-grayscale-700);
    margin: 0;
}

.p-breadcrumb ul li .p-menuitem-icon {
    color: var(--bricks-colors-grayscale-700);
}

.p-steps {
    position: relative;
}

.p-steps .p-steps-item {
    background-color: transparent;
}

.p-steps .p-steps-item .p-menuitem-link {
    background-color: transparent;
    overflow: hidden;
    -moz-transition: box-shadow 0.2s;
    -o-transition: box-shadow 0.2s;
    -webkit-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    color: var(--bricks-colors-grayscale-1000);
    background-color: var(--bricks-colors-grayscale-100);
    border: 1px solid var(--bricks-colors-grayscale-600);
    min-width: 28px;
    height: 28px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
    display: block;
    margin-top: 6px;
    color: var(--bricks-colors-grayscale-700);
}

.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-steps .p-steps-item.p-highlight .p-steps-number {
    background: var(--bricks-colors-primary-700);
    color: var(--bricks-colors-grayscale-100);
}

.p-steps .p-steps-item.p-highlight .p-steps-title {
    font-weight: 700;
    color: var(--bricks-colors-grayscale-1000);
}

.p-steps .p-steps-item:before {
    content: " ";
    border-top: 1px solid var(--bricks-colors-grayscale-600);
    width: 100%;
    top: 50%;
    left: 0;
    display: block;
    position: absolute;
    margin-top: -14px;
}

.p-menu .p-menuitem-link,
.p-menubar .p-menuitem-link,
.p-tieredmenu .p-menuitem-link,
.p-contextmenu .p-menuitem-link,
.p-megamenu .p-menuitem-link,
.p-slidemenu .p-menuitem-link {
    padding: 0.714em 0.857em;
    color: var(--bricks-colors-grayscale-1000);
    font-weight: normal;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
}

.p-menu .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menuitem-link .p-menuitem-text,
.p-tieredmenu .p-menuitem-link .p-menuitem-text,
.p-contextmenu .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-menuitem-link .p-menuitem-text,
.p-slidemenu .p-menuitem-link .p-menuitem-text {
    color: var(--bricks-colors-grayscale-1000);
}

.p-menu .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menuitem-link .p-menuitem-icon,
.p-tieredmenu .p-menuitem-link .p-menuitem-icon,
.p-contextmenu .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-menuitem-link .p-menuitem-icon,
.p-slidemenu .p-menuitem-link .p-menuitem-icon {
    color: var(--bricks-colors-grayscale-1000);
    margin-right: 0.5em;
}

.p-menu .p-menuitem-link:hover,
.p-menubar .p-menuitem-link:hover,
.p-tieredmenu .p-menuitem-link:hover,
.p-contextmenu .p-menuitem-link:hover,
.p-megamenu .p-menuitem-link:hover,
.p-slidemenu .p-menuitem-link:hover {
    background-color: var(--bricks-colors-grayscale-400);
}

.p-menu .p-menuitem-link:hover .p-menuitem-text,
.p-menubar .p-menuitem-link:hover .p-menuitem-text,
.p-tieredmenu .p-menuitem-link:hover .p-menuitem-text,
.p-contextmenu .p-menuitem-link:hover .p-menuitem-text,
.p-megamenu .p-menuitem-link:hover .p-menuitem-text,
.p-slidemenu .p-menuitem-link:hover .p-menuitem-text {
    color: var(--bricks-colors-grayscale-1000);
}

.p-menu .p-menuitem-link:hover .p-menuitem-icon,
.p-menubar .p-menuitem-link:hover .p-menuitem-icon,
.p-tieredmenu .p-menuitem-link:hover .p-menuitem-icon,
.p-contextmenu .p-menuitem-link:hover .p-menuitem-icon,
.p-megamenu .p-menuitem-link:hover .p-menuitem-icon,
.p-slidemenu .p-menuitem-link:hover .p-menuitem-icon {
    color: var(--bricks-colors-grayscale-1000);
}

.p-menu .p-menuitem-link:focus,
.p-menubar .p-menuitem-link:focus,
.p-tieredmenu .p-menuitem-link:focus,
.p-contextmenu .p-menuitem-link:focus,
.p-megamenu .p-menuitem-link:focus,
.p-slidemenu .p-menuitem-link:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: inset 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: inset 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: inset 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-menu {
    padding: 0;
    background-color: var(--bricks-colors-grayscale-100);
    border: 1px solid var(--bricks-colors-grayscale-600);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-menu .p-menuitem {
    margin: 0;
}

.p-menu.p-menu-overlay {
    border: 1px solid var(--bricks-colors-grayscale-600);
    -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

.p-menu .p-submenu-header {
    margin: 0;
    padding: 0.714em 0.857em;
    color: var(--bricks-colors-grayscale-1000);
    background-color: var(--bricks-colors-grayscale-300);
    font-weight: 700;
    border: 0 none;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.p-menu .p-menu-separator {
    border: 1px solid var(--bricks-colors-grayscale-600);
    border-width: 1px 0 0 0;
}

.p-menubar {
    padding: 0;
    background-color: var(--bricks-colors-grayscale-100);
    border: 1px solid var(--bricks-colors-grayscale-600);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link {
    padding: 0.714em 0.857em;
}

.p-menubar .p-submenu-list {
    padding: 0;
    background-color: var(--bricks-colors-grayscale-100);
    border: 1px solid var(--bricks-colors-grayscale-600);
    -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

.p-menubar .p-submenu-list .p-menuitem {
    margin: 0;
}

.p-menubar .p-submenu-list .p-menu-separator {
    border: 1px solid var(--bricks-colors-grayscale-600);
    border-width: 1px 0 0 0;
}

.p-menubar .p-menuitem {
    margin: 0;
}

.p-menubar .p-menuitem.p-menuitem-active>.p-menuitem-link {
    background-color: var(--bricks-colors-grayscale-400);
}

.p-menubar .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-text {
    color: var(--bricks-colors-grayscale-1000);
}

.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: var(--bricks-colors-grayscale-1000);
}

.p-contextmenu {
    padding: 0;
    background-color: var(--bricks-colors-grayscale-100);
    border: 1px solid var(--bricks-colors-grayscale-600);
    -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-contextmenu .p-submenu-list {
    padding: 0;
    background-color: var(--bricks-colors-grayscale-100);
    border: 1px solid var(--bricks-colors-grayscale-600);
    -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

.p-contextmenu .p-menuitem {
    margin: 0;
}

.p-contextmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
    right: 0.429em;
}

.p-contextmenu .p-menuitem.p-menuitem-active>.p-menuitem-link {
    background-color: var(--bricks-colors-grayscale-400);
}

.p-contextmenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-text {
    color: var(--bricks-colors-grayscale-1000);
}

.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: var(--bricks-colors-grayscale-1000);
}

.p-contextmenu .p-menu-separator {
    border: 1px solid var(--bricks-colors-grayscale-600);
    border-width: 1px 0 0 0;
}

.p-tieredmenu {
    padding: 0;
    background-color: var(--bricks-colors-grayscale-100);
    border: 1px solid var(--bricks-colors-grayscale-600);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-tieredmenu .p-submenu-list {
    padding: 0;
    background-color: var(--bricks-colors-grayscale-100);
    border: 1px solid var(--bricks-colors-grayscale-600);
    -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

.p-tieredmenu .p-menuitem {
    margin: 0;
}

.p-tieredmenu .p-menuitem .p-menuitem-link .p-submenu-icon {
    right: 0.429em;
}

.p-tieredmenu .p-menuitem.p-menuitem-active>.p-menuitem-link {
    background-color: var(--bricks-colors-grayscale-400);
}

.p-tieredmenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-text {
    color: var(--bricks-colors-grayscale-1000);
}

.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: var(--bricks-colors-grayscale-1000);
}

.p-tieredmenu .p-menu-separator {
    border: 1px solid var(--bricks-colors-grayscale-600);
    border-width: 1px 0 0 0;
}

.p-tieredmenu.p-menu-overlay {
    border: 1px solid var(--bricks-colors-grayscale-600);
    -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

.p-slidemenu {
    padding: 0;
    background-color: var(--bricks-colors-grayscale-100);
    border: 1px solid var(--bricks-colors-grayscale-600);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-slidemenu .p-submenu-list {
    padding: 0;
    background-color: var(--bricks-colors-grayscale-100);
    border: 0 none;
}

.p-slidemenu .p-menuitem {
    margin: 0;
}

.p-slidemenu .p-menuitem .p-menuitem-link .p-submenu-icon {
    right: 0.429em;
}

.p-slidemenu .p-menuitem.p-menuitem-active>.p-menuitem-link {
    background-color: var(--bricks-colors-grayscale-400);
}

.p-slidemenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-text {
    color: var(--bricks-colors-grayscale-1000);
}

.p-slidemenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-icon,
.p-slidemenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-submenu-icon {
    color: var(--bricks-colors-grayscale-1000);
}

.p-slidemenu .p-slidemenu-backward {
    margin: 0;
    padding: 0.571em 1em;
    color: var(--bricks-colors-grayscale-1000);
    background-color: var(--bricks-colors-grayscale-300);
    font-weight: 700;
    border: 0 none;
}

.p-slidemenu .p-slidemenu-backward:hover {
    background-color: var(--bricks-colors-grayscale-500);
    color: var(--bricks-colors-grayscale-1000);
}

.p-slidemenu .p-menu-separator {
    border: 1px solid var(--bricks-colors-grayscale-600);
    border-width: 1px 0 0 0;
}

.p-slidemenu.p-menu-overlay {
    border: 1px solid var(--bricks-colors-grayscale-600);
    -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

.p-tabmenu {
    border: 0 none;
}

.p-tabmenu .p-tabmenu-nav {
    padding: 0;
    background: transparent;
    border-bottom: 1px solid var(--bricks-colors-grayscale-600);
}

.p-tabmenu .p-tabmenu-nav:after {
    content: "";
    display: table;
    clear: both;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
    margin-bottom: -1px;
    border: 1px solid var(--bricks-colors-grayscale-600);
    background-color: var(--bricks-colors-grayscale-300);
    color: var(--bricks-colors-grayscale-1000);
    padding: 0.571em 1em;
    margin-right: 2px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-text {
    color: var(--bricks-colors-grayscale-1000);
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
    color: var(--bricks-colors-grayscale-700);
    margin-right: 0.5em;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
    background-color: var(--bricks-colors-grayscale-500);
    border: 1px solid var(--bricks-colors-grayscale-500);
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link .p-menuitem-text {
    color: var(--bricks-colors-grayscale-1000);
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link .p-menuitem-icon {
    color: var(--bricks-colors-grayscale-1000);
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
    background-color: var(--bricks-colors-primary-700);
    border: 1px solid var(--bricks-colors-primary-700);
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link .p-menuitem-text {
    color: var(--bricks-colors-grayscale-100);
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link .p-menuitem-icon {
    color: var(--bricks-colors-grayscale-100);
}

.p-megamenu {
    padding: 0;
    background-color: var(--bricks-colors-grayscale-100);
    border: 1px solid var(--bricks-colors-grayscale-600);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.p-megamenu .p-megamenu-submenu-header {
    margin: 0;
    padding: 0.571em 1em;
    color: var(--bricks-colors-grayscale-1000);
    background-color: var(--bricks-colors-grayscale-300);
    font-weight: 700;
    border: 0 none;
}

.p-megamenu .p-megamenu-panel {
    padding: 0;
    background-color: var(--bricks-colors-grayscale-100);
    border: 1px solid var(--bricks-colors-grayscale-600);
    -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

.p-megamenu .p-menuitem {
    margin: 0;
}

.p-megamenu .p-menuitem .p-menuitem-link .p-submenu-icon {
    right: 0.429em;
}

.p-megamenu .p-menuitem.p-menuitem-active>.p-menuitem-link {
    background-color: var(--bricks-colors-grayscale-400);
}

.p-megamenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-text {
    color: var(--bricks-colors-grayscale-1000);
}

.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: var(--bricks-colors-grayscale-1000);
}

.p-megamenu.p-megamenu-vertical .p-megamenu-root-list>.p-menuitem>.p-menuitem-link>.p-submenu-icon {
    right: 0.429em;
}

.p-panelmenu .p-icon {
    position: static;
}

.p-panelmenu .p-panelmenu-panel .p-panelmenu-header {
    margin-top: 2px;
}

.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header {
    margin-top: 0;
}

.p-panelmenu .p-panelmenu-header {
    padding: 0;
}

.p-panelmenu .p-panelmenu-header>a {
    border: 1px solid var(--bricks-colors-grayscale-600);
    background-color: var(--bricks-colors-grayscale-300);
    color: var(--bricks-colors-grayscale-1000);
    padding: 0.714em 0.857em;
    font-weight: 700;
    position: static;
    font-size: 14px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
}

.p-panelmenu .p-panelmenu-header>a .p-panelmenu-icon {
    color: var(--bricks-colors-grayscale-700);
}

.p-panelmenu .p-panelmenu-header>a .p-panelmenu-icon.pi-caret-right:before {
    content: "";
}

.p-panelmenu .p-panelmenu-header>a .p-panelmenu-icon.pi-caret-down:before {
    content: "";
}

.p-panelmenu .p-panelmenu-header>a:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    z-index: 100;
}

.p-panelmenu .p-panelmenu-header:not(.p-highlight)>a:hover {
    outline: 0 none;
    border: 1px solid var(--bricks-colors-grayscale-500);
    background-color: var(--bricks-colors-grayscale-500);
    color: var(--bricks-colors-grayscale-1000);
}

.p-panelmenu .p-panelmenu-header:not(.p-highlight)>a:hover .p-panelmenu-icon {
    color: var(--bricks-colors-grayscale-1000);
}

.p-panelmenu .p-panelmenu-header.p-highlight {
    margin-bottom: 0;
}

.p-panelmenu .p-panelmenu-header.p-highlight>a {
    border: 1px solid var(--bricks-colors-primary-700);
    background-color: var(--bricks-colors-primary-700);
    color: var(--bricks-colors-grayscale-100);
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.p-panelmenu .p-panelmenu-header.p-highlight>a .p-panelmenu-icon {
    color: var(--bricks-colors-grayscale-100);
}

.p-panelmenu .p-panelmenu-header.p-highlight>a:hover {
    outline: 0 none;
    border: 1px solid var(--bricks-colors-primary-700)99;
    background-color: var(--bricks-colors-primary-700)99;
    color: var(--bricks-colors-grayscale-100);
}

.p-panelmenu .p-panelmenu-header.p-highlight>a:hover .p-panelmenu-icon {
    color: var(--bricks-colors-grayscale-100);
}

.p-panelmenu .p-panelmenu-panel:first-child {
    margin-top: 0;
}

.p-panelmenu .p-panelmenu-content {
    padding: 0;
    background-color: var(--bricks-colors-grayscale-100);
    border: 1px solid var(--bricks-colors-grayscale-600);
    margin-top: 0;
    position: static;
    border-top: 0 none;
}

.p-panelmenu .p-panelmenu-content .p-menuitem {
    margin: 0;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
    padding: 0.714em 0.857em;
    color: var(--bricks-colors-grayscale-1000);
    -moz-transition: background-color 0.2s, box-shadow 0.2s;
    -o-transition: background-color 0.2s, box-shadow 0.2s;
    -webkit-transition: background-color 0.2s, box-shadow 0.2s;
    transition: background-color 0.2s, box-shadow 0.2s;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:hover {
    background-color: var(--bricks-colors-grayscale-400);
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:hover .p-menuitem-icon,
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:hover .p-panelmenu-icon {
    color: var(--bricks-colors-grayscale-1000);
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:hover .p-menuitem-text {
    color: var(--bricks-colors-grayscale-1000);
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: inset 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: inset 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: inset 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-progressbar {
    border: 0 none;
    height: 24px;
    background-color: var(--bricks-colors-grayscale-400);
}

.p-progressbar .p-progressbar-value {
    border: 0 none;
    margin: 0;
    background: var(--bricks-colors-primary-700);
}

.p-progressbar .p-progressbar-label {
    margin-top: 0;
    color: var(--bricks-colors-grayscale-1000);
    line-height: 24px;
}

.p-galleria .p-galleria-close .p-galleria-close-icon {
    color: var(--bricks-colors-grayscale-100);
}

.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
    color: var(--bricks-colors-primary-700);
}

.p-galleria .p-galleria-header,
.p-galleria .p-galleria-footer {
    background-color: var(--bricks-colors-grayscale-300);
    color: var(--bricks-colors-grayscale-1000);
    border: 1px solid var(--bricks-colors-grayscale-600);
    padding: 0.571em 1em;
}

.p-galleria .p-galleria-header+.p-galleria-content,
.p-galleria .p-galleria-footer+.p-galleria-content {
    border: 1px solid var(--bricks-colors-grayscale-600);
    border-top: 0 none;
}

.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
    background-color: transparent;
    border: 0 none;
    color: var(--bricks-colors-grayscale-100);
}

.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
    color: var(--bricks-colors-primary-700);
}

.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
    color: var(--bricks-colors-grayscale-100);
}

.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
    border-radius: 3px;
}

.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item>button {
    display: inline-flex;
    align-items: center;
    height: 1.5em;
}

.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon.pi {
    color: rgba(var(--bricks-colors-state-info-500-rgb), 0.5);
}

.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon.pi:before {
    content: "";
}

.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon.pi {
    color: var(--bricks-colors-primary-700);
}

.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
    background-color: var(--bricks-colors-grayscale-100);
    border: solid 1px rgba(178, 193, 205, 0.64);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0.2em;
    color: var(--bricks-colors-grayscale-1000);
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-primary-700);
    border-color: solid 1px rgba(178, 193, 205, 0.64);
}

.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
    opacity: 0.4;
}

.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
    opacity: 1;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
    opacity: 1;
}

.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
    padding-top: 1em;
}

.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
    padding-bottom: 1em;
}

.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
    padding-right: 1em;
}

.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
    padding-left: 1em;
}

.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon.pi {
    color: var(--bricks-colors-grayscale-100);
}

.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon.pi {
    color: var(--bricks-colors-primary-700);
}

.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
    display: flex;
    align-items: flex-end;
    bottom: 0;
    height: 30%;
}

.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
    padding-top: 0;
    padding-bottom: 1em;
}

.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
    display: flex;
    align-items: flex-start;
    top: 0;
    height: 30%;
}

.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
    padding-bottom: 0;
    padding-top: 1em;
}

.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
    display: flex;
    align-items: flex-start;
    left: 0;
    width: 30%;
}

.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
    padding-right: 0;
    padding-left: 1em;
}

.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
    display: flex;
    align-items: flex-end;
    right: 0;
    width: 30%;
}

.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
    padding-left: 0;
    padding-right: 1em;
}

.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
    background-color: transparent;
    border: 0 none;
    color: var(--bricks-colors-grayscale-100);
    font-size: 1.2em;
}

.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
    background-color: transparent;
    color: var(--bricks-colors-primary-700);
    border-color: 0 none;
}

.p-galleria-mask {
    background-color: black;
}

.p-terminal {
    background-color: var(--bricks-colors-grayscale-100);
    color: var(--bricks-colors-grayscale-1000);
    border: 1px solid var(--bricks-colors-grayscale-600);
    padding: 0.571em 1em;
}

.p-terminal .p-terminal-input {
    font-size: 14px;
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    height: 16px;
}

.p-terminal .p-terminal-command {
    height: 16px;
}

.p-inplace {
    min-height: 2.357em;
}

.p-inplace .p-inplace-display {
    padding: 0.429em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.p-inplace .p-inplace-display:not(.p-disabled):hover {
    background-color: var(--bricks-colors-grayscale-400);
    color: var(--bricks-colors-grayscale-1000);
}

.p-inplace .p-inplace-display:focus {
    outline: 0 none;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    -moz-box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
    box-shadow: 0 0 0 0.2em var(--bricks-colors-primary-300);
}

.p-fluid .p-inplace.p-inplace-closable .p-inplace-content> :first-child {
    display: inline-block;
    width: calc(100% - 2.357em);
}

/* Add your customizations of theme here */