:root {
    --splan-sidebar-width: 70px;

    /* Brand color — matches the iFMS logo background (logo.svg). */
    --ifms-brand: #1A76FF;
    --ifms-brand-dark: #0F63E6;
    --ifms-brand-darker: #0A4FBF;
    --ifms-brand-light: #5A9BFF;
    --ifms-brand-lighter: #CFDFFF;

    /* Apply the brand color to Radzen's primary palette so all
       ButtonStyle.Primary controls match the logo. */
    --rz-primary: var(--ifms-brand);
    --rz-primary-dark: var(--ifms-brand-dark);
    --rz-primary-darker: var(--ifms-brand-darker);
    --rz-primary-light: var(--ifms-brand-light);
    --rz-primary-lighter: var(--ifms-brand-lighter);
    --rz-on-primary: #FFFFFF;

    /*--rz-panel-menu-item-border: 0px;*/
    /*--rz-panel-menu-item-padding: 10px 2px;*/
    /*--rz-sidebar-background-color: var(--rz-base-200);*/
    /*--rz-sidebar-border-right: var(--rz-base-200);*/
    /*--rz-panel-menu-background-color: var(--rz-base-200);*/
    /*--rz-panel-menu-item-active-background-color: var(--rz-base-200);*/
    --rz-dialog-content-padding: 0px 1.25rem 1.25rem 1.25rem;
    --rz-dialog-title-font-size: 1.1rem;
    --rz-text-body1-font-size: 0.875rem;
    /*--rz-dialog-title-padding-block: 0.875rem 0.25rem;*/
    /*--rz-dialog-title-padding-inline: 1.25rem;*/
    /*--rz-dialog-title-padding-block: 1.25rem 0.5rem;*/
    /*--rz-dialog-title-padding-inline: 1.25rem;*/
}

.rz-notification {
    inset-block-start: 20px;
}


@media (max-width: 768px) {
    .splan-responsive {
        width: 0;
        opacity: 0;
        display: none;
    }
}

.splan-popup-0 {
    display:none;
    position:absolute;
    padding:5px;
    border:var(--rz-panel-border);
    background-color:var(--rz-panel-background-color);
}

.splan-popup {
    display:none;
    position:absolute;
    height:400px;
    width:300px;
    padding:5px;
    border:var(--rz-panel-border);
    background-color:var(--rz-panel-background-color);
}

.splan-appointment-popup {
    display:none;
    position:absolute;
    height:400px;
    width:500px;
    padding:5px;
    border:var(--rz-panel-border);
    background-color:var(--rz-panel-background-color);
}

.splan-hover-background-color-hover {
    background-color: #eaeaea;
}

.splan-hover-background-color:hover {
    background-color: #eaeaea;
}

.splan-hover-background-color.dragover {
    background-color: #eaeaea;
}

.splan-link-text {
    cursor: pointer; 
    color: #0c2d6b; 
    text-decoration: underline;
}

.splan-panel-titlebar > .rz-panel-titlebar {
    background-color: var(--rz-base-200);
    padding: 7px;
    text-transform: uppercase;
    text-align: center;
}
.splan-panel-titlebar-sup > .rz-panel-titlebar {
    background-color: var(--rz-base-100);
    padding: 3px;
}

.splan-form-field-mt0.rz-form-field > .rz-form-field-content  {
    margin-top: 0;
}