@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);
.neo-tabs {
    display: flex;
    gap: 0.5rem;
    flex: 1;

    &.vertical {
        flex-direction: column;
        align-items: stretch;
        gap: 0.675rem;
    }

    &.wrap {
        flex-wrap: wrap;
        gap: 20px;
    }

    .neo-tab {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 6px 8px;
        font-size: 14px;
        font-weight: 400;
        color: #757578;
        cursor: pointer;
        transition: all 0.2s ease;
        border-radius: 10px;
        height: fit-content;

        .tab-icon {
            font-size: 12px;
        }

        &.active, &:hover {
            background-color: #f7f2ff;
            color: #0d0a16;
        }
    }

    &:not(.vertical) {
        .neo-tab {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            min-width: 0;
            flex-shrink: 1;
        }
    }
}
.neo-avatar {
    background: linear-gradient(135deg, #8B5CF6, #A855F7);

    display: flex;
    align-items: center;
    justify-content: center;

    color: white;
    font-size: 0.75rem;
    font-weight: 600;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;

    width: 28px;
    height: 28px;
    border-radius: 50%;

    &[size="lg"] {
        width: 80px;
        height: 80px;
        font-size: 18px;
    }
}
.neo-input-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;

    label {
        width: 100%;
        font-size: 14px;
        font-family: Poppins;
        font-weight: 500;
        letter-spacing: 0;

        &[required]::after {
            content: "*";
            color: var(--clr-red-star);
            margin-left: 4px;
        }
    }

    .label-action {
        color: #6944D6;
        cursor: pointer;

        &:hover {
            text-decoration: underline;
        }
    }

    input {
        max-width: 100% !important;
        width: 100%;

        &[readonly] {
            background-color: #F8F7FA !important;
            color: #757578 !important;
            border: none;
            cursor: default;
            pointer-events: none;
        }

        &.lg {
            height: 46px !important;
            border-radius: 10px !important;
        }
    }

    textarea {
        max-width: 100% !important;
        width: 100%;

        &[readonly] {
            background-color: #F8F7FA !important;
            color: #757578 !important;
            border: none;
            cursor: default;
            pointer-events: none;
        }
    }

    small {
        display: block;
        font-size: 12px;
        line-height: 1.3;
        word-break: break-word;
        word-wrap: break-word;
        color: #afafaf;
    }
}

.neo-search-container {
    position: relative;
    width: 100%;
    max-width: 20rem;

    .neo-search-icon {
        position: absolute;
        left: 0.75rem;
        top: 50%;
        transform: translateY(-50%);
        color: #9ca3af;
        font-size: 0.875rem;
        z-index: 1;
    }

    .neo-search-input {
        width: 100%;
        padding: 0.625rem 0.875rem 0.625rem 2.25rem !important;
        border: 0.0625rem solid #d1d5db;
        border-radius: 0.625rem;
        font-size: 0.8125rem;
        font-weight: 400;
        font-family: Poppins, sans-serif;
        background: #F7F7F9;
        transition: all 0.2s ease;
        height: 2.5rem;
    }

    .neo-search-input:focus {
        outline: none;
        border-color: #8b5cf6;
        background: #ffffff;
        box-shadow: 0 0 0 0.125rem rgba(139, 92, 246, 0.1);
    }

    .neo-search-input::placeholder {
        color: #9ca3af;
        font-size: 0.8125rem;
    }
}
/* Basic grid container */
.neo-grid {
    display: grid;
    gap: 1rem; /* Default Gap */
}

/* Grid gap utilities */
.neo-grid-gap-0 {
    gap: 0;
}

.neo-grid-gap-1 {
    gap: 0.25rem;
}

.neo-grid-gap-2 {
    gap: 0.5rem;
}

.neo-grid-gap-3 {
    gap: 0.75rem;
}

.neo-grid-gap-4 {
    gap: 1rem;
}

.neo-grid-gap-5 {
    gap: 1.25rem;
}

.neo-grid-gap-6 {
    gap: 1.5rem;
}

/* Grid column templates */
.neo-grid-cols-1 {
    grid-template-columns: repeat(1, 1fr);
}

.neo-grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
}

.neo-grid-cols-3 {
    grid-template-columns: repeat(3, 1fr);
}

.neo-grid-cols-4 {
    grid-template-columns: repeat(4, 1fr);
}

.neo-grid-cols-5 {
    grid-template-columns: repeat(5, 1fr);
}

.neo-grid-cols-6 {
    grid-template-columns: repeat(6, 1fr);
}

.neo-grid-cols-12 {
    grid-template-columns: repeat(12, 1fr);
}

/* Auto-fit / auto-fill (responsive) */
.neo-grid-auto-fit {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.neo-grid-auto-fill {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

/* Justify & Align */
.neo-grid-justify-center {
    justify-items: center;
}

.neo-grid-justify-start {
    justify-items: start;
}

.neo-grid-justify-end {
    justify-items: end;
}

.neo-grid-align-center {
    align-items: center;
}

.neo-grid-align-start {
    align-items: start;
}

.neo-grid-align-end {
    align-items: end;
}

/* Full width / height for container if needed */
.neo-grid-full {
    width: 100%;
    height: 100%;
}

.neo-details-carousel-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 24px;

    .neo-details-carousel {
        background-color: #292552;
        border-radius: 20px;
        padding: 30px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        min-height: 290px;

        .carousel-header {
            display: flex;
            align-items: center;
            gap: 6px;

            .carousel-header-icon {
                background-color: #322E5E;
                border-radius: 8px;
                width: 36px;
                height: 36px;
                display: flex;
                align-items: center;
                justify-content: center;

                i {
                    font-size: 20px;
                    color: #F3F1FC;
                }
            }

            .carousel-header-text {
                font-size: 16px;
                font-weight: 500;
                color: #F3F1FC;
            }
        }

        .carousel-content {
            display: flex;
            flex-direction: column;
            gap: 15px;
            color: #BCBBC1;
            flex: 1;

            .carousel-content-header {
                font-size: 14px;
                font-weight: 500;
            }

            .carousel-content-list {
                ul {
                    display: flex;
                    flex-direction: column;
                    gap: 15px;
                    list-style-position: inside;
                }
            }
        }

        .carousel-footer {
            margin-top: 12px;
            background-color: #322E5E;
            border-radius: 10px;
            display: flex;
            padding: 14px;

            .carousel-footer-item {
                flex: 1;
                font-size: 12px;
                color: #AB8FFF;
                font-weight: 500;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;

                &:not(:last-child) {
                    border-right: 1px solid #585367;
                }
            }
        }
    }

    .neo-details-carousel-indicators {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;

        .carousel-indicator {
            width: 40px;
            height: 4px;
            background-color: #DED3FF;
            cursor: pointer;

            &.active {
                background-color: #906AFF;
                border-radius: 10px;
            }
        }
    }
}

@media (max-width: 575px) {
    .carousel-footer { 
        flex-direction: column;
        padding-bottom: 12px;

        .carousel-footer-item {
            border-right: 0px !important;
            padding: 16px 0px;

            &:not(:last-child) {
                border-bottom: 1px solid #585367;
            }

            &:first-child {
                padding-top: 0px !important;
            }

            &:last-child {
                padding-bottom: 0px !important;
            }
        }
    }
}

@media (max-width: 1150px) {
    .carousel-footer-item {
        font-size: 11px !important;
    }
}
empty-state {
    width: 100%;
    height: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 16px;

    empty-state-title {
        font-size: 18px;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: 0%;
    }

    empty-state-subtitle {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0%;
        color: #757578;
        text-align: center;
        max-width: 500px;
    }
}
.neo-sidebar {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background-color: #F7F6FB;
}

.neo-sidebar-header {
    background-color: #FCFBFF;
    padding: 20px 25px;

    .header {
        font-size: 18px;
        letter-spacing: 0%;
        font-weight: 600;
    }
}

.neo-sidebar-content {
    flex: 1;
    overflow: auto;
    margin: 16px;
    background-color: #FCFBFF;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.neo-sidebar-footer {
    background-color: #FCFBFF;
    padding: 20px 25px;
    display: flex;
    align-items: center;
    justify-content: end;
}
.neo-btn {
    background: #6944D6 !important;
    border: none !important;
    color: white !important;
    padding: 0.625rem 1.25rem !important;
    border-radius: 0.625rem !important;
    font-weight: 600 !important;
    font-family: Poppins, sans-serif;
    font-size: 0.8125rem !important;
    height: 2.5rem !important;
    white-space: nowrap !important;
    transition: all 0.2s ease !important;
    min-width: fit-content !important;
    flex-shrink: 1 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px !important;
    cursor: pointer;

    &:hover {
        background: #7c3aed !important;
        transform: translateY(-0.0625rem);
    }

    &.outline {
        border: 1px solid #6944D6 !important;
        background-color: transparent !important;
        color: #6944D6 !important;

        &:hover {
            background: transparent !important;
        }
    }

    &:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

    &.text {
        background-color: transparent !important;
        color: #6944D6 !important;

        &:hover {
            background: transparent !important;
        }
    }
}

.neo-danger-btn {
    padding: 0.625rem 1.25rem;
    border-radius: 0.625rem !important;
    font-weight: 600;
    font-family: Poppins, sans-serif;
    font-size: 0.8125rem;
    height: 2.5rem;
    white-space: nowrap;
    transition: all 0.2s ease;
    min-width: fit-content;
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #F55C72 !important;
    color: #F55C72 !important;
    background-color: transparent !important;
    cursor: pointer;

    &:hover {
        transform: translateY(-0.0625rem);
    }

    &:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

    &.ghost {
        border: none !important;
    }
}
.authentication-container {
  background-color: #DAD3F4;
  height: 100dvh;
  display: flex;
  overflow: hidden;

  .hero-section {
    width: 55%;
    margin: 20px;
    padding: 40px 30px;
    border-radius: 10px;
    background-color: #E8E7FF;
    display: flex;
    flex-direction: column;
    gap: 30px;
    overflow: auto;

    .header {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 60px;
      align-items: start;

      .neo-hire-icon {
        height: 20px;

        img {
          width: 100%;
          height: 100%;
          object-fit: contain;
        }
      }

      .neo-hire-details {
        display: flex;
        flex-direction: column;
        gap: 16px;

        .title {
          font-size: 20px;
          font-weight: 500;
        }

        .subtitle {
          font-weight: 400;
          font-size: 14px;
          line-height: 26px;
          color: #9B9A9F;
        }
      }
    }

    .footer {
      margin: 0px 40px;
      border-top: 4px solid #F4F3F5;
      padding: 40px 0 0 0;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-size: 14px;
      font-weight: 400;
      font-style: italic;
      text-align: center;
    }
  }

  .form-section {
    flex: 1;
    background-color: #F4F3F8;
    padding: 60px 82px 60px 82px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 50px;

    .company-logo {
      height: 46px;
      width: 46px;
      background-color: #F8F8FA;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 12px;
      border: 1px solid #E2E3E6;
      cursor: pointer;
      flex-shrink: 0;
    }

    .login-company-logo {
      height: 100px;
      width: 100px;
      border-radius: 999px;
      overflow: hidden;

      img {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
    }

    .form-container {
      display: flex;
      flex-direction: column;
      /* gap: 40px; */
      width: 100%;

      .login-details {
        display: flex;
        flex-direction: column;
        margin-bottom: 30px;

        .title {
          font-size: 20px;
          font-weight: 500;

          display: flex;
          align-items: center;
          gap: 8px;
        }

        .subtitle {
          font-weight: 400;
          font-size: 14px;
          line-height: 26px;
          color: #9B9A9F;

          strong {
            font-weight: 600;
            color: #0D0A16;
          }
        }
      }

      .login-form {
        display: flex;
        flex-direction: column;
        gap: 36px;

        .form {
          display: flex;
          flex-direction: column;
          gap: 20px;

          .neo-input-wrapper {
            label {
              font-weight: 500;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1200px) {
  .hero-section {
    width: 50% !important;
  }
}

@media (max-width: 975px) {
  .authentication-container {
    display: flex !important;
    flex-direction: column !important;
    overflow: auto !important;

    .hero-section {
      overflow: visible !important;
      width: 100% !important;
      margin: 0px;
      order: 2;
    }
    
    .form-section {
      overflow: visible !important;
      order: 1;
    }
  }
}
/* You can add global styles to this file, and also import other style files */

:root {
    /* COLORS */

    /* Primary - Blue */
    --clr-primary       : #326bee;
    --clr-primary-light1: #326bee0d;
    --clr-primary-light2: #326bee08;
    --clr-primary-light3: #326bee1a;

    /* Primary Accent - Blue */
    --clr-primary-accent : #D2DFFF;
    --clr-primary-accent1: #F3F7FF;
    --clr-primary-accent2: #6d96ff;
    --clr-primary-accent3: #f0f5ff;
    --clr-primary-accent4: #f3f6fe;

    /* Secondary - Grey*/
    --clr-black           : #000000;
    --clr-secondary-dark  : #888888;
    --clr-seconadary      : #666666;
    --clr-secondary-light1: #66666699;
    --clr-secondary-light2: #66666666;
    --clr-secondary-light3: #6666660d;

    /* Light Background */
    --clr-white      : #ffffff;
    --clr-light-gray1: #f8f8f8;
    --clr-light-gray2: #F5F5F5;
    --clr-light-gray3: #e8e8e8;
    --clr-light-gray4: #d9d9d9;

    /* Borders */
    --clr-border1: #dfe3e7;
    --clr-border2: #cccccc;

    --clr-overlay: #66666680;

    /* Other Colors */
    --clr-orange-text: #f58020;
    --clr-red-star   : #e24a47;

    --clr-red            : #dc2626;
    --clr-red-bg         : #fef2f2;
    --clr-red-bg-light   : #fef2f2;
    --clr-green          : #16a34a;
    --clr-green-bg       : #f0fdf4;
    --clr-green-bg-light : #f0fdf4;
    --clr-violet         : #7c3aed;
    --clr-violet-bg      : #faf5ff;
    --clr-violet-bg-light: #faf5ff;
    --clr-blue           : #2563eb;
    --clr-blue-bg        : #eff6ff;
    --clr-blue-bg-light  : #eff6ff;
    --clr-grey           : #6b7280;
    --clr-grey-bg        : #f9fafb;

    --fc-dark      : var(--clr-black);
    --fc-white     : var(--clr-white);
    --fc-light-dark: var(--clr-seconadary);
    --fc-primary   : var(--clr-primary);

    /* FONT SIZES */
    --fs-small   : 12px;
    --fs-medium  : 14px;
    --fs-large   : 16px;
    --fs-heading1: 18px;
    --fs-heading2: 20px;
    --fs-heading3: 22px;
    --fs-heading4: 24px;

    /* FONT WEIGHTS */
    --fw-regular  : 400;
    --fw-semi-bold: 500;
    --fw-bold     : 600;
}

* {
    margin : 0;
    padding: 0;
}

html::-webkit-scrollbar {
    display: none;
}

body {
    background : var(--clr-light-gray2);
    font-family: "Poppins", sans-serif;
    font-style : normal;
    font-weight: var(--fw-regular);
    font-size  : var(--fs-medium);
}

input {
    max-width    : 25vw !important;
    height       : 2.5rem !important;
    padding      : 1% !important;
    padding-left : 12px !important;
    border       : 1px solid var(--clr-secondary-light2);
    border-radius: 5px;
    font-family  : inherit;
    font-weight  : var(--fw-semi-bold);
    margin       : 1vh 0;
}

input::placeholder {
    font-family: inherit;
    color      : var(--clr-secondary-light2);
    font-size  : var(--fs-medium);
}

.hidden {
    display: none !important;
}

/* CUSTOM ELEMENTS */
.addIcon-plus {
    background-color: var(--clr-primary-light1);
    font-size       : var(--fs-small) !important;
    height          : 2.5rem;
    width           : 2.5rem;
    color           : var(--fc-primary);
    font-weight     : var(--fw-bold) !important;
    display         : inline-flex !important;
    align-items     : center;
    justify-content : center;
    border-radius   : 4px !important;
    cursor          : pointer;
    transition      : background-color 0.1s;
    margin          : 0 8px;
}

.addIcon-plus:hover {
    background-color: #326bee22;
}

.removeIcon-minus {
    background-color: var(--clr-light-gray1);
    font-size       : var(--fs-small) !important;
    height          : 2.5rem;
    width           : 2.5rem;
    color           : var(--clr-secondary-light1);
    font-weight     : var(--fw-bold) !important;
    display         : inline-flex !important;
    align-items     : center;
    justify-content : center;
    border-radius   : 4px !important;
    cursor          : pointer;
    transition      : background-color 0.1s;
    margin          : 0 8px;
}

.removeIcon-minus:hover {
    background-color: var(--clr-light-gray3);
}

.clearAndSave-buttons {
    display        : flex;
    justify-content: flex-end;
    align-items: center;
}

.clearAndSave-buttons>.p-button-outlined.clear {
    height: 40px;
    width : 7rem;
    color : var(--fc-light-dark) !important;
    border: 1px solid var(--clr-seconadary) !important;
    margin: 0 10px;
}

.clearAndSave-buttons>.p-button-outlined.save, .primary-btn>.p-button-outlined {
    background-color: #6944D6;
    color           : #F6F3FF !important;;
    border          : 1px solid #E6E5E9;
    height          : 2.5rem;
    width           : 7rem;
    margin          : 0 10px;
}
.primary-btn>.p-button-outlined{
    background-color: var(--clr-primary) !important;
    color           : var(--fc-white) !important;
    border          : 1px solid var(--clr-primary) !important;
}

.clearAndSave-buttons>.p-button.p-button-outlined.save:enabled:hover, .primary-btn>.p-button.p-button-outlined:enabled:hover {
    background: #1158fa !important;
    color     : white !important;
}

.clearAndSave-buttons>.p-button.p-button-outlined.clear:enabled:hover {
    background: #6666661f !important;
}

input:-internal-autofill-selected {
    background-color: var(--clr-white) !important;
}

.header-btn>.p-button-raised {
    background-color: var(--clr-primary) !important;
    color           : var(--fc-white) !important;
}

em.info-button::before {
    content        : "i";
    width          : 16px;
    height         : 16px;
    margin         : 5px;
    border-radius  : 50%;
    border         : 1px solid var(--clr-primary);
    color          : var(--clr-primary);
    font-size      : var(--fs-medium);
    font-weight    : var(--fw-bold);
    display        : inline-flex;
    align-items    : center;
    justify-content: center;
    font-family    : serif;
}

.loadingOverlay {
    width           : 100%;
    height          : 100%;
    top             : 0;
    bottom          : 0;
    left            : 0;
    z-index         : 1000001;
    position        : fixed;
    background-color: rgba(0, 0, 0, 0.4);
}

span.imp {
    color: var(--clr-red-star);
}

.circle-progress {
    position: static !important;
}


/* PRIME-NG INPUT */
.p-inputtext {
    width       : 12rem;
    font-family : inherit !important;
    color       : var(--fc-dark) !important;
    margin      : 1vh 0 !important;
    padding-left: 15px !important;
}

.p-inputtext:focus {
    outline: none !important;
}

.p-input-icon-left>em {
    position   : absolute;
    top        : 50%;
    margin-top : -0.5rem;
    font-size  : var(--fs-large);
    color      : var(--clr-secondary-light2);
    margin-left: 8px;
}

.p-inputgroup>input::placeholder {
    font-size: var(--fs-small);
    position : relative;
    left     : 0.5rem;
}

.p-inputtext.p-inputmask {
    width: 100% !important;
}

.p-inputnumber {
    width: 100% !important;
}

.eventForm-elements>input,
.eventForm-elements>.dropdown>.p-dropdown,
.slotForm-elements>.dropdown>.p-dropdown,
.p-inputgroup.eventForm-elements {
    width     : 25vw !important;
    min-height: 2.5rem !important;
}

/* PRIME-NG SIDEBAR */
.p-sidebar .p-sidebar-header {
    background-color: var(--clr-white);
    height          : 0px;
    padding         : 0 !important;
}

.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon::before {
    background-color: var(--clr-light-gray1) !important;
    border-radius   : 3px !important;
    margin          : 3rem 1rem 0 !important;
    z-index         : 10;
    height          : 20px !important;
    width           : 20px !important;
}

.p-sidebar .p-sidebar-content {
    padding: 0px 5px !important;
    height : 100%;
}

.sidebar-saveSettings>.p-inputgroup>button>.p-button-label {
    font-size: var(--fs-small);
}

.p-sidebar-left {
    top   : 11.8rem !important;
    left  : 80px !important;
    width : 20.2rem !important;
    height: 72vh !important;
}

.p-sidebar-right>.p-sidebar-header>.p-sidebar-close {
    position       : absolute;
    left           : -40px;
    margin         : 2rem 0 0 !important;
    background     : var(--clr-seconadary) !important;
    color          : var(--fc-white) !important;
    height         : 40px !important;
    width          : 40px !important;
    display        : inline-flex;
    align-items    : center;
    justify-content: center;
}

.p-sidebar-content::-webkit-scrollbar {
    display: none !important;
}

.candidateSidebar>.p-sidebar-left {
    position: sticky !important;
    height  : 66vh !important;
    width   : 20vw !important;
    top     : 0px !important;
}

/* PRIME-NG INPLACE */
.p-inplace.p-component.p-inplace-closable {
    width      : 30vw;
    height     : 3rem;
    display    : inline-flex;
    align-items: center;
}

.p-inplace .p-inplace-display {
    display    : block !important;
    width      : fit-content;
    font-size  : var(--fs-small);
    font-weight: var(--fw-semi-bold);
    color      : var(--fc-light-dark);
    padding    : 0.5rem;
}

.p-inplace .p-inplace-content {
    width: inherit;
}

.p-inplace-content>.p-button.p-button-icon-only {
    height       : 2rem;
    width        : 2rem;
    border-radius: 0 4px 4px 0;
    margin       : auto 0 !important;
}

.p-inplace-content>.ng-star-inserted {
    height       : 2rem !important;
    border-radius: 4px 0 0 4px;
    margin       : auto 0 !important;
}

.addCategory .p-inplace .p-inplace-display {
    border         : var(--clr-primary) 1px solid;
    color          : var(--fc-primary);
    width          : 100%;
    height         : 2.5rem;
    display        : inline-flex !important;
    justify-content: center;
    align-items    : center;
}

.addCategory>.p-inplace>.p-inplace-content>.newCategory {
    margin: 0.5rem auto !important;
    width : 99%;
}

/* PRIME-NG CALENDAR */
.p-calendar-w-btn .p-datepicker-trigger {
    height: 40px;
    right : 40px;
}

.cohort-id input,
.cohort-SPOC .p-inputwrapper .p-dropdown .p-inputtext,
.cohort-calendar .p-calendar-w-btn .p-inputtext {
    min-width       : 10vw !important;
    width           : min-content !important;
    background-color: #ECECEC;
    border          : none;
    height          : 40px;
    border-radius   : 2px !important;
}

.cohort-SPOC .p-inputwrapper .p-dropdown .p-dropdown-trigger {
    background-color: #ECECEC;
    height          : 40px;
}

.cohort-calendar .p-calendar-w-btn .p-inputtext {
    cursor: pointer;
}

.cohort-SPOC .p-inputwrapper .p-dropdown {
    background-color: #ECECEC;
    border          : none;
    border-radius   : 2px;
}

.p-calendar {
    align-items: center;
}

.p-calendar-w-btn .p-inputtext {
    border-radius: 6px !important;
}

.p-datepicker-trigger.p-button {
    background  : none !important;
    color       : var(--clr-black) !important;
    border-left : none !important;
    border-color: transparent !important;
}

/* PRIME-NG ACCORDION */
.p-accordion .p-accordion-content {
    border : none !important;
    padding: 0.5rem 0.5rem 1rem !important;
}

.p-accordion label {
    padding-left: 10px !important;
}

.p-accordion .p-accordion-header .p-accordion-header-link {
    color          : var(--fc-primary) !important;
    background     : var(--clr-primary-light1) !important;
    padding        : 12px !important;
    flex-direction : row-reverse;
    justify-content: space-between;
}
.innerTab .p-accordion-header .p-accordion-header-link{
    color          : var(--clr-black) !important;
    background     : var(--clr-light-gray1) !important;
}

.p-float-label {
    position: relative;
}

.p-float-label>label {
    left: 0.75rem;
    color: var(--fc-light-dark);
    transition-duration: 0.2s;
    font-size: var(--fs-medium);
    font-weight: var(--fw-semi-bold);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.p-float-label input.p-filled~label,
.p-float-label input:focus~label,
.p-float-label .p-inputwrapper-focus~label,
.p-float-label .p-inputwrapper-filled~label {
    top: -0.5rem !important;
    transform: translateY(0);
    color: var(--fc-primary) !important;
    background-color: var(--clr-white);
    font-size: 11px !important;
    font-weight: var(--fw-semi-bold);
    padding: 3px;
}

.p-float-label>.p-dropdown {
    width: 12rem !important;
}

/* PRIME-NG DROPDOWN */
.p-dropdown {
    width        : 12rem;
    height       : 2.5rem;
    margin       : 1vh 1vw 1vh 0;
    border       : 1px solid var(--clr-border1);
    border-radius: 5px;
    align-items  : center;
}

.p-dropdown.p-focus {
    box-shadow: none !important;
}

.p-dropdown .p-dropdown-trigger>.pi-chevron-down {
    font-size: var(--fs-small);
}
.p-dropdown-trigger-icon {
    width: 10px !important;
    height: 10px !important;
}
.p-dropdown-panel .p-dropdown-items {
    padding: 0 !important;
}

.preview-form .p-element .p-dropdown {
    width: 100%;
}

.mobilePreview .p-element .p-dropdown {
    width: 100% !important;
    max-width: 25vw !important;
}

.userForm-elements>.p-element>.p-dropdown,
.templateForm-elements>.p-element>.p-dropdown {
    width: 32vw;
}

.templateForm-elements.invite-dropdown>.p-element>.p-dropdown{
    width: 25vw !important;
}

.emailForm-elements .p-inputwrapper .p-dropdown,
.offerForm-elements .p-inputwrapper .p-dropdown{
    width: 25vw !important;
}

/* PRIME-NG SPLITBUTTON */
.p-splitbutton.p-button-sm>.p-button {
    padding: 0.5rem 0.6rem !important;
}

.p-splitbutton.p-button-outlined>.p-splitbutton-menubutton.p-button {
    border-left: 0 none !important;
}

.p-tieredmenu .p-menuitem-text {
    line-height: 0.96 !important;
    font-size  : var(--fs-medium);
    font-weight: lighter;
}

.p-tieredmenu.p-tieredmenu-overlay {
    background: #ffffff;
    border    : 0 none;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    width     : 176px;
}

.p-tieredmenu .p-menuitem {
    width: auto;

}

.p-menuitem-text {
    margin     : 2vh 1vw;
    font-weight: var(--fw-bold);
    font-size  : var(--fs-heading1);
}

.eventForm-elements .p-inputwrapper .p-dropdown .p-dropdown-panel .p-dropdown-items-wrapper{
    width: 600px;
}

/* PRIME-NG PANEL */
.p-panel.p-panel-toggleable .p-panel-header {
    background-color: var(--clr-white);
    font-weight     : var(--fw-semi-bold);
    color           : var(--fc-dark);
    border-radius   : 2px;
    border          : 1px solid #dfe3e7;
    height          : 3.125rem;
}

.p-panel.p-panel-toggleable .p-panel-header:hover {
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
}

.p-panel .p-panel-header .p-panel-header-icon {
    border-radius   : 5px !important;
    margin-left     : 8px;
    background-color: var(--clr-secondary-light3) !important;
    color           : var(--clr-seconadary) !important;
}

.p-panel .p-panel-header .p-panel-header-icon:hover {
    background-color: #66666622 !important;
}

.p-panel-titlebar-toggler {
    background-color: var(--clr-primary) !important;
}

.p-ripple.p-panel-header-icon.p-panel-toggler {
    display: none !important;
}

/* PRIME-NG DIALOG */
.placeholder-dialog>.p-dialog-top-right>.p-dialog>.p-dialog-header {
    background: #6666660d;
    height    : 50px;
    padding   : 10px 20px;
}

.placeholder-dialog>.p-dialog-top-right>.p-dialog>.p-dialog-content {
    padding: 0.5rem 1rem;
}

.placeholder-dialog>.p-dialog-top-right>.p-dialog>.p-dialog-header>span {
    font-size: 14px;
}

.placeholder-dialog>.p-dialog-top-right>.p-dialog {
    border-radius: 5px;
    box-shadow   : 0px 2px 14px rgba(0, 0, 0, 0.06);
    background   : var(--clr-white);
    border       : 1px solid var(--clr-border1);
    padding      : 1px;
}

.p-dialog .p-dialog-header .p-dialog-header-icon {
    border-radius: 2px !important;
    width        : 1.5rem !important;
    height       : 1.5rem !important;
}

.p-dialog .p-dialog-footer button{
    height: 40px !important;
}

/* PRIME-NG CHIP */

#p1-chips .p-chips .p-chips-multiple-container{
    max-width: 40vw !important;
}

#p1-chips .p-chips .p-chips-multiple-container .p-chips-token {
    margin-right: 0.5rem !important;
    background: #eff6ff !important;
    color: #1d4ed8 !important;
}

.p-chip {
    background-color: var(--clr-white) !important;
    border          : 1px solid var(--clr-border2);
    border-radius   : 3px !important;
    padding         : 0 !important;
    margin          : 7px 5px;
    cursor          : pointer;
    transition      : background-color 0.2s;
}

.p-chip:hover {
    background-color: var(--clr-secondary-light3) !important;
}

.p-chip .p-chip-text {
    font-size: 12px !important;
    margin   : 4px 15px !important;
}

/* PRIME-NG CHIPS */
.p-chips-multiple-container {
    width         : 25vw;
    min-height    : 2.5rem;
    padding-bottom: 8px !important;
}

.p-chips .p-chips-multiple-container .p-chips-token {
    padding      : 5px;
    font-size    : 12px;
    background   : #f8f8f8 !important;
    color        : #000000 !important;
    border       : 1px solid #dfe3e7 !important;
    margin       : 8px 5px 0 !important;
    border-radius: 3px;
    max-width    : 24vw;
}

/* .p-chips-input-token input {
    display: none;
} */

.p-multiselect.p-multiselect-chip .p-multiselect-token {
    padding      : 5px;
    font-size    : 12px;
    background   : #f8f8f8 !important;
    color        : #000000 !important;
    border       : 1px solid #dfe3e7 !important;
    margin       : 8px 5px 0 !important;
    border-radius: 3px;
    max-width    : 24vw;
}

.p-multiselect {
    width     : 25vw;
    min-height: 2.5rem;
    margin    : 1vh 0;
}

.p-multiselect-label {
    white-space: unset !important;
    cursor     : pointer;
    overflow   : auto;
}

.p-multiselect .p-multiselect-trigger {
    width: 1.5rem !important;
}

.p-multiselect-trigger-icon.pi {
    font-size: 12px;
}

.p-multiselect-filter-container .p-inputtext {
    height: 2rem !important;
}

.p-multiselect-panel .p-multiselect-header {
    padding: 0.25rem 1rem !important;
}

/* PRIME_NG BADGE */
.remainingItems-badge>p-badge>.p-badge {
    background     : #326bee0d;
    color          : #326bee;
    font-size      : 12px !important;
    font-weight    : 400;
    display        : inline-flex;
    border-radius  : 50px;
    justify-content: center;
    align-items    : center;
    padding        : 0;
    margin         : 5px;
    cursor         : pointer;
}

/* PRIME-NG TIMELINE */
.p-timeline-event-marker {
    border          : 2px solid #008000 !important;
    background-color: #008000 !important;
    margin-top      : 5px;
}

.p-timeline-event-opposite {
    display: none !important;
}

/* PRIME-NG COMMON */
button:focus,
button:active,
.p-checkbox-box.p-focus,
input:focus,
input:active p-dropdown:focus,
p-dropdown:active,
.p-accordion .p-accordion-header .p-accordion-header-link:focus {
    box-shadow: none !important;
    outline   : none !important;
}

.ql-editor>* {
    font-family: "Poppins", sans-serif;
}

.p-component {
    font-family: "Poppins", sans-serif !important;
    font-style : normal !important;
    font-size  : var(--fs-medium) !important;
}

.pi-sort-alt {
    display: none !important;
    color  : var(--fc-light-dark) !important;
}

.p-datatable-scrollable .p-datatable-tbody>tr {
    min-height: 54px;
}

.p-overlaypanel .p-overlaypanel-content {
    padding       : 0 !important;
    display       : flex;
    flex-direction: column;
}

.p-button.p-button-raised {
    box-shadow: none !important;
}

.table-heading>th:hover .pi-sort-alt {
    display: block !important;
}

.p-skeleton {
    background-color: #eaecee !important;
    border-radius   : 4px !important;
}

ngx-dropzone-remove-badge {
    background-color: var(--clr-red-star) !important;
}

.profile-preview>img {
    max-width : 35% !important;
    max-height: 70% !important;
    position  : relative;
    top       : -10px;
}

.fileUpload-dropzone>input {
    position: static !important;
}

.addUsers-button>.p-splitbutton>.p-button,
.addCandidates-button>.p-splitbutton>.p-button {
    background : var(--clr-primary);
    border     : none;
    border-left: solid 1px var(--clr-white);
    height     : 2.4rem;
}

.addUsers-button>.p-splitbutton>.p-button:hover,
.addCandidates-button>.p-splitbutton>.p-button:hover {
    border     : none;
    border-left: solid 1px var(--clr-white);
}

.p-checkbox-icon.pi-check:before {
    font-size  : 10px;
    font-weight: var(--fw-bold);
    line-height: 4;
}

.p-calendar .p-inputtext {
    width: 28vw !important;
}

.p-progress-spinner {
    position: relative;
    top     : 50%;
    left    : 50%;
}

.p-progress-spinner-circle {
    stroke : var(--clr-black) !important;
    opacity: 1 !important;
}

.p-datatable-tbody>tr:hover {
    background-color: var(--clr-primary-accent4) !important;
    color           : var(--fc-primary) !important;
    border          : 2px 0 solid var(--clr-white);
    box-shadow      : 0px 2px 4px rgb(0 0 0 / 20%);
    border-radius   : 4px;
}

.p-overlaypanel {
    max-height: 35vh;
    overflow  : scroll;
}

.p-overlaypanel::-webkit-scrollbar {
    display: none !important;
}

.custom-bread-crumb .line {
    padding: 0 8px !important;
}

.custom-bread-crumb li a:hover {
    text-decoration: none !important;
}

.custom-bread-crumb li span {
    font-weight: 600;
}

.customJobDescription>h1,
.customJobDescription>h2,
.customJobDescription>h3,
.customJobDescription>h4,
.customJobDescription>h5,
.customJobDescription>h6 {
    color: var(--clr-black);
}

.customJobDescription>ul {
    margin-left: 20px;
}

.custom-bread-crumb {
    width        : 48vw;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow-x   : hidden;
}

.custom-bread-crumb:hover {
    overflow-x   : scroll;
    text-overflow: clip;
}

.custom-bread-crumb::-webkit-scrollbar {
    display: none;
}

.hyperlink {
    color: var(--fc-primary);
}
.hyperlink:hover{
    text-decoration: underline;
    cursor: pointer;
}

.ruleSet-trigger>.p-dropdown {
    min-width: 12rem;
    width    : fit-content;
}


.selection-operations-options>.p-button>.p-button-icon {
    font-size  : 12px !important;
    font-weight: 600 !important;
    color      : black !important;
}

.selection-operations-options>.p-button>.p-button-label {
    font-weight: 500;
    color      : var(--clr-seconadary);
}

.avatar-align>.p-avatar-image>img {
    border-radius: 50%;
}


/* .p-datatable-scrollable t.p-frozen-column {
    z-index: 5 !important;
}

.p-datatable-scrollable th.p-frozen-column {
    z-index: 10 !important;
}

.p-datatable .p-datatable-loading-overlay {
    z-index: 15 !important;
} */

.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
    display: none;
}

.editStatus>.p-inputwrapper>.p-dropdown {
    position: absolute;
    width   : auto;
    margin  : -20px -8px;
    height  : 2rem;
}

.editStatus>.p-inputwrapper>.p-dropdown>.p-dropdown-label {
    font-size: 12px;
}

.addon-input.salary>.p-inputnumber>.p-inputtext {
    border-radius: 0 4px 4px 0;
}

.addon-input>.p-inputnumber>.p-inputtext {
    border-radius: 4px 0 0 4px;
}

span.template-content>p>img {
    max-width: -webkit-fill-available !important;
}

.acc-phNo>.p-inputtext {
    max-width: 32vw !important;
}

.feedBackCell>.simple-btn>.p-button-icon {
    font-size: 14px !important;
}

.p-tooltip>.p-tooltip-text{
    font-size: 12px !important;
    padding: 0.5rem 0.5rem !important;
}

.file-preview>img{
    display: none !important;
}

.p-divider.p-divider-horizontal {
    border-top: 2px #dee2e6 !important;
}

.submit-btn .p-element .p-button{
    width: 100% !important;
    height: 40px !important;
    display: flex;
    justify-content: center;
}

.submit-btn .p-element .p-button .p-button-label{
    flex: none;
}

.submit-btn .p-element.disabled .p-button{
    background-color: #888888;
    border-color: #888888;
    pointer-events: none;
}

@media (max-width: 1370px) {
    .p-dropdown {
        width: 12vw;
    }

    input.conditionSet-value {
        width: 12vw;
    }
}

.tox {
    font-family: "Poppins", sans-serif !important;
    /* margin     : 7px 0px; */
}

.tox-tinymce {
    border-radius: 10px !important;
}

.otp-type>div>input {
    border: 1px solid var(--clr-primary) !important;
}

ng-otp-input>div>input {
    height: 50px !important;
    width : 50px !important;
}

/* .tox-editor-header {
    position: absolute !important;
    top     : 0px !important;
    left    : 0px !important;
}

.tox-editor-dock-fadeout {
    opacity   : 1 !important;
    visibility: visible !important;
} */

.p-inputtext.ng-invalid+label.touched-email {
    color: var(--clr-red-star) !important;
}

.p-inputtext.ng-invalid+label.touched-password {
    color: var(--clr-red-star) !important;
}

.p-inputtext.dirty-input+label.invalid-credentials {
    color: var(--clr-red-star) !important;
}

.acc-phNo > .p-inputnumber > .p-inputnumber-input{
    max-width: 32vw !important
}

.signin-spinner>.p-progress-spinner {
    top    : 0px !important;
    left   : 0px !important;
    display: flex;
}
body .p-dialog-mask {
    background-color: #66666666 !important;
  }
  
.sign-btn-load>.p-element>.p-progress-spinner>.p-progress-spinner-svg>.p-progress-spinner-circle {
    stroke: var(--clr-white) !important;
}

/* .tox-editor-container{
    padding-top: 120px !important;
} */

#associated-role_dropdown > .p-dropdown {
    margin-right: 0px !important;
}

.dropdown-input_condition > .p-dropdown > .p-dropdown-trigger
{
    display: none;
}


/* WileyForm */
.wiley-form>.dropdown>.field-dropdown>.p-dropdown {
    width: 100% !important;
}

.wiley-form>span>input {
    width: 100%;
}

.ng-trigger-overlayAnimation{
        left: 0px !important;
        max-width: 50vw !important;
}

@media screen and (max-width: 1220px) and  (min-width: 980px) {
    input {
        max-width: 32vw !important;
    }

    .p-calendar .p-inputtext {
        width: 32vw !important;
    }

}
@media screen and (max-width: 980px) and (min-width: 720px)  {

    #p1-chips .p-chips .p-chips-multiple-container{
        width: 40vw !important;
        max-width: 40vw !important;
    }

    input {
        max-width: 40vw !important;
    }

    .p-calendar .p-inputtext {
        width: 40vw !important;
    }

    .wiley-form>.dropdown>.field-dropdown>.p-dropdown{
        width: 80vw !important;
    }
}

@media screen and (max-width: 720px) and (min-width: 480px){

    #p1-chips .p-chips .p-chips-multiple-container{
        width: 40vw !important;
        max-width: 40vw !important;
    }

    input {
        max-width: 80vw !important;
    }

    .p-calendar .p-inputtext {
        width: 55vw !important;
    }

    .wiley-form>.dropdown>.field-dropdown>.p-dropdown{
        width: 80vw !important;
    }
}

@media screen and (max-width: 480px) {

    #p1-chips .p-chips .p-chips-multiple-container{
        width: 40vw !important;
        max-width: 40vw !important;
    }

    input {
        max-width: 80vw !important;
    }

    .p-calendar .p-inputtext {
        width: 80vw !important;
    }

    .wiley-form>.dropdown>.field-dropdown>.p-dropdown{
        width: 80vw !important;
    }
}   

.cohortDropdown .p-dropdown-panel.p-component {
    width: 100%;
}

.overlay_divider .p-divider.p-divider-horizontal {
    margin: 0 !important;
    padding: 0 !important;
}

.download-doc>button{
    padding: 7px !important;
    font-size: var(--fs-medium);
}

.disable-input_field > div > span{
    color: var(--clr-secondary-dark) !important;
}

.disable-input_field > span > input{
    color: var(--clr-secondary-dark) !important;
}

.disable-input_field:hover{
    border-color: var(--clr-border2) !important;
    cursor: not-allowed;
}

.p-sidebar-left .p-sidebar-content .filterSidebarContent .p-element .p-accordion .p-element .p-accordion-tab .p-toggleable-content .p-accordion-content .p-inputwrapper .p-multiselect{
    width: 18.2rem;
}

.p-sidebar-left .p-sidebar-content .filterSidebarContent .p-element .p-accordion .p-element .p-accordion-tab .p-toggleable-content .p-accordion-content .p-inputwrapper .p-multiselect .p-multiselect-panel{
    width: 18.2rem;
}

.events-header .p-inputwrapper .p-dropdown{
    height: 30px;
    width: 8rem;
    margin-left: 0.75rem;
}
.events-header .p-inputwrapper .p-dropdown .p-dropdown-label{
    font-size: 12px;
}

.events-header .p-inputwrapper .p-dropdown .p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items{
    width: 10rem;
    font-size: 12px;
}

.events-header .p-inputwrapper .p-dropdown .p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items .p-element .p-dropdown-item{
    padding: 0.75rem 0.5rem;
}
.preview span.p-button-label{
    color: #659C4C;
}
.preview.p-button-outlined:enabled:hover.p-button.p-component {
    background: rgb(255 255 255 / 90%);
    color: #659C4C;
    border: 1px solid;
}
.switch_btn.p-inputswitch.p-component {
    width: 40px;
    height: 22px;
}

.switch_btn.p-inputswitch .p-inputswitch-slider:before {
    width: 12px;
    height: 12px;
    margin-top: -6px;
}
#overflowNoneDialog .p-dialog-content{
    overflow: visible;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.width-full{
    width: 100%;
}
.overflow-y-auto{
    overflow-y: auto;
}
.justify-content-end{
    justify-content: end;
}
.splitcell{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/* Style for Invited status */
span[data-status="Invited-tag"] {
    background-color: #f3e8ff;
    color: #7c3aed;
    border: 1px solid #a78bfa;
}

/* Style for shortlisted status */
span[data-status="Shortlist-tag"] {
    background-color: #f0fdf4;
    color: #16a34a;
    border: 1px solid #4ade80;
}

/* Style for allClear status */
span[data-status="All Clear-tag"] {
    background-color: #f0fdf4;
    color: #16a34a;
    border: 1px solid #4ade80;
}

/* Style for joined status */
span[data-status="Joined-tag"] {
    background-color: #f0fdf4;
    color: #16a34a;
    border: 1px solid #4ade80;
}

/* Style for offerAccepted status */
span[data-status="Offer Accepted-tag"] {
    background-color: #f0fdf4;
    color: #16a34a;
    border: 1px solid #4ade80;
}

/* Style for eligible status */
span[data-status="Eligible-tag"] {
    background-color: #f0fdf4;
    color: #16a34a;
    border: 1px solid #4ade80;
}

/* Style for waitlisted status */
span[data-status="Waitlist-tag"] {
    background-color: #fffbeb;
    color: #d97706;
    border: 1px solid #fbbf24;
}

/* Style for noShow status */
span[data-status="No Show-tag"] {
    background-color: #fffbeb;
    color: #d97706;
    border: 1px solid #fbbf24;
}

/* Style for notJoining status */
span[data-status="Not Joining-tag"] {
    background-color: #fffbeb;
    color: #d97706;
    border: 1px solid #fbbf24;
}

/* Style for submittedPartially status */
span[data-status="Submitted Partially-tag"] {
    background-color: #fffbeb;
    color: #d97706;
    border: 1px solid #fbbf24;
}

/* Style for addedToVettedPool status */
span[data-status="AddedToVettedPool-tag"] {
    background-color: #f3e8ff;
    color: #7c3aed;
    border: 1px solid #a78bfa;
}

/* Style for submitted status */
span[data-status="Submitted-tag"] {
    background-color: #f3e8ff;
    color: #7c3aed;
    border: 1px solid #a78bfa;
}

/* Style for scheduled status */
span[data-status="Scheduled-tag"] {
    background-color: #f3e8ff;
    color: #7c3aed;
    border: 1px solid #a78bfa;
}

/* Style for applied status */
span[data-status="Applied-tag"] {
    background-color: #f3e8ff;
    color: #7c3aed;
    border: 1px solid #a78bfa;
}

/* Style for joiningConfirmed status */
span[data-status="Joining Confirmed-tag"] {
    background-color: #f3e8ff;
    color: #7c3aed;
    border: 1px solid #a78bfa;
}

/* Style for offered status */
span[data-status="Offered-tag"] {
    background-color: #f3e8ff;
    color: #7c3aed;
    border: 1px solid #a78bfa;
}

/* Style for slotSend status */
span[data-status="Slot Sent-tag"] {
    background-color: #f3e8ff;
    color: #7c3aed;
    border: 1px solid #a78bfa;
}

/* Style for rejected status */
span[data-status="Rejected-tag"] {
    background-color: #fef2f2;
    color: #dc2626;
    border: 1px solid #fca5a5;
}

/* Style for notJoined status */
span[data-status="Not Joined-tag"] {
    background-color: #fef2f2;
    color: #dc2626;
    border: 1px solid #fca5a5;
}

/* Style for offerDeclined status */
span[data-status="Offer Declined-tag"] {
    background-color: #fef2f2;
    color: #dc2626;
    border: 1px solid #fca5a5;
}

/* Style for noteligible status */
span[data-status="Not Eligible-tag"] {
    background-color: #fef2f2;
    color: #dc2626;
    border: 1px solid #fca5a5;
}

/* Style for submissionPending status */
span[data-status="Submission Pending-tag"] {
    background-color: #eff6ff;
    color: #2563eb;
    border: 1px solid #60a5fa;
}

/* Style for offerPending status */
span[data-status="Offer Pending-tag"] {
    background-color: #eff6ff;
    color: #2563eb;
    border: 1px solid #60a5fa;
}

/* Style for offerRevision status */
span[data-status="Offer Revision-tag"] {
    background-color: #eff6ff;
    color: #2563eb;
    border: 1px solid #60a5fa;
}

/* Style for mailPending status */
span[data-status="Mail Pending-tag"] {
    background-color: #eff6ff;
    color: #2563eb;
    border: 1px solid #60a5fa;
}

/* Style for pending status */
span[data-status="Pending-tag"] {
    background-color: #eff6ff;
    color: #2563eb;
    border: 1px solid #60a5fa;
}

/* Style for Approved Partially status */
span[data-status="Approved Partially-tag"] {
    background-color: #f0fdf4;
    color: #16a34a;
    border: 1px solid #4ade80;
}

/* Style for futureCandidate status */
span[data-status="Future Candidate-tag"] {
    background-color: #f0fdf4;
    color: #16a34a;
    border: 1px solid #4ade80;
}

/* Style for yetToJoin status */
span[data-status="Yet To Join-tag"] {
    background-color: #f0fdf4;
    color: #16a34a;
    border: 1px solid #4ade80;
}

/* Style for attended status */
span[data-status="Attended-tag"] {
    background-color: #f0fdf4;
    color: #16a34a;
    border: 1px solid #4ade80;
}

/* Style for onHold status */
span[data-status="On Hold-tag"] {
    background-color: #f9fafb;
    color: #6b7280;
    border: 1px solid #d1d5db;
}

/* Style for archived status */
span[data-status="Archived-tag"] {
    background-color: #f9fafb;
    color: #6b7280;
    border: 1px solid #d1d5db;
}

/* Style for selected status */
span[data-status="Selected-tag"] {
    background-color: #f0fdf4;
    color: #16a34a;
    border: 1px solid #4ade80;
}

/* Common styles for status tags */
span[data-status] {
    font-size: 11px;
    font-weight: var(--fw-semi-bold);
    padding: 4px 10px;
    border-radius: 12px;
    margin-left: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
    text-align: center;
}

span[data-status]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
}

span[data-status]:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

span[data-status]:active {
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.underProcess_container{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #66666666;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
    font-size: 20px;
    font-weight: 600;
}
.underProcess_container span{
    padding: 16px;
    background: white;
    border-radius: 8px;
    border: 2px solid var(--clr-red);
}

.p-datatable {
  table-layout: fixed !important;
  width: 100% !important;
  min-width: 100% !important;
}

.p-datatable .p-datatable-table {
  table-layout: fixed !important;
  width: 100% !important;
  min-width: 100% !important;
}

.p-datatable .p-frozen-column {
  position: sticky !important;
  background: white;
  z-index: 1;
}

.p-datatable .p-frozen-column:first-child {
  left: 0px !important;
  width: 5vw !important;
  min-width: 5vw !important;
  max-width: 5vw !important;
}

.p-datatable[style*="width"] {
  table-layout: fixed !important;
}

.p-datatable[style*="width"] .p-datatable-table {
  table-layout: fixed !important;
  width: 100% !important;
}

.p-datatable .p-tablecheckbox,
.p-datatable .p-tableheadercheckbox {
  width: auto !important;
  min-width: auto !important;
  max-width: none !important;
}

/* .p-datatable-wrapper {
  overflow-x: auto !important;
  overflow-y: visible !important;
} */

.p-datatable-tbody td,
.p-datatable-thead th {
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.p-datatable[style*="50vw"],
.p-datatable[style*="70vw"] {
  table-layout: fixed !important;
  width: 100% !important;
}

.p-datatable[style*="50vw"] .p-datatable-table,
.p-datatable[style*="70vw"] .p-datatable-table {
  table-layout: fixed !important;
  width: 100% !important;
}

.p-tablecheckbox,
.p-tableheadercheckbox {
  pointer-events: auto !important;
}

.p-tablecheckbox .p-checkbox,
.p-tableheadercheckbox .p-checkbox {
  width: auto !important;
  min-width: auto !important;
  max-width: none !important;
}

.p-datatable-tbody td[style*="width"],
.p-datatable-thead th[style*="width"] {
  width: inherit !important;
  min-width: inherit !important;
  max-width: inherit !important;
}

.p-datatable-tbody td[style*="5vw"],
.p-datatable-thead th[style*="5vw"] {
  width: 5vw !important;
  min-width: 5vw !important;
  max-width: 5vw !important;
}

.p-datatable-tbody td[style*="13vw"],
.p-datatable-thead th[style*="13vw"] {
  width: 13vw !important;
  min-width: 13vw !important;
  max-width: 13vw !important;
}

.p-datatable-tbody td[style*="15vw"],
.p-datatable-thead th[style*="15vw"] {
  width: 15vw !important;
  min-width: 15vw !important;
  max-width: 15vw !important;
}

.p-datatable[style*="maxWidth"] {
  table-layout: fixed !important;
}

.p-datatable[style*="maxWidth"] .p-datatable-table {
  table-layout: fixed !important;
  width: 100% !important;
}

.selection-operations-row {
    height          : 48px;
    background-color: #F7F2FF !important;
    align-items     : center;
    margin          : 2px 0;
    width           : 100% !important;
    position        : relative !important;
    z-index         : 1 !important;
}

.selection-operations-row td {
    width           : 100% !important;
    background-color: #dfecfe !important;
    padding         : 0 !important;
    position        : relative !important;
    z-index         : 1 !important;
}

.selection-operations-row td[colspan] {
    position: static !important;
    left: 0px !important;
    width: 100% !important;
    background-color: #F7F2FF !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.selection-operations-row .p-frozen-column {
    position: static !important;
    left: 0px !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    z-index: 1;
    background-color: #dfecfe !important;
}

.selection-operations-row::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #F7F2FF !important;
    z-index: 0;
    pointer-events: none;
}

.selection-operations-options {
    display        : flex !important;
    align-items    : center !important;
    padding        : 8px 16px !important;
    position       : relative;
    z-index        : 5 !important;
    min-height     : 48px;
    white-space    : nowrap;
    flex-wrap      : nowrap !important;
    gap            : 10px;
    width          : 100% !important;
    background-color: #dfecfe !important;
    box-sizing     : border-box !important;
    visibility     : visible !important;
    opacity        : 1 !important;
}

.selection-operations-options > * {
    flex-shrink: 0;
    white-space: nowrap;
}

.selection-operations-options span {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    color: var(--fc-dark) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    z-index: 6 !important;
    position: relative !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: inline-block !important;
    padding: 0 10px !important;
}

.selection-operations-options > div {
    flex-shrink: 0 !important;
}

.selection-operations-options > div > .p-button > .p-button-icon {
    font-size  : 12px !important;
    font-weight: 600 !important;
    color      : black !important;
}

.selection-operations-options > div > .p-button {
    background-color: var(--clr-white);
    color           : var(--clr-seconadary);
    height          : 30px;
    padding         : 5px 10px;
    font-size       : 14px !important;
    font-weight     : 400;
    width           : fit-content;
    border          : 1px var(--clr-primary-accent1) solid;
    border-radius   : 3px;
    margin-left     : 8px;
    position        : relative !important;
    z-index         : 7 !important;
    visibility      : visible !important;
    opacity         : 1 !important;
}

.selection-operations-options > div > .p-button:hover {
    color : var(--fc-primary);
    border: 1px solid #326BEE99;
}

.status-btns {
    display: inline-block !important;
    margin: 0;
    position: relative;
    z-index: 6 !important;
    vertical-align: top;
    flex-shrink: 0;
}

.status-btns .p-button {
    background-color: var(--clr-white) !important;
    color           : var(--clr-seconadary) !important;
    height          : 30px !important;
    padding         : 4px 8px !important;
    font-size       : 12px !important;
    font-weight     : 400 !important;
    width           : fit-content !important;
    border          : 1px var(--clr-primary-accent1) solid !important;
    border-radius   : 3px !important;
    margin          : 0 2px !important;
    position        : relative !important;
    z-index         : 7 !important;
    display         : inline-block !important;
    visibility      : visible !important;
    opacity         : 1 !important;
    white-space     : nowrap !important;
    flex-shrink     : 0 !important;
}

.status-btns .p-button:hover {
    color : var(--fc-primary) !important;
    border: 1px solid #326BEE99 !important;
}

.status-btns .p-button:disabled {
    background-color: #888888 !important;
    border-color: #888888 !important;
    color: #cccccc !important;
    cursor: not-allowed;
}

.selection-operations-row .status-btns {
    visibility: visible !important;
    opacity: 1 !important;
    display: inline-block !important;
    position: relative !important;
    z-index: 6 !important;
}

.selection-operations-row .status-btns .p-button {
    visibility: visible !important;
    opacity: 1 !important;
    display: inline-block !important;
    position: relative !important;
    z-index: 7 !important;
    background-color: var(--clr-white) !important;
    color: var(--clr-seconadary) !important;
    border: 1px solid #E6E5E9!important;
    border-radius: 1px;
}

.status-btns {
    display: inline-block !important;
    vertical-align: top !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    z-index: 6 !important;
}

.selection-operations-row {
    width: 100% !important;
    background-color: #F7F2FF !important;
    overflow: visible !important;
}

.selection-operations-row td {
    width: 100% !important;
    background-color: #F7F2FF !important;
    padding: 0 !important;
    left: 0px !important;
    overflow: visible !important;
}

.p-sidebar .p-sidebar-content:has(.neo-sidebar) {
    padding: 0px !important;
}

.neo-scrollbar {
  scrollbar-gutter: stable;
  overflow: auto;
}

/* Always show scrollbar */
.neo-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Track */
.neo-scrollbar::-webkit-scrollbar-track {
  border-radius: 4px;
}

/* Thumb (subtle by default) */
.neo-scrollbar::-webkit-scrollbar-thumb {
  background-color: #e0e0e0;
  border-radius: 4px;
  border: 2px solid #f4f4f4;
}

/* Enhance on scrollbar hover (not container hover) */
.neo-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #c1c1c1;
}
.upload-note {
    font-size: 12px;
    font-family: Poppins, sans-serif;
    color: #666666;
    margin-top: 10px;
    margin-bottom: 10px;
  }

input::-ms-reveal,
input::-ms-clear {
    display: none;
}
:root {
    --surface-a           : #ffffff;
    --surface-b           : #f8f9fa;
    --surface-c           : #e9ecef;
    --surface-d           : #dee2e6;
    --surface-e           : #ffffff;
    --surface-f           : #ffffff;
    --text-color          : #495057;
    --text-color-secondary: #666666;
    --primary-color       : #326BEE;
    --primary-color-text  : #ffffff;
    --font-family         : -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica,
        Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    --surface-0      : #ffffff;
    --surface-50     : #fafafa;
    --surface-100    : #f5f5f5;
    --surface-200    : #eeeeee;
    --surface-300    : #e0e0e0;
    --surface-400    : #bdbdbd;
    --surface-500    : #9e9e9e;
    --surface-600    : #757575;
    --surface-700    : #616161;
    --surface-800    : #424242;
    --surface-900    : #212121;
    --gray-50        : #fafafa;
    --gray-100       : #f5f5f5;
    --gray-200       : #eeeeee;
    --gray-300       : #e0e0e0;
    --gray-400       : #bdbdbd;
    --gray-500       : #9e9e9e;
    --gray-600       : #757575;
    --gray-700       : #616161;
    --gray-800       : #424242;
    --gray-900       : #212121;
    --content-padding: 1.25rem;
    --inline-spacing : 0.5rem;
    --border-radius  : 6px;
    --surface-ground : #eff3f8;
    --surface-section: #ffffff;
    --surface-card   : #ffffff;
    --surface-overlay: #ffffff;
    --surface-border : #dfe7ef;
    --surface-hover  : #f6f9fc;
    --focus-ring     : 0 0 0 0.2rem #bfdbfe;
    --maskbg         : rgba(0, 0, 0, 0.4);



    --blue-50     : #f5f9ff;
    --blue-100    : #d0e1fd;
    --blue-200    : #abc9fb;
    --blue-300    : #85b2f9;
    --blue-400    : #609af8;
    --blue-500    : #326BEE;
    --blue-600    : #326fd1;
    --blue-700    : #295bac;
    --blue-800    : #204887;
    --blue-900    : #183462;
    --green-50    : #f4fcf7;
    --green-100   : #caf1d8;
    --green-200   : #a0e6ba;
    --green-300   : #76db9b;
    --green-400   : #4cd07d;
    --green-500   : #22c55e;
    --green-600   : #1da750;
    --green-700   : #188a42;
    --green-800   : #136c34;
    --green-900   : #0e4f26;
    --yellow-50   : #fefbf3;
    --yellow-100  : #faedc4;
    --yellow-200  : #f6de95;
    --yellow-300  : #f2d066;
    --yellow-400  : #eec137;
    --yellow-500  : #eab308;
    --yellow-600  : #c79807;
    --yellow-700  : #a47d06;
    --yellow-800  : #816204;
    --yellow-900  : #5e4803;
    --cyan-50     : #f3fbfd;
    --cyan-100    : #c3edf5;
    --cyan-200    : #94e0ed;
    --cyan-300    : #65d2e4;
    --cyan-400    : #35c4dc;
    --cyan-500    : #06b6d4;
    --cyan-600    : #059bb4;
    --cyan-700    : #047f94;
    --cyan-800    : #036475;
    --cyan-900    : #024955;
    --pink-50     : #fef6fa;
    --pink-100    : #fad3e7;
    --pink-200    : #f7b0d3;
    --pink-300    : #f38ec0;
    --pink-400    : #f06bac;
    --pink-500    : #ec4899;
    --pink-600    : #c93d82;
    --pink-700    : #a5326b;
    --pink-800    : #822854;
    --pink-900    : #5e1d3d;
    --indigo-50   : #f7f7fe;
    --indigo-100  : #dadafc;
    --indigo-200  : #bcbdf9;
    --indigo-300  : #9ea0f6;
    --indigo-400  : #8183f4;
    --indigo-500  : #6366f1;
    --indigo-600  : #5457cd;
    --indigo-700  : #4547a9;
    --indigo-800  : #363885;
    --indigo-900  : #282960;
    --teal-50     : #f3fbfb;
    --teal-100    : #c7eeea;
    --teal-200    : #9ae0d9;
    --teal-300    : #6dd3c8;
    --teal-400    : #41c5b7;
    --teal-500    : #14b8a6;
    --teal-600    : #119c8d;
    --teal-700    : #0e8174;
    --teal-800    : #0b655b;
    --teal-900    : #084a42;
    --orange-50   : #fff8f3;
    --orange-100  : #feddc7;
    --orange-200  : #fcc39b;
    --orange-300  : #fba86f;
    --orange-400  : #fa8e42;
    --orange-500  : #f97316;
    --orange-600  : #d46213;
    --orange-700  : #ae510f;
    --orange-800  : #893f0c;
    --orange-900  : #642e09;
    --bluegray-50 : #f7f8f9;
    --bluegray-100: #dadee3;
    --bluegray-200: #bcc3cd;
    --bluegray-300: #9fa9b7;
    --bluegray-400: #818ea1;
    --bluegray-500: #64748b;
    --bluegray-600: #556376;
    --bluegray-700: #465161;
    --bluegray-800: #37404c;
    --bluegray-900: #282e38;
    --purple-50   : #fbf7ff;
    --purple-100  : #ead6fd;
    --purple-200  : #dab6fc;
    --purple-300  : #c996fa;
    --purple-400  : #b975f9;
    --purple-500  : #a855f7;
    --purple-600  : #8f48d2;
    --purple-700  : #763cad;
    --purple-800  : #5c2f88;
    --purple-900  : #432263;
    --red-50      : #fff5f5;
    --red-100     : #ffd0ce;
    --red-200     : #ffaca7;
    --red-300     : #ff8780;
    --red-400     : #ff6259;
    --red-500     : #ff3d32;
    --red-600     : #d9342b;
    --red-700     : #b32b23;
    --red-800     : #8c221c;
    --red-900     : #661814;
    --primary-50  : #f5f9ff;
    --primary-100 : #d0e1fd;
    --primary-200 : #abc9fb;
    --primary-300 : #85b2f9;
    --primary-400 : #609af8;
    --primary-500 : #326BEE;
    --primary-600 : #326fd1;
    --primary-700 : #295bac;
    --primary-800 : #204887;
    --primary-900 : #183462;
}

* {
    box-sizing: border-box;
}

.p-component {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
        Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
}

.p-component-overlay {
    background-color   : #66666666;
    transition-duration: 0.2s;
}

.p-disabled,
.p-component:disabled {
    opacity: 0.7;
}

.p-error {
    color: #e24c4c;
}

.p-text-secondary {
    color: #666666;
}

.pi {
    font-size: 1rem;
}

.p-link {
    font-size: 1rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
        Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    border-radius: 6px;
}

.p-link:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : 0 0 0 0.2rem #bfdbfe;
}

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

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

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

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

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

    to {
        background-color: transparent;
    }
}

.p-autocomplete .p-autocomplete-loader {
    right: 0.75rem;
}

.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
    right: 3.75rem;
}

.p-autocomplete .p-autocomplete-multiple-container {
    padding: 0.375rem 0.75rem;
}

.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
    border-color: #326BEE;
}

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

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

.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
        Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    color    : #495057;
    padding  : 0;
    margin   : 0;
}

.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
    padding      : 0.375rem 0.75rem;
    margin-right : 0.5rem;
    background   : #eff6ff;
    color        : #1d4ed8;
    border-radius: 6px;
}

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

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

.p-autocomplete-panel {
    background   : #ffffff;
    color        : #495057;
    border       : 0 none;
    border-radius: 6px;
    box-shadow   : 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) {
    padding: 0.75rem 0;
}

.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper {
    padding: 0.75rem 0;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
    margin       : 0;
    padding      : 0.75rem 1.25rem;
    border       : 0 none;
    color        : #495057;
    background   : transparent;
    transition   : box-shadow 0.2s;
    border-radius: 0;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
    color     : #495057;
    background: #e9ecef;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
    color     : #1d4ed8;
    background: #eff6ff;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
    padding   : 0.75rem 1.25rem;
    color     : #495057;
    background: transparent;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
    margin     : 0;
    padding    : 0.75rem 1.25rem;
    color      : #343a40;
    background : #ffffff;
    font-weight: 700;
}

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

p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
    color: #666666;
    right: 0.75rem;
}

p-autocomplete.p-autocomplete-clearable.p-autocomplete-dd .p-autocomplete-clear-icon {
    color: #666666;
    right: 3.75rem;
}

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

.p-datepicker {
    padding      : 0.5rem;
    background   : #ffffff;
    color        : #495057;
    border       : 1px solid #ced4da;
    border-radius: 6px;
    width        : auto !important;
}

.p-datepicker:not(.p-datepicker-inline) {
    background: #ffffff;
    border    : 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

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

.p-datepicker .p-datepicker-header {
    padding                : 0.5rem;
    color                  : #495057;
    background             : #ffffff;
    font-weight            : 600;
    margin                 : 0;
    border-bottom          : 1px solid #dee2e6;
    border-top-right-radius: 6px;
    border-top-left-radius : 6px;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
    width        : 2rem;
    height       : 2rem;
    color        : #666666;
    border       : 0 none;
    background   : transparent;
    border-radius: 50%;
    transition   : background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
    color       : #343a40;
    border-color: transparent;
    background  : #e9ecef;
}

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

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

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    color      : #495057;
    transition : background-color 0.2s, color 0.2s, box-shadow 0.2s;
    font-weight: 600;
    padding    : 0.5rem;
}

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

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

.p-datepicker table {
    font-size: 14px;
    margin   : 0.5rem 0;
}

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

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

.p-datepicker table td {
    padding: 0;
}

.p-datepicker table td>span {
    width        : 2rem;
    height       : 2rem;
    border-radius: 50%;
    transition   : box-shadow 0.2s;
    border       : 1px solid transparent;
}

.p-datepicker table td>span.p-highlight {
    color     : #1d4ed8;
    background: #eff6ff;
}

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

.p-datepicker table td.p-datepicker-today>span {
    background  : #ced4da;
    color       : #495057;
    border-color: transparent;
}

.p-datepicker table td.p-datepicker-today>span.p-highlight {
    color     : #1d4ed8;
    background: #eff6ff;
}

.p-datepicker .p-datepicker-buttonbar {
    padding   : 1rem 0;
    border-top: 1px solid #dee2e6;
}

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

.p-datepicker .p-timepicker {
    border-top: 1px solid #dee2e6;
    padding   : 0.5rem;
}

.p-datepicker .p-timepicker button {
    width        : 1.5rem;
    height       : 1.5rem;
    color        : #666666;
    border       : 0 none;
    background   : transparent;
    border-radius: 50%;
    transition   : background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-datepicker .p-timepicker button:enabled:hover {
    color       : #343a40;
    border-color: transparent;
    background  : #e9ecef;
}

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

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

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

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

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

.p-datepicker .p-monthpicker {
    margin: 0.5rem 0;
}

.p-datepicker .p-monthpicker .p-monthpicker-month {
    padding      : 0.5rem;
    transition   : box-shadow 0.2s;
    border-radius: 6px;
}

.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
    color     : #1d4ed8;
    background: #eff6ff;
}

.p-datepicker .p-yearpicker {
    margin: 0.5rem 0;
}

.p-datepicker .p-yearpicker .p-yearpicker-year {
    padding      : 0.5rem;
    transition   : box-shadow 0.2s;
    border-radius: 6px;
}

.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
    color     : #1d4ed8;
    background: #eff6ff;
}

.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
    border-left   : 1px solid #dee2e6;
    padding-right : 0.5rem;
    padding-left  : 0.5rem;
    padding-top   : 0;
    padding-bottom: 0;
}

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

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

.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
    background: #e9ecef;
}

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

.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
}

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

.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
}

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

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

p-calendar.p-calendar-clearable .p-calendar-clear-icon {
    color: #666666;
    right: 0.75rem;
}

p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon {
    color: #666666;
    right: 3.75rem;
}

@media screen and (max-width: 769px) {

    .p-datepicker table th,
    .p-datepicker table td {
        padding: 0;
    }
}

.p-cascadeselect {
    background: #ffffff;
    border    : 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s,
        box-shadow 0.2s;
    border-radius: 6px;
}

.p-cascadeselect:not(.p-disabled):hover {
    border-color: #326BEE;
}

.p-cascadeselect:not(.p-disabled).p-focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : 0 0 0 0.2rem #bfdbfe;
    border-color  : #326BEE;
}

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

.p-cascadeselect .p-cascadeselect-label.p-placeholder {
    color: #666666;
}

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

.p-cascadeselect .p-cascadeselect-trigger {
    background                : transparent;
    color                     : #666666;
    width                     : 3rem;
    border-top-right-radius   : 6px;
    border-bottom-right-radius: 6px;
}

.p-cascadeselect-panel {
    background   : #ffffff;
    color        : #495057;
    border       : 0 none;
    border-radius: 6px;
    box-shadow   : 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.p-cascadeselect-panel .p-cascadeselect-items {
    padding: 0.75rem 0;
}

.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
    margin       : 0;
    border       : 0 none;
    color        : #495057;
    background   : transparent;
    transition   : box-shadow 0.2s;
    border-radius: 0;
}

.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
    padding: 0.75rem 1.25rem;
}

.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : inset 0 0 0 0.15rem #bfdbfe;
}

.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
    color     : #1d4ed8;
    background: #eff6ff;
}

.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
    color     : #495057;
    background: #e9ecef;
}

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

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

.p-input-filled .p-cascadeselect {
    background: #e9ecef;
}

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

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

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

p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
    color: #666666;
    right: 3rem;
}

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

.p-checkbox .p-checkbox-box {
    background   : #ffffff;
    border       : 2px solid #ced4da;
    width        : 16px;
    height       : 16px;
    display      : inline-flex;
    align-items  : center;
    border-radius: 3px;
    margin       : 2px;
    transition   : background-color 0.2s, color 0.2s, border-color 0.2s,
        box-shadow 0.2s;
}

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

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

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    border-color: #326BEE;
}

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : 0 0 0 0.2rem #bfdbfe;
    border-color  : #326BEE;
}

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    border-color: #1d4ed8;
    background  : #1d4ed8;
    color       : #ffffff;
}

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

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

.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
    background: #326BEE;
}

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

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

.p-checkbox-label {
    margin-left: 0.5rem;
}

.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
    border-color: #326BEE;
}

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

.p-chips .p-chips-multiple-container .p-chips-token {
    margin-right : 0.5rem;
    background   : #eff6ff;
    color        : #1d4ed8;
    border-radius: 6px;
}

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

.p-chips .p-chips-multiple-container .p-chips-input-token input {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
        Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    color    : #495057;
    padding  : 0;
    margin   : 0;
}

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

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

p-chips.p-chips-clearable .p-chips-clear-icon {
    color: #666666;
    right: 0.75rem;
}

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

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

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

.p-colorpicker-overlay-panel {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.p-dropdown {
    background: #ffffff;
    border    : 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s,
        box-shadow 0.2s;
    border-radius: 6px;
}

.p-dropdown:hover {
    border-color: #326BEE;
}

.p-dropdown:not(.p-disabled).p-focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : 0 0 0 0.2rem #bfdbfe;
    border-color  : #326BEE;
}

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

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

.p-dropdown .p-dropdown-label.p-placeholder {
    color: #666666;
}

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

.p-dropdown .p-dropdown-trigger {
    background                   : transparent;
    color                        : #666666;
    width                        : 1.5rem;
    padding                      : 0;
    /* border-top-right-radius   : 6px;
    border-bottom-right-radius   : 6px; */
}

.p-dropdown .p-dropdown-clear-icon {
    color: #666666;
    right: 3rem;
    top: 0.70rem;
}

.p-dropdown-panel {
    background   : #ffffff;
    color        : #495057;
    border       : 0 none;
    border-radius: 6px;
    box-shadow   : 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    max-width: fit-content !important;
    min-width: 100% !important;
}
.eventForm-elements > .dropdown > .p-dropdown {
    width: 25vw !important;
    min-height: 2.5rem !important;
}
.eventForm-elements > .dropdown > .p-dropdown .p-dropdown-panel {
    width: auto !important;
    min-width: 100% !important;
    max-width: 25vw !important;
}

.eventForm-elements > .dropdown > .p-dropdown .p-dropdown-items-wrapper {
    width: auto !important;
    max-width: 25vw !important;
}

.eventForm-elements > .dropdown > .p-dropdown .p-dropdown-item {
    width: auto !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.p-dropdown-panel .p-dropdown-header {
    padding                : 0.75rem 1.25rem;
    border-bottom          : 1px solid #dee2e6;
    color                  : #343a40;
    background             : #f8f9fa;
    margin                 : 0;
    border-top-right-radius: 6px;
    border-top-left-radius : 6px;
    word-break: break-word;
    white-space: normal !important;
}

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

.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
    right: 0.75rem;
    color: #666666;
}

.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) {
    padding: 0.75rem 0;
}

.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper {
    padding: 0.75rem 0;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    margin       : 0;
    padding      : 0.75rem 1.25rem;
    border       : 0 none;
    color        : #495057;
    background   : transparent;
    transition   : box-shadow 0.2s;
    border-radius: 0;
    word-break: break-word;
    white-space: normal; 
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    display: block;  
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    color     : #326BEE;
    background: #326BEE1A;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
    color     : #326BEE;
    background: #326BEE08;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
    padding   : 0.75rem 1.25rem;
    color     : #495057;
    background: transparent;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
    margin     : 0;
    padding    : 0.75rem 1.25rem;
    color      : #343a40;
    background : #ffffff;
    font-weight: 700;
}

.filter-dropdown > .p-dropdown .p-dropdown-panel .p-dropdown-items-wrapper,
.special-dropdown > .p-dropdown .p-dropdown-panel .p-dropdown-items-wrapper {
    overflow: auto;
    width: 290px;
}

.filter-dropdown > .p-dropdown .p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items{
    width: 310px;
}
.special-dropdown > .p-dropdown .p-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items{
    width: 390px;
}

p-dropdown.ng-touched.ng-dirty.ng-invalid>.p-dropdown {
    border-color: #e24c4c;
}

.p-input-filled .p-dropdown {
    background: #e9ecef;
}

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

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

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

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

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

.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
    stroke: #666666;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
    fill: #666666;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
    border: 0 none;
    color : #666666;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
    color: #495057;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
    stroke: #495057;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
    fill: #495057;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #495057;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #495057;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #495057;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    background   : #ffffff;
    border       : 0 none;
    box-shadow   : 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding      : 0.75rem 0;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
    color: #495057;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
    color     : #495057;
    background: #e9ecef;
}

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

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

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

.p-editor-container .p-editor-content .ql-editor {
    background                : #ffffff;
    color                     : #495057;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius : 6px;
}

.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
    color: #495057;
}

.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
    stroke: #495057;
}

.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
    fill: #495057;
}

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

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

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

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

.p-inputgroup-addon {
    background   : #e9ecef;
    color        : #666666;
    border-top   : 1px solid #ced4da;
    border-left  : 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    padding      : 0.75rem 0.75rem;
    min-width    : 3rem;
}

.p-inputgroup-addon>.ng-invalid {
    border-color: red;
}

.p-inputgroup-addon:last-child {
    border-right: 1px solid #ced4da;
}

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

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

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

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

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

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

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

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

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

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

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

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

p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
    color: #666666;
    right: 0.75rem;
}

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

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

p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
    color: #666666;
    right: 0.75rem;
}

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

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

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

.p-inputswitch .p-inputswitch-slider {
    background: #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s,
        box-shadow 0.2s;
    border-radius: 30px;
}

.p-inputswitch .p-inputswitch-slider:before {
    background         : #ffffff;
    width              : 1.25rem;
    height             : 1.25rem;
    left               : 0.25rem;
    margin-top         : -0.625rem;
    border-radius      : 50%;
    transition-duration: 0.2s;
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
    transform : translateX(1.25rem);
    background: #ffffff;
}

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

.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
    background: #b6bfc8;
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
    background: #326BEE;
}

.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
    background: #2563eb;
}

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

.p-inputtext {
    font-size : 14px;
    color     : #495057;
    background: #ffffff;
    padding   : 0.75rem 0.75rem;
    border    : 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s,
        box-shadow 0.2s;
    appearance   : none;
    border-radius: 6px;
    font-family: Poppins, sans-serif !important;
}

.p-inputtext:enabled:hover {
    border-color: #326BEE;
}

.p-inputtext:enabled:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : 0 0 0 0.2rem #bfdbfe;
    border        : 1px solid #326BEE;
}

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

.invalid {
    border-color: #e24c4c !important;
    color       : #e24c4c
}

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

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

.p-float-label>label {
    left               : 0.75rem;
    color              : #666666;
    transition-duration: 0.2s;
    top                : 28px !important;
}

.p-float-label>.ng-invalid.ng-dirty {
    color: #e24c4c;
}

.p-input-icon-left>i:first-of-type {
    left : 0.75rem;
    color: #666666;
}

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

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

.p-input-icon-right>i:last-of-type {
    right: 0.75rem;
    color: #666666;
}

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

::-webkit-input-placeholder {
    color: #666666;
}

:-moz-placeholder {
    color: #666666;
}

::-moz-placeholder {
    color: #666666;
}

:-ms-input-placeholder {
    color: #666666;
}

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

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

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

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

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

.p-listbox {
    background   : #ffffff;
    color        : #495057;
    border       : 1px solid #ced4da;
    border-radius: 6px;
}

.p-listbox .p-listbox-header {
    padding                : 0.75rem 1.25rem;
    border-bottom          : 1px solid #dee2e6;
    color                  : #343a40;
    background             : #f8f9fa;
    margin                 : 0;
    border-top-right-radius: 6px;
    border-top-left-radius : 6px;
}

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

.p-listbox .p-listbox-header .p-listbox-filter-icon {
    right: 0.75rem;
    color: #666666;
}

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

.p-listbox .p-listbox-list {
    padding: 0.75rem 0;
}

.p-listbox .p-listbox-list .p-listbox-item {
    margin       : 0;
    padding      : 0.75rem 1.25rem;
    border       : 0 none;
    color        : #495057;
    transition   : box-shadow 0.2s;
    border-radius: 0;
}

.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
    color     : #1d4ed8;
    background: #eff6ff;
}

.p-listbox .p-listbox-list .p-listbox-item:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : inset 0 0 0 0.15rem #bfdbfe;
}

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

.p-listbox .p-listbox-list .p-listbox-item-group {
    margin     : 0;
    padding    : 0.75rem 1.25rem;
    color      : #343a40;
    background : #ffffff;
    font-weight: 700;
}

.p-listbox .p-listbox-list .p-listbox-empty-message {
    padding   : 0.75rem 1.25rem;
    color     : #495057;
    background: transparent;
}

.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
    color     : #495057;
    background: #e9ecef;
}

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

.p-multiselect {
    background: #ffffff;
    border    : 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s,
        box-shadow 0.2s;
    border-radius: 6px;
}

.multi-talent>.p-multiselect.p-multiselect-chip{
    width: 300px;
}
.multi-talent>.p-multiselect .p-multiselect-panel {
    width: 300px;
}

.p-multiselect:not(.p-disabled):hover {
    border-color: #326BEE;
}

.p-multiselect:not(.p-disabled).p-focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : 0 0 0 0.2rem #bfdbfe;
    border-color  : #326BEE;
}

.p-multiselect .p-multiselect-label {
    padding: 0.75rem 0.75rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s,
        box-shadow 0.2s;
}

.p-multiselect .p-multiselect-label.p-placeholder {
    color: #666666;
}

.p-multiselect.p-multiselect-chip .p-multiselect-token {
    padding      : 0.375rem 0.75rem;
    margin-right : 0.5rem;
    background   : #eff6ff;
    color        : #1d4ed8;
    border-radius: 6px;
}

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

.p-multiselect .p-multiselect-trigger {
    background                : transparent;
    color                     : #666666;
    width                     : 3rem;
    border-top-right-radius   : 6px;
    border-bottom-right-radius: 6px;
}

.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
    padding: 0.375rem 0.75rem;
}

.p-multiselect-panel {
    background   : #ffffff;
    color        : #495057;
    border       : 0 none;
    border-radius: 6px;
    box-shadow   : 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.p-multiselect-panel .p-multiselect-header {
    padding                : 0.75rem 1.25rem;
    border-bottom          : 1px solid #dee2e6;
    color                  : #343a40;
    background             : #f8f9fa;
    margin                 : 0;
    border-top-right-radius: 6px;
    border-top-left-radius : 6px;
}

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

.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
    right: 0.75rem;
    color: #666666;
}

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

.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
    margin-left  : 0.5rem;
    width        : 2rem;
    height       : 2rem;
    color        : #666666;
    border       : 0 none;
    background   : transparent;
    border-radius: 50%;
    transition   : background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
    color       : #343a40;
    border-color: transparent;
    background  : #e9ecef;
}

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

.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) {
    padding: 0.75rem 0;
}

.multi-talent > .p-multiselect .p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items{
    width: 320px;
}

.college-talent > .p-multiselect .p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items{
    width: 770px;
}

.branch-talent > .p-multiselect .p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items{
    width: 500px;
}

.branch-talent > .p-multiselect .p-multiselect-panel .p-multiselect-items-wrapper,
.college-talent > .p-multiselect .p-multiselect-panel .p-multiselect-items-wrapper,
.multi-talent > .p-multiselect .p-multiselect-panel .p-multiselect-items-wrapper {
    width: 291px;
}

.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper {
    padding: 0.75rem 0;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
    margin       : 0;
    padding      : 0.75rem 1.25rem;
    border       : 0 none;
    color        : #495057;
    background   : transparent;
    transition   : box-shadow 0.2s;
    border-radius: 0;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
    color: #1d4ed8;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight:hover {
    background: #eff6ff;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
    color     : #495057;
    background: #e9ecef;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : inset 0 0 0 0.15rem #bfdbfe;
}

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

.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
    margin     : 0;
    padding    : 0.75rem 1.25rem;
    color      : #343a40;
    background : #ffffff;
    font-weight: 700;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
    padding   : 0.75rem 1.25rem;
    color     : #495057;
    background: transparent;
}

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

.p-input-filled .p-multiselect {
    background: #e9ecef;
}

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

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

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

p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon {
    color: #666666;
    right: 3rem;
}

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

.p-password-panel {
    padding      : 1.25rem;
    background   : #ffffff;
    color        : #495057;
    border       : 0 none;
    box-shadow   : 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}

.p-password-panel .p-password-meter {
    margin-bottom: 0.5rem;
    background   : #dee2e6;
}

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

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

.p-password-panel .p-password-meter .p-password-strength.strong {
    background: #29c76f;
}

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

p-password.p-password-clearable .p-password-clear-icon {
    color: #666666;
    right: 0.75rem;
}

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

p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
    color: #666666;
    right: 2.5rem;
}

.p-radiobutton {
    width          : 22px;
    height         : 22px;
    justify-content: center;
    align-items    : center;
}

.p-radiobutton .p-radiobutton-box {
    border       : 1px solid #666666;
    background   : #ffffff;
    width        : 16px;
    height       : 16px;
    color        : #495057;
    border-radius: 50%;
    transition   : background-color 0.2s, color 0.2s, border-color 0.2s,
        box-shadow 0.2s;
}

.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
    border-color: #326BEE;
}

.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : 0 0 0 0.1rem #bfdbfe;
    border-color  : #326BEE;
}

.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
    width              : 8px;
    height             : 8px;
    transition-duration: 0.2s;
    background-color   : #326BEE;
}

.p-radiobutton .p-radiobutton-box.p-highlight {
    background  : #FFFFFF;
    border-color: #326BEE;
}

.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
    border       : 1px solid #326BEE;
    box-shadow   : 0 0 0 0.1rem #bfdbfe;
    /* background: #1d4ed8;
    color        : #ffffff; */
}

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

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

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

.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
    background: #326BEE;
}

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

.p-radiobutton-label {
    margin-left: 0.5rem;
}

.p-rating .p-rating-icon {
    color      : #495057;
    margin-left: 0.5rem;
    transition : background-color 0.2s, color 0.2s, border-color 0.2s,
        box-shadow 0.2s;
    font-size: 1.143rem;
}

.p-rating .p-rating-icon.p-rating-cancel {
    color: #ea5455;
}

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

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

.p-rating .p-rating-icon.pi-star-fill {
    color: #326BEE;
}

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

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

.p-selectbutton .p-button {
    background: #ffffff;
    border    : 1px solid #ced4da;
    color     : #495057;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s,
        box-shadow 0.2s;
}

.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
    color: #666666;
}

.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
    background  : #e9ecef;
    border-color: #ced4da;
    color       : #495057;
}

.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
    color: #343a40;
}

.p-selectbutton .p-button.p-highlight {
    background  : #326BEE;
    border-color: #326BEE;
    color       : #ffffff;
}

.p-selectbutton .p-button.p-highlight .p-button-icon-left,
.p-selectbutton .p-button.p-highlight .p-button-icon-right {
    color: #ffffff;
}

.p-selectbutton .p-button.p-highlight:hover {
    background  : #2563eb;
    border-color: #2563eb;
    color       : #ffffff;
}

.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
    color: #ffffff;
}

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

.p-slider {
    background   : #dee2e6;
    border       : 0 none;
    border-radius: 6px;
}

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

.p-slider.p-slider-horizontal .p-slider-handle {
    margin-top : -0.5715rem;
    margin-left: -0.5715rem;
}

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

.p-slider.p-slider-vertical .p-slider-handle {
    margin-left  : -0.5715rem;
    margin-bottom: -0.5715rem;
}

.p-slider .p-slider-handle {
    height       : 1.143rem;
    width        : 1.143rem;
    background   : #ffffff;
    border       : 2px solid #326BEE;
    border-radius: 50%;
    transition   : background-color 0.2s, color 0.2s, border-color 0.2s,
        box-shadow 0.2s;
}

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

.p-slider .p-slider-range {
    background: #326BEE;
}

.p-slider:not(.p-disabled) .p-slider-handle:hover {
    background  : #326BEE;
    border-color: #326BEE;
}

.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle {
    transition: background-color 0.2s, color 0.2s, border-color 0.2s,
        box-shadow 0.2s, left 0.2s;
}

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

.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle {
    transition: background-color 0.2s, color 0.2s, border-color 0.2s,
        box-shadow 0.2s, bottom 0.2s;
}

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

.p-togglebutton.p-button {
    background: #ffffff;
    border    : 1px solid #ced4da;
    color     : #495057;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s,
        box-shadow 0.2s;
}

.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
    color: #666666;
}

.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
    background  : #e9ecef;
    border-color: #ced4da;
    color       : #495057;
}

.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
    color: #343a40;
}

.p-togglebutton.p-button.p-highlight {
    background  : #326BEE;
    border-color: #326BEE;
    color       : #ffffff;
}

.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
    color: #ffffff;
}

.p-togglebutton.p-button.p-highlight:hover {
    background  : #2563eb;
    border-color: #2563eb;
    color       : #ffffff;
}

.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
    color: #ffffff;
}

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

.p-treeselect {
    background: #ffffff;
    border    : 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s,
        box-shadow 0.2s;
    border-radius: 6px;
}

.p-treeselect:not(.p-disabled):hover {
    border-color: #326BEE;
}

.p-treeselect:not(.p-disabled).p-focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : 0 0 0 0.2rem #bfdbfe;
    border-color  : #326BEE;
}

.p-treeselect .p-treeselect-label {
    padding: 0.75rem 0.75rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s,
        box-shadow 0.2s;
}

.p-treeselect .p-treeselect-label.p-placeholder {
    color: #666666;
}

.p-treeselect.p-treeselect-chip .p-treeselect-token {
    padding      : 0.375rem 0.75rem;
    margin-right : 0.5rem;
    background   : #dee2e6;
    color        : #495057;
    border-radius: 16px;
}

.p-treeselect .p-treeselect-trigger {
    background                : transparent;
    color                     : #666666;
    width                     : 3rem;
    border-top-right-radius   : 6px;
    border-bottom-right-radius: 6px;
}

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

.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
    padding: 0.375rem 0.75rem;
}

.p-treeselect-panel {
    background   : #ffffff;
    color        : #495057;
    border       : 0 none;
    border-radius: 6px;
    box-shadow   : 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.p-treeselect-panel .p-treeselect-header {
    padding                : 0.75rem 1.25rem;
    border-bottom          : 1px solid #dee2e6;
    color                  : #343a40;
    background             : #f8f9fa;
    margin                 : 0;
    border-top-right-radius: 6px;
    border-top-left-radius : 6px;
}

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

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

.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
    right: 0.75rem;
    color: #666666;
}

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

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

.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
    width        : 2rem;
    height       : 2rem;
    color        : #666666;
    border       : 0 none;
    background   : transparent;
    border-radius: 50%;
    transition   : background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
    color       : #343a40;
    border-color: transparent;
    background  : #e9ecef;
}

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

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

.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
    padding   : 0.75rem 1.25rem;
    color     : #495057;
    background: transparent;
}

.p-input-filled .p-treeselect {
    background: #e9ecef;
}

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

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

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

p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
    color: #666666;
    right: 3rem;
}

.p-button {
    color     : #ffffff;
    background: #326BEE;
    border    : 1px solid #326BEE;
    padding   : 0.75rem;
    font-size : 14px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s,
        box-shadow 0.2s;
    border-radius: 4px;
}

.p-button:enabled:hover {
    background  : #2563eb;
    color       : #ffffff;
    border-color: #2563eb;
}

.p-button:enabled:active {
    background  : #1d4ed8;
    color       : #ffffff;
    border-color: #1d4ed8;
}

.p-button.p-button-outlined {
    background-color: transparent;
    color           : #326BEE;
    border          : 1px solid;
}

.p-button.p-button-outlined:enabled:hover {
    background: rgba(59, 130, 246, 0.04);
    color     : #326BEE;
    border    : 1px solid;
}

.p-button.p-button-outlined:enabled:active {
    background: rgba(59, 130, 246, 0.16);
    color     : #326BEE;
    border    : 1px solid;
}

.p-button.p-button-outlined.p-button-plain {
    color       : #666666;
    border-color: #666666;
}

.p-button.p-button-outlined.p-button-plain:enabled:hover {
    background: #e9ecef;
    color     : #666666;
}

.p-button.p-button-outlined.p-button-plain:enabled:active {
    background: #dee2e6;
    color     : #666666;
}

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

.p-button.p-button-text:enabled:hover {
    background  : rgba(59, 130, 246, 0.04);
    color       : #326BEE;
    border-color: transparent;
}

.p-button.p-button-text:enabled:active {
    background  : rgba(59, 130, 246, 0.16);
    color       : #326BEE;
    border-color: transparent;
}

.p-button.p-button-text.p-button-plain {
    color: #666666;
}

.p-button.p-button-text.p-button-plain:enabled:hover {
    background: #e9ecef;
    color     : #666666;
}

.p-button.p-button-text.p-button-plain:enabled:active {
    background: #dee2e6;
    color     : #666666;
}

.p-button:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black;
}

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

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

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

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

.p-button .p-badge {
    margin-left     : 0.5rem;
    min-width       : 1rem;
    height          : 1rem;
    line-height     : 1rem;
    color           : #326BEE;
    background-color: #ffffff;
}

.p-button.p-button-raised {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

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

.p-button.p-button-icon-only {
    width  : 2.5rem;
    padding: 0.75rem 0;
}

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

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

.p-button.p-button-sm {
    font-size: 0.875rem;
    padding  : 0.65625rem 1.09375rem;
}

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

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

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

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

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

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

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

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

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

.p-button.p-button-secondary,
.p-buttonset.p-button-secondary>.p-button,
.p-splitbutton.p-button-secondary>.p-button {
    color     : #ffffff;
    background: #64748b;
    border    : 1px solid #64748b;
}

.p-button.p-button-secondary:enabled:hover,
.p-buttonset.p-button-secondary>.p-button:enabled:hover,
.p-splitbutton.p-button-secondary>.p-button:enabled:hover {
    background  : #475569;
    color       : #ffffff;
    border-color: #475569;
}

.p-button.p-button-secondary:enabled:focus,
.p-buttonset.p-button-secondary>.p-button:enabled:focus,
.p-splitbutton.p-button-secondary>.p-button:enabled:focus {
    box-shadow: 0 0 0 0.2rem #e2e8f0;
}

.p-button.p-button-secondary:enabled:active,
.p-buttonset.p-button-secondary>.p-button:enabled:active,
.p-splitbutton.p-button-secondary>.p-button:enabled:active {
    background  : #334155;
    color       : #ffffff;
    border-color: #334155;
}

.p-button.p-button-secondary.p-button-outlined,
.p-buttonset.p-button-secondary>.p-button.p-button-outlined,
.p-splitbutton.p-button-secondary>.p-button.p-button-outlined {
    background-color: transparent;
    color           : #64748b;
    border          : 1px solid;
}

.p-button.p-button-secondary.p-button-outlined:enabled:hover,
.p-buttonset.p-button-secondary>.p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-secondary>.p-button.p-button-outlined:enabled:hover {
    background: rgba(100, 116, 139, 0.04);
    color     : #64748b;
    border    : 1px solid;
}

.p-button.p-button-secondary.p-button-outlined:enabled:active,
.p-buttonset.p-button-secondary>.p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-secondary>.p-button.p-button-outlined:enabled:active {
    background: rgba(100, 116, 139, 0.16);
    color     : #64748b;
    border    : 1px solid;
}

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

.p-button.p-button-secondary.p-button-text:enabled:hover,
.p-buttonset.p-button-secondary>.p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-secondary>.p-button.p-button-text:enabled:hover {
    background  : rgba(100, 116, 139, 0.04);
    border-color: transparent;
    color       : #64748b;
}

.p-button.p-button-secondary.p-button-text:enabled:active,
.p-buttonset.p-button-secondary>.p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-secondary>.p-button.p-button-text:enabled:active {
    background  : rgba(100, 116, 139, 0.16);
    border-color: transparent;
    color       : #64748b;
}

.p-button.p-button-info,
.p-buttonset.p-button-info>.p-button,
.p-splitbutton.p-button-info>.p-button {
    color     : #ffffff;
    background: #326BEE;
    border    : 1px solid #326BEE;
}

.p-button.p-button-info:enabled:hover,
.p-buttonset.p-button-info>.p-button:enabled:hover,
.p-splitbutton.p-button-info>.p-button:enabled:hover {
    background  : #2563eb;
    color       : #ffffff;
    border-color: #2563eb;
}

.p-button.p-button-info:enabled:focus,
.p-buttonset.p-button-info>.p-button:enabled:focus,
.p-splitbutton.p-button-info>.p-button:enabled:focus {
    box-shadow: 0 0 0 0.2rem #bfdbfe;
}

.p-button.p-button-info:enabled:active,
.p-buttonset.p-button-info>.p-button:enabled:active,
.p-splitbutton.p-button-info>.p-button:enabled:active {
    background  : #1d4ed8;
    color       : #ffffff;
    border-color: #1d4ed8;
}

.p-button.p-button-info.p-button-outlined,
.p-buttonset.p-button-info>.p-button.p-button-outlined,
.p-splitbutton.p-button-info>.p-button.p-button-outlined {
    background-color: transparent;
    color           : #326BEE;
    border          : 1px solid;
}

.p-button.p-button-info.p-button-outlined:enabled:hover,
.p-buttonset.p-button-info>.p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-info>.p-button.p-button-outlined:enabled:hover {
    background: rgba(59, 130, 246, 0.04);
    color     : #326BEE;
    border    : 1px solid;
}

.p-button.p-button-info.p-button-outlined:enabled:active,
.p-buttonset.p-button-info>.p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-info>.p-button.p-button-outlined:enabled:active {
    background: rgba(59, 130, 246, 0.16);
    color     : #326BEE;
    border    : 1px solid;
}

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

.p-button.p-button-info.p-button-text:enabled:hover,
.p-buttonset.p-button-info>.p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-info>.p-button.p-button-text:enabled:hover {
    background  : rgba(59, 130, 246, 0.04);
    border-color: transparent;
    color       : #326BEE;
}

.p-button.p-button-info.p-button-text:enabled:active,
.p-buttonset.p-button-info>.p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-info>.p-button.p-button-text:enabled:active {
    background  : rgba(59, 130, 246, 0.16);
    border-color: transparent;
    color       : #326BEE;
}

.p-button.p-button-success,
.p-buttonset.p-button-success>.p-button,
.p-splitbutton.p-button-success>.p-button {
    color     : #ffffff;
    background: #22c55e;
    border    : 1px solid #22c55e;
}

.p-button.p-button-success:enabled:hover,
.p-buttonset.p-button-success>.p-button:enabled:hover,
.p-splitbutton.p-button-success>.p-button:enabled:hover {
    background  : #16a34a;
    color       : #ffffff;
    border-color: #16a34a;
}

.p-button.p-button-success:enabled:focus,
.p-buttonset.p-button-success>.p-button:enabled:focus,
.p-splitbutton.p-button-success>.p-button:enabled:focus {
    box-shadow: 0 0 0 0.2rem #bbf7d0;
}

.p-button.p-button-success:enabled:active,
.p-buttonset.p-button-success>.p-button:enabled:active,
.p-splitbutton.p-button-success>.p-button:enabled:active {
    background  : #15803d;
    color       : #ffffff;
    border-color: #15803d;
}

.p-button.p-button-success.p-button-outlined,
.p-buttonset.p-button-success>.p-button.p-button-outlined,
.p-splitbutton.p-button-success>.p-button.p-button-outlined {
    background-color: transparent;
    color           : #22c55e;
    border          : 1px solid;
}

.p-button.p-button-success.p-button-outlined:enabled:hover,
.p-buttonset.p-button-success>.p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-success>.p-button.p-button-outlined:enabled:hover {
    background: rgba(34, 197, 94, 0.04);
    color     : #22c55e;
    border    : 1px solid;
}

.p-button.p-button-success.p-button-outlined:enabled:active,
.p-buttonset.p-button-success>.p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-success>.p-button.p-button-outlined:enabled:active {
    background: rgba(34, 197, 94, 0.16);
    color     : #22c55e;
    border    : 1px solid;
}

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

.p-button.p-button-success.p-button-text:enabled:hover,
.p-buttonset.p-button-success>.p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-success>.p-button.p-button-text:enabled:hover {
    background  : rgba(34, 197, 94, 0.04);
    border-color: transparent;
    color       : #22c55e;
}

.p-button.p-button-success.p-button-text:enabled:active,
.p-buttonset.p-button-success>.p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-success>.p-button.p-button-text:enabled:active {
    background  : rgba(34, 197, 94, 0.16);
    border-color: transparent;
    color       : #22c55e;
}

.p-button.p-button-warning,
.p-buttonset.p-button-warning>.p-button,
.p-splitbutton.p-button-warning>.p-button {
    color     : #ffffff;
    background: #f59e0b;
    border    : 1px solid #f59e0b;
}

.p-button.p-button-warning:enabled:hover,
.p-buttonset.p-button-warning>.p-button:enabled:hover,
.p-splitbutton.p-button-warning>.p-button:enabled:hover {
    background  : #d97706;
    color       : #ffffff;
    border-color: #d97706;
}

.p-button.p-button-warning:enabled:focus,
.p-buttonset.p-button-warning>.p-button:enabled:focus,
.p-splitbutton.p-button-warning>.p-button:enabled:focus {
    box-shadow: 0 0 0 0.2rem #fde68a;
}

.p-button.p-button-warning:enabled:active,
.p-buttonset.p-button-warning>.p-button:enabled:active,
.p-splitbutton.p-button-warning>.p-button:enabled:active {
    background  : #b45309;
    color       : #ffffff;
    border-color: #b45309;
}

.p-button.p-button-warning.p-button-outlined,
.p-buttonset.p-button-warning>.p-button.p-button-outlined,
.p-splitbutton.p-button-warning>.p-button.p-button-outlined {
    background-color: transparent;
    color           : #f59e0b;
    border          : 1px solid;
}

.p-button.p-button-warning.p-button-outlined:enabled:hover,
.p-buttonset.p-button-warning>.p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-warning>.p-button.p-button-outlined:enabled:hover {
    background: rgba(245, 158, 11, 0.04);
    color     : #f59e0b;
    border    : 1px solid;
}

.p-button.p-button-warning.p-button-outlined:enabled:active,
.p-buttonset.p-button-warning>.p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-warning>.p-button.p-button-outlined:enabled:active {
    background: rgba(245, 158, 11, 0.16);
    color     : #f59e0b;
    border    : 1px solid;
}

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

.p-button.p-button-warning.p-button-text:enabled:hover,
.p-buttonset.p-button-warning>.p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-warning>.p-button.p-button-text:enabled:hover {
    background  : rgba(245, 158, 11, 0.04);
    border-color: transparent;
    color       : #f59e0b;
}

.p-button.p-button-warning.p-button-text:enabled:active,
.p-buttonset.p-button-warning>.p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-warning>.p-button.p-button-text:enabled:active {
    background  : rgba(245, 158, 11, 0.16);
    border-color: transparent;
    color       : #f59e0b;
}

.p-button.p-button-help,
.p-buttonset.p-button-help>.p-button,
.p-splitbutton.p-button-help>.p-button {
    color     : #ffffff;
    background: #a855f7;
    border    : 1px solid #a855f7;
}

.p-button.p-button-help:enabled:hover,
.p-buttonset.p-button-help>.p-button:enabled:hover,
.p-splitbutton.p-button-help>.p-button:enabled:hover {
    background  : #9333ea;
    color       : #ffffff;
    border-color: #9333ea;
}

.p-button.p-button-help:enabled:focus,
.p-buttonset.p-button-help>.p-button:enabled:focus,
.p-splitbutton.p-button-help>.p-button:enabled:focus {
    box-shadow: 0 0 0 0.2rem #e9d5ff;
}

.p-button.p-button-help:enabled:active,
.p-buttonset.p-button-help>.p-button:enabled:active,
.p-splitbutton.p-button-help>.p-button:enabled:active {
    background  : #7e22ce;
    color       : #ffffff;
    border-color: #7e22ce;
}

.p-button.p-button-help.p-button-outlined,
.p-buttonset.p-button-help>.p-button.p-button-outlined,
.p-splitbutton.p-button-help>.p-button.p-button-outlined {
    background-color: transparent;
    color           : #a855f7;
    border          : 1px solid;
}

.p-button.p-button-help.p-button-outlined:enabled:hover,
.p-buttonset.p-button-help>.p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-help>.p-button.p-button-outlined:enabled:hover {
    background: rgba(168, 85, 247, 0.04);
    color     : #a855f7;
    border    : 1px solid;
}

.p-button.p-button-help.p-button-outlined:enabled:active,
.p-buttonset.p-button-help>.p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-help>.p-button.p-button-outlined:enabled:active {
    background: rgba(168, 85, 247, 0.16);
    color     : #a855f7;
    border    : 1px solid;
}

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

.p-button.p-button-help.p-button-text:enabled:hover,
.p-buttonset.p-button-help>.p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-help>.p-button.p-button-text:enabled:hover {
    background  : rgba(168, 85, 247, 0.04);
    border-color: transparent;
    color       : #a855f7;
}

.p-button.p-button-help.p-button-text:enabled:active,
.p-buttonset.p-button-help>.p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-help>.p-button.p-button-text:enabled:active {
    background  : rgba(168, 85, 247, 0.16);
    border-color: transparent;
    color       : #a855f7;
}

.p-button.p-button-danger,
.p-buttonset.p-button-danger>.p-button,
.p-splitbutton.p-button-danger>.p-button {
    color     : #ffffff;
    background: #ef4444;
    border    : 1px solid #ef4444;
}

.p-button.p-button-danger:enabled:hover,
.p-buttonset.p-button-danger>.p-button:enabled:hover,
.p-splitbutton.p-button-danger>.p-button:enabled:hover {
    background  : #dc2626;
    color       : #ffffff;
    border-color: #dc2626;
}

.p-button.p-button-danger:enabled:focus,
.p-buttonset.p-button-danger>.p-button:enabled:focus,
.p-splitbutton.p-button-danger>.p-button:enabled:focus {
    box-shadow: 0 0 0 0.2rem #fecaca;
}

.p-button.p-button-danger:enabled:active,
.p-buttonset.p-button-danger>.p-button:enabled:active,
.p-splitbutton.p-button-danger>.p-button:enabled:active {
    background  : #b91c1c;
    color       : #ffffff;
    border-color: #b91c1c;
}

.p-button.p-button-danger.p-button-outlined,
.p-buttonset.p-button-danger>.p-button.p-button-outlined,
.p-splitbutton.p-button-danger>.p-button.p-button-outlined {
    background-color: transparent;
    color           : #ef4444;
    border          : 1px solid;
}

.p-button.p-button-danger.p-button-outlined:enabled:hover,
.p-buttonset.p-button-danger>.p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-danger>.p-button.p-button-outlined:enabled:hover {
    background: rgba(239, 68, 68, 0.04);
    color     : #ef4444;
    border    : 1px solid;
}

.p-button.p-button-danger.p-button-outlined:enabled:active,
.p-buttonset.p-button-danger>.p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-danger>.p-button.p-button-outlined:enabled:active {
    background: rgba(239, 68, 68, 0.16);
    color     : #ef4444;
    border    : 1px solid;
}

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

.p-button.p-button-danger.p-button-text:enabled:hover,
.p-buttonset.p-button-danger>.p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-danger>.p-button.p-button-text:enabled:hover {
    background  : rgba(239, 68, 68, 0.04);
    border-color: transparent;
    color       : #ef4444;
}

.p-button.p-button-danger.p-button-text:enabled:active,
.p-buttonset.p-button-danger>.p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-danger>.p-button.p-button-text:enabled:active {
    background  : rgba(239, 68, 68, 0.16);
    border-color: transparent;
    color       : #ef4444;
}

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

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

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

.p-button.p-button-link:enabled:focus {
    background  : transparent;
    box-shadow  : 0 0 0 0.2rem #bfdbfe;
    border-color: transparent;
}

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

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

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

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

.p-speeddial-action:hover {
    background: #022354;
    color     : #fff;
}

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

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

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

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

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

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

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

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

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

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

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

.p-splitbutton {
    border-radius: 6px;
}

.p-splitbutton.p-button-outlined>.p-button {
    background-color: transparent;
    color           : #326BEE;
    border          : 1px solid;
}

.p-splitbutton.p-button-outlined>.p-button:enabled:hover,
.p-splitbutton.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(59, 130, 246, 0.04);
    color     : #326BEE;
}

.p-splitbutton.p-button-outlined>.p-button:enabled:active,
.p-splitbutton.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(59, 130, 246, 0.16);
    color     : #326BEE;
}

.p-splitbutton.p-button-outlined.p-button-plain>.p-button {
    color       : #666666;
    border-color: #666666;
}

.p-splitbutton.p-button-outlined.p-button-plain>.p-button:enabled:hover,
.p-splitbutton.p-button-outlined.p-button-plain>.p-button:not(button):not(a):not(.p-disabled):hover {
    background: #e9ecef;
    color     : #666666;
}

.p-splitbutton.p-button-outlined.p-button-plain>.p-button:enabled:active,
.p-splitbutton.p-button-outlined.p-button-plain>.p-button:not(button):not(a):not(.p-disabled):active {
    background: #dee2e6;
    color     : #666666;
}

.p-splitbutton.p-button-text>.p-button {
    background-color: transparent;
    color           : #326BEE;
    border-color    : transparent;
}

.p-splitbutton.p-button-text>.p-button:enabled:hover,
.p-splitbutton.p-button-text>.p-button:not(button):not(a):not(.p-disabled):hover {
    background  : rgba(59, 130, 246, 0.04);
    color       : #326BEE;
    border-color: transparent;
}

.p-splitbutton.p-button-text>.p-button:enabled:active,
.p-splitbutton.p-button-text>.p-button:not(button):not(a):not(.p-disabled):active {
    background  : rgba(59, 130, 246, 0.16);
    color       : #326BEE;
    border-color: transparent;
}

.p-splitbutton.p-button-text.p-button-plain>.p-button {
    color: #666666;
}

.p-splitbutton.p-button-text.p-button-plain>.p-button:enabled:hover,
.p-splitbutton.p-button-text.p-button-plain>.p-button:not(button):not(a):not(.p-disabled):hover {
    background: #e9ecef;
    color     : #666666;
}

.p-splitbutton.p-button-text.p-button-plain>.p-button:enabled:active,
.p-splitbutton.p-button-text.p-button-plain>.p-button:not(button):not(a):not(.p-disabled):active {
    background: #dee2e6;
    color     : #666666;
}

.p-splitbutton.p-button-raised {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

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

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

.p-splitbutton.p-button-sm>.p-button {
    font-size: 0.875rem;
    padding  : 0.65625rem 1.09375rem;
}

.p-splitbutton.p-button-sm>.p-button .p-button-icon {
    font-size: 12px;
}

.p-splitbutton.p-button-lg>.p-button {
    font-size: 1.25rem;
    padding  : 0.9375rem 1.5625rem;
}

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

.p-splitbutton.p-button-secondary.p-button-outlined>.p-button {
    background-color: transparent;
    color           : #64748b;
    border          : 1px solid;
}

.p-splitbutton.p-button-secondary.p-button-outlined>.p-button:enabled:hover,
.p-splitbutton.p-button-secondary.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(100, 116, 139, 0.04);
    color     : #64748b;
}

.p-splitbutton.p-button-secondary.p-button-outlined>.p-button:enabled:active,
.p-splitbutton.p-button-secondary.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(100, 116, 139, 0.16);
    color     : #64748b;
}

.p-splitbutton.p-button-secondary.p-button-text>.p-button {
    background-color: transparent;
    color           : #64748b;
    border-color    : transparent;
}

.p-splitbutton.p-button-secondary.p-button-text>.p-button:enabled:hover,
.p-splitbutton.p-button-secondary.p-button-text>.p-button:not(button):not(a):not(.p-disabled):hover {
    background  : rgba(100, 116, 139, 0.04);
    border-color: transparent;
    color       : #64748b;
}

.p-splitbutton.p-button-secondary.p-button-text>.p-button:enabled:active,
.p-splitbutton.p-button-secondary.p-button-text>.p-button:not(button):not(a):not(.p-disabled):active {
    background  : rgba(100, 116, 139, 0.16);
    border-color: transparent;
    color       : #64748b;
}

.p-splitbutton.p-button-info.p-button-outlined>.p-button {
    background-color: transparent;
    color           : #326BEE;
    border          : 1px solid;
}

.p-splitbutton.p-button-info.p-button-outlined>.p-button:enabled:hover,
.p-splitbutton.p-button-info.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(59, 130, 246, 0.04);
    color     : #326BEE;
}

.p-splitbutton.p-button-info.p-button-outlined>.p-button:enabled:active,
.p-splitbutton.p-button-info.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(59, 130, 246, 0.16);
    color     : #326BEE;
}

.p-splitbutton.p-button-info.p-button-text>.p-button {
    background-color: transparent;
    color           : #326BEE;
    border-color    : transparent;
}

.p-splitbutton.p-button-info.p-button-text>.p-button:enabled:hover,
.p-splitbutton.p-button-info.p-button-text>.p-button:not(button):not(a):not(.p-disabled):hover {
    background  : rgba(59, 130, 246, 0.04);
    border-color: transparent;
    color       : #326BEE;
}

.p-splitbutton.p-button-info.p-button-text>.p-button:enabled:active,
.p-splitbutton.p-button-info.p-button-text>.p-button:not(button):not(a):not(.p-disabled):active {
    background  : rgba(59, 130, 246, 0.16);
    border-color: transparent;
    color       : #326BEE;
}

.p-splitbutton.p-button-success.p-button-outlined>.p-button {
    background-color: transparent;
    color           : #22c55e;
    border          : 1px solid;
}

.p-splitbutton.p-button-success.p-button-outlined>.p-button:enabled:hover,
.p-splitbutton.p-button-success.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(34, 197, 94, 0.04);
    color     : #22c55e;
}

.p-splitbutton.p-button-success.p-button-outlined>.p-button:enabled:active,
.p-splitbutton.p-button-success.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(34, 197, 94, 0.16);
    color     : #22c55e;
}

.p-splitbutton.p-button-success.p-button-text>.p-button {
    background-color: transparent;
    color           : #22c55e;
    border-color    : transparent;
}

.p-splitbutton.p-button-success.p-button-text>.p-button:enabled:hover,
.p-splitbutton.p-button-success.p-button-text>.p-button:not(button):not(a):not(.p-disabled):hover {
    background  : rgba(34, 197, 94, 0.04);
    border-color: transparent;
    color       : #22c55e;
}

.p-splitbutton.p-button-success.p-button-text>.p-button:enabled:active,
.p-splitbutton.p-button-success.p-button-text>.p-button:not(button):not(a):not(.p-disabled):active {
    background  : rgba(34, 197, 94, 0.16);
    border-color: transparent;
    color       : #22c55e;
}

.p-splitbutton.p-button-warning.p-button-outlined>.p-button {
    background-color: transparent;
    color           : #f59e0b;
    border          : 1px solid;
}

.p-splitbutton.p-button-warning.p-button-outlined>.p-button:enabled:hover,
.p-splitbutton.p-button-warning.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(245, 158, 11, 0.04);
    color     : #f59e0b;
}

.p-splitbutton.p-button-warning.p-button-outlined>.p-button:enabled:active,
.p-splitbutton.p-button-warning.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(245, 158, 11, 0.16);
    color     : #f59e0b;
}

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

.p-splitbutton.p-button-warning.p-button-text>.p-button:enabled:hover,
.p-splitbutton.p-button-warning.p-button-text>.p-button:not(button):not(a):not(.p-disabled):hover {
    background  : rgba(245, 158, 11, 0.04);
    border-color: transparent;
    color       : #f59e0b;
}

.p-splitbutton.p-button-warning.p-button-text>.p-button:enabled:active,
.p-splitbutton.p-button-warning.p-button-text>.p-button:not(button):not(a):not(.p-disabled):active {
    background  : rgba(245, 158, 11, 0.16);
    border-color: transparent;
    color       : #f59e0b;
}

.p-splitbutton.p-button-help.p-button-outlined>.p-button {
    background-color: transparent;
    color           : #a855f7;
    border          : 1px solid;
}

.p-splitbutton.p-button-help.p-button-outlined>.p-button:enabled:hover,
.p-splitbutton.p-button-help.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(168, 85, 247, 0.04);
    color     : #a855f7;
}

.p-splitbutton.p-button-help.p-button-outlined>.p-button:enabled:active,
.p-splitbutton.p-button-help.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(168, 85, 247, 0.16);
    color     : #a855f7;
}

.p-splitbutton.p-button-help.p-button-text>.p-button {
    background-color: transparent;
    color           : #a855f7;
    border-color    : transparent;
}

.p-splitbutton.p-button-help.p-button-text>.p-button:enabled:hover,
.p-splitbutton.p-button-help.p-button-text>.p-button:not(button):not(a):not(.p-disabled):hover {
    background  : rgba(168, 85, 247, 0.04);
    border-color: transparent;
    color       : #a855f7;
}

.p-splitbutton.p-button-help.p-button-text>.p-button:enabled:active,
.p-splitbutton.p-button-help.p-button-text>.p-button:not(button):not(a):not(.p-disabled):active {
    background  : rgba(168, 85, 247, 0.16);
    border-color: transparent;
    color       : #a855f7;
}

.p-splitbutton.p-button-danger.p-button-outlined>.p-button {
    background-color: transparent;
    color           : #ef4444;
    border          : 1px solid;
}

.p-splitbutton.p-button-danger.p-button-outlined>.p-button:enabled:hover,
.p-splitbutton.p-button-danger.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(239, 68, 68, 0.04);
    color     : #ef4444;
}

.p-splitbutton.p-button-danger.p-button-outlined>.p-button:enabled:active,
.p-splitbutton.p-button-danger.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(239, 68, 68, 0.16);
    color     : #ef4444;
}

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

.p-splitbutton.p-button-danger.p-button-text>.p-button:enabled:hover,
.p-splitbutton.p-button-danger.p-button-text>.p-button:not(button):not(a):not(.p-disabled):hover {
    background  : rgba(239, 68, 68, 0.04);
    border-color: transparent;
    color       : #ef4444;
}

.p-splitbutton.p-button-danger.p-button-text>.p-button:enabled:active,
.p-splitbutton.p-button-danger.p-button-text>.p-button:not(button):not(a):not(.p-disabled):active {
    background  : rgba(239, 68, 68, 0.16);
    border-color: transparent;
    color       : #ef4444;
}

.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
    width        : 2rem;
    height       : 2rem;
    color        : #666666;
    border       : 0 none;
    background   : transparent;
    border-radius: 50%;
    transition   : background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin       : 0.5rem;
}

.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
    color       : #343a40;
    border-color: transparent;
    background  : #e9ecef;
}

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

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

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

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

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

.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background      : #eff6ff;
    color           : #1d4ed8;
    background-color: #326BEE;
}

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

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

.p-datatable .p-datatable-header {
    background        : #f8f9fa;
    color             : #343a40;
    border            : 1px solid #dee2e6;
    border-width      : 1px 0 1px 0;
    /* padding        : 1rem 1rem; */
    /* font-weight    : 700; */
}

.p-datatable .p-datatable-footer {
    background  : #f8f9fa;
    color       : #000000;
    border      : 1px solid #dee2e6;
    border-width: 0 0 1px 0;
    padding     : 1rem 1rem;
    font-weight : 700;
}

.p-datatable .p-datatable-thead>tr>th {
    text-align  : left;
    padding     : 1rem 1rem;
    border      : 1px solid #dee2e6;
    border-width: 0 0 1px 0;
    font-weight : 700;
    color       : #343a40;
    background  : #f8f9fa;
    transition  : box-shadow 0.2s;
}

.p-datatable .p-datatable-tfoot>tr>td {
    text-align  : left;
    padding     : 1rem 1rem;
    border      : 1px solid #dee2e6;
    border-width: 0 0 1px 0;
    font-weight : 700;
    color       : #343a40;
    background  : #f8f9fa;
}

.p-datatable .p-sortable-column .p-sortable-column-icon {
    color      : #343a40;
    margin-left: 0.5rem;
}

.p-datatable .p-sortable-column .p-sortable-column-badge {
    border-radius: 50%;
    height       : 1.143rem;
    min-width    : 1.143rem;
    line-height  : 1.143rem;
    color        : #1d4ed8;
    background   : #eff6ff;
    margin-left  : 0.5rem;
}

.p-datatable .p-sortable-column:not(.p-highlight):hover {
    background: #e9ecef;
    color     : #343a40;
}

.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
    color: #343a40;
}

.p-datatable .p-sortable-column.p-highlight {
    background: #eff6ff;
    color     : #1d4ed8;
}

.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #1d4ed8;
}

.p-datatable .p-sortable-column.p-highlight:hover {
    background: #eff6ff;
    color     : #1d4ed8;
}

.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
    color: #1d4ed8;
}

.p-datatable .p-sortable-column:focus {
    box-shadow: inset 0 0 0 0.15rem #bfdbfe;
    outline   : 0 none;
}

.p-datatable .p-datatable-tbody>tr {
    background: #ffffff;
    color     : #000000;
    transition: all 0.1s;
}

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

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

.p-datatable .p-datatable-tbody>tr>td .p-row-toggler:enabled:hover,
.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:enabled:hover,
.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:enabled:hover,
.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:enabled:hover {
    color       : #343a40;
    border-color: transparent;
    background  : #e9ecef;
}

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

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

.p-datatable .p-datatable-tbody>tr:focus {
    outline       : 0.15rem solid #bfdbfe;
    outline-offset: 0.15rem;
}

.p-datatable .p-datatable-tbody>tr.p-highlight {
    background: #eff6ff;
    color     : #1d4ed8;
}

.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):hover {
    background: #e9ecef;
    color     : #495057;
}

.p-datatable .p-column-resizer-helper {
    background: #326BEE;
}

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

.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-datatable-table>.p-datatable-thead,
.p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-datatable-table>.p-datatable-tfoot {
    background-color: #f8f9fa;
}

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

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

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

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

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

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

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

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

.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even) {
    background: #fcfcfc;
}

.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even).p-highlight {
    background: #eff6ff;
    color     : #1d4ed8;
}

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

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

.p-datatable.p-datatable-sm .p-datatable-header {
    padding: 0.5rem 0.5rem;
}

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

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

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

.p-datatable.p-datatable-sm .p-datatable-footer {
    padding: 0.5rem 0.5rem;
}

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

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

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

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

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

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

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

.p-dataview .p-dataview-header {
    background  : #f8f9fa;
    color       : #343a40;
    border      : 1px solid #dee2e6;
    border-width: 1px 0 1px 0;
    padding     : 1rem 1rem;
    font-weight : 700;
}

.p-dataview .p-dataview-content {
    background: #ffffff;
    color     : #495057;
    border    : 0 none;
    padding   : 0;
}

.p-dataview.p-dataview-list .p-dataview-content>.p-grid>div {
    border      : solid #dee2e6;
    border-width: 0 0 1px 0;
}

.p-dataview .p-dataview-footer {
    background                : #f8f9fa;
    color                     : #343a40;
    border                    : 1px solid #dee2e6;
    border-width              : 0 0 1px 0;
    padding                   : 1rem 1rem;
    font-weight               : 700;
    border-bottom-left-radius : 6px;
    border-bottom-right-radius: 6px;
}

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

.p-dataview .p-dataview-emptymessage {
    padding: 1.25rem;
}

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

.p-column-filter-menu-button {
    width        : 2rem;
    height       : 2rem;
    color        : #666666;
    border       : 0 none;
    background   : transparent;
    border-radius: 50%;
    transition   : background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-column-filter-menu-button:hover {
    color       : #343a40;
    border-color: transparent;
    background  : #e9ecef;
}

.p-column-filter-menu-button.p-column-filter-menu-button-open,
.p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
    background: #e9ecef;
    color     : #343a40;
}

.p-column-filter-menu-button.p-column-filter-menu-button-active,
.p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
    background: #eff6ff;
    color     : #1d4ed8;
}

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

.p-column-filter-clear-button {
    width        : 2rem;
    height       : 2rem;
    color        : #666666;
    border       : 0 none;
    background   : transparent;
    border-radius: 50%;
    transition   : background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-column-filter-clear-button:hover {
    color       : #343a40;
    border-color: transparent;
    background  : #e9ecef;
}

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

.p-column-filter-overlay {
    background   : #ffffff;
    color        : #495057;
    border       : 0 none;
    border-radius: 6px;
    box-shadow   : 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    min-width    : 12.5rem;
}

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

.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
    margin       : 0;
    padding      : 0.75rem 1.25rem;
    border       : 0 none;
    color        : #495057;
    background   : transparent;
    transition   : box-shadow 0.2s;
    border-radius: 0;
}

.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
    color     : #1d4ed8;
    background: #eff6ff;
}

.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
    color     : #495057;
    background: #e9ecef;
}

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

.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
    border-top: 1px solid #dee2e6;
    margin    : 0.25rem 0;
}

.p-column-filter-overlay-menu .p-column-filter-operator {
    padding                : 0.75rem 1.25rem;
    border-bottom          : 1px solid #dee2e6;
    color                  : #343a40;
    background             : #f8f9fa;
    margin                 : 0;
    border-top-right-radius: 6px;
    border-top-left-radius : 6px;
}

.p-column-filter-overlay-menu .p-column-filter-constraint {
    padding      : 1.25rem;
    border-bottom: 1px solid #dee2e6;
}

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

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

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

.p-column-filter-overlay-menu .p-column-filter-add-rule {
    padding: 0.75rem 1.25rem;
}

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

.fc.fc-unthemed .fc-view-container th {
    background: #f8f9fa;
    border    : 1px solid #dee2e6;
    color     : #343a40;
}

.fc.fc-unthemed .fc-view-container td.fc-widget-content {
    background: #ffffff;
    border    : 1px solid #dee2e6;
    color     : #495057;
}

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

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

.fc.fc-unthemed .fc-view-container .fc-event {
    background: #2563eb;
    border    : 1px solid #2563eb;
    color     : #ffffff;
}

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

.fc.fc-unthemed .fc-toolbar .fc-button {
    color     : #ffffff;
    background: #326BEE;
    border    : 1px solid #326BEE;
    font-size : 1rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s,
        box-shadow 0.2s;
    border-radius: 6px;
    display      : flex;
    align-items  : center;
}

.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
    background  : #2563eb;
    color       : #ffffff;
    border-color: #2563eb;
}

.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
    background  : #1d4ed8;
    color       : #ffffff;
    border-color: #1d4ed8;
}

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

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

.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
    content: "\e900";
}

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

.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
    content: "\e901";
}

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

.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {
    background: #ffffff;
    border    : 1px solid #ced4da;
    color     : #495057;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s,
        box-shadow 0.2s;
}

.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
    background  : #e9ecef;
    border-color: #ced4da;
    color       : #495057;
}

.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
    background  : #326BEE;
    border-color: #326BEE;
    color       : #ffffff;
}

.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
    background  : #2563eb;
    border-color: #2563eb;
    color       : #ffffff;
}

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

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

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

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

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

.fc.fc-theme-standard .fc-view-harness th {
    background  : #f8f9fa;
    border-color: #dee2e6;
    color       : #343a40;
}

.fc.fc-theme-standard .fc-view-harness td {
    color       : #495057;
    border-color: #dee2e6;
}

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

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

.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
    border    : 1px solid #dee2e6;
    padding   : 1.25rem;
    background: #f8f9fa;
    color     : #343a40;
}

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

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

.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover {
    color       : #343a40;
    border-color: transparent;
    background  : #e9ecef;
}

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

.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
    padding   : 1.25rem;
    border    : 1px solid #dee2e6;
    background: #ffffff;
    color     : #495057;
    border-top: 0 none;
}

.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
    color       : #ffffff;
    background  : #2563eb;
    border-color: #2563eb;
}

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

.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
    background  : #2563eb;
    border-color: #2563eb;
}

.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
    background: #e9ecef;
    color     : #495057;
}

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

.fc.fc-theme-standard .fc-toolbar .fc-button {
    color     : #ffffff;
    background: #326BEE;
    border    : 1px solid #326BEE;
    font-size : 1rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s,
        box-shadow 0.2s;
    border-radius: 6px;
}

.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
    background  : #2563eb;
    color       : #ffffff;
    border-color: #2563eb;
}

.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
    background  : #1d4ed8;
    color       : #ffffff;
    border-color: #1d4ed8;
}

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

.fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
    opacity   : 0.6;
    color     : #ffffff;
    background: #326BEE;
    border    : 1px solid #326BEE;
}

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

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

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

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

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

.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {
    background: #ffffff;
    border    : 1px solid #ced4da;
    color     : #495057;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s,
        box-shadow 0.2s;
}

.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
    background  : #e9ecef;
    border-color: #ced4da;
    color       : #495057;
}

.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
    background  : #326BEE;
    border-color: #326BEE;
    color       : #ffffff;
}

.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
    background  : #2563eb;
    border-color: #2563eb;
    color       : #ffffff;
}

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

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

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

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

.fc.fc-theme-standard a {
    color: #495057;
}

.fc.fc-theme-standard .fc-highlight {
    color     : #1d4ed8;
    background: #eff6ff;
}

.p-orderlist .p-orderlist-controls {
    padding: 1.25rem;
}

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

.p-orderlist .p-orderlist-header {
    background             : #f8f9fa;
    color                  : #343a40;
    border                 : 1px solid #dee2e6;
    padding                : 1.25rem;
    border-bottom          : 0 none;
    border-top-right-radius: 6px;
    border-top-left-radius : 6px;
}

.p-orderlist .p-orderlist-header .p-orderlist-title {
    font-weight: 700;
}

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

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

.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
    right: 0.75rem;
    color: #666666;
}

.p-orderlist .p-orderlist-list {
    border                    : 1px solid #dee2e6;
    background                : #ffffff;
    color                     : #495057;
    padding                   : 0.75rem 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius : 6px;
}

.p-orderlist .p-orderlist-list .p-orderlist-item {
    padding   : 0.75rem 1.25rem;
    margin    : 0;
    border    : 0 none;
    color     : #495057;
    background: transparent;
    transition: box-shadow 0.2s;
}

.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : inset 0 0 0 0.15rem #bfdbfe;
}

.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
    color     : #1d4ed8;
    background: #eff6ff;
}

.p-orderlist .p-orderlist-list .p-orderlist-empty-message {
    padding: 0.75rem 1.25rem;
    color  : #495057;
}

.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color     : #495057;
}

.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
    background: #fcfcfc;
}

.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
    background: #e9ecef;
}

.p-orderlist-item.cdk-drag-preview {
    padding   : 0.75rem 1.25rem;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border    : 0 none;
    color     : #495057;
    background: #ffffff;
    margin    : 0;
}

.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
    background: #e9ecef;
    color     : #495057;
}

.p-organizationchart .p-organizationchart-node-content.p-highlight {
    background: #eff6ff;
    color     : #1d4ed8;
}

.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
    color: #70aeff;
}

.p-organizationchart .p-organizationchart-line-down {
    background: #dee2e6;
}

.p-organizationchart .p-organizationchart-line-left {
    border-right: 1px solid #dee2e6;
    border-color: #dee2e6;
}

.p-organizationchart .p-organizationchart-line-top {
    border-top  : 1px solid #dee2e6;
    border-color: #dee2e6;
}

.p-organizationchart .p-organizationchart-node-content {
    border    : 1px solid #dee2e6;
    background: #ffffff;
    color     : #495057;
    padding   : 1.25rem;
}

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

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

.p-paginator {
    background   : #ffffff;
    color        : #666666;
    border       : solid #e9ecef;
    border-width : 0;
    padding      : 0.5rem 1rem;
    border-radius: 6px;
}

.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
    background-color: transparent;
    border          : 0 none;
    color           : #666666;
    min-width       : 3rem;
    height          : 3rem;
    margin          : 0.143rem;
    transition      : box-shadow 0.2s;
    border-radius   : 50%;
}

.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
    background  : #e9ecef;
    border-color: transparent;
    color       : #343a40;
}

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

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

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

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

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

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

.p-paginator .p-paginator-current {
    background-color: transparent;
    border          : 0 none;
    color           : #666666;
    min-width       : 3rem;
    height          : 3rem;
    margin          : 0.143rem;
    padding         : 0 0.5rem;
}

.p-paginator .p-paginator-pages .p-paginator-page {
    background-color: transparent;
    border          : 0 none;
    color           : #666666;
    min-width       : 3rem;
    height          : 3rem;
    margin          : 0.143rem;
    transition      : box-shadow 0.2s;
    border-radius   : 50%;
}

.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background  : #eff6ff;
    border-color: #eff6ff;
    color       : #1d4ed8;
}

.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
    background  : #e9ecef;
    border-color: transparent;
    color       : #343a40;
}

.p-picklist .p-picklist-buttons {
    padding: 1.25rem;
}

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

.p-picklist .p-picklist-header {
    background             : #f8f9fa;
    color                  : #343a40;
    border                 : 1px solid #dee2e6;
    padding                : 1.25rem;
    border-bottom          : 0 none;
    border-top-right-radius: 6px;
    border-top-left-radius : 6px;
}

.p-picklist .p-picklist-header .p-picklist-title {
    font-weight: 700;
}

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

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

.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
    right: 0.75rem;
    color: #666666;
}

.p-picklist .p-picklist-list {
    border                    : 1px solid #dee2e6;
    background                : #ffffff;
    color                     : #495057;
    padding                   : 0.75rem 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius : 6px;
}

.p-picklist .p-picklist-list .p-picklist-item {
    padding   : 0.75rem 1.25rem;
    margin    : 0;
    border    : 0 none;
    color     : #495057;
    background: transparent;
    transition: box-shadow 0.2s;
}

.p-picklist .p-picklist-list .p-picklist-item:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : inset 0 0 0 0.15rem #bfdbfe;
}

.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
    color     : #1d4ed8;
    background: #eff6ff;
}

.p-picklist .p-picklist-list .p-picklist-empty-message {
    padding: 0.75rem 1.25rem;
    color  : #495057;
}

.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color     : #495057;
}

.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
    background: #fcfcfc;
}

.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
    background: #e9ecef;
}

.p-picklist-item.cdk-drag-preview {
    padding   : 0.75rem 1.25rem;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border    : 0 none;
    color     : #495057;
    background: #ffffff;
    margin    : 0;
}

.p-timeline .p-timeline-event-marker {
    border          : 2px solid #326BEE;
    border-radius   : 50%;
    width           : 1rem;
    height          : 1rem;
    background-color: #ffffff;
}

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

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

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

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

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

.p-tree {
    border       : 1px solid #dee2e6;
    background   : #ffffff;
    color        : #495057;
    padding      : 1.25rem;
    border-radius: 6px;
}

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

.p-tree .p-tree-container .p-treenode .p-treenode-content {
    border-radius: 6px;
    transition   : box-shadow 0.2s;
    padding      : 0.5rem;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
    margin-right : 0.5rem;
    width        : 2rem;
    height       : 2rem;
    color        : #666666;
    border       : 0 none;
    background   : transparent;
    border-radius: 50%;
    transition   : background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
    color       : #343a40;
    border-color: transparent;
    background  : #e9ecef;
}

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

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
    margin-right: 0.5rem;
    color       : #666666;
}

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

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
    color: #495057;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : inset 0 0 0 0.15rem #bfdbfe;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
    background: #eff6ff;
    color     : #1d4ed8;
}

.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: #1d4ed8;
}

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

.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
    background: #e9ecef;
    color     : #495057;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
    background: #e9ecef;
    color     : #495057;
}

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

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

.p-tree .p-tree-filter-container .p-tree-filter-icon {
    right: 0.75rem;
    color: #666666;
}

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

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

.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
    background-color: #8cbeff;
}

.p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
    border-radius   : 6px;
    border          : 1px solid #dee2e6;
    background-color: #ffffff;
    color           : #495057;
    padding         : 0.5rem;
    transition      : box-shadow 0.2s;
}

.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
    background-color: #eff6ff;
    color           : #1d4ed8;
}

.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
    color: #1d4ed8;
}

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

.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon {
    color       : #666666;
    margin-right: 0.5rem;
}

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

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

.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
    background: #e9ecef;
    color     : #495057;
}

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

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

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

.p-treetable .p-treetable-header {
    background  : #f8f9fa;
    color       : #343a40;
    border      : 1px solid #dee2e6;
    border-width: 1px 0 1px 0;
    padding     : 1rem 1rem;
    font-weight : 700;
}

.p-treetable .p-treetable-footer {
    background  : #f8f9fa;
    color       : #343a40;
    border      : 1px solid #dee2e6;
    border-width: 0 0 1px 0;
    padding     : 1rem 1rem;
    font-weight : 700;
}

.p-treetable .p-treetable-thead>tr>th {
    text-align  : left;
    padding     : 1rem 1rem;
    border      : 1px solid #dee2e6;
    border-width: 0 0 1px 0;
    font-weight : 700;
    color       : #343a40;
    background  : #f8f9fa;
    transition  : box-shadow 0.2s;
}

.p-treetable .p-treetable-tfoot>tr>td {
    text-align  : left;
    padding     : 1rem 1rem;
    border      : 1px solid #dee2e6;
    border-width: 0 0 1px 0;
    font-weight : 700;
    color       : #343a40;
    background  : #f8f9fa;
}

.p-treetable .p-sortable-column {
    outline-color: #bfdbfe;
}

.p-treetable .p-sortable-column .p-sortable-column-icon {
    color      : #343a40;
    margin-left: 0.5rem;
}

.p-treetable .p-sortable-column .p-sortable-column-badge {
    border-radius: 50%;
    height       : 1.143rem;
    min-width    : 1.143rem;
    line-height  : 1.143rem;
    color        : #1d4ed8;
    background   : #eff6ff;
    margin-left  : 0.5rem;
}

.p-treetable .p-sortable-column:not(.p-highlight):hover {
    background: #e9ecef;
    color     : #343a40;
}

.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
    color: #343a40;
}

.p-treetable .p-sortable-column.p-highlight {
    background: #eff6ff;
    color     : #1d4ed8;
}

.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #1d4ed8;
}

.p-treetable .p-treetable-tbody>tr {
    background: #ffffff;
    color     : #495057;
    transition: box-shadow 0.2s;
}

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

.p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler {
    width        : 2rem;
    height       : 2rem;
    color        : #666666;
    border       : 0 none;
    background   : transparent;
    border-radius: 50%;
    transition   : background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin-right : 0.5rem;
}

.p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler:enabled:hover {
    color       : #343a40;
    border-color: transparent;
    background  : #e9ecef;
}

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

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

.p-treetable .p-treetable-tbody>tr>td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
    color: #495057;
}

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

.p-treetable .p-treetable-tbody>tr.p-highlight {
    background: #eff6ff;
    color     : #1d4ed8;
}

.p-treetable .p-treetable-tbody>tr.p-highlight .p-treetable-toggler {
    color: #1d4ed8;
}

.p-treetable .p-treetable-tbody>tr.p-highlight .p-treetable-toggler:hover {
    color: #1d4ed8;
}

.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):hover {
    background: #e9ecef;
    color     : #495057;
}

.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):hover .p-treetable-toggler {
    color: #495057;
}

.p-treetable .p-column-resizer-helper {
    background: #326BEE;
}

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

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

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

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

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

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

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

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

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

.p-treetable.p-treetable-sm .p-treetable-header {
    padding: 0.875rem 0.875rem;
}

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

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

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

.p-treetable.p-treetable-sm .p-treetable-footer {
    padding: 0.5rem 0.5rem;
}

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

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

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

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

.p-treetable.p-treetable-lg .p-treetable-footer {
    padding: 1.25rem 1.25rem;
}

.p-virtualscroller .p-virtualscroller-header {
    background  : #f8f9fa;
    color       : #343a40;
    border      : 1px solid #dee2e6;
    border-width: 1px 0 1px 0;
    padding     : 1rem 1rem;
    font-weight : 700;
}

.p-virtualscroller .p-virtualscroller-content {
    background: #ffffff;
    color     : #495057;
    border    : 0 none;
    padding   : 0;
}

.p-virtualscroller .p-virtualscroller-footer {
    background                : #f8f9fa;
    color                     : #343a40;
    border                    : 1px solid #dee2e6;
    border-width              : 0 0 1px 0;
    padding                   : 1rem 1rem;
    font-weight               : 700;
    border-bottom-left-radius : 6px;
    border-bottom-right-radius: 6px;
}

.p-accordion .p-accordion-header .p-accordion-header-link {
    padding      : 1.25rem;
    border       : 1px solid #dee2e6;
    color        : #666666;
    background   : #f8f9fa;
    font-weight  : 700;
    border-radius: 6px;
    transition   : background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
    margin-right: 0.5rem;
}

.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : 0 0 0 0.2rem #bfdbfe;
}

.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
    background  : #e9ecef;
    border-color: #dee2e6;
    color       : #343a40;
}

.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
    background                : #f8f9fa;
    border-color              : #dee2e6;
    color                     : #343a40;
    border-bottom-right-radius: 0;
    border-bottom-left-radius : 0;
}

.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
    border-color: #dee2e6;
    background  : #e9ecef;
    color       : #343a40;
}

.p-accordion .p-accordion-content {
    padding                   : 1.25rem;
    border                    : 1px solid #dee2e6;
    background                : #ffffff;
    color                     : #495057;
    border-top                : 0;
    border-top-right-radius   : 0;
    border-top-left-radius    : 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius : 6px;
}

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

.p-card {
    background: #ffffff;
    color     : #495057;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
        0 1px 3px 0 rgba(0, 0, 0, 0.12);
    border-radius: 6px;
}

.p-card .p-card-body {
    padding: 1.25rem;
}

.p-card .p-card-title {
    font-size    : 1.5rem;
    font-weight  : 700;
    margin-bottom: 0.5rem;
}

.p-card .p-card-subtitle {
    font-weight  : 400;
    margin-bottom: 0.5rem;
    color        : #666666;
}

.p-card .p-card-content {
    padding: 1.25rem 0;
}

.p-card .p-card-footer {
    padding: 1.25rem 0 0 0;
}

.p-divider .p-divider-content {
    background-color: #ffffff;
}

.p-divider.p-divider-horizontal {
    margin : 1.25rem 0;
    padding: 0 1.25rem;
}

.p-divider.p-divider-horizontal:before {
    border-top: 2px #dee2e6;
}

.p-divider.p-divider-horizontal .p-divider-content {
    padding: 0 0.5rem;
}

.p-divider.p-divider-vertical {
    margin : 0 1.25rem;
    padding: 0.25rem 0;
}

.p-divider.p-divider-vertical:before {
    border-left: 1px #6666664D;
    top        : inherit;
    height     : 40%;
}

.p-divider.p-divider-vertical .p-divider-content {
    padding: 0.5rem 0;
}

.p-fieldset {
    border       : 1px solid #dee2e6;
    background   : #ffffff;
    color        : #495057;
    border-radius: 6px;
}

.p-fieldset .p-fieldset-legend {
    padding      : 1.25rem;
    border       : 1px solid #dee2e6;
    color        : #343a40;
    background   : #f8f9fa;
    font-weight  : 700;
    border-radius: 6px;
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
    padding   : 0;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
    padding      : 1.25rem;
    color        : #343a40;
    border-radius: 6px;
    transition   : box-shadow 0.2s;
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
    margin-right: 0.5rem;
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : 0 0 0 0.2rem #bfdbfe;
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
    background  : #e9ecef;
    border-color: #dee2e6;
    color       : #343a40;
}

.p-fieldset .p-fieldset-content {
    padding: 1.25rem;
}

.p-panel .p-panel-header {
    border                 : 1px solid #dee2e6;
    padding                : 1.25rem;
    background             : #f8f9fa;
    color                  : #343a40;
    border-top-right-radius: 6px;
    border-top-left-radius : 6px;
}

.p-panel .p-panel-header .p-panel-title {
    font-weight: 700;
}

.p-panel .p-panel-header .p-panel-header-icon {
    width        : 2rem;
    height       : 2rem;
    color        : #666666;
    border       : 0 none;
    background   : transparent;
    border-radius: 50%;
    transition   : background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
    color       : #343a40;
    border-color: transparent;
    background  : #e9ecef;
}

.p-panel .p-panel-header .p-panel-header-icon:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : 0 0 0 0.2rem #bfdbfe;
}

.p-panel.p-panel-toggleable .p-panel-header {
    padding: 0.75rem 1.25rem;
}

.p-panel .p-panel-content {
    padding                   : 1.25rem;
    border                    : 1px solid #dee2e6;
    background                : #ffffff;
    color                     : #495057;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius : 6px;
    border-top                : 0 none;
}

.p-panel .p-panel-footer {
    padding   : 0.75rem 1.25rem;
    border    : 1px solid #dee2e6;
    background: #ffffff;
    color     : #495057;
    border-top: 0 none;
}

.p-panel .p-panel-icons-end {
    order      : 2;
    margin-left: auto;
}

.p-panel .p-panel-icons-start {
    order       : 0;
    margin-right: 0.5rem;
}

.p-panel .p-panel-icons-center {
    order     : 2;
    width     : 100%;
    text-align: center;
}

.p-scrollpanel .p-scrollpanel-bar {
    background: #f8f9fa;
    border    : 0 none;
}

.p-splitter {
    border       : 1px solid #dee2e6;
    background   : #ffffff;
    border-radius: 6px;
    color        : #495057;
}

.p-splitter .p-splitter-gutter {
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    background: #f8f9fa;
}

.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
    background: #dee2e6;
}

.p-splitter .p-splitter-gutter-resizing {
    background: #dee2e6;
}

.p-tabview .p-tabview-nav {
    background  : #ffffff;
    border      : 1px solid #dee2e6;
    border-width: 0 0 2px 0;
}

.p-tabview .p-tabview-nav li {
    margin-right: 0;
}

.p-tabview .p-tabview-nav li .p-tabview-nav-link {
    border                 : solid #dee2e6;
    border-width           : 0 0 2px 0;
    border-color           : transparent transparent #dee2e6 transparent;
    background             : #ffffff;
    color                  : #666666;
    padding                : 1.25rem;
    font-weight            : 700;
    border-top-right-radius: 6px;
    border-top-left-radius : 6px;
    margin                 : 0 0 -2px 0;
    transition             : background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : inset 0 0 0 0.2rem #bfdbfe;
}

.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
    background  : #ffffff;
    border-color: #adb5bd;
    color       : #666666;
}

.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    background  : #ffffff;
    border-color: #326BEE;
    color       : #326BEE;
}

.p-tabview .p-tabview-left-icon {
    margin-right: 0.5rem;
}

.p-tabview .p-tabview-right-icon {
    margin-left: 0.5rem;
}

.p-tabview .p-tabview-close {
    margin-left: 0.5rem;
}

.p-tabview .p-tabview-nav-btn.p-link {
    background: #ffffff;
    color     : #326BEE;
    width     : 3rem;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0;
}

.p-tabview .p-tabview-nav-btn.p-link:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : inset 0 0 0 0.2rem #bfdbfe;
}

.p-tabview .p-tabview-panels {
    background                : #ffffff;
    padding                   : 1.25rem;
    border                    : 0 none;
    color                     : #495057;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius : 6px;
}

.p-toolbar {
    background   : #f8f9fa;
    border       : 1px solid #dee2e6;
    padding      : 1.25rem;
    border-radius: 6px;
}

.p-toolbar .p-toolbar-separator {
    margin: 0 0.5rem;
}

.p-confirm-popup {
    background   : #ffffff;
    color        : #495057;
    border       : 0 none;
    border-radius: 6px;
    box-shadow   : 0 1px 3px rgba(0, 0, 0, 0.3);
}

.p-confirm-popup .p-confirm-popup-content {
    padding: 1.25rem;
}

.p-confirm-popup .p-confirm-popup-footer {
    text-align: right;
    padding   : 0.75rem 1.25rem;
}

.p-confirm-popup .p-confirm-popup-footer button {
    margin: 0 0.5rem 0 0;
    width : auto;

    &.p-confirm-popup-reject {
        color: #6944D6;
        padding: 0.625rem 1.25rem;
        border-radius: 0.625rem;
        font-weight: 600;

        &:hover {
            color: #6944D6;
            background-color: rgba(105, 68, 214, 0.1);
        }
    }

    &.p-confirm-popup-accept {
        background: #6944D6;
        border: none;
        color: white;
        padding: 0.625rem 1.25rem;
        border-radius: 0.625rem;
        font-weight: 600;
        font-family: Poppins, sans-serif;
        font-size: 0.8125rem;
        height: 2.5rem;
        white-space: nowrap;
        transition: all 0.2s ease;
        min-width: fit-content;
        flex-shrink: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;

        &:hover {
            background: #7c3aed;
            transform: translateY(-0.0625rem);
        }

        &:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }
    }
}

.p-confirm-popup .p-confirm-popup-footer button:last-child {
    margin: 0;
}

.p-confirm-popup:after {
    border             : solid transparent;
    border-color       : rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
}

.p-confirm-popup:before {
    border             : solid transparent;
    border-color       : rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
}

.p-confirm-popup.p-confirm-popup-flipped:after {
    border-top-color: #ffffff;
}

.p-confirm-popup.p-confirm-popup-flipped:before {
    border-top-color: #ffffff;
}

.p-confirm-popup .p-confirm-popup-icon {
    font-size: 1.5rem;
}

.p-confirm-popup .p-confirm-popup-message {
    margin-left: 1rem;
}

.p-dialog {
    border-radius: 6px;
    box-shadow   : 0 1px 3px rgba(0, 0, 0, 0.3);
    border       : 0 none;
}

.p-dialog .p-dialog-header {
    border-bottom          : 0 none;
    background             : #ffffff;
    color                  : #343a40;
    padding                : 1.5rem;
    border-top-right-radius: 6px;
    border-top-left-radius : 6px;
}

.p-dialog .p-dialog-header .p-dialog-title {
    font-weight: 700;
    font-size  : 1.25rem;
}

.p-dialog .p-dialog-header .p-dialog-header-icon {
    width        : 2rem;
    height       : 2rem;
    color        : #666666;
    border       : 0 none;
    background   : transparent;
    border-radius: 50%;
    transition   : background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin-right : 0.5rem;
}

.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
    color       : #343a40;
    border-color: transparent;
    background  : #e9ecef;
}

.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : 0 0 0 0.2rem #bfdbfe;
}

.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
    margin-right: 0;
}

.p-dialog .p-dialog-content {
    background: #ffffff;
    color     : #495057;
    padding   : 0 1.5rem 2rem 1.5rem;
    flex-grow: unset;
    height    : 100%;
}

.p-dialog .p-dialog-footer {
    border-top                : 0 none;
    background                : #ffffff;
    color                     : #495057;
    padding                   : 0 1.5rem 1.5rem 1.5rem;
    text-align                : right;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius : 6px;
}

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

.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
    font-size: 2rem;
}

.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
    margin-left: 1rem;
}

.p-overlaypanel {
    background   : #ffffff;
    color        : #495057;
    border       : 0 none;
    border-radius: 6px;
    box-shadow   : 0 1px 3px rgba(0, 0, 0, 0.3);
}

.p-overlaypanel .p-overlaypanel-content {
    padding: 1.25rem;
}

.p-overlaypanel .p-overlaypanel-close {
    background   : #326BEE;
    color        : #ffffff;
    width        : 2rem;
    height       : 2rem;
    transition   : background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    position     : absolute;
    top          : -1rem;
    right        : -1rem;
}

.p-overlaypanel .p-overlaypanel-close:enabled:hover {
    background: #2563eb;
    color     : #ffffff;
}

.p-overlaypanel:after {
    border             : solid transparent;
    border-color       : rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
}

.p-overlaypanel:before {
    border             : solid transparent;
    border-color       : rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
}

.p-overlaypanel.p-overlaypanel-flipped:after {
    border-top-color: #ffffff;
}

.p-overlaypanel.p-overlaypanel-flipped:before {
    border-top-color: #ffffff;
}

.p-sidebar {
    background: #ffffff;
    color     : #495057;
    border    : 0 none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.p-sidebar .p-sidebar-header {
    padding: 0.75rem;
}

.p-sidebar .p-sidebar-header .p-sidebar-close, 
.p-sidebar .p-sidebar-header .p-sidebar-icon {
    margin: 0 !important;
    position: absolute !important;
    top: 0px !important;
    right: 12px !important;
    z-index: 20 !important;
    box-shadow: none !important;
}

.addEvent-slider .p-sidebar-header .p-sidebar-close,
.addEvent-slider .p-sidebar-header .p-sidebar-icon,
.addRole-slider .p-sidebar-header .p-sidebar-close,
.addRole-slider .p-sidebar-header .p-sidebar-icon,
.addTalentpool-slider .p-sidebar-header .p-sidebar-close,
.addTalentpool-slider .p-sidebar-header .p-sidebar-icon,
.candidateDetaile .p-sidebar-header .p-sidebar-close,
.candidateDetaile .p-sidebar-header .p-sidebar-icon,
.addTemplate-slider .p-sidebar-header .p-sidebar-close,
.addTemplate-slider .p-sidebar-header .p-sidebar-icon,
.addBulk-slider .p-sidebar-header .p-sidebar-close,
.addBulk-slider .p-sidebar-header .p-sidebar-icon,
.uploadCandidate-slider .p-sidebar-header .p-sidebar-close,
.uploadCandidate-slider .p-sidebar-header .p-sidebar-icon,
.scheduleCandidate-slider .p-sidebar-header .p-sidebar-close,
.scheduleCandidate-slider .p-sidebar-header .p-sidebar-icon,
.sendLink-slider .p-sidebar-header .p-sidebar-close,
.sendLink-slider .p-sidebar-header .p-sidebar-icon,
.activity-slider .p-sidebar-header .p-sidebar-close,
.activity-slider .p-sidebar-header .p-sidebar-icon,
.sendEmail-slider .p-sidebar-header .p-sidebar-close,
.sendEmail-slider .p-sidebar-header .p-sidebar-icon,
.viewRole-sidebar .p-sidebar-header .p-sidebar-close,
.viewRole-sidebar .p-sidebar-header .p-sidebar-icon,
.addRole-slider .p-sidebar-header .p-sidebar-close,
.addRole-slider .p-sidebar-header .p-sidebar-icon{
    top: 0px !important;
}
.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
    color       : #343a40;
    border-color: transparent;
    background  : #e9ecef;
}

.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : 0 0 0 0.2rem #bfdbfe;
}

.p-sidebar .p-sidebar-header+.p-sidebar-content {
    padding-top: 0;
}

.p-sidebar .p-sidebar-content {
    padding: 1.25rem;
}

.p-tooltip .p-tooltip-text {
    background   : #495057;
    color        : #ffffff;
    padding      : 0.75rem 0.75rem;
    box-shadow   : 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}

.p-tooltip.p-tooltip-right .p-tooltip-arrow {
    border-right-color: #495057;
}

.p-tooltip.p-tooltip-left .p-tooltip-arrow {
    border-left-color: #495057;
}

.p-tooltip.p-tooltip-top .p-tooltip-arrow {
    border-top-color: #495057;
}

.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
    border-bottom-color: #495057;
}

.p-fileupload .p-fileupload-buttonbar {
    background             : #f8f9fa;
    padding                : 1.25rem;
    border                 : 1px solid #dee2e6;
    color                  : #343a40;
    border-bottom          : 0 none;
    border-top-right-radius: 6px;
    border-top-left-radius : 6px;
}

.p-fileupload .p-fileupload-buttonbar .p-button {
    margin-right: 0.5rem;
}

.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : 0 0 0 0.2rem #bfdbfe;
}

.p-fileupload .p-fileupload-content {
    background                : #ffffff;
    padding                   : 2rem 1rem;
    border                    : 1px solid #dee2e6;
    color                     : #495057;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius : 6px;
}

.p-fileupload .p-progressbar {
    height: 0.25rem;
}

.p-fileupload .p-fileupload-row>div {
    padding: 1rem 1rem;
}

.p-fileupload.p-fileupload-advanced .p-message {
    margin-top: 0;
}

.p-fileupload-choose:not(.p-disabled):hover {
    background  : #2563eb;
    color       : #ffffff;
    border-color: #2563eb;
}

.p-fileupload-choose:not(.p-disabled):active {
    background  : #1d4ed8;
    color       : #ffffff;
    border-color: #1d4ed8;
}

.p-breadcrumb {
    background   : #ffffff;
    border-radius: 6px;
    padding      : 1rem;
}

.p-breadcrumb ul li .p-menuitem-link {
    transition   : box-shadow 0.2s;
    border-radius: 6px;
}

.p-breadcrumb ul li .p-menuitem-link:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : 0 0 0 0.2rem #bfdbfe;
}

.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
    color: #666666;
}

.p-breadcrumb ul li.p-breadcrumb-chevron {
    margin: 0 0.5rem 0 0.5rem;
    color : #495057;
}

.p-breadcrumb ul li:last-child .p-menuitem-text {
    color: #495057;
}

.p-breadcrumb ul li:last-child .p-menuitem-icon {
    color: #666666;
}

.p-contextmenu {
    padding      : 0.25rem 0;
    background   : #ffffff;
    color        : #495057;
    border       : 0 none;
    box-shadow   : 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    width        : 12.5rem;
}

.p-contextmenu .p-menuitem-link {
    padding      : 0.75rem 1.25rem;
    color        : #495057;
    border-radius: 0;
    transition   : box-shadow 0.2s;
    -webkit-user-select  : none;
            user-select  : none;
}

.p-contextmenu .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-contextmenu .p-menuitem-link .p-menuitem-icon {
    color       : #666666;
    margin-right: 0.5rem;
}

.p-contextmenu .p-menuitem-link .p-submenu-icon {
    color: #666666;
}

.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
    background: #e9ecef;
}

.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
    color: #495057;
}

.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
    color: #666666;
}

.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
    color: #666666;
}

.p-contextmenu .p-menuitem-link:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : inset 0 0 0 0.15rem #bfdbfe;
}

.p-contextmenu .p-submenu-list {
    padding      : 0.25rem 0;
    background   : #ffffff;
    border       : 0 none;
    box-shadow   : 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}

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

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

.p-contextmenu .p-menuitem.p-menuitem-active>.p-menuitem-link {
    background: #eff6ff;
}

.p-contextmenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-text {
    color: #1d4ed8;
}

.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: #1d4ed8;
}

.p-contextmenu .p-menu-separator {
    border-top: 1px solid #dee2e6;
    margin    : 0.25rem 0;
}

.p-contextmenu .p-submenu-icon {
    font-size: 0.875rem;
}

.p-dock .p-dock-list {
    background   : rgba(255, 255, 255, 0.1);
    border       : 1px solid rgba(255, 255, 255, 0.2);
    padding      : 0.5rem 0.5rem;
    border-radius: 0.5rem;
}

.p-dock .p-dock-item {
    padding: 0.5rem;
}

.p-dock .p-dock-action {
    width : 4rem;
    height: 4rem;
}

.p-dock.p-dock-top .p-dock-item-second-prev,
.p-dock.p-dock-top .p-dock-item-second-next,
.p-dock.p-dock-bottom .p-dock-item-second-prev,
.p-dock.p-dock-bottom .p-dock-item-second-next {
    margin: 0 0.9rem;
}

.p-dock.p-dock-top .p-dock-item-prev,
.p-dock.p-dock-top .p-dock-item-next,
.p-dock.p-dock-bottom .p-dock-item-prev,
.p-dock.p-dock-bottom .p-dock-item-next {
    margin: 0 1.3rem;
}

.p-dock.p-dock-top .p-dock-item-current,
.p-dock.p-dock-bottom .p-dock-item-current {
    margin: 0 1.5rem;
}

.p-dock.p-dock-left .p-dock-item-second-prev,
.p-dock.p-dock-left .p-dock-item-second-next,
.p-dock.p-dock-right .p-dock-item-second-prev,
.p-dock.p-dock-right .p-dock-item-second-next {
    margin: 0.9rem 0;
}

.p-dock.p-dock-left .p-dock-item-prev,
.p-dock.p-dock-left .p-dock-item-next,
.p-dock.p-dock-right .p-dock-item-prev,
.p-dock.p-dock-right .p-dock-item-next {
    margin: 1.3rem 0;
}

.p-dock.p-dock-left .p-dock-item-current,
.p-dock.p-dock-right .p-dock-item-current {
    margin: 1.5rem 0;
}

@media screen and (max-width: 960px) {

    .p-dock.p-dock-top .p-dock-list-container,
    .p-dock.p-dock-bottom .p-dock-list-container {
        overflow-x: auto;
        width     : 100%;
    }

    .p-dock.p-dock-top .p-dock-list-container .p-dock-list,
    .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
        margin: 0 auto;
    }

    .p-dock.p-dock-left .p-dock-list-container,
    .p-dock.p-dock-right .p-dock-list-container {
        overflow-y: auto;
        height    : 100%;
    }

    .p-dock.p-dock-left .p-dock-list-container .p-dock-list,
    .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
        margin: auto 0;
    }

    .p-dock .p-dock-list .p-dock-item {
        transform: none;
        margin   : 0;
    }
}

.p-megamenu {
    padding      : 0.5rem;
    background   : #f8f9fa;
    color        : #495057;
    border       : 1px solid #dee2e6;
    border-radius: 6px;
}

.p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link {
    padding      : 0.75rem 1.25rem;
    color        : #495057;
    border-radius: 6px;
    transition   : box-shadow 0.2s;
    -webkit-user-select  : none;
            user-select  : none;
}

.p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-icon {
    color       : #666666;
    margin-right: 0.5rem;
}

.p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link .p-submenu-icon {
    color      : #666666;
    margin-left: 0.5rem;
}

.p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover {
    background: #e9ecef;
}

.p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
    color: #495057;
}

.p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
    color: #666666;
}

.p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
    color: #666666;
}

.p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : inset 0 0 0 0.15rem #bfdbfe;
}

.p-megamenu .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link,
.p-megamenu .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link:not(.p-disabled):hover {
    background: #eff6ff;
}

.p-megamenu .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
    color: #1d4ed8;
}

.p-megamenu .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
    color: #1d4ed8;
}

.p-megamenu .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
    color: #1d4ed8;
}

.p-megamenu .p-menuitem-link {
    padding      : 0.75rem 1.25rem;
    color        : #495057;
    border-radius: 0;
    transition   : box-shadow 0.2s;
    -webkit-user-select  : none;
            user-select  : none;
}

.p-megamenu .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-megamenu .p-menuitem-link .p-menuitem-icon {
    color       : #666666;
    margin-right: 0.5rem;
}

.p-megamenu .p-menuitem-link .p-submenu-icon {
    color: #666666;
}

.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
    background: #e9ecef;
}

.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
    color: #495057;
}

.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
    color: #666666;
}

.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
    color: #666666;
}

.p-megamenu .p-menuitem-link:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : inset 0 0 0 0.15rem #bfdbfe;
}

.p-megamenu .p-megamenu-panel {
    background: #ffffff;
    color     : #495057;
    border    : 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.p-megamenu .p-megamenu-submenu-header {
    margin                 : 0;
    padding                : 0.75rem 1.25rem;
    color                  : #343a40;
    background             : #ffffff;
    font-weight            : 700;
    border-top-right-radius: 6px;
    border-top-left-radius : 6px;
}

.p-megamenu .p-megamenu-submenu {
    padding: 0.25rem 0;
    width  : 12.5rem;
}

.p-megamenu .p-megamenu-submenu .p-menu-separator {
    border-top: 1px solid #dee2e6;
    margin    : 0.25rem 0;
}

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

.p-megamenu .p-megamenu-submenu .p-menuitem:last-child {
    margin: 0;
}

.p-megamenu .p-menuitem.p-menuitem-active>.p-menuitem-link {
    background: #eff6ff;
}

.p-megamenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-text {
    color: #1d4ed8;
}

.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: #1d4ed8;
}

.p-megamenu.p-megamenu-vertical {
    width  : 12.5rem;
    padding: 0.25rem 0;
}

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

.p-megamenu.p-megamenu-vertical .p-menuitem:last-child {
    margin: 0;
}

.p-menu {
    padding      : 0.25rem 0;
    background   : #ffffff;
    color        : #495057;
    border       : 1px solid #dee2e6;
    border-radius: 6px;
    width        : 12.5rem;
}

.p-menu .p-menuitem-link {
    padding      : 0.75rem 1.25rem;
    color        : #495057;
    border-radius: 0;
    transition   : box-shadow 0.2s;
    -webkit-user-select  : none;
            user-select  : none;
}

.p-menu .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-menu .p-menuitem-link .p-menuitem-icon {
    color       : #666666;
    margin-right: 0.5rem;
}

.p-menu .p-menuitem-link .p-submenu-icon {
    color: #666666;
}

.p-menu .p-menuitem-link:not(.p-disabled):hover {
    background: #e9ecef;
}

.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
    color: #495057;
}

.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
    color: #666666;
}

.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
    color: #666666;
}

.p-menu .p-menuitem-link:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : inset 0 0 0 0.15rem #bfdbfe;
}

.p-menu.p-menu-overlay {
    background: #ffffff;
    border    : 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.p-menu .p-submenu-header {
    margin                 : 0;
    padding                : 0.75rem 1.25rem;
    color                  : #343a40;
    background             : #ffffff;
    font-weight            : 700;
    border-top-right-radius: 0;
    border-top-left-radius : 0;
}

.p-menu .p-menu-separator {
    border-top: 1px solid #dee2e6;
    margin    : 0.25rem 0;
}

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

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

.p-menubar {
    padding      : 0.5rem;
    background   : #f8f9fa;
    color        : #495057;
    border       : 1px solid #dee2e6;
    border-radius: 6px;
}

.p-menubar .p-menuitem-link {
    padding      : 0.75rem 1.25rem;
    color        : #495057;
    border-radius: 0;
    transition   : box-shadow 0.2s;
    -webkit-user-select  : none;
            user-select  : none;
}

.p-menubar .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-menubar .p-menuitem-link .p-menuitem-icon {
    color       : #666666;
    margin-right: 0.5rem;
}

.p-menubar .p-menuitem-link .p-submenu-icon {
    color: #666666;
}

.p-menubar .p-menuitem-link:not(.p-disabled):hover {
    background: #e9ecef;
}

.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
    color: #495057;
}

.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
    color: #666666;
}

.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
    color: #666666;
}

.p-menubar .p-menuitem-link:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : inset 0 0 0 0.15rem #bfdbfe;
}

.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link {
    padding      : 0.75rem 1.25rem;
    color        : #495057;
    border-radius: 6px;
    transition   : box-shadow 0.2s;
    -webkit-user-select  : none;
            user-select  : none;
}

.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-icon {
    color       : #666666;
    margin-right: 0.5rem;
}

.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-submenu-icon {
    color      : #666666;
    margin-left: 0.5rem;
}

.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover {
    background: #e9ecef;
}

.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
    color: #495057;
}

.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
    color: #666666;
}

.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
    color: #666666;
}

.p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : inset 0 0 0 0.15rem #bfdbfe;
}

.p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link,
.p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link:not(.p-disabled):hover {
    background: #eff6ff;
}

.p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
    color: #1d4ed8;
}

.p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
    color: #1d4ed8;
}

.p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
    color: #1d4ed8;
}

.p-menubar .p-submenu-list {
    padding   : 0.25rem 0;
    background: #ffffff;
    border    : 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    width     : 12.5rem;
}

.p-menubar .p-submenu-list .p-menu-separator {
    border-top: 1px solid #dee2e6;
    margin    : 0.25rem 0;
}

.p-menubar .p-submenu-list .p-submenu-icon {
    font-size: 0.875rem;
}

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

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

.p-menubar .p-menuitem.p-menuitem-active>.p-menuitem-link {
    background: #eff6ff;
}

.p-menubar .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-text {
    color: #1d4ed8;
}

.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: #1d4ed8;
}

@media screen and (max-width: 960px) {
    .p-menubar {
        position: relative;
    }

    .p-menubar .p-menubar-button {
        display      : flex;
        width        : 2rem;
        height       : 2rem;
        color        : #666666;
        border-radius: 50%;
        transition   : background-color 0.2s, color 0.2s, box-shadow 0.2s;
    }

    .p-menubar .p-menubar-button:hover {
        color     : #666666;
        background: #e9ecef;
    }

    .p-menubar .p-menubar-button:focus {
        outline       : 0 none;
        outline-offset: 0;
        box-shadow    : 0 0 0 0.2rem #bfdbfe;
    }

    .p-menubar .p-menubar-root-list {
        position  : absolute;
        display   : none;
        padding   : 0.25rem 0;
        background: #ffffff;
        border    : 0 none;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
        width     : 100%;
    }

    .p-menubar .p-menubar-root-list .p-menu-separator {
        border-top: 1px solid #dee2e6;
        margin    : 0.25rem 0;
    }

    .p-menubar .p-menubar-root-list .p-submenu-icon {
        font-size: 0.875rem;
    }

    .p-menubar .p-menubar-root-list>.p-menuitem {
        width   : 100%;
        position: static;
    }

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link {
        padding      : 0.75rem 1.25rem;
        color        : #495057;
        border-radius: 0;
        transition   : box-shadow 0.2s;
        -webkit-user-select  : none;
                user-select  : none;
    }

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-text {
        color: #495057;
    }

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-icon {
        color       : #666666;
        margin-right: 0.5rem;
    }

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-submenu-icon {
        color: #666666;
    }

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover {
        background: #e9ecef;
    }

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
        color: #495057;
    }

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
        color: #666666;
    }

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
        color: #666666;
    }

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:focus {
        outline       : 0 none;
        outline-offset: 0;
        box-shadow    : inset 0 0 0 0.15rem #bfdbfe;
    }

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link>.p-submenu-icon {
        margin-left: auto;
        transition : transform 0.2s;
    }

    .p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link>.p-submenu-icon {
        transform: rotate(-180deg);
    }

    .p-menubar .p-menubar-root-list .p-submenu-list {
        width     : 100%;
        position  : static;
        box-shadow: none;
        border    : 0 none;
    }

    .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
        transition: transform 0.2s;
        transform : rotate(90deg);
    }

    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active>.p-menuitem-link>.p-submenu-icon {
        transform: rotate(-90deg);
    }

    .p-menubar .p-menubar-root-list .p-menuitem {
        width   : 100%;
        position: static;
    }

    .p-menubar .p-menubar-root-list ul li a {
        padding-left: 2.25rem;
    }

    .p-menubar .p-menubar-root-list ul li ul li a {
        padding-left: 3.75rem;
    }

    .p-menubar .p-menubar-root-list ul li ul li ul li a {
        padding-left: 5.25rem;
    }

    .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
        padding-left: 6.75rem;
    }

    .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
        padding-left: 8.25rem;
    }

    .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
        display       : flex;
        flex-direction: column;
        top           : 100%;
        left          : 0;
        z-index       : 1;
    }
}

.p-panelmenu .p-panelmenu-header>a {
    padding      : 1.25rem;
    border       : 1px solid #dee2e6;
    color        : #666666;
    background   : #f8f9fa;
    font-weight  : 700;
    border-radius: 6px;
    transition   : box-shadow 0.2s;
}

.p-panelmenu .p-panelmenu-header>a .p-panelmenu-icon {
    margin-right: 0.5rem;
}

.p-panelmenu .p-panelmenu-header>a .p-menuitem-icon {
    margin-right: 0.5rem;
}

.p-panelmenu .p-panelmenu-header>a:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : 0 0 0 0.2rem #bfdbfe;
}

.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled)>a:hover {
    background  : #e9ecef;
    border-color: #dee2e6;
    color       : #343a40;
}

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

.p-panelmenu .p-panelmenu-header.p-highlight>a {
    background                : #f8f9fa;
    border-color              : #dee2e6;
    color                     : #343a40;
    border-bottom-right-radius: 0;
    border-bottom-left-radius : 0;
}

.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled)>a:hover {
    border-color: #dee2e6;
    background  : #e9ecef;
    color       : #343a40;
}

.p-panelmenu .p-panelmenu-content {
    padding                   : 0.25rem 0;
    border                    : 1px solid #dee2e6;
    background                : #ffffff;
    color                     : #495057;
    margin-bottom             : 4px;
    border-top                : 0;
    border-top-right-radius   : 0;
    border-top-left-radius    : 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius : 6px;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
    padding      : 0.75rem 1.25rem;
    color        : #495057;
    border-radius: 0;
    transition   : box-shadow 0.2s;
    -webkit-user-select  : none;
            user-select  : none;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
    color       : #666666;
    margin-right: 0.5rem;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
    color: #666666;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
    background: #e9ecef;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
    color: #495057;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
    color: #666666;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
    color: #666666;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : inset 0 0 0 0.15rem #bfdbfe;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
    margin-right: 0.5rem;
}

.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
    padding: 0 0 0 1rem;
}

.p-panelmenu .p-panelmenu-panel {
    margin-bottom: 4px;
}

.p-slidemenu {
    padding      : 0.25rem 0;
    background   : #ffffff;
    color        : #495057;
    border       : 1px solid #dee2e6;
    border-radius: 6px;
    width        : 12.5rem;
}

.p-slidemenu .p-menuitem-link {
    padding      : 0.75rem 1.25rem;
    color        : #495057;
    border-radius: 0;
    transition   : box-shadow 0.2s;
    -webkit-user-select  : none;
            user-select  : none;
}

.p-slidemenu .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-slidemenu .p-menuitem-link .p-menuitem-icon {
    color       : #666666;
    margin-right: 0.5rem;
}

.p-slidemenu .p-menuitem-link .p-submenu-icon {
    color: #666666;
}

.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
    background: #e9ecef;
}

.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
    color: #495057;
}

.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
    color: #666666;
}

.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
    color: #666666;
}

.p-slidemenu .p-menuitem-link:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : inset 0 0 0 0.15rem #bfdbfe;
}

.p-slidemenu.p-slidemenu-overlay {
    background: #ffffff;
    border    : 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.p-slidemenu .p-slidemenu-list {
    padding   : 0.25rem 0;
    background: #ffffff;
    border    : 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.p-slidemenu .p-slidemenu.p-slidemenu-active>.p-slidemenu-link {
    background: #eff6ff;
}

.p-slidemenu .p-slidemenu.p-slidemenu-active>.p-slidemenu-link .p-slidemenu-text {
    color: #1d4ed8;
}

.p-slidemenu .p-slidemenu.p-slidemenu-active>.p-slidemenu-link .p-slidemenu-icon {
    color: #1d4ed8;
}

.p-slidemenu .p-slidemenu-separator {
    border-top: 1px solid #dee2e6;
    margin    : 0.25rem 0;
}

.p-slidemenu .p-slidemenu-icon {
    font-size: 0.875rem;
}

.p-slidemenu .p-slidemenu-backward {
    padding: 0.75rem 1.25rem;
    color  : #495057;
}

.p-steps .p-steps-item .p-menuitem-link {
    transition   : box-shadow 0.2s;
    border-radius: 6px;
    background   : #ffffff;
}

.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
    color        : #495057;
    border       : 1px solid #e9ecef;
    background   : #ffffff;
    min-width    : 2rem;
    height       : 2rem;
    line-height  : 2rem;
    font-size    : 1.143rem;
    z-index      : 1;
    border-radius: 50%;
}

.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
    margin-top: 0.5rem;
    color     : #666666;
}

.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : 0 0 0 0.2rem #bfdbfe;
}

.p-steps .p-steps-item.p-highlight .p-steps-number {
    background: #eff6ff;
    color     : #1d4ed8;
}

.p-steps .p-steps-item.p-highlight .p-steps-title {
    font-weight: 700;
    color      : #495057;
}

.p-steps .p-steps-item:before {
    content   : " ";
    border-top: 1px solid #dee2e6;
    width     : 100%;
    top       : 50%;
    left      : 0;
    display   : block;
    position  : absolute;
    margin-top: -1rem;
}

.p-tabmenu .p-tabmenu-nav {
    background  : #ffffff;
    border      : 1px solid #dee2e6;
    border-width: 0 0 2px 0;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
    margin-right: 0;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
    border                 : solid #dee2e6;
    border-width           : 0 0 2px 0;
    border-color           : transparent transparent #dee2e6 transparent;
    background             : #ffffff;
    color                  : #666666;
    padding                : 1.25rem;
    font-weight            : 700;
    border-top-right-radius: 6px;
    border-top-left-radius : 6px;
    transition             : box-shadow 0.2s;
    margin                 : 0 0 -2px 0;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
    margin-right: 0.5rem;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : inset 0 0 0 0.2rem #bfdbfe;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
    background  : #ffffff;
    border-color: #adb5bd;
    color       : #666666;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
    background  : #ffffff;
    border-color: #326BEE;
    color       : #326BEE;
}

.p-tabmenu .p-tabmenu-left-icon {
    margin-right: 0.5rem;
}

.p-tabmenu .p-tabmenu-right-icon {
    margin-left: 0.5rem;
}

.p-tabmenu .p-tabmenu-nav-btn.p-link {
    background: #ffffff;
    color     : #326BEE;
    width     : 3rem;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0;
}

.p-tabmenu .p-tabmenu-nav-btn.p-link:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : inset 0 0 0 0.2rem #bfdbfe;
}

.p-tieredmenu {
    padding      : 0.25rem 0;
    background   : #ffffff;
    color        : #495057;
    border       : 1px solid #dee2e6;
    border-radius: 6px;
    width        : 12.5rem;
}

.p-tieredmenu .p-menuitem-link {
    padding      : 0.5rem 1rem;
    color        : #495057;
    border-radius: 0;
    transition   : box-shadow 0.2s;
    -webkit-user-select  : none;
            user-select  : none;
}

.p-tieredmenu .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
    color       : #666666;
    margin-right: 0.5rem;
}

.p-tieredmenu .p-menuitem-link .p-submenu-icon {
    color: #666666;
}

.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
    background: #e9ecef;
}

.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
    color: #495057;
}

.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
    color: #666666;
}

.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
    color: #666666;
}

.p-tieredmenu .p-menuitem-link:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : inset 0 0 0 0.15rem #bfdbfe;
}

.p-tieredmenu.p-tieredmenu-overlay {
    background: #ffffff;
    border    : 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.p-tieredmenu .p-submenu-list {
    padding   : 0.25rem 0;
    background: #ffffff;
    border    : 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

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

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

.p-tieredmenu .p-menuitem.p-menuitem-active>.p-menuitem-link {
    background: #eff6ff;
}

.p-tieredmenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-text {
    color: #1d4ed8;
}

.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: #1d4ed8;
}

.p-tieredmenu .p-menu-separator {
    border-top: 1px solid #dee2e6;
    margin    : 0.25rem 0;
}

.p-tieredmenu .p-submenu-icon {
    font-size: 0.875rem;
}

.p-inline-message {
    padding      : 0.75rem 0.75rem;
    margin       : 0;
    border-radius: 6px;
}

.p-inline-message.p-inline-message-info {
    background  : #e9e9ff;
    border      : solid #696cff;
    border-width: 0px;
    color       : #696cff;
}

.p-inline-message.p-inline-message-info .p-inline-message-icon {
    color: #696cff;
}

.p-inline-message.p-inline-message-success {
    background  : #e4f8f0;
    border      : solid #1ea97c;
    border-width: 0px;
    color       : #1ea97c;
}

.p-inline-message.p-inline-message-success .p-inline-message-icon {
    color: #1ea97c;
}

.p-inline-message.p-inline-message-warn {
    background  : #fff2e2;
    border      : solid #cc8925;
    border-width: 0px;
    color       : #cc8925;
}

.p-inline-message.p-inline-message-warn .p-inline-message-icon {
    color: #cc8925;
}

.p-inline-message.p-inline-message-error {
    background  : #ffe7e6;
    border      : solid #ff5757;
    border-width: 0px;
    color       : #ff5757;
}

.p-inline-message.p-inline-message-error .p-inline-message-icon {
    color: #ff5757;
}

.p-inline-message .p-inline-message-icon {
    font-size   : 1rem;
    margin-right: 0.5rem;
}

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

.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
    margin-right: 0;
}

.p-message {
    margin       : 1rem 0;
    border-radius: 6px;
}

.p-message .p-message-wrapper {
    padding: 1.25rem 1.75rem;
}

.p-message .p-message-close {
    width        : 2rem;
    height       : 2rem;
    border-radius: 50%;
    background   : transparent;
    transition   : background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-message .p-message-close:hover {
    background: rgba(255, 255, 255, 0.3);
}

.p-message .p-message-close:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : 0 0 0 0.2rem #bfdbfe;
}

.p-message.p-message-info {
    background  : #e9e9ff;
    border      : solid #696cff;
    border-width: 0 0 0 6px;
    color       : #696cff;
}

.p-message.p-message-info .p-message-icon {
    color: #696cff;
}

.p-message.p-message-info .p-message-close {
    color: #696cff;
}

.p-message.p-message-success {
    background  : #e4f8f0;
    border      : solid #1ea97c;
    border-width: 0 0 0 6px;
    color       : #1ea97c;
}

.p-message.p-message-success .p-message-icon {
    color: #1ea97c;
}

.p-message.p-message-success .p-message-close {
    color: #1ea97c;
}

.p-message.p-message-warn {
    background  : #fff2e2;
    border      : solid #cc8925;
    border-width: 0 0 0 6px;
    color       : #cc8925;
}

.p-message.p-message-warn .p-message-icon {
    color: #cc8925;
}

.p-message.p-message-warn .p-message-close {
    color: #cc8925;
}

.p-message.p-message-error {
    background  : #ffe7e6;
    border      : solid #ff5757;
    border-width: 0 0 0 6px;
    color       : #ff5757;
}

.p-message.p-message-error .p-message-icon {
    color: #ff5757;
}

.p-message.p-message-error .p-message-close {
    color: #ff5757;
}

.p-message .p-message-text {
    font-size  : 1rem;
    font-weight: 400;
}

.p-message .p-message-icon {
    font-size   : 1.5rem;
    margin-right: 0.5rem;
}

.p-message .p-message-summary {
    font-weight: 700;
}

.p-message .p-message-detail {
    margin-left: 0.5rem;
}

.p-toast {
    opacity: 0.9;
    z-index:9999 !important;
}

.p-toast .p-toast-message {
    margin       : 0 0 1rem 0;
    box-shadow   : 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}

.p-toast .p-toast-message .p-toast-message-content {
    padding     : 1rem;
    border-width: 0 0 0 6px;
}

.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
    margin: 0 0 0 1rem;
}

.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
    font-size: 2rem;
}

.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
    font-weight: 700;
}

.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
    margin: 0.5rem 0 0 0;
}

.p-toast .p-toast-message .p-toast-icon-close {
    width        : 2rem;
    height       : 2rem;
    border-radius: 50%;
    background   : transparent;
    transition   : background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-toast .p-toast-message .p-toast-icon-close:hover {
    background: rgba(255, 255, 255, 0.3);
}

.p-toast .p-toast-message .p-toast-icon-close:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : 0 0 0 0.2rem #bfdbfe;
}

.p-toast .p-toast-message.p-toast-message-info {
    background  : #e9e9ff;
    border      : solid #696cff;
    border-width: 0 0 0 6px;
    color       : #696cff;
}

.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
    color: #696cff;
}

.p-toast .p-toast-message.p-toast-message-success {
    background  : #e4f8f0;
    border      : solid #1ea97c;
    border-width: 0 0 0 6px;
    color       : #1ea97c;
}

.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
    color: #1ea97c;
}

.p-toast .p-toast-message.p-toast-message-warn {
    background  : #fff2e2;
    border      : solid #cc8925;
    border-width: 0 0 0 6px;
    color       : #cc8925;
}

.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
    color: #cc8925;
}

.p-toast .p-toast-message.p-toast-message-error {
    background  : #ffe7e6;
    border      : solid #ff5757;
    border-width: 0 0 0 6px;
    color       : #ff5757;
}

.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
    color: #ff5757;
}

.p-galleria .p-galleria-close {
    margin       : 0.5rem;
    background   : transparent;
    color        : #f8f9fa;
    width        : 4rem;
    height       : 4rem;
    transition   : background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
}

.p-galleria .p-galleria-close .p-galleria-close-icon {
    font-size: 2rem;
}

.p-galleria .p-galleria-close:hover {
    background: rgba(255, 255, 255, 0.1);
    color     : #f8f9fa;
}

.p-galleria .p-galleria-item-nav {
    background   : transparent;
    color        : #f8f9fa;
    width        : 4rem;
    height       : 4rem;
    transition   : background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
    margin       : 0 0.5rem;
}

.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
    font-size: 2rem;
}

.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
    background: rgba(255, 255, 255, 0.1);
    color     : #f8f9fa;
}

.p-galleria .p-galleria-caption {
    background: rgba(0, 0, 0, 0.5);
    color     : #f8f9fa;
    padding   : 1rem;
}

.p-galleria .p-galleria-indicators {
    padding: 1rem;
}

.p-galleria .p-galleria-indicators .p-galleria-indicator button {
    background-color: #ced4da;
    width           : 1rem;
    height          : 1rem;
    transition      : background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius   : 50%;
}

.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
    background: #adb5bd;
}

.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background      : #eff6ff;
    color           : #1d4ed8;
    background-color: #326BEE;
}

.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,
.p-galleria.p-galleria-indicators-top .p-galleria-indicator {
    margin-right: 0.5rem;
}

.p-galleria.p-galleria-indicators-left .p-galleria-indicator,
.p-galleria.p-galleria-indicators-right .p-galleria-indicator {
    margin-bottom: 0.5rem;
}

.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
    background: rgba(0, 0, 0, 0.5);
}

.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
    background: rgba(255, 255, 255, 0.4);
}

.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
    background: rgba(255, 255, 255, 0.6);
}

.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background: #eff6ff;
    color     : #1d4ed8;
}

.p-galleria .p-galleria-thumbnail-container {
    background: rgba(0, 0, 0, 0.9);
    padding   : 1rem 0.25rem;
}

.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
    margin          : 0.5rem;
    background-color: transparent;
    color           : #f8f9fa;
    width           : 2rem;
    height          : 2rem;
    transition      : background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius   : 50%;
}

.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
    background: rgba(255, 255, 255, 0.1);
    color     : #f8f9fa;
}

.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : 0 0 0 0.2rem #bfdbfe;
}

.p-galleria-mask {
    --maskbg: rgba(0, 0, 0, 0.9);
}

.p-image-mask {
    --maskbg: rgba(0, 0, 0, 0.9);
}

.p-image-preview-indicator {
    background-color: transparent;
    color           : #f8f9fa;
    transition      : background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-image-preview-container:hover>.p-image-preview-indicator {
    background-color: rgba(0, 0, 0, 0.5);
}

.p-image-toolbar {
    padding: 1rem;
}

.p-image-action.p-link {
    color           : #f8f9fa;
    background-color: transparent;
    width           : 3rem;
    height          : 3rem;
    border-radius   : 50%;
    transition      : background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin-right    : 0.5rem;
}

.p-image-action.p-link:last-child {
    margin-right: 0;
}

.p-image-action.p-link:hover {
    color           : #f8f9fa;
    background-color: rgba(255, 255, 255, 0.1);
}

.p-image-action.p-link i {
    font-size: 1.5rem;
}

.p-avatar {
    border-radius   : 6px;
}

.p-avatar.p-avatar-lg {
    width    : 3rem;
    height   : 3rem;
    font-size: 1.5rem;
}

.p-avatar.p-avatar-lg .p-avatar-icon {
    font-size: 1.5rem;
}

.p-avatar.p-avatar-xl {
    width    : 4rem;
    height   : 4rem;
    font-size: 2rem;
}

.p-avatar.p-avatar-xl .p-avatar-icon {
    font-size: 2rem;
}

.p-avatar-group .p-avatar {
    border: 2px solid #ffffff;
}

.p-badge {
    background : #326BEE;
    color      : #ffffff;
    font-size  : 0.75rem;
    font-weight: 700;
    min-width  : 1.5rem;
    height     : 1.5rem;
    line-height: 1.5rem;
}

.p-badge.p-badge-secondary {
    background-color: #64748b;
    color           : #ffffff;
}

.p-badge.p-badge-success {
    background-color: #22c55e;
    color           : #ffffff;
}

.p-badge.p-badge-info {
    background-color: #326BEE;
    color           : #ffffff;
}

.p-badge.p-badge-warning {
    background-color: #f59e0b;
    color           : #ffffff;
}

.p-badge.p-badge-danger {
    background-color: #ef4444;
    color           : #ffffff;
}

.p-badge.p-badge-lg {
    font-size  : 1.125rem;
    min-width  : 2.25rem;
    height     : 2.25rem;
    line-height: 2.25rem;
}

.p-badge.p-badge-xl {
    font-size  : 1.5rem;
    min-width  : 3rem;
    height     : 3rem;
    line-height: 3rem;
}

.p-chip {
    background-color: #dee2e6;
    color           : #495057;
    border-radius   : 16px;
    padding         : 0 0.75rem;
}

.p-chip .p-chip-text {
    line-height  : 1.5;
    margin-top   : 0.375rem;
    margin-bottom: 0.375rem;
}

.p-chip .p-chip-icon {
    margin-right: 0.5rem;
}

.p-chip img {
    width       : 2.25rem;
    height      : 2.25rem;
    margin-left : -0.75rem;
    margin-right: 0.5rem;
}

.p-chip .pi-chip-remove-icon {
    margin-left  : 0.5rem;
    border-radius: 6px;
    transition   : background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-chip .pi-chip-remove-icon:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : 0 0 0 0.2rem #bfdbfe;
}

.p-inplace .p-inplace-display {
    padding      : 0.75rem 0.75rem;
    border-radius: 6px;
    transition   : background-color 0.2s, color 0.2s, border-color 0.2s,
        box-shadow 0.2s;
}

.p-inplace .p-inplace-display:not(.p-disabled):hover {
    background: #6666660D;
}

.p-inplace .p-inplace-display:focus {
    outline       : 0 none;
    outline-offset: 0;
    box-shadow    : 0 0 0 0.2rem #bfdbfe;
}

.p-progressbar {
    border       : 0 none;
    height       : 1.5rem;
    background   : #dee2e6;
    border-radius: 6px;
}

.p-progressbar .p-progressbar-value {
    border    : 0 none;
    margin    : 0;
    background: #326BEE;
}

.p-progressbar .p-progressbar-label {
    color      : #ffffff;
    line-height: 1.5rem;
}

.p-scrolltop {
    width        : 3rem;
    height       : 3rem;
    border-radius: 50%;
    box-shadow   : 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    transition   : background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-scrolltop.p-link {
    background: rgba(0, 0, 0, 0.7);
}

.p-scrolltop.p-link:hover {
    background: rgba(0, 0, 0, 0.8);
}

.p-scrolltop .p-scrolltop-icon {
    font-size: 1.5rem;
    color    : #f8f9fa;
}

.p-skeleton {
    background-color: #dee2e6;
    border-radius   : 6px;
}

.p-skeleton:after {
    background: linear-gradient(90deg,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0.4),
            rgba(255, 255, 255, 0));
}

.p-tag {
    background   : #326BEE;
    color        : #ffffff;
    font-size    : 0.75rem;
    font-weight  : 700;
    padding      : 0.25rem 0.4rem;
    border-radius: 6px;
}

.p-tag.p-tag-success {
    background-color: #22c55e;
    color           : #ffffff;
}

.p-tag.p-tag-info {
    background-color: #326BEE;
    color           : #ffffff;
}

.p-tag.p-tag-warning {
    background-color: #f59e0b;
    color           : #ffffff;
}

.p-tag.p-tag-danger {
    background-color: #ef4444;
    color           : #ffffff;
}

.p-tag .p-tag-icon {
    margin-right: 0.25rem;
    font-size   : 0.75rem;
}

.p-terminal {
    background: #ffffff;
    color     : #495057;
    border    : 1px solid #dee2e6;
    padding   : 1.25rem;
}

.p-terminal .p-terminal-input {
    font-size: 1rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
        Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.p-button-label {
    font-weight: 500;
}

.p-tabview .p-tabview-nav .p-tabview-ink-bar {
    z-index         : 1;
    display         : block;
    position        : absolute;
    bottom          : 0;
    height          : 2px;
    background-color: #326BEE;
    transition      : 500ms cubic-bezier(0.35, 0, 0.25, 1);
}

.p-button.p-button-secondary:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black;
}

.p-button.p-button-success:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black;
}

.p-button.p-button-info:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black;
}

.p-button.p-button-warning:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black;
}

.p-button.p-button-help:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black;
}

.p-button.p-button-danger:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black;
}

.p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-top>td {
    box-shadow: inset 0 2px 0 0 #326BEE;
}

.p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-bottom>td {
    box-shadow: inset 0 -2px 0 0 #326BEE;
}
@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('primeicons.8ca441e178bfb872.eot');
    src: url('primeicons.8ca441e178bfb872.eot?#iefix') format('embedded-opentype'), url('primeicons.e1a53edb6ea00325.woff2') format('woff2'), url('primeicons.7f7722745590608a.woff') format('woff'), url('primeicons.310a7310efb91ab1.ttf') format('truetype'), url('primeicons.19e14e488f5edc90.svg?#primeicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pi:before {
    --webkit-backface-visibility:hidden;
    backface-visibility: hidden;
}

.pi-fw {
    width: 1.28571429em;
    text-align: center;
}

.pi-spin {
    animation: fa-spin 2s infinite linear;
}

@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

.pi-folder-plus:before {
    content: "\ea05";
}

.pi-receipt:before {
    content: "\ea06";
}

.pi-asterisk:before {
    content: "\ea07";
}

.pi-face-smile:before {
    content: "\ea08";
}

.pi-pinterest:before {
    content: "\ea09";
}

.pi-expand:before {
    content: "\ea0a";
}

.pi-pen-to-square:before {
    content: "\ea0b";
}

.pi-wave-pulse:before {
    content: "\ea0c";
}

.pi-turkish-lira:before {
    content: "\ea0d";
}

.pi-spinner-dotted:before {
    content: "\ea0e";
}

.pi-crown:before {
    content: "\ea0f";
}

.pi-pause-circle:before {
    content: "\ea10";
}

.pi-warehouse:before {
    content: "\ea11";
}

.pi-objects-column:before {
    content: "\ea12";
}

.pi-clipboard:before {
    content: "\ea13";
}

.pi-play-circle:before {
    content: "\ea14";
}

.pi-venus:before {
    content: "\ea15";
}

.pi-cart-minus:before {
    content: "\ea16";
}

.pi-file-plus:before {
    content: "\ea17";
}

.pi-microchip:before {
    content: "\ea18";
}

.pi-twitch:before {
    content: "\ea19";
}

.pi-building-columns:before {
    content: "\ea1a";
}

.pi-file-check:before {
    content: "\ea1b";
}

.pi-microchip-ai:before {
    content: "\ea1c";
}

.pi-trophy:before {
    content: "\ea1d";
}

.pi-barcode:before {
    content: "\ea1e";
}

.pi-file-arrow-up:before {
    content: "\ea1f";
}

.pi-mars:before {
    content: "\ea20";
}

.pi-tiktok:before {
    content: "\ea21";
}

.pi-arrow-up-right-and-arrow-down-left-from-center:before {
    content: "\ea22";
}

.pi-ethereum:before {
    content: "\ea23";
}

.pi-list-check:before {
    content: "\ea24";
}

.pi-thumbtack:before {
    content: "\ea25";
}

.pi-arrow-down-left-and-arrow-up-right-to-center:before {
    content: "\ea26";
}

.pi-equals:before {
    content: "\ea27";
}

.pi-lightbulb:before {
    content: "\ea28";
}

.pi-star-half:before {
    content: "\ea29";
}

.pi-address-book:before {
    content: "\ea2a";
}

.pi-chart-scatter:before {
    content: "\ea2b";
}

.pi-indian-rupee:before {
    content: "\ea2c";
}

.pi-star-half-fill:before {
    content: "\ea2d";
}

.pi-cart-arrow-down:before {
    content: "\ea2e";
}

.pi-calendar-clock:before {
    content: "\ea2f";
}

.pi-sort-up-fill:before {
    content: "\ea30";
}

.pi-sparkles:before {
    content: "\ea31";
}

.pi-bullseye:before {
    content: "\ea32";
}

.pi-sort-down-fill:before {
    content: "\ea33";
}

.pi-graduation-cap:before {
    content: "\ea34";
}

.pi-hammer:before {
    content: "\ea35";
}

.pi-bell-slash:before {
    content: "\ea36";
}

.pi-gauge:before {
    content: "\ea37";
}

.pi-shop:before {
    content: "\ea38";
}

.pi-headphones:before {
    content: "\ea39";
}

.pi-eraser:before {
    content: "\ea04";
}

.pi-stopwatch:before {
    content: "\ea01";
}

.pi-verified:before {
    content: "\ea02";
}

.pi-delete-left:before {
    content: "\ea03";
}

.pi-hourglass:before {
    content: "\e9fe";
}

.pi-truck:before {
    content: "\ea00";
}

.pi-wrench:before {
    content: "\e9ff";
}

.pi-microphone:before {
    content: "\e9fa";
}

.pi-megaphone:before {
    content: "\e9fb";
}

.pi-arrow-right-arrow-left:before {
    content: "\e9fc";
}

.pi-bitcoin:before {
    content: "\e9fd";
}

.pi-file-edit:before {
    content: "\e9f6";
}

.pi-language:before {
    content: "\e9f7";
}

.pi-file-export:before {
    content: "\e9f8";
}

.pi-file-import:before {
    content: "\e9f9";
}

.pi-file-word:before {
    content: "\e9f1";
}

.pi-gift:before {
    content: "\e9f2";
}

.pi-cart-plus:before {
    content: "\e9f3";
}

.pi-thumbs-down-fill:before {
    content: "\e9f4";
}

.pi-thumbs-up-fill:before {
    content: "\e9f5";
}

.pi-arrows-alt:before {
    content: "\e9f0";
}

.pi-calculator:before {
    content: "\e9ef";
}

.pi-sort-alt-slash:before {
    content: "\e9ee";
}

.pi-arrows-h:before {
    content: "\e9ec";
}

.pi-arrows-v:before {
    content: "\e9ed";
}

.pi-pound:before {
    content: "\e9eb";
}

.pi-prime:before {
    content: "\e9ea";
}

.pi-chart-pie:before {
    content: "\e9e9";
}

.pi-reddit:before {
    content: "\e9e8";
}

.pi-code:before {
    content: "\e9e7";
}

.pi-sync:before {
    content: "\e9e6";
}

.pi-shopping-bag:before {
    content: "\e9e5";
}

.pi-server:before {
    content: "\e9e4";
}

.pi-database:before {
    content: "\e9e3";
}

.pi-hashtag:before {
    content: "\e9e2";
}

.pi-bookmark-fill:before {
    content: "\e9df";
}

.pi-filter-fill:before {
    content: "\e9e0";
}

.pi-heart-fill:before {
    content: "\e9e1";
}

.pi-flag-fill:before {
    content: "\e9de";
}

.pi-circle:before {
    content: "\e9dc";
}

.pi-circle-fill:before {
    content: "\e9dd";
}

.pi-bolt:before {
    content: "\e9db";
}

.pi-history:before {
    content: "\e9da";
}

.pi-box:before {
    content: "\e9d9";
}

.pi-at:before {
    content: "\e9d8";
}

.pi-arrow-up-right:before {
    content: "\e9d4";
}

.pi-arrow-up-left:before {
    content: "\e9d5";
}

.pi-arrow-down-left:before {
    content: "\e9d6";
}

.pi-arrow-down-right:before {
    content: "\e9d7";
}

.pi-telegram:before {
    content: "\e9d3";
}

.pi-stop-circle:before {
    content: "\e9d2";
}

.pi-stop:before {
    content: "\e9d1";
}

.pi-whatsapp:before {
    content: "\e9d0";
}

.pi-building:before {
    content: "\e9cf";
}

.pi-qrcode:before {
    content: "\e9ce";
}

.pi-car:before {
    content: "\e9cd";
}

.pi-instagram:before {
    content: "\e9cc";
}

.pi-linkedin:before {
    content: "\e9cb";
}

.pi-send:before {
    content: "\e9ca";
}

.pi-slack:before {
    content: "\e9c9";
}

.pi-sun:before {
    content: "\e9c8";
}

.pi-moon:before {
    content: "\e9c7";
}

.pi-vimeo:before {
    content: "\e9c6";
}

.pi-youtube:before {
    content: "\e9c5";
}

.pi-flag:before {
    content: "\e9c4";
}

.pi-wallet:before {
    content: "\e9c3";
}

.pi-map:before {
    content: "\e9c2";
}

.pi-link:before {
    content: "\e9c1";
}

.pi-credit-card:before {
    content: "\e9bf";
}

.pi-discord:before {
    content: "\e9c0";
}

.pi-percentage:before {
    content: "\e9be";
}

.pi-euro:before {
    content: "\e9bd";
}

.pi-book:before {
    content: "\e9ba";
}

.pi-shield:before {
    content: "\e9b9";
}

.pi-paypal:before {
    content: "\e9bb";
}

.pi-amazon:before {
    content: "\e9bc";
}

.pi-phone:before {
    content: "\e9b8";
}

.pi-filter-slash:before {
    content: "\e9b7";
}

.pi-facebook:before {
    content: "\e9b4";
}

.pi-github:before {
    content: "\e9b5";
}

.pi-twitter:before {
    content: "\e9b6";
}

.pi-step-backward-alt:before {
    content: "\e9ac";
}

.pi-step-forward-alt:before {
    content: "\e9ad";
}

.pi-forward:before {
    content: "\e9ae";
}

.pi-backward:before {
    content: "\e9af";
}

.pi-fast-backward:before {
    content: "\e9b0";
}

.pi-fast-forward:before {
    content: "\e9b1";
}

.pi-pause:before {
    content: "\e9b2";
}

.pi-play:before {
    content: "\e9b3";
}

.pi-compass:before {
    content: "\e9ab";
}

.pi-id-card:before {
    content: "\e9aa";
}

.pi-ticket:before {
    content: "\e9a9";
}

.pi-file-o:before {
    content: "\e9a8";
}

.pi-reply:before {
    content: "\e9a7";
}

.pi-directions-alt:before {
    content: "\e9a5";
}

.pi-directions:before {
    content: "\e9a6";
}

.pi-thumbs-up:before {
    content: "\e9a3";
}

.pi-thumbs-down:before {
    content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
    content: "\e996";
}

.pi-sort-numeric-up-alt:before {
    content: "\e997";
}

.pi-sort-alpha-down-alt:before {
    content: "\e998";
}

.pi-sort-alpha-up-alt:before {
    content: "\e999";
}

.pi-sort-numeric-down:before {
    content: "\e99a";
}

.pi-sort-numeric-up:before {
    content: "\e99b";
}

.pi-sort-alpha-down:before {
    content: "\e99c";
}

.pi-sort-alpha-up:before {
    content: "\e99d";
}

.pi-sort-alt:before {
    content: "\e99e";
}

.pi-sort-amount-up:before {
    content: "\e99f";
}

.pi-sort-amount-down:before {
    content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}

.pi-palette:before {
    content: "\e995";
}

.pi-undo:before {
    content: "\e994";
}

.pi-desktop:before {
    content: "\e993";
}

.pi-sliders-v:before {
    content: "\e991";
}

.pi-sliders-h:before {
    content: "\e992";
}

.pi-search-plus:before {
    content: "\e98f";
}

.pi-search-minus:before {
    content: "\e990";
}

.pi-file-excel:before {
    content: "\e98e";
}

.pi-file-pdf:before {
    content: "\e98d";
}

.pi-check-square:before {
    content: "\e98c";
}

.pi-chart-line:before {
    content: "\e98b";
}

.pi-user-edit:before {
    content: "\e98a";
}

.pi-exclamation-circle:before {
    content: "\e989";
}

.pi-android:before {
    content: "\e985";
}

.pi-google:before {
    content: "\e986";
}

.pi-apple:before {
    content: "\e987";
}

.pi-microsoft:before {
    content: "\e988";
}

.pi-heart:before {
    content: "\e984";
}

.pi-mobile:before {
    content: "\e982";
}

.pi-tablet:before {
    content: "\e983";
}

.pi-key:before {
    content: "\e981";
}

.pi-shopping-cart:before {
    content: "\e980";
}

.pi-comments:before {
    content: "\e97e";
}

.pi-comment:before {
    content: "\e97f";
}

.pi-briefcase:before {
    content: "\e97d";
}

.pi-bell:before {
    content: "\e97c";
}

.pi-paperclip:before {
    content: "\e97b";
}

.pi-share-alt:before {
    content: "\e97a";
}

.pi-envelope:before {
    content: "\e979";
}

.pi-volume-down:before {
    content: "\e976";
}

.pi-volume-up:before {
    content: "\e977";
}

.pi-volume-off:before {
    content: "\e978";
}

.pi-eject:before {
    content: "\e975";
}

.pi-money-bill:before {
    content: "\e974";
}

.pi-images:before {
    content: "\e973";
}

.pi-image:before {
    content: "\e972";
}

.pi-sign-in:before {
    content: "\e970";
}

.pi-sign-out:before {
    content: "\e971";
}

.pi-wifi:before {
    content: "\e96f";
}

.pi-sitemap:before {
    content: "\e96e";
}

.pi-chart-bar:before {
    content: "\e96d";
}

.pi-camera:before {
    content: "\e96c";
}

.pi-dollar:before {
    content: "\e96b";
}

.pi-lock-open:before {
    content: "\e96a";
}

.pi-table:before {
    content: "\e969";
}

.pi-map-marker:before {
    content: "\e968";
}

.pi-list:before {
    content: "\e967";
}

.pi-eye-slash:before {
    content: "\e965";
}

.pi-eye:before {
    content: "\e966";
}

.pi-folder-open:before {
    content: "\e964";
}

.pi-folder:before {
    content: "\e963";
}

.pi-video:before {
    content: "\e962";
}

.pi-inbox:before {
    content: "\e961";
}

.pi-lock:before {
    content: "\e95f";
}

.pi-unlock:before {
    content: "\e960";
}

.pi-tags:before {
    content: "\e95d";
}

.pi-tag:before {
    content: "\e95e";
}

.pi-power-off:before {
    content: "\e95c";
}

.pi-save:before {
    content: "\e95b";
}

.pi-question-circle:before {
    content: "\e959";
}

.pi-question:before {
    content: "\e95a";
}

.pi-copy:before {
    content: "\e957";
}

.pi-file:before {
    content: "\e958";
}

.pi-clone:before {
    content: "\e955";
}

.pi-calendar-times:before {
    content: "\e952";
}

.pi-calendar-minus:before {
    content: "\e953";
}

.pi-calendar-plus:before {
    content: "\e954";
}

.pi-ellipsis-v:before {
    content: "\e950";
}

.pi-ellipsis-h:before {
    content: "\e951";
}

.pi-bookmark:before {
    content: "\e94e";
}

.pi-globe:before {
    content: "\e94f";
}

.pi-replay:before {
    content: "\e94d";
}

.pi-filter:before {
    content: "\e94c";
}

.pi-print:before {
    content: "\e94b";
}

.pi-align-right:before {
    content: "\e946";
}

.pi-align-left:before {
    content: "\e947";
}

.pi-align-center:before {
    content: "\e948";
}

.pi-align-justify:before {
    content: "\e949";
}

.pi-cog:before {
    content: "\e94a";
}

.pi-cloud-download:before {
    content: "\e943";
}

.pi-cloud-upload:before {
    content: "\e944";
}

.pi-cloud:before {
    content: "\e945";
}

.pi-pencil:before {
    content: "\e942";
}

.pi-users:before {
    content: "\e941";
}

.pi-clock:before {
    content: "\e940";
}

.pi-user-minus:before {
    content: "\e93e";
}

.pi-user-plus:before {
    content: "\e93f";
}

.pi-trash:before {
    content: "\e93d";
}

.pi-external-link:before {
    content: "\e93c";
}

.pi-window-maximize:before {
    content: "\e93b";
}

.pi-window-minimize:before {
    content: "\e93a";
}

.pi-refresh:before {
    content: "\e938";
}
  
.pi-user:before {
    content: "\e939";
}

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

.pi-chevron-circle-left:before {
    content: "\e928";
}

.pi-chevron-circle-down:before {
    content: "\e929";
}

.pi-chevron-circle-right:before {
    content: "\e92a";
}

.pi-chevron-circle-up:before {
    content: "\e92b";
}

.pi-angle-double-down:before {
    content: "\e92c";
}

.pi-angle-double-left:before {
    content: "\e92d";
}

.pi-angle-double-right:before {
    content: "\e92e";
}

.pi-angle-double-up:before {
    content: "\e92f";
}

.pi-angle-down:before {
    content: "\e930";
}

.pi-angle-left:before {
    content: "\e931";
}

.pi-angle-right:before {
    content: "\e932";
}

.pi-angle-up:before {
    content: "\e933";
}

.pi-upload:before {
    content: "\e934";
}

.pi-download:before {
    content: "\e956";
}

.pi-ban:before {
    content: "\e935";
}

.pi-star-fill:before {
    content: "\e936";
}

.pi-star:before {
    content: "\e937";
}

.pi-chevron-left:before {
    content: "\e900";
}

.pi-chevron-right:before {
    content: "\e901";
}

.pi-chevron-down:before {
    content: "\e902";
}

.pi-chevron-up:before {
    content: "\e903";
}

.pi-caret-left:before {
    content: "\e904";
}

.pi-caret-right:before {
    content: "\e905";
}

.pi-caret-down:before {
    content: "\e906";
}

.pi-caret-up:before {
    content: "\e907";
}

.pi-search:before {
    content: "\e908";
}

.pi-check:before {
    content: "\e909";
}

.pi-check-circle:before {
    content: "\e90a";
}

.pi-times:before {
    content: "\e90b";
}

.pi-times-circle:before {
    content: "\e90c";
}

.pi-plus:before {
    content: "\e90d";
}

.pi-plus-circle:before {
    content: "\e90e";
}

.pi-minus:before {
    content: "\e90f";
}

.pi-minus-circle:before {
    content: "\e910";
}

.pi-circle-on:before {
    content: "\e911";
}

.pi-circle-off:before {
    content: "\e912";
}

.pi-sort-down:before {
    content: "\e913";
}

.pi-sort-up:before {
    content: "\e914";
}

.pi-sort:before {
    content: "\e915";
}

.pi-step-backward:before {
    content: "\e916";
}

.pi-step-forward:before {
    content: "\e917";
}

.pi-th-large:before {
    content: "\e918";
}

.pi-arrow-down:before {
    content: "\e919";
}

.pi-arrow-left:before {
    content: "\e91a";
}

.pi-arrow-right:before {
    content: "\e91b";
}

.pi-arrow-up:before {
    content: "\e91c";
}

.pi-bars:before {
    content: "\e91d";
}

.pi-arrow-circle-down:before {
    content: "\e91e";
}

.pi-arrow-circle-left:before {
    content: "\e91f";
}

.pi-arrow-circle-right:before {
    content: "\e920";
}

.pi-arrow-circle-up:before {
    content: "\e921";
}

.pi-info:before {
    content: "\e923";
}

.pi-info-circle:before {
    content: "\e924";
}

.pi-home:before {
    content: "\e925";
}

.pi-spinner:before {
    content: "\e926";
}

.p-overflow-hidden{overflow:hidden;padding-right:var(--scrollbar-width)}@layer primeng{.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-unselectable-text{-webkit-user-select:none;user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type='button'],input[type='submit'],input[type='reset'],input[type='file']::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;-webkit-user-select:none;user-select:none}.p-link:disabled{cursor:default}.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-toggleable-content.ng-animating{overflow:hidden}.p-icon-wrapper{display:inline-flex}.p-icon{display:inline-block}.p-icon-spin{animation:p-icon-spin 2s infinite linear}}@keyframes p-icon-spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}@layer primeng{.p-badge{display:inline-block;border-radius:10px;text-align:center;padding:0 .5rem}.p-overlay-badge{position:relative}.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.p-badge-no-gutter{padding:0;border-radius:50%}}@layer primeng{.p-button{margin:0;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default;pointer-events:none}.p-button-icon-only{justify-content:center}.p-button-icon-only:after{content:'p';visibility:hidden;clip:rect(0 0 0 0);width:0}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-button-group .p-button{margin:0}.p-button-group .p-button:focus,.p-button-group p-button:focus .p-button,.p-buttonset .p-button:focus,.p-buttonset .p-button:focus,.p-buttonset p-button:focus .p-button,.p-buttonset .p-button:focus{position:relative;z-index:1}.p-button-group .p-button:not(:last-child),.p-button-group .p-button:not(:last-child):hover,.p-button-group p-button:not(:last-child) .p-button,.p-button-group p-button:not(:last-child) .p-button:hover,.p-buttonset .p-button:not(:last-child),.p-buttonset .p-button:not(:last-child):hover,.p-buttonset p-button:not(:last-child) .p-button,.p-buttonset p-button:not(:last-child) .p-button:hover{border-right:0 none}.p-button-group .p-button:not(:first-of-type):not(:last-of-type),.p-button-group p-button:not(:first-of-type):not(:last-of-type) .p-button,.p-buttonset .p-button:not(:first-of-type):not(:last-of-type),.p-buttonset p-button:not(:first-of-type):not(:last-of-type) .p-button{border-radius:0}.p-button-group .p-button:first-of-type:not(:only-of-type),.p-button-group p-button:first-of-type:not(:only-of-type) .p-button,.p-buttonset .p-button:first-of-type:not(:only-of-type),.p-buttonset p-button:first-of-type:not(:only-of-type) .p-button{border-top-right-radius:0;border-bottom-right-radius:0}.p-button-group .p-button:last-of-type:not(:only-of-type),.p-button-group p-button:last-of-type:not(:only-of-type) .p-button,.p-buttonset .p-button:last-of-type:not(:only-of-type),.p-buttonset p-button:last-of-type:not(:only-of-type) .p-button{border-top-left-radius:0;border-bottom-left-radius:0}p-button[iconpos='right'] spinnericon{order:1}}@layer primeng{.p-checkbox{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-checkbox-disabled{cursor:default !important;pointer-events:none}.p-checkbox-box{display:flex;justify-content:center;align-items:center}p-checkbox{display:inline-flex;vertical-align:bottom;align-items:center}.p-checkbox-label{line-height:1}}.p-colorpicker-panel .p-colorpicker-color{background:transparent url('color.febf5f041e83bfbe.png') no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url('hue.de26927932756490.png') no-repeat left top}@layer primeng{.p-inputtext{margin:0}.p-fluid .p-inputtext{width:100%}.p-inputgroup{display:flex;align-items:stretch;width:100%}.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputwrapper,.p-inputgroup .p-inputwrapper>.p-component{flex:1 1 auto;width:1%}.p-float-label{display:block;position:relative}.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-0.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.p-float-label textarea ~ label{top:1rem}.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-0.75rem;font-size:12px}.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.p-float-label .p-placeholder,.p-float-label input::placeholder,.p-float-label .p-inputtext::placeholder{opacity:0;transition-property:all;transition-timing-function:ease}.p-float-label .p-focus .p-placeholder,.p-float-label input:focus::placeholder,.p-float-label .p-inputtext:focus::placeholder{opacity:1;transition-property:all;transition-timing-function:ease}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}.p-input-icon-left>i,.p-input-icon-left>.p-icon-wrapper,.p-input-icon-right>i,.p-input-icon-right>.p-icon-wrapper{position:absolute;top:50%;margin-top:-0.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}}@layer primeng{.p-inputtextarea-resizable{overflow:hidden;resize:none}.p-fluid .p-inputtextarea{width:100%}}@layer primeng{.p-password{position:relative;display:inline-flex}.p-password-panel{position:absolute;top:0;left:0}.p-password .p-password-panel{min-width:100%}.p-password-meter{height:10px}.p-password-strength{height:100%;width:0;transition:width 1s ease-in-out}.p-fluid .p-password{display:flex}.p-password-input::-ms-reveal,.p-password-input::-ms-clear{display:none}.p-password-clear-icon{position:absolute;top:50%;margin-top:-0.5rem;cursor:pointer}.p-password .p-icon{cursor:pointer}.p-password-clearable.p-password-mask .p-password-clear-icon{margin-top:unset}.p-password-clearable{position:relative}}@layer primeng{.p-radiobutton{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-radiobutton-box{display:flex;justify-content:center;align-items:center}.p-radiobutton-icon{backface-visibility:hidden;transform:translateZ(0) scale(0.1);border-radius:50%;visibility:hidden}.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1,1);visibility:visible}p-radiobutton{display:inline-flex;vertical-align:bottom;align-items:center}.p-radiobutton-label{line-height:1}}@layer primeng{.p-ripple{overflow:hidden;position:relative}.p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0)}.p-ink-active{animation:ripple .4s linear}.p-ripple-disabled .p-ink{display:none !important}}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}@layer primeng{.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem;pointer-events:none}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}.p-tooltip-arrow{scale:2;position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-0.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-0.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-0.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-0.25rem;border-width:0 .25em .25rem}}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}