:root {
     --primary-400: #f88383;
     --primary-500: #D4000F;
     --primary-600: #D4000F;
     --primary-hover: #d43742;
}

app-top-bar > .surface-section > div > a[href="/"] {
     background-image: url('images/logo.png');
     background-size: contain;
     background-repeat: no-repeat;
     width: 260px;
     height: 27px;
}

app-top-bar > .surface-section > div > a[href="/"] > img {
     display: none;
}

.h-full.flex > .w-full > .ng-star-inserted > .flex.flex-column > .p-element.ng-star-inserted {
     margin-left: 4px;
}

@layer primeng {
     .p-badge {
          background-color: #393939;
     }

     .p-button.p-button-info.p-button-outlined,
     .p-buttonset.p-button-info > .p-button.p-button-outlined,
     .p-splitbutton.p-button-info > .p-button.p-button-outlined,
     .p-button.p-button-outlined,
     .p-button.p-button-link,
     .p-button.p-button-text {
          color: var(--primary-500);
     }

     .p-button.p-button-link:not(:disabled):hover,
     .p-button.p-button-text:not(:disabled):hover,
     .p-button.p-button-text:not(:disabled):active {
          color: var(--primary-hover);
     }

     .p-button.p-button-info.p-button-outlined:not(:disabled):hover,
     .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover,
     .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover,
     .p-button.p-button-outlined:not(:disabled):hover,
     .p-button.p-button-text:not(:disabled):active {
          color: var(--primary-hover);
          background-color: rgba(212,55,66,.03);
     }

     .p-button.p-button-info:enabled:focus,
     .p-button.p-button-outlined:enabled:focus,
     .p-button.p-button-text:not(:disabled):active,
     .p-button.p-button-text:not(:disabled):focus {
          box-shadow: 0 0 0 2px #fff,0 0 0 4px #f88383,0 1px 2px #000;
     }

     .p-button,
     .p-checkbox .p-checkbox-box.p-highlight {
          background: var(--primary-500);
          border-color: var(--primary-500);
     }

     .p-steps .p-steps-item.p-highlight .p-steps-number {
          background: var(--primary-500);
     }

     .p-inputtext:enabled:hover,
     .p-dropdown:not(.p-disabled):hover,
     .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
          border-color: var(--primary-500);
     }

     .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover,
     .p-button:not(:disabled):hover,
     .p-button:not(:disabled):active {
          background: var(--primary-hover);
          border-color: var(--primary-hover);
     }
}