@font-face {
    font-family: 'Poppins';
    src: url('../font-test/poppins-regular-webfont.woff') format('woff');
}


:root {
    --primary-color: #F1930A;
    --Secondary-color: #00B2A9;
    --rz-card-background-color: #fffcfa;
    --rz-layout-body-background-color: #f0ece6;
    --rz-text-font-family: 'Poppins';
    --rz-text-title-color: #5a595b;
    --rz-text-caption-color: #949290;
    --rz-text-color: #5a595b;
    --rz-link-color: #2ca58d;
    --rz-text-secondary-color: #394652;
    --rz-text-disabled-color: #DEDEE0;
    --rz-body-background-color: f0ece6;
    --rz-grid-border: 1px solid #333746;
    --rz-grid-stripe-background-color: #DEDEE0;
    --rz-grid-cell-color: #333746;
    --rz-grid-hover-color: #394652;
    --rz-grid-selected-background-color: #394652;
    --rz-grid-hover-background-color: #394652;
    --rz-grid-column-resizer-helper-background-color: #333746;
    --rz-grid-header-background-color: #DEDEE0;
    --rz-grid-filter-focus-color: #394652;
    --rz-grid-apply-filter-button-background-color: #394652;
    --rz-grid-foot-background-color: #ffffff;
    --rz-grid-header-filter-icon-active-color: #00B2A9;
    --rz-primary: var(--primary-color);
    --rz-primary-darker: var(--primary-color);
    --rz-secondary: #394652;
    --rz-success: #00B2A9;
    --rz-info: #DEDEE0;
    --rz-warning: #FFB500;
    --rz-danger: #de1300;
    --rz-primary-lighter: rgb(241 147 10 / 20%);
    --rz-on-primary-lighter: rgb(66 65 63);
    --rz-secondary-lighter: rgb(240 236 230);
    --rz-on-secondary-lighter: #4f4f4f;
    --rz-selectbar-selected-background-color: var(--primary-color);
    --rz-selectbar-selected-color: #fffcfa;
    --rz-chip-background-color: var(--primary-color);
    --rz-chip-color: #fffcfa;
    --calender-bg: #f9f6f2;
    --rz-scheduler-event-background-color: var(--Secondary-color);
    --rz-radio-circle-background-color: var(--Secondary-color);
}

.primary-color-text {
    color: var(--primary-color)
}
.rz-label {
    color: var(--rz-text-color)
}

.primary-color-bg {
    background-color: var(--primary-color)
}
.rz-clear .rz-multiselect-label-container, .rz-clear .rz-dropdown-label {
    margin-block: auto;
}
.rz-button.rz-base.rz-shade-default {
    background-color: var(--primary-color);
    color:white;
}
.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
    color: #000;
    border: 1px var(--primary-color) solid;
}
.rz-tabview.rz-tabview-top > .rz-tabview-nav li:hover {
     background-color: white;
    color: black;
}
.rz-pager.rz-density-compact .rz-pager-element .rzi, .rz-fileupload .rz-button .rzi, .rz-button-sm .rzi {
    color: var(--rz-white);
}
.rz-link .rz-link-text {
    text-decoration: var(--rz-link-text-decoration);
    font-family: Poppins;
    font-weight: 600;
    line-height: 12px;
    text-align: left;
}

.rz-tabview-panel {
    padding: 0;
}
.rz-text-h4 {
    font-family: poppinsregular;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.rz-text-h5 {
    font-family: Poppins;
    font-size: clamp(1.25rem, 1.667vw, 1.2rem);
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.rz-text-h6 {
    font-family: Poppins;
    font-size: clamp(1rem, 1.667vw, 1.6rem);
    font-weight: 700;
    line-height: 22px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.rz-text-body2 {
    font-family: Poppins;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.rz-text-body1 {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.rz-text-subtitle1 {
    font-family: poppinsregular;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.rz-button.rz-secondary.rz-shade-lighter {
    background-color: var(--rz-secondary-lighter);
    color: var(--rz-on-secondary-lighter);
}

 .rz-button {
    border-radius: 0;
}

.rz-menu:not(.rz-profile-menu) .rz-navigation-item {
    cursor: pointer;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.16em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}



.rz-scheduler-nav, .rz-view {
    background-color: var( --calender-bg);
}
.rz-scheduler {
    height: 640px;
}

.rz-event-content {
    border-radius: 0;
}
@media (max-width: 768px) {
    .rz-menu:not(.rz-profile-menu) .rz-menu-toggle-item {
        height: 58px;
    }
}

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


@media(max - width:360px) {
    .add-calendar {
        display: block;
    }

    .avatar-group {
        display: block;
    }
}


@media (max-width: 400px) {
    .avatar-group, .people-style, .add-calendar {
        width: 100%;
        margin: 5px 0;
        text-align: center;
    }

    .add-calendar {
        margin-top: 10px;
    }
}
.mention-link {
    color: #2CA58D;
    font-weight: 600;
    text-decoration: none;
}

    .mention-link:hover {
        text-decoration: underline;
    }
/* Tag display styles copied from TagInputComponent to style non-clickable hashtag spans */
.tag-pill-hashtag {
    display: inline-flex;
    align-items: center;
    background-color: #e9f7f4; /* light green background */
    border: 1px solid #2CA58D; /* green border */
    border-radius: 20px;
    padding: 0px 9px 0px 9px;
    font-size: 13px;
    color: #2CA58D;
    font-weight: 600;
    transition: all 0.2s ease;
    text-decoration: none; /* ensure no underline if rendered as anchor elsewhere */
    margin-top: 10px;
    margin-bottom: 10px;
}

    .tag-pill-hashtag:hover {
        background-color: #d4edda;
        transform: translateY(-1px);
    }