.editor {
    padding-top: 10px !important;
}

div[data-testid="appointment-field"] > div[class="Appointment__wrapper"] > div[class="Appointment__day-wrapper Appointment__day-wrapper--days-view"] > div[class="PaperCalendar PaperCalendar__hover PaperCalendar--day"] > div[class="PaperCalendar__wrapper"] > div[class="PaperCalendar__View PaperCalendar__View--day"] > div[class="PaperCalendar__dayWrapper"] > div[class="PaperCalendar__dayWrapperInner"] > div[class="PaperCalender__dayHeader"] > div:nth-child(6){display:none!important;}
div[data-testid="appointment-field"] > div[class="Appointment__wrapper"] > div[class="Appointment__day-wrapper Appointment__day-wrapper--days-view"] > div[class="PaperCalendar PaperCalendar__hover PaperCalendar--day"] > div[class="PaperCalendar__wrapper"] > div[class="PaperCalendar__View PaperCalendar__View--day"] > div[class="PaperCalendar__dayWrapper"] > div[class="PaperCalendar__dayWrapperInner"] > div[class="PaperCalender__dayHeader"] > div:nth-child(7){display:none!important;}
div[data-testid="appointment-field"] > div[class="Appointment__wrapper"] > div[class="Appointment__day-wrapper Appointment__day-wrapper--days-view"] > div[class="PaperCalendar PaperCalendar__hover PaperCalendar--day"] > div[class="PaperCalendar__wrapper"] > div[class="PaperCalendar__View PaperCalendar__View--day"] > div[class="PaperCalendar__dayWrapper"] > div[class="PaperCalendar__dayWrapperInner"] > div[class="PaperCalendar__daysList"] > div:nth-child(7n){display:none!important;}
div[data-testid="appointment-field"] > div[class="Appointment__wrapper"] > div[class="Appointment__day-wrapper Appointment__day-wrapper--days-view"] > div[class="PaperCalendar PaperCalendar__hover PaperCalendar--day"] > div[class="PaperCalendar__wrapper"] > div[class="PaperCalendar__View PaperCalendar__View--day"] > div[class="PaperCalendar__dayWrapper"] > div[class="PaperCalendar__dayWrapperInner"] > div[class="PaperCalendar__daysList"] > div:nth-child(7n-1){display:none!important;}
div[data-testid="appointment-field"] > div[class="Appointment__wrapper"] > div[class="Appointment__day-wrapper Appointment__day-wrapper--days-view"] > div[class="PaperCalendar PaperCalendar__hover PaperCalendar--day"] > div[class="PaperCalendar__wrapper"] > div[class="PaperCalendar__View PaperCalendar__View--day"] > div[class="PaperCalendar__dayWrapper"] > div[class="PaperCalendar__dayWrapperInner"] > div[class="PaperCalendar__daysList"] > div:nth-child(n){width:20%!important;}

.__loaded::after {
   content:'רובי סוכנות לביטוח  (2018) בע"מ סוכנות ביטוח מורשית - ענף פנסיוני | מספר רשיון 515849636';
   z-index:9999;
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background: rgb(3,148,255);
   background: linear-gradient(90deg, rgba(3,148,255,1) 0%, rgba(3,112,214,1) 25%, rgba(3,112,214,1) 50%, rgba(3,112,214,1) 75%, rgba(3,148,255,1) 100%);
   color: white;
   text-align: center;
   font-size: 0.8em;
   white-space: pre-wrap;
}

.Calculations__error {
    text-align: center !important;
    font-size: 1.3em;
    color: red !important;
}

.Pagination {
    margin-bottom: 2vh;
}

.Paperform__Question--9a018  {
    display: none;
}

    /* =========================================
       1. GLOBAL FONTS & RESET
       ========================================= */
    form, input, select, textarea, button, .Select-option, .LiveField__header, .QuestionTitle, .btn, .Choices__label, span, div, .ruby-nav-item, h1.__header-one {
        font-family: 'Almoni Neue DL 4.0 AAA', 'Almoni DL AAA Regular', 'Almoni DL AAA Bold', sans-serif !important;
    }

    /* =========================================
       2. MAIN FORM CONTAINER
       ========================================= */
    form {
        background: #ffffff !important;
        max-width: 750px !important;
        margin: 30px auto !important;
        padding: 25px !important;
        border-radius: 16px !important;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2) !important;
        border: none !important;
        position: relative;
        z-index: 10;
        scroll-behavior: smooth;
    }

    /* Section dividers */
    form > div { border: 1px solid #a6e1fa; }
    form > div:not(.submit):not(:first-child):not(:last-child) { border-bottom: 0; }
    form > div:first-child { border-radius: 16px 16px 0px 0px; }
    form > div:last-child { border: 0; }
    form > div:not(.submit):has(+ div.submit) { border-bottom: 1px solid #a6e1fa !important; border-radius: 0px 0px 16px 16px; }
    form > div:nth-last-child(2):not(.submit) { border-bottom: 1px solid #a6e1fa !important; border-radius: 0px 0px 16px 16px; }
    form > div.submit { border: 0; }
    form > div.LiveField--calculation { border-top: 0px solid !important; }

    /* Hiding empty blocks */
    /*div.block--empty, .block--empty, form > div:empty {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 0 !important;
    }*/

    /* =========================================
       3. TYPOGRAPHY, INPUTS & SCROLL OFFSET
       ========================================= */

    /* SCROLL PADDING: Ensures title isn't hidden under top of screen */
    .LiveField, h1.__header-one {
        scroll-margin-top: 40px;
    }

    .LiveField__header, .QuestionTitle {
        color: #00072d !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        margin-bottom: 12px !important;
        line-height: 1.3 !important;
        text-align: right !important;
    }

    .LiveField__input {
        background-color: #ffffff !important;
        border: 1px solid #0d75bb !important;
        border-radius: 8px !important;
        padding: 12px !important;
        font-size: 16px !important;
        transition: all 0.2s ease !important;
        color: #00072d !important;
        text-align: right !important;
    }
    .LiveField__input:focus {
        border-color: #0d75bb !important;
        box-shadow: 0 0 0 3px rgba(13, 117, 187, 0.2) !important;
        outline: none !important;
        background-color: #fdfdfd !important;
    }

    /* =========================================
       4. CHOICE BUTTONS
       ========================================= */
    .Choices__choice {
        background: #ffffff !important;
        border: 1px solid #0d75bb !important;
        border-radius: 10px !important;
        box-shadow: none !important;
        color: #00072d !important;
        padding: 10px 15px !important;
        margin-bottom: 10px !important;
        transition: all 0.2s ease-in-out !important;
        display: flex !important;
        align-items: center !important;
        font-size: 14px;
        font-weight: 400;
        justify-content: flex-start !important;
    }
    .Appointment__confirmation, .Appointment__day-wrapper, .Appointment__time-picker {
        background: #ffffff !important;
        border: 1px solid #0d75bb !important;
        border-radius: 10px !important;
        box-shadow: none !important;
        color: #00072d !important;
        padding: 10px 15px !important;
        margin-bottom: 10px !important;
        transition: all 0.2s ease-in-out !important;
        font-size: 14px;
        font-weight: 400;
        justify-content: flex-start !important;
    }
    .File>span {
        background: #ffffff !important;
        border: 1px solid #0d75bb !important;
        border-radius: 10px !important;
        box-shadow: none !important;
        color: #00072d !important;
        padding: 10px 15px !important;
        margin-bottom: 10px !important;
        transition: all 0.2s ease-in-out !important;
        display: flex !important;
        align-items: center !important;
        font-size: 14px;
        font-weight: 400;
        justify-content: center !important;
    }
    .Choices__choice:hover {
        border-color: #0d75bb !important;
        background-color: #f0f9ff !important;
        box-shadow: 0 2px 5px rgba(13, 117, 187, 0.2) !important;
    }
    .Calculations__error {
        color: red;
        text-align: center;
        font-size: 110%;
        font-weight: 600;
    }
    .Choices__choice.btn-primary, .Choices__choice[aria-checked="true"] {
        background-color: #a6e1fa !important;
        border-color: #0d75bb !important;
        color: #001c55 !important;
        font-weight: 600 !important;
    }
    .Choices__choice i.material-icons { display: none !important; }

    /* =========================================
       5. DROPDOWN MENUS
       ========================================= */
    .Select-menu-outer {
        background-color: #ffffff !important;
        border: 1px solid #0d75bb !important;
        border-radius: 12px !important;
        box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
        margin-top: 5px !important;
        width: 95% !important;
        z-index: 999999 !important;
        overflow: hidden !important;
        animation: fadeIn 0.2s ease-out !important;
        position: relative;
    }
    .Select-option {
        background-color: #ffffff !important;
        color: #00072d !important;
        padding: 14px 20px !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        text-align: right !important;
        cursor: pointer !important;
        border-bottom: 1px solid #f1f5f9 !important;
        transition: all 0.1s ease-in-out !important;
        position: relative !important;
    }
    .Select-option:last-child { border-bottom: none !important; }
    .Select-option.is-focused, .Select-option:hover {
        background-color: #a6e1fa !important;
        color: #001c55 !important;
        font-weight: 700 !important;
        padding-right: 28px !important;
        border-right: 4px solid #0d75bb !important;
    }
    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(-10px); }
        to { opacity: 1; transform: translateY(0); }
    }

    /* =========================================
       6. SUBMIT BUTTON
       ========================================= */
    .submit .btn-primary {
        background: linear-gradient(135deg, #0d75bb 0%, #001c55 100%) !important;
        color: white !important;
        border-radius: 50px !important;
        padding: 15px 0 !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        box-shadow: 0 4px 12px rgba(13, 117, 187, 0.4) !important;
        width: 100% !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: none !important;
        transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    }
    .submit .btn-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 15px rgba(13, 117, 187, 0.5) !important;
    }

    /* =========================================
       7. SIDEBAR NAVIGATION STYLES
       ========================================= */

    #ruby-sidebar {
        position: fixed;
        top: 0;
        right: 0;
        width: 250px;
        height: 100vh;
        background: #ffffff;
        box-shadow: -2px 0 10px rgba(0,0,0,0.05);
        z-index: 999;
        /* UPDATED: Stop the main container from scrolling */
        overflow: hidden;
        padding: 20px; /* Reduced padding slightly for better fit */
        direction: rtl;
        display: flex;
        flex-direction: column;
    }

    .ruby-sidebar-header {
        /* UPDATED: Fixed height area so it doesn't shrink */
        flex: 0 0 auto;
        margin-bottom: 20px;
        text-align: center;
        border-bottom: 2px solid #f1f5f9;
        padding-bottom: 20px;
    }
    .ruby-sidebar-header h2 {
        color: #00072d;
        font-size: 20px;
        margin: 0;
    }

    /* UPDATED: The List Container */
    #ruby-nav-list {
        flex: 1; /* Takes up all remaining space */
        overflow-y: auto; /* Only this part scrolls */
        padding-left: 5px; /* Space for scrollbar */
        /* Smooth scrollbar styling */
        scrollbar-width: thin;
        scrollbar-color: #d1d5db transparent;
    }

    /* Webkit Scrollbar styling (Chrome/Safari) */
    #ruby-nav-list::-webkit-scrollbar { width: 4px; }
    #ruby-nav-list::-webkit-scrollbar-track { background: transparent; }
    #ruby-nav-list::-webkit-scrollbar-thumb { background-color: #d1d5db; border-radius: 20px; }

    /* The Footer (the last div) */
    #ruby-sidebar > div:last-child {
        flex: 0 0 auto; /* Don't shrink */
        margin-top: 10px;
        padding-top: 20px;
        border-top: 1px solid #f1f5f9; /* Optional: adds a nice separator line */
    }

    .ruby-nav-item {
        display: block;
        padding: 12px 15px;
        margin-bottom: 8px;
        color: #64748b;
        text-decoration: none;
        font-size: 14px;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.2s;
        border-right: 3px solid transparent;
        text-align: right;
        line-height: 100%;
    }

    .ruby-nav-item:hover {
        background-color: #f8fafc;
        color: #0d75bb;
    }

    .ruby-nav-item.active {
        background-color: #f0f9ff;
        color: #0d75bb;
        font-weight: 700;
        border-right: 3px solid #0d75bb;
    }

    /* =========================================
       8. RESPONSIVE LOGIC
       ========================================= */

    @media (max-width: 1100px) {
        #ruby-sidebar {
            display: none !important;
        }
        form {
            width: 95% !important;
            margin: 20px auto !important;
        }
    }

    @media (max-width: 600px) {
        form {
            width: 98% !important;
            padding: 20px 15px !important;
        }
        .LiveField__header, .QuestionTitle { font-size: 16px !important; }
        .Choices__choice { padding: 14px 15px !important; font-size: 14px !important; }
        .LiveField__input { padding: 14px !important; font-size: 16px !important; }
        .Select-menu-outer { width: 100% !important; }
        .submit .btn-primary { margin-top: 25px !important; padding: 16px 0 !important; }
    }