/* ==========  הגדרות יסוד ========== */

html {
    direction: rtl;
}

* {
    font-family: 'Assistant', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    box-sizing: border-box;
}

html, body {
    background: #FCFCFD;
    margin: 0 !important;
}


/* ==========  טיפוגרפיה ========== */


h1, h2, h3, h4, h5, h6, span, p, div, th, td {
    text-align: right;
}


ol:not(.SB_DivContentInlineEditing *):not(.SB_Text_Container *),
ul:not(.SB_DivContentInlineEditing *):not(.SB_Text_Container *) {
    list-style: none;
    margin:0;
    padding:0;
}
a {
    text-decoration: none;
    color: var(--primary-color);
    transition: color 0.2s ease;
}


h2 {
    color: var(--primary-color);
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 16px;
    text-align: right;
    font-weight: 600;
}


small {
    color: #64748b;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: right;
}

    small strong {
        color: #64748b;
    }



article h1 {
    color: #334155;
    font-size: 30px;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
    margin-bottom: 16px;
    font-weight: 700;
}

.block-content h1,
.block-content .h1 {
    color: #1e293b;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    padding: 14px 20px 14px 20px;
    letter-spacing: -0.3px;
    background: white;
    border-radius: 12px;
    border: 1px solid #cbd5e1;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 0 1px rgba(0, 0, 0, 0.04);
    display: block;
    position: relative;
    overflow: hidden;
}

    .block-content h1::before,
    .block-content .h1::before {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 5px;
        background: linear-gradient(to bottom, var(--primary-color), var(--secondary-color));
        border-radius: 0 10px 10px 0;
    }

.block-content h2 {
    color: #1e293b;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 14px;
    padding: 8px 14px 8px 14px;
    letter-spacing: -0.2px;
    position: relative;
    overflow: hidden;
}

    .block-content h2::before {
        content: '';
        position: absolute;
        right: 0;
        top: 20%;
        height: 60%;
        width: 3px;
        background: linear-gradient(to bottom, var(--primary-color), var(--secondary-color));
        border-radius: 0 4px 4px 0;
        opacity: 0.8;
    }

/* ==========  פקדים ========== */


input[type="datetime-local"],
input[type=text],
input[type=password],
input[type=Search],
input[type=time],
input-type-text, select, textarea, .multiselect-container {
    background-color: #ffffff;
    color: #1e293b;
    font-size: 13px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 4px;
    border-radius: 12px;
    border: 1px solid #cbd5e1;
    transition: all 250ms ease;
    height: 38px;
}

    select:focus, textarea:focus, input[type="datetime-local"]:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .multiselect-container:focus {
        outline: none;
        border-color: var(--primary-color) !important;
        box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
    }

input[type=checkbox] {
    width: 14px;
    height: 14px;
    cursor: pointer;
    accent-color: var(--primary-color);
    transition: all 0.2s ease;
    border-radius: 4px;
}

input[type="checkbox"]:hover {
    transform: scale(1.1);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}


.big-button, .btn-primary, .btn, .button, button, input[type=button], .controls-buttons a, input[type=button], .controls-buttons a, .button, .button.DTTT_button, div.DTTT_button, a.DTTT_button, a.dt-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    text-decoration: none;
    transition: all 250ms ease;
    min-height: 38px;
    gap: 8px;
    position: relative;
    vertical-align: middle;
    background-color: var(--primary-color);
    border: none;
    outline: none !important;
    font-size: 14px;
    border-radius: 18px;
    font-weight: 500;
    margin: 2px;
    color: #ffffff;
    white-space: nowrap;
    cursor: pointer;
}

    .big-button:hover,
    .btn-primary:hover,
    .btn:hover,
    .button:hover,
    button:hover,
    input[type=button]:hover,
    .controls-buttons a:hover,
    .button.DTTT_button:hover,
    div.DTTT_button:hover,
    a.DTTT_button:hover,
    a.dt-button:hover {
        color: #ffffff;
        background-color: color-mix( in srgb, var(--primary-color), white 15% );
        box-shadow: 0 4px 10px color-mix( in srgb, var(--primary-color) 25%, transparent );
    }

    .big-button.disabled, button.disabled, .button.disabled {
        cursor: not-allowed;
        pointer-events: none;
        opacity: .65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none
    }


    .button.green, .big-button.green, button.green {
        background-color: #10b981;
    }

        .big-button.green:hover, button.green:hover, .button.green:hover {
            background-color: #059669;
            color: white;
            box-shadow: 0 4px 10px color-mix(in srgb, #059669 25%, transparent);
            border: none;
        }

.btn-save, .SB_BtnSave, .controls-buttons .btn-save, .controls-buttons .SB_BtnSave {
    background: var(--secondary-color) !important;
    color: white !important;
}

    .btn-save:hover, .SB_BtnSave:hover, .controls-buttons .btn-save:hover, .controls-buttons .SB_BtnSave:hover {
        background-color: color-mix(in srgb, var(--secondary-color), white 15%) !important;
        box-shadow: 0 4px 10px color-mix(in srgb, var(--secondary-color) 25%, transparent);
    }


.btn-cancel {
    background-color: #ef4444;
    color: white;
}

    .btn-cancel:hover {
        background-color: #dc2626;
        color: white;
        box-shadow: 0 4px 10px color-mix(in srgb, #dc2626 25%, transparent);
        border: none;
    }


.Css_SB_button {
    font-family: "Assistant" !important;
    width: 40px;
    color: white !important;
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 80%);
    border-radius: 8px;
    text-align: center;
    z-index: 999990;
    box-shadow: -3px 4px 12px color-mix(in srgb, var(--primary-color), transparent 65%);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
}

.Css_SB_Position {
    position: absolute;
    opacity: 0.85;
    right: 1px;
    top: 1px;
    padding: 2px !important;
}

.Css_SB_button .SB_Btn_Caption {
    color: white !important;
}


.mini-switch-replace {
    display: inline-block;
    width: 40px;
    height: 20px;
    background: #cbd5e1;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 10px;
    position: relative;
    transition: background 0.2s ease;
}

    .mini-switch-replace::after {
        content: "";
        position: absolute;
        top: 2px;
        left: 2px;
        width: 16px;
        height: 16px;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 1px 2px rgba(0,0,0,0.2);
        transition: transform 0.2s ease;
    }


.mini-switch:checked + .mini-switch-replace {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
}

    .mini-switch:checked + .mini-switch-replace::after {
        transform: translateX(20px);
    }


.mini-switch:disabled + .mini-switch-replace {
    background: #cbd5e1;
    opacity: 0.5;
    cursor: not-allowed;
}



/* ==========  מבנה ========== */


.controls-buttons {
    margin-top: 8px;
    margin-bottom: 8px;
}

.dt-buttons {
    display: flex;
    justify-content: flex-end;
    position: absolute;
}


.inline-label, .inline-medium-label {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    grid-gap: 4px;
}

    .inline-label label, .inline-medium-label label {
        min-width: 280px !important;
        font-size: 16px;
        font-weight: 500;
        color: #1e293b;
        margin: 0;
        padding: 0;
        min-width: fit-content;
        white-space: nowrap;
        display: flex;
        align-items: center;
    }

        .inline-label label.required::after {
            content: '*';
            color: #ef4444;
            margin-right: 2px;
            font-weight: 600;
        }


    .inline-label textarea {
        resize: vertical;
        text-align: right;
    }

    .inline-label span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

        .inline-label span img {
            width: 20px;
            height: 20px;
            object-fit: contain;
        }



.block-content {
    border-radius: 16px;
    padding: 16px;
    padding-top: 0;
    position: relative;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}


.grey-bg {
    background: white;
    border: 1px solid #cbd5e1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    border-radius: 12px;
    margin-top: 8px;
    margin-bottom: 8px;
}

p.grey-bg {
    padding: 8px 12px;
    border-radius: 8px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}


fieldset.grey-bg {
    padding: 14px;
    padding-top: 0;
}

    fieldset.grey-bg > legend {
        display: block;
        box-sizing: border-box;
        width: calc(100% + 32px);
        margin: 0 -16px 16px -16px;
        padding: 8px 16px;
        border: none;
        border-radius: 16px 16px 0 0;
        background: linear-gradient(in oklab to left, var(--primary-color), var(--secondary-color));
        font-weight: 600;
        color: white;
        letter-spacing: 0.5px;
    }


.form legend,
.legend {
    padding: 8px 12px;
    position: relative;
    background: white;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    color: #1e293b;
    font-weight: 600;
    background-image: linear-gradient(to left, var(--secondary-color), var(--primary-color));
    background-size: 100% 2px;
    background-position: 0 100%;
    background-repeat: no-repeat;
}


/* ==========  סקרול ========== */


::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: linear-gradient(180deg, color-mix(in srgb, var(--primary-color), transparent 92%), color-mix(in srgb, var(--secondary-color), transparent 92%));
    border-radius: 8px;
}

::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 8px;
}




/* ==========  אנימציות ========== */


@keyframes wiz-spin {
    to {
        transform: rotate(360deg);
    }
}



@keyframes pulseGlow {
    0%, 100% {
        box-shadow: 0px 4px 20px color-mix(in srgb, var(--primary-color), transparent 70%);
    }

    50% {
        box-shadow: 0px 8px 30px color-mix(in srgb, var(--secondary-color), transparent 65%);
    }
}

@keyframes dropdownFadeSlide {
    0% {
        max-height: 0;
    }

    100% {
        max-height: 500px;
    }
}

@keyframes dropdownItem {
    0% {
        opacity: 0;
        transform: translateY(-6px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes moveShowPagesLeft {
    0% {
        right: -310px;
    }

    100% {
        right: 0;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes dots {
    0%, 20% {
        content: '';
    }

    40% {
        content: '.';
    }

    60% {
        content: '..';
    }

    80%, 100% {
        content: '...';
    }
}

@keyframes selectPulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.01);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes border-glow {
    0%, 100% {
        box-shadow: 0 0 0 4px var(--primary-color);
    }

    50% {
        box-shadow: 0 0 0 4px rgba(0, 0, 0, 0);
    }
}

@keyframes toolbarFadeIn {
    0% {
        opacity: 0;
        transform: translateY(12px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}



/* ==========  רספונסיביות   ========== */

.mobile-only-btn {
    display: none !important;
}

@media (max-width: 768px) {  /* ========== מובייל  ========== */

    .mobile-only-btn {
        display: flex !important;
        font-family: "Assistant" !important;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 8px 12px;
        text-decoration: none;
        transition: all 250ms ease;
        min-height: 38px;
        gap: 8px;
        position: relative;
        vertical-align: middle;
        background-color: var(--primary-color);
        border: none;
        outline: none !important;
        font-size: 14px;
        border-radius: 18px;
        font-weight: 500;
        margin: 2px;
        color: #ffffff;
        white-space: nowrap;
        cursor: pointer;
    }


    .inline-label label, .inline-medium-label label {
        min-width: 170px !important;
    }

    #MP_TopBar_Inline_logo {
        display: none !important;
    }


    .MP_TopBar_Inline_inner .sb-divider {
        display: none !important;
    }

    #MP_TopBar_Divider_RefreshSave,
    .MP_TopBar_Inline_inner .MP_TopBarElm_WithColor + .sb-divider {
        display: block !important;
    }

    #btnInnerDnd_SavePage,
    #MP_TopBarElmCurrPage .btn {
        flex-direction: row !important;
    }

    #MP_TopBar_ZoomControls,
    #MP_TopBar_HideToolBars_Wrap,
    #MP_TopBar_Display480_Wrap,
    #MP_TopBar_DisplayFull_Wrap,
    #MP_TopBar_DisplayScripts_Wrap {
        display: none !important;
    }

    .MP_TopBar_Inline {
        padding: 0px !important;
    }

    .MP_TopBarElm .btn {
        flex-direction: column !important;
        padding-right: 5px;
        padding-left: 5px;
        letter-spacing:0 !important;
    }

    .MP_TopBarElmText {
        font-size: 10px !important;
    }

    .MP_TopBar_Inline_Left > div:not(:has(#MP_TopBar_UserSettings)),
    .MP_TopBar_Inline_Left .SB_Helper_MainPage_Div_Input_Icon {
        display: none !important;
    }


    #SB_Toolbar_Primary {
        display: none !important;
    }

    .main-panel {
        display: none !important;
    }

    .theme-switcher, #SB_AI_CMS_Assistant {
        display: none !important;
    }

    #RightMenuBtnsScroll {
        max-height: 50vh;
    }


    #MP_TopBarElmCurrPage {
        display: none !important;
    }
}


@media (min-width: 768px) and (max-width: 1230px) { /* ==========  טאבלט\מסכים קטנים   ========== */
    .MP_TopBarElmText {
        display: none;
    }

    .MP_TopBar_Inline_Actions {
        gap: 16px;
    }
}



/* ===== טבלאות ===== */

@media (max-width: 768px) {

    .table tbody td {
        white-space: nowrap;
    }
}




.table, .with-head {
    width: 100% !important;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 0 1px rgba(0, 0, 0, 0.04);
    animation: fadeInUp 0.4s ease-out;
    transition: box-shadow 0.3s ease;
    border: none !important;
    margin-top: 8px;
    margin-bottom: 8px;
}

    .table:last-child, .with-head:last-child {
        margin-bottom: 0;
    }

    .table:hover {
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.04);
    }

    .table tr {
        border-width: 0 0 1px 0 !important;
        border-style: solid !important;
        border-color: #f1f5f9 !important;
    }


    .table thead {
        background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 10%, transparent 85%), color-mix(in srgb, var(--secondary-color) 10%, transparent 90%));
        position: relative;
        background-color: white;
    }

        .table thead::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: linear-gradient(90deg, var(--primary-color), var(--secondary-color), var(--primary-color));
            background-size: 200% 100%;
        }

        .table thead th {
            padding: 10px 8px;
            text-align: center !important;
            font-size: 12px;
            font-weight: 600;
            color: #64748b;
            vertical-align: middle;
            text-transform: uppercase;
            letter-spacing: 0.8px;
            position: relative;
            transition: all 0.2s ease;
            border-bottom: 1px solid color-mix(in srgb, var(--primary-color) 20%, #f1f5f9);
            border-left: 1px solid color-mix(in srgb, var(--primary-color) 20%, #f1f5f9);
        }


    .table tbody td {
        padding: 10px 8px;
        font-size: 14px;
        color: #1e293b !important;
        vertical-align: middle !important;
        background: #ffffff;
        position: relative;
        text-align: center !important;
        border-bottom: 1px solid #cbd5e1 !important;
        border-left: 1px solid #cbd5e1 !important;
    }

    .table tbody tr:hover td {
        background: color-mix(in srgb, var(--primary-color) 3%, transparent 97%);
    }


    .table tbody td.table-check-cell {
        text-align: center;
        padding: 8px;
        width: 50px;
    }



.table .big-button,
.table .btn-primary,
.table .btn,
.table button,
.table .button {
    background: #F0F3F9;
    color: #475569;
    border: none;
    box-shadow: none;
}

    .table .big-button:hover,
    .table .btn-primary:hover,
    .table .btn:hover,
    .table button:hover,
    .table .button:hover {
        background: color-mix(in srgb, var(--primary-color), white 85%);
        color: var(--primary-color);
        transform: translateY(-1px);
    }

    .table .big-button:active,
    .table .btn-primary:active,
    .table .btn:active,
    .table button:active,
    .table .button:active {
        transform: translateY(0);
    }

.SB_Btn_With_Caption {
    width: 27px !important;
    min-height: 30px !important;
    flex-direction: column;
    gap: 0 !important;
}

.table .SB_Btn_Caption {
    font-size: 8px;
    font-weight: 700;
    color: var(--primary-color);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    text-align: center;
    position: relative;
    padding: 4px 0;
    white-space: normal;
}


.table select {
    width: 100%;
}



.table tfoot td {
    background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 15%, transparent 85%), color-mix(in srgb, var(--secondary-color) 10%, transparent 90%) );
    font-weight: 600;
    color: #1e293b;
    font-size: 13px;
    position: relative;
    background-color: white;
    text-align: center;
}


.cls_align_center {
    text-align: center !important;
}


.table tbody td .ClsOrderIP {
    display: block;
    font-size: 11px;
    color: #64748b;
    margin-top: 6px;
    padding: 4px 8px;
    background: #f1f5f9;
    border-radius: 4px;
    font-family: 'Assistant', monospace;
    transition: all 0.2s ease;
    text-align: center !important;
}

.table tbody tr:hover td .ClsOrderIP {
    background: color-mix(in srgb, var(--primary-color) 8%, transparent 92%);
    color: var(--primary-color);
}

.SB_ShowExtra_Div {
    display: none;
    position: absolute;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15), 0 4px 12px rgba(99, 102, 241, 0.1);
    z-index: 1000;
    min-width: 280px;
    animation: fadeInUp 0.3s ease-out;
    backdrop-filter: blur(10px);
    border-top: 3px solid var(--primary-color);
}

    .SB_ShowExtra_Div::before {
        content: '';
        position: absolute;
        top: -8px;
        left: 20px;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid var(--primary-color);
    }

.SB_ShowExtra {
    display: block;
    padding: 6px 0;
    font-size: 13px;
    color: #475569;
    line-height: 1.6;
    transition: color 0.2s ease;
}

    .SB_ShowExtra:hover {
        color: var(--primary-color);
    }

    .SB_ShowExtra.cls_FullName {
        font-weight: 600;
        font-size: 15px;
        color: #1e293b;
        margin-bottom: 12px;
        padding-bottom: 12px;
        border-bottom: 2px solid var(--primary-color);
        position: relative;
    }

        .SB_ShowExtra.cls_FullName::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 60px;
            height: 2px;
            background: var(--secondary-color);
            border-radius: 2px;
        }


.table.loading tbody tr {
    animation: pulse 1.5s ease-in-out infinite;
    opacity: 0.7;
}

.table tbody:empty::after {
    content: 'No data available in table';
    display: block;
    text-align: center;
    padding: 40px 20px;
    color: #94a3b8;
    font-size: 14px;
}

.table thead th.sortable {
    cursor: pointer;
    user-select: none;
    position: relative;
}

    .table thead th.sortable::after {
        content: '⇅';
        position: absolute;
        right: 8px;
        opacity: 0.3;
        font-size: 12px;
        transition: all 0.2s ease;
    }

    .table thead th.sortable:hover::after {
        opacity: 0.6;
        color: var(--primary-color);
    }

    .table thead th.sortable.sort-asc::after {
        content: '↑';
        opacity: 1;
        color: var(--primary-color);
    }

    .table thead th.sortable.sort-desc::after {
        content: '↓';
        opacity: 1;
        color: var(--primary-color);
    }

.dataTables_length {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
}

.dataTables_wrapper {
    margin-top: 16px;
    margin-bottom: 16px;
}


.dataTables_paginate {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    flex-direction: row-reverse;
}

    .dataTables_paginate .paginate_button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 36px;
        height: 36px;
        padding: 0 0.75rem;
        margin: 0 0.125rem;
        border-radius: 0.5rem;
        border: 1.5px solid #cbd5e1;
        background-color: #ffffff;
        color: #1e293b;
        font-size: 13px;
        font-weight: 500;
        text-decoration: none;
        cursor: pointer;
        transition: all 250ms ease;
        user-select: none;
    }

        .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
            background-color: #f1f5f9;
            border-color: var(--primary-color);
            color: var(--primary-color);
            transform: translateY(-1px);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
        }

        .dataTables_paginate .paginate_button.current {
            background-color: var(--primary-color);
            border-color: var(--primary-color);
            color: #ffffff;
            font-weight: 600;
            box-shadow: 0 2px 4px rgba(99, 102, 241, 0.2);
        }

        .dataTables_paginate .paginate_button.disabled {
            opacity: 0.4;
            cursor: not-allowed;
            background-color: #f8fafc;
            border-color: #cbd5e1;
            color: #94a3b8;
        }

            .dataTables_paginate .paginate_button.disabled:hover {
                transform: none;
                background-color: #f8fafc;
                border-color: #cbd5e1;
                color: #94a3b8;
                box-shadow: none;
            }

        .dataTables_paginate .paginate_button:active:not(.disabled):not(.current) {
            transform: translateY(0);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
        }

        .dataTables_paginate .paginate_button.previous,
        .dataTables_paginate .paginate_button.next {
            font-weight: 600;
            padding: 0 1rem;
        }

    .dataTables_paginate span {
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
        flex-direction: row-reverse;
    }

.BGRow_Selected {
    background: linear-gradient(105deg, color-mix(in srgb, var(--primary-color) 10%, transparent 85%), color-mix(in srgb, var(--secondary-color) 10%, transparent 60%)) !important;
}

.dataTables_filter {
    margin-bottom: 8px;
    direction: ltr;
    float: left;
}

    .dataTables_filter input {
        margin-left: 4px;
    }

.dataTables_info {
    padding-top: 0 !important;
}



/* ==========  טעינה ========== */

.loading-mask {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(4px);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all 0.3s ease;
}

    .loading-mask span {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        min-width: auto;
        background-image: none !important;
        background: white;
        padding: 24px 40px;
        border-radius: 16px;
        border: 1px solid #cbd5e1;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        color: var(--primary-color);
        font-family: 'Assistant', sans-serif;
        font-weight: 600;
        font-size: 15px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        animation: fadeInUp 0.4s ease-out both;
    }

        .loading-mask span::before {
            content: '';
            display: block;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            border: 3px solid #cbd5e1;
            border-top-color: var(--primary-color);
            animation: wiz-spin 0.8s linear infinite;
        }

.loading-mask-fixed {
    position: fixed !important;
}


/* ==========  הודעות הסבר ========== */


.message {
    background: linear-gradient(-135deg, var(--primary-color) -35%, white 100%);
    margin: 20px 0;
    padding: 12px;
    border-radius: 8px;
}


    .message.warning {
        background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
        border-color: #fcd34d;
        color: #92400e;
    }

    .message.error {
        background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
        border-color: #fca5a5;
        color: #991b1b;
    }

    .message.success {
        background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
        border-color: #6ee7b7;
        color: #065f46;
    }

    .message.loading {
        background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
        border-color: #93c5fd;
        color: #1e40af;
    }




/* ==========  טאבים ========== */

ul.tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    background: white;
    padding: 5px 10px !important;
    overflow-x: auto;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 0 1px rgba(0, 0, 0, 0.04);
}

    ul.tabs li a {
        display: block;
        padding: 10px 16px;
        text-decoration: none;
        color: #64748b;
        font-weight: 500;
        border-bottom: 2px solid transparent;
        margin-bottom: -2px;
        transition: all 0.2s ease;
    }

    ul.tabs li.current a {
        color: var(--primary-color, #3b82f6);
        border-bottom: 2px solid var(--primary-color, #3b82f6);
    }

.tabs-content {
    padding: 4px;
}

.clsBoldTabs {
    font-weight: bold !important;
}


/* ========== מסגרות עריכה באתר ========== */


.SB_DivContentInlineEditing {
    outline: 1px dashed var(--primary-color);
}

.SB_Elm_Active {
    outline: 2px solid var(--primary-color);
    box-shadow: 0 4px 4px color-mix(in srgb, var(--primary-color) 25%, transparent);
    cursor: move;
}


[class*="col-md-"]:not(:has(.mce-content-body)):hover {
    padding-bottom: 4px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color), transparent 92%), color-mix(in srgb, var(--secondary-color), transparent 92%) );
    cursor: move;
}

.SB_Text_Container:not(.mce-content-body):hover {
    outline: 2px solid var(--primary-color);
    background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color), transparent 80%), color-mix(in srgb, var(--secondary-color), transparent 80%) );
}

[class*="col-md-"].SB_Elm_Active,
.SB_Text_Container.SB_Elm_Active {
    animation: selectPulse 0.3s ease-out;
}

/* ========== מצב עריכה של בלוק מלא באתר ========== */


.SB_DivContentInlineEditing.SB_FullEdit_Active {
    outline: none !important;
    animation: border-glow 3s ease-in-out infinite !important;
}

.SB_FullEdit_Active .SB_Elm_Active,
.SB_FullEdit_Active .SB_Elm_Active
.SB_FullEdit_Active .SB_Elm_Active:hover,
.SB_FullEdit_Active .SB_Text_Container:hover,
.SB_FullEdit_Active [class*="col-md-"]:hover {
    animation: unset !important;
    outline: unset !important;
    background: unset !important;
    outline: unset !important;
    box-shadow: unset !important;
    animation: unset !important;
}


.SB_FullEdit_Active,
.SB_FullEdit_Active .SB_Text_Container,
.SB_FullEdit_Active [class*="col-md-"],
.SB_FullEdit_Active .clsDnD_Container {
    cursor: text !important;
}

    .SB_FullEdit_Active .SB_Tb_Btn,
    .SB_FullEdit_Active a,
    .SB_FullEdit_Active button,
    .tox-tinymce, .tox * {
        cursor: pointer !important;
    }



/* ==========  תוספי קוד לאתר ========== */

.SB_Inline_Script {
    display: inline-block;
    border: 1px solid red;
    text-align: left;
    max-width: 100%;
    min-width: 30px;
    direction: ltr;
    overflow: hidden;
    min-height: 30px;
    background-color: #E91E63;
}

    .SB_Inline_Script SB_Inline_Script {
        color: #E91E63;
    }

.SB_Inline_Style {
    display: inline-block;
    border: 1px solid red;
    text-align: left;
    width: 100%;
    direction: ltr;
    overflow: hidden;
    height: 40px;
    background-color: #FFC107;
}

/* Claude : 2026-07-01 : מסתיר תוספי קוד עד ללחיצה על "הצג קוד" */
.SB_Inline_Script_Hide .SB_Inline_Script,
.SB_Inline_Script_Hide .SB_Inline_Style {
    display: none;
}

#SB_Inline_Preview {
    position: absolute;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(8px); /* אפקט טשטוש מודרני */
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 16px;
    border-radius: 12px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    color: #1f2937;
    max-width: 500px;
    max-height: 350px;
    overflow: auto;
    z-index: 99999;
    white-space: pre-wrap;
    direction: ltr;
    text-align: left;
    transition: all 0.2s ease-in-out;
}

    #SB_Inline_Preview pre {
        display: block;
        padding: 16px;
        margin: 12px 0;
        font-family: 'Fira Code', 'Cascadia Code', Consolas, Monaco, 'Andale Mono', monospace;
        font-size: 13.5px;
        line-height: 1.6;
        color: #334155;
        background-color: var(#f8fafc);
        border: 1px solid #e2e8f0;
        border-left: 4px solid var(#3b82f6);
        border-radius: 8px;
        word-break: normal;
        word-wrap: normal;
        white-space: pre;
        overflow-x: auto;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.02);
    }

    #SB_Inline_Preview hr {
        border: 0;
        height: 1px;
        margin: 12px 0;
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0) 100%);
        position: relative;
    }

/* ==========  טיפים ========== */


#tips {
    z-index: 999900;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

    #tips div {
        position: absolute;
        background: linear-gradient( 135deg, color-mix(in srgb, var(--primary-color) 6%, white) 0%, color-mix(in srgb, var(--primary-color) 12%, white) 100% );
        border-radius: 8px;
        font-family: 'Assistant', sans-serif;
        font-size: 14px;
        line-height: 1.4;
        text-transform: uppercase;
        color: black;
        padding: 8px 12px;
        min-width: 80px;
        text-align: center;
        white-space: nowrap;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

        #tips div .arrow {
            font-size: 0;
            line-height: 0;
            width: 0;
            position: absolute;
            z-index: 89;
            left: 50%;
            bottom: -7px;
        }

            #tips div .arrow span {
                width: 0;
                position: absolute;
                z-index: 89;
                margin-left: -5px;
                top: -7px;
                border-top: 6px solid #fef3c7;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
            }


/* ==========  דפדוף ========== */

.pagination {
    display: flex;
    list-style: none;
    padding-left: 0;
    gap: 8px;
}

    .pagination li a,
    .pagination li span {
        position: relative;
        display: block;
        padding: 8px 16px;
        text-decoration: none;
        color: var(--primary-color);
        background-color: transparent; 
        border: none; 
        border-radius: 4px; 
        transition: all 0.2s ease;
    }

        .pagination li a:hover {
            background-color: var(--secondary-color);
            color: var(--primary-color);
        }

    .pagination li.active a,
    .pagination li.active span {
        color: #ffffff;
        background-color: var(--primary-color);
        cursor: default;
    }

        .pagination li.active a:hover,
        .pagination li.active span:hover {
            background-color: var(--primary-color);
            color: #ffffff;
        }

    .pagination li.disabled a,
    .pagination li.disabled span {
        color: #adb5bd;
        pointer-events: none;
        background-color: transparent;
        opacity: 0.5;
    }



/* ==========  מודאל ========== */



#modal {
    position: fixed;
    z-index: 999980;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(4px);
    transition: all 0.3s ease;
}

    #modal h1 {    
        margin-top: 0;
    }



div.modal-window {
    position: absolute;
    left: 0;
    top: 0;
    background: white;
    border-radius: 16px;
    border: 1px solid #cbd5e1;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    animation: fadeInUp 0.25s ease-out both;
}

.modal-content {
    overflow: auto;
    padding: 0;
    margin: 0;
}



.modal-loading {
    background: url(../images/arbo-loader.gif) no-repeat center 3em;
    height: 4em;
    padding-top: 4.5em;
    color: #999999;
    text-align: center;
}

.modal-resize-tl,
.modal-resize-t,
.modal-resize-tr,
.modal-resize-r,
.modal-resize-br,
.modal-resize-b,
.modal-resize-bl,
.modal-resize-l {
    opacity: 0;
}



/* ========== תפריט ניווט ראשי ========== */

.sb-divider {
    width: 1px;
    height: 24px;
    background-color: #cbd5e1;
}



.MP_TopBar_Inline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    flex-wrap: nowrap;
    height: 60px;
    width: 100%;
    padding: 0 20px;
    background: #ffffff;
    border-bottom: 1px solid #cbd5e1;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    text-align: center;
    position: relative;
}

    .MP_TopBar_Inline .MP_TopBarElm .btn {
        background-color: transparent;
        color: #374151;
        box-shadow: none;
        letter-spacing: 0.3px;
    }

        .MP_TopBar_Inline .MP_TopBarElm .btn:hover {
            background-color: color-mix(in srgb, var(--primary-color), white 88%);
            border-color: transparent;
            color: var(--primary-color);
        }


#MP_TopBar_Inline_EditTools .cssEnable {
    background-color: var(--secondary-color) !important;
    color: white !important;
}

#MP_TopBar_Inline_EditTools .clsChecked {
    background-color: var(--primary-color);
    color: white !important;
}

.MP_TopBar_Inline_Right {
    display: flex;
    align-items: center;
    width: 100%;
}

.MP_TopBar_Inline_Actions {
    display: flex;
}

.MP_TopBar_Inline_Left {
    display: inline-flex;
    flex-direction: row-reverse;
    gap: 2px;
    align-items: center;
}


#btnInnerDnd_SavePage.cssDisabled {
    background-color: transparent !important;
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    color: #64748b !important;
}


#btnInnerDnd_SavePage.cssEnable {
    color: white !important;
    background-color: var(--secondary-color) !important;
}

    #btnInnerDnd_SavePage.cssEnable:hover {
        background-color: color-mix( in srgb, var(--secondary-color),white 15% ) !important;
    }

.MP_TopBar_Inline_inner {
    justify-content: center;
    height: 50px;
}

#MP_TopBar_Inline_EditTools {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
}

#twoall-logo-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

    #twoall-logo-link:hover {
        text-decoration: none;
    }

#twoall-logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
}


#twoall-logo-subtitle {
    font-size: 10px;
    color: #64748b;
    font-weight: 400;
}



#MP_TopBar_ShowPages {
    background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color), transparent 92%), color-mix(in srgb, var(--secondary-color), transparent 92%) );
    color: var(--primary-color);
}



#MP_TopBar_Inline_EditTools {
    transition: all 0.3s ease 0s;
}

.SB_Helper_MainPage_Div_Input_Icon {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 200px;
}

    .SB_Helper_MainPage_Div_Input_Icon svg {
        position: absolute;
        right: 12px;
        color: #94a3b8;
        transition: color 0.2s ease;
    }

input.cls_Helper_MainPage_Search_Txt {
    max-width: 200px;
    padding: 12px 40px 12px 16px;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    font-size: 14px;
    background: #ffffff;
    transition: all 0.2s ease;
    outline: none;
}


    input.cls_Helper_MainPage_Search_Txt:hover {
        background: #f1f5f9;
    }

    input.cls_Helper_MainPage_Search_Txt:focus {
        background: #ffffff;
        border-color: #64748b;
    }


#sysLang .dd-select {
    border: none;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}


#sysLang .dd-selected {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer;
}

#sysLang .dd-selected-image,
#sysLang .dd-option-image {
    width: 18px;
    height: 12px;
    border-radius: 2px;
    margin-right: 12px;
}

#sysLang .dd-selected-text {
    font-size: 13px;
    color: #334155;
    margin: 0 !important;
    cursor: pointer;
}

#sysLang .dd-pointer {
    border-top: 6px solid #64748b !important;
}

#sysLang .dd-options {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
    border-radius: 6px !important;
    padding: 4px 0 !important;
    max-height: 260px !important;
    overflow-y: auto !important;
    z-index: 99999 !important;
}




#sysLang .dd-option {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 14px 0px !important;
    font-size: 13px !important;
    cursor: pointer !important;
    transition: background 120ms;
}

    #sysLang .dd-option .dd-option-text {
        line-height: 0 !important;
        cursor: pointer !important;
    }



    #sysLang .dd-option:hover {
        background: #f1f5f9 !important;
    }

#sysLang .dd-option-selected {
    background: #eef2ff !important;
    border-right: 3px solid var(--primary-color) !important;
}



.MP_TopBar_Inline .MP_TopBarElm_Space {
    display: block;
    height: 100%;
    width: 5%;
}

.MP_TopBar_Inline_FixedPos #MP_TopBarElmCurrPage {
    display: block !important;
}

.MP_TopBar_Inline_inner .MP_TopBar_Inline_FixedPos {
    position: fixed;
    top: 0px;
    z-index: 99999;
    background: #ffffff;
    display: inline-block;
    box-shadow: 0 0 9px 2px #CDCCCC;
    text-align: center;
    padding: 4px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    height: 45px;
}

    .MP_TopBar_Inline_inner .MP_TopBar_Inline_FixedPos.MP_TopBar_Inline_InEditorOpen {
        position: relative !important;
        top: 0 !important;
        margin-left: 0 !important;
    }

.MP_TopBar_Inline #MP_TopBarElmCurrPage_2 {
    display: none;
}

.MP_TopBar_Inline_inner .MP_TopBar_Inline_FixedPos #MP_TopBarElmCurrPage_2 {
    display: inline-block;
}


.MP_TopBar_Inline #MP_TopBar_Undo_Number {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 12px;
    height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 50%;
    background: var(--primary-color);
    box-shadow: 0 2px 6px rgba(99, 102, 241, 0.25), 0 1px 3px rgba(236, 72, 153, 0.25);
}


/* ========== תפריט ניווט ראשי - תתי תפריטים נפתחים  ========== */



#MP_TopBar_ShowMenu_Container.SB_Toolbar_Primary_Hide, #MP_TopBar_ShowCatalog_Container.SB_Toolbar_Primary_Hide, #MP_TopBar_ShowUserSettings_Container.SB_Toolbar_Primary_Hide {
    animation: none !important;
    opacity: 0;
}

#MP_TopBar_ShowMenu_Container:not(.SB_Toolbar_Primary_Hide) {
    animation: dropdownFadeSlide 450ms ease-out both;
}

#MP_TopBar_ShowCatalog_Container:not(.SB_Toolbar_Primary_Hide), #MP_TopBar_ShowUserSettings_Container:not(.SB_Toolbar_Primary_Hide) {
    animation: dropdownFadeSlide 1000ms ease-out both;
}


#MP_TopBar_ShowMenu_Container, #MP_TopBar_ShowCatalog_Container, #MP_TopBar_ShowUserSettings_Container {
    padding: 4px 0 !important;
    display: flex;
    flex-direction: column;
    gap: 0;
    position: absolute;
    top: 54px;
    opacity: 0.98;
    margin-left: -28px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border: 1.5px solid #cbd5e1;
    border-radius: 12px;
    padding: 12px 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.03);
    opacity: 1;
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 9999999
}


    #MP_TopBar_ShowUserSettings_Container:not(.SB_Toolbar_Primary_Hide) .btn,
    #MP_TopBar_ShowCatalog_Container:not(.SB_Toolbar_Primary_Hide) .btn,
    #MP_TopBar_ShowMenu_Container:not(.SB_Toolbar_Primary_Hide) .btn {
        animation: dropdownItem 500ms ease-out both;
    }

        #MP_TopBar_ShowUserSettings_Container:not(.SB_Toolbar_Primary_Hide) .btn:nth-child(1),
        #MP_TopBar_ShowCatalog_Container:not(.SB_Toolbar_Primary_Hide) .btn:nth-child(1),
        #MP_TopBar_ShowMenu_Container:not(.SB_Toolbar_Primary_Hide) .btn:nth-child(1) {
            animation-delay: 0.05s;
        }

        #MP_TopBar_ShowUserSettings_Container:not(.SB_Toolbar_Primary_Hide) .btn:nth-child(2),
        #MP_TopBar_ShowCatalog_Container:not(.SB_Toolbar_Primary_Hide) .btn:nth-child(2),
        #MP_TopBar_ShowMenu_Container:not(.SB_Toolbar_Primary_Hide) .btn:nth-child(2) {
            animation-delay: 0.10s;
        }

        #MP_TopBar_ShowUserSettings_Container:not(.SB_Toolbar_Primary_Hide) .btn:nth-child(3),
        #MP_TopBar_ShowCatalog_Container:not(.SB_Toolbar_Primary_Hide) .btn:nth-child(3),
        #MP_TopBar_ShowMenu_Container:not(.SB_Toolbar_Primary_Hide) .btn:nth-child(3) {
            animation-delay: 0.15s;
        }

        #MP_TopBar_ShowUserSettings_Container:not(.SB_Toolbar_Primary_Hide) .btn:nth-child(4),
        #MP_TopBar_ShowMenu_Container:not(.SB_Toolbar_Primary_Hide) .btn:nth-child(4) {
            animation-delay: 0.20s;
        }


        #MP_TopBar_ShowUserSettings_Container:not(.SB_Toolbar_Primary_Hide) .btn:nth-child(5),
        #MP_TopBar_ShowMenu_Container:not(.SB_Toolbar_Primary_Hide) .btn:nth-child(5) {
            animation-delay: 0.25s;
        }

        #MP_TopBar_ShowUserSettings_Container:not(.SB_Toolbar_Primary_Hide) .btn:nth-child(6),
        #MP_TopBar_ShowMenu_Container:not(.SB_Toolbar_Primary_Hide) .btn:nth-child(6) {
            animation-delay: 0.30s;
        }

        #MP_TopBar_ShowMenu_Container:not(.SB_Toolbar_Primary_Hide) .btn:nth-child(7) {
            animation-delay: 0.35s;
        }

        #MP_TopBar_ShowMenu_Container:not(.SB_Toolbar_Primary_Hide) .btn:nth-child(8) {
            animation-delay: 0.40s;
        }



.clsSB_MP_BoxDesign .btn {
    justify-content: flex-start;
    border: none;
    border-right: 3px solid var(--primary-color);
    border-radius: 6px;
    cursor: pointer;
    transition: background 120ms, box-shadow 120ms, transform 120ms;
    background-color: transparent;
    color: #64748b;
    margin: 1px 4px;
    width: calc(100% - 8px);
}

    .clsSB_MP_BoxDesign .btn:hover {
        background-color: var(--primary-color) !important;
        color: white !important;
        border-right-color: transparent;
    }

        .clsSB_MP_BoxDesign .btn:hover > * {
            transform: translateX(-4px) !important;
        }



/* ========== תפריט צידי - דפים באתר, הוספת אלמנטים ,הגדרות עיצוב   ========== */
.main-panel {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 200px;
    right: 0;
    transition: all 200ms ease;
    gap: 8px;
}


    .main-panel.moved {
        right: 310px;
    }

    .main-panel.hidden {
        display: none !important;
    }

    .main-panel > a[data-panel="css-design"] {
        position: fixed;
        left: 0;
        right: auto;
        border-radius: 0 8px 8px 0;
    }

    .main-panel.css-active > a[data-panel="css-design"] {
        left: 307px;
    }


/* ========== תפריט שמאלי (אלמנט) ========== */
#SB_Toolbar_Primary.SB_Toolbar_Primary_Hide {
    left: -170px;
}

#SB_Toolbar_Primary_BtnClose {
    cursor: pointer;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 250ms ease;
    z-index: 15;
}

    #SB_Toolbar_Primary_BtnClose:hover {
        color: #fff;
        border-color: transparent;
        transform: translateY(-2px) scale(1.03);
        box-shadow: 0 8px 18px rgba(99, 102, 241, 0.35);
        background-color: #ef4444;
    }

    #SB_Toolbar_Primary_BtnClose:active {
        transform: translateY(0) scale(0.98);
        box-shadow: 0 4px 10px rgba(99, 102, 241, 0.25);
    }



#SB_Toolbar_Primary.SB_Toolbar_Primary_Hide .SB_Toolbar_Group {
    animation: none !important;
    opacity: 0;
    transform: translateX(-20px);
}

#SB_Toolbar_Primary:not(.SB_Toolbar_Primary_Hide) .SB_Toolbar_Group {
    animation: fadeInUp 1s ease-out both;
}

    #SB_Toolbar_Primary:not(.SB_Toolbar_Primary_Hide) .SB_Toolbar_Group:nth-child(1) {
        animation-delay: 0.05s;
    }

    #SB_Toolbar_Primary:not(.SB_Toolbar_Primary_Hide) .SB_Toolbar_Group:nth-child(2) {
        animation-delay: 0.1s;
    }

    #SB_Toolbar_Primary:not(.SB_Toolbar_Primary_Hide) .SB_Toolbar_Group:nth-child(3) {
        animation-delay: 0.15s;
    }

    #SB_Toolbar_Primary:not(.SB_Toolbar_Primary_Hide) .SB_Toolbar_Group:nth-child(4) {
        animation-delay: 0.25s;
    }

    #SB_Toolbar_Primary:not(.SB_Toolbar_Primary_Hide) .SB_Toolbar_Group:nth-child(5) {
        animation-delay: 0.3s;
    }

    #SB_Toolbar_Primary:not(.SB_Toolbar_Primary_Hide) .SB_Toolbar_Group:nth-child(6) {
        animation-delay: 0.35s;
    }

#SB_Toolbar_Primary:not(.MP_TopBar_Hide) .SB_Toolbar_Group:nth-child(7) {
    animation-delay: 0.4s;
}

#SB_Toolbar_Primary:not(.MP_TopBar_Hide) .SB_Toolbar_Group:nth-child(8) {
    animation-delay: 0.45s;
}

#SB_Toolbar_Primary:not(.MP_TopBar_Hide) .SB_Toolbar_Group:nth-child(9) {
    animation-delay: 0.5s;
}

#SB_Toolbar_Primary:not(.MP_TopBar_Hide) .SB_Toolbar_Group:nth-child(10) {
    animation-delay: 0.55s;
}

#SB_Toolbar_Primary:not(.MP_TopBar_Hide) .SB_Toolbar_Group:nth-child(11) {
    animation-delay: 0.6s;
}

#SB_Toolbar_Primary:not(.MP_TopBar_Hide) .SB_Toolbar_Group:nth-child(12) {
    animation-delay: 0.65s;
}

#SB_Toolbar_Primary:not(.MP_TopBar_Hide) .SB_Toolbar_Group:nth-child(13) {
    animation-delay: 0.7s;
}


#SB_Toolbar_Primary {
    position: fixed;
    top: 60px;
    left: 0px;
    width: 140px;
    z-index: 33334;
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.08);
    transition: all 250ms ease;
    overflow-y: auto;
    overflow-x: hidden;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-right: 1px solid #cbd5e1;
    border-radius: 4px;
    height: 100vh;
}

    #SB_Toolbar_Primary .SB_Tb_Btn {
        width: 30px;
        min-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        color: #1e293b;
        background-color: #ffffff;
        font-size: 20px;
        transition: all 250ms ease;
        position: relative;
        border: 1.5px solid #cbd5e1;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
        line-height: unset !important;
        cursor: pointer;
        text-decoration: none !important;
    }



    #SB_Toolbar_Primary .SB_Toolbar_Group {
        padding: 2.5px;
        border-bottom: 1px solid #cbd5e1;
        background: #ffffff;
        transition: all 250ms ease;
        margin-bottom: 1px;
    }


    #SB_Toolbar_Primary .SB_Toolbar_Caption {
        font-size: 12px;
        font-weight: 700;
        color: var(--primary-color);
        text-transform: uppercase;
        letter-spacing: 0.8px;
        margin-bottom: 6px;
        text-align: center;
        position: relative;
        padding: 4px 0;
    }

        #SB_Toolbar_Primary .SB_Toolbar_Caption::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 50px;
            height: 2px;
            background: linear-gradient(90deg,var(--primary-color), var(--secondary-color));
            border-radius: 2px;
        }

    #SB_Toolbar_Primary .SB_Toolbar_Row_Btns {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 8px !important;
        width: fit-content;
        margin: 0 auto;
        gap: 8px;
    }

    #SB_Toolbar_Primary .radio-icon {
        position: relative;
        cursor: pointer;
    }

        #SB_Toolbar_Primary .radio-icon input[type="radio"]:checked + .radio-icon-display {
            border-color: transparent;
            box-shadow: 0 4px 12px color-mix( in srgb, var(--primary-color) 25%, transparent );
            background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color), transparent 92%), color-mix(in srgb, var(--secondary-color), transparent 92%) );
        }

        #SB_Toolbar_Primary .radio-icon:hover .radio-icon-display {
            border-color: transparent;
            box-shadow: 0 4px 12px color-mix( in srgb, var(--primary-color) 25%, transparent );
            color: var(--primary-color) !important;
        }

        #SB_Toolbar_Primary .radio-icon input[type="radio"] {
            position: absolute;
            opacity: 0;
            width: 0;
            height: 0;
        }

    #SB_Toolbar_Primary .radio-icon-display {
        width: 30px;
        min-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        color: #1e293b;
        background-color: #ffffff;
        font-size: 20px;
        transition: all 250ms ease;
        border: 1.5px solid #cbd5e1;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
        position: relative;
        overflow: hidden;
    }


    #SB_Toolbar_Primary .SB_Tb_Btn {
        width: 30px;
        min-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        color: #1e293b;
        background-color: #ffffff;
        font-size: 20px;
        transition: all 250ms ease;
        position: relative;
        border: 1.5px solid #cbd5e1;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
        line-height: unset !important;
        cursor: pointer;
        text-decoration: none !important;
    }

        #SB_Toolbar_Primary .SB_Tb_Btn:hover {
            box-shadow: 0 4px 10px color-mix( in srgb, var(--primary-color) 25%, transparent );
            border-color: transparent;
            color: var(--primary-color) !important;
        }

        #SB_Toolbar_Primary .SB_Tb_Btn.clsChecked {
            color: #ffffff;
            background-color: var(--primary-color);
        }

            #SB_Toolbar_Primary .SB_Tb_Btn.clsChecked:hover {
                color: #ffffff !important;
                background-color: color-mix( in srgb, var(--primary-color), white 15% ) !important;
                border-color: transparent !important;
            }



.main-panel .SB_Tb_Btn_With_Caption {
    background: linear-gradient( 135deg, var(--primary-color) 0%, var(--secondary-color) 80% );
    color: white !important;
    width: 45px !important;
    border-radius: 8px 0 0 8px;
    margin-bottom: 8px;
    padding: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: -3px 4px 12px color-mix(in srgb, var(--primary-color), transparent 65%);
    transition: all 0.3s ease-in-out;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-right: none;
    animation: pulseGlow 4s ease-in-out infinite;
}

.main-panel .SB_Tb_Btn:hover {
    background: linear-gradient( 135deg, var(--primary-color) 0%, var(--secondary-color) 80% ) !important;
    color: white !important;
}

.main-panel .SB_Btn_Caption {
    color: white !important;
    margin-top: 4px;
    line-height: 1.1;
}



.SB_Tb_Btn_With_Caption {
    flex-direction: column;
}

.SB_Btn_Caption {
    font-size: 10px;
    font-weight: 600;
    color: var(--primary-color);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    text-align: center;
    position: relative;
    padding: 4px 0;
}



.SB_Toolbar_Group_Select .SB_Toolbar_Row_Btns {
    display: flex;
    justify-content: center;
    gap: 2.5px;
}

.SB_Toolbar_Group_Display .SB_Toolbar_Row_Btns {
    display: flex;
    justify-content: center;
}

.SB_Toolbar_Group_EditHtml .SB_Toolbar_Row_Btns {
    display: flex;
    justify-content: center;
}

.SB_Toolbar_Group_Effects .SB_Toolbar_Row_Btns {
    display: flex;
    justify-content: center;
}

.SB_Toolbar_Row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    flex-direction: row-reverse;
    justify-content: center;
}

.SB_Toolbar_Label {
    font-size: 13px;
    font-weight: 600;
    color: var(--primary-color);
    min-width: 22px;
}

.SB_Toolbar_Input {
    height: 23px !important;
    max-width: 70px !important;
}

    .SB_Toolbar_Input:focus {
        background-color: #ffffff;
        border-color: var(--primary-color);
        box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.15);
        outline: none;
    }


/* ========== פאנל דפים באתר  ========== */

.SB_SitePages_Header {
    padding: 24px;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(90deg, var(--primary-color),var(--secondary-color)) 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color), transparent 92%), color-mix(in srgb, var(--secondary-color), transparent 92%) );
    position: relative;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

.SB_SitePages_Close {
    background: none;
    color:unset;
}

    .SB_SitePages_Close:hover {
        background-color: #ef4444;
        color: white;
        border-radius: 18px;
    }

.SB_MP_Header1 {
    margin: 0;
    font-size: 15px;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
}

.SB_SitePages_Actions {
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-bottom: 1px solid #cbd5e1;
}

#div_Page_Sort_Buttons_Conteiner {
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    border-bottom: #cbd5e1;
}

#a_AddPagesHelp {
    color: var(--primary-color)
}

    #a_AddPagesHelp:hover {
        color: color-mix( in srgb, var(--primary-color), white 15% );
    }



#MP_TopBar_ShowPages_Container.MP_TopBar_Hide {
    animation: none !important;
    right: -310px;
}

#MP_TopBar_ShowPages_Container:not(.clsDnD_Container_Close) {
    animation: moveShowPagesLeft 0.25s ease-out both;
}


#MP_TopBar_ShowPages_Container {
    display: inline-block;
    width: 306px;
    position: fixed;
    top: 60px;
    right: 0px;
    box-shadow: -2px 0 12px rgba(0, 0, 0, 0.08);
    border-left: 1px solid #cbd5e1;
    height: 100vh;
    transition: all 250ms ease;
}


    #MP_TopBar_ShowPages_Container .SB_MP_Header {
        border-radius: 4px 4px 0px 0px;
    }

.SB_ItemContent {
    display: flex;
    align-items: center;
    position: relative;
}


.SB_RightPageMenuBtn:hover {
    background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color), transparent 92%), color-mix(in srgb, var(--secondary-color), transparent 92%) );
}

    .SB_RightPageMenuBtn:hover a.SB_Btn_A {
        color: var(--primary-color) !important;
    }

.SB_RightMenu_CatalogT2:hover .SB_RM_Txt, .SB_RightMenu_CatalogT1:hover .SB_RM_Txt, .SB_Btn_A_Catalog:hover .SB_RM_Txt {
    color: var(--primary-color) !important;
}

.SB_RightPageMenuBtn .SB_Btn_A {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #1e293b;
    padding: 6px 0px;
    padding-right: 8px;
    gap: 6px;
    box-sizing: border-box;
    font-weight: 400;
}

    .SB_RightPageMenuBtn .SB_Btn_A.SB_Btn_A_Catalog {
        padding-right: 6px;
    }

.SB_CatalogGroup {
    background-color: white;
}

.SB_RightPageMenuBtn_selected {
    background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color), transparent 92%), color-mix(in srgb, var(--secondary-color), transparent 92%) );
}


#DivCatalogNodes {
    margin-right: 14px;
}

.SB_RightMenu_CatalogT2 {
    margin-right: 38px !important;
}



.SB_RMBtnCnt {
    margin-right: auto;
    margin-left: 10px;
    display: inline-flex;
    gap: 4px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    position: absolute;
    left: 0;
}

    .SB_RMBtnCnt .SB_Tb_Btn {
        width: 25px;
        min-height: 25px;
    }

.SB_RightPageMenuBtn:hover .SB_RMBtnCnt {
    opacity: 1;
    visibility: visible;
}

#SB_SitePages_Bottom_Actions {
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    padding: 16px;
    align-items: center;
    border-bottom: 1px solid #cbd5e1;
    margin-bottom: 0;
    gap: 2px;
}

    #SB_SitePages_Bottom_Actions .handle_pages {
        display: inline-flex;
        gap: 4px;
    }

    #SB_SitePages_Bottom_Actions #RightMenuSearch_Txt {
        width: 210px;
        color: #999999
    }


#sb_manage_menus {
    width: 100%;
    background-color: transparent;
    color: #64748b;
    border-color: transparent;
    cursor: pointer;
}

.form-group {
    margin-bottom: 0 !important;
}


.SB_RightMenuCheckbox {
    display: flex;
    align-items: center;
}

    .SB_RightMenuCheckbox label, .SB_RightMenuCheckbox input {
        cursor: pointer;
    }

.mini-menu-Fix {
    position: relative;
}

.mini-menu-Fix-CloseLi {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mini-menu-Fix-CloseBtn {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    border-radius: 8px;
    transition: all 150ms ease;
    font-family: inherit;
    cursor: pointer;
    border-style: none;
    background: none;
    padding: 0;
    min-height: unset;
    position: absolute;
    top: 6px;
    left: 6px;
}

    .mini-menu-Fix-CloseBtn:hover {
        background-color: #ef4444;
        color: white;
        border-radius: 18px;
    }

#SB_Page_Settings_accordion .nav {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    border-bottom: 2px solid #cbd5e1;
    background: white;
    padding: 2px 16px;
    border-radius: 12px 12px 0 0;
    overflow-x: auto;
}


    #SB_Page_Settings_accordion .nav > li > a {
        display: block;
        padding: 10px 6px;
        text-decoration: none;
        color: #64748b;
        font-weight: 500;
        border-bottom: 2px solid transparent;
        margin-bottom: -2px;
        transition: all 0.2s ease;
    }

.SB_Accordion .ui-tabs-active A {
    color: var(--primary-color, #3b82f6) !important;
    border-bottom: 2px solid var(--primary-color, #3b82f6) !important;
}

@media screen and (min-width: 768px) and (max-width: 1500px) {

    #RightMenuBtnsScroll {
        max-height: 270px;
    }
}




.shortcuts-list {
    display: flex;
    grid-gap: 16px;
    padding: 16px;
}

    .shortcuts-list li {
        position: relative;
    }

    .shortcuts-list a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
        color: var(--primary-color);
        padding: 16px;
        background: #ffffff;
        border: 1px solid #cbd5e1;
        border-radius: 12px;
        cursor: pointer;
        text-decoration: none;
        min-height: 135px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
        width: 180px;
        transition: transform 0.3s ease;
    }

        .shortcuts-list a:hover {
            transform: translateY(-4px);
            border-top: 2px solid var(--primary-color);
            box-shadow: 0 2px 3px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.05);
        }


    .shortcuts-list .sb-icon {
        transition: all 200ms ease;
        background: #f1f5f9;
        border-radius: 8px;
        padding: 8px;
    }

    .shortcuts-list .sub-title {
        font-size: 13px;
        font-weight: 500;
        color: #1e293b !important;
        text-align: center;
        white-space: normal;
    }


.PageTypeExist_number {
    position: absolute;
    top: 8px;
    left: 8px;
    background: linear-gradient(135deg, var(--primary-color, #6366f1), var(--secondary-color, #818cf8));
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    z-index: 3;
}

PageTypeExist_number:empty {
    display: none;
}

.LI_PageTypeExist {
    opacity: 0.6;
    background: #f8fafc;
    filter: grayscale(1);
}

    .LI_PageTypeExist:hover {
        transform: none;
        border-top: 1px solid #cbd5e1;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    }

    .LI_PageTypeExist a {
        cursor: not-allowed !important;
        pointer-events: none;
    }


/* ========== פאנל אלמנטים נגררים  ========== */
.cls_DnD_Container_New5 {
    direction: rtl;
    position: absolute;
    z-index: 999999;
    transition: .4s all;
    right: 0;
}


    .cls_DnD_Container_New5.clsDnD_Container_Close {
        transform: translateX(310px);
        visibility: hidden;
    }


.sidebar-right {
    width: 300px;
    background: #ffffff;
    border-left: 1px solid #cbd5e1;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    overflow-y: auto;
    box-shadow: -2px 0 12px rgba(0, 0, 0, 0.08);
}

/** סקשן כותרת*/
.panel-header {
    padding: 24px;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(90deg, var(--primary-color),var(--secondary-color)) 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color), transparent 92%), color-mix(in srgb, var(--secondary-color), transparent 92%) );
    position: relative;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

    .panel-header::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background: linear-gradient(90deg, var(--primary-color),var(--secondary-color));
        opacity: 0.3;
    }

.panel-title {
    font-family: "assistant" !important;
    font-weight: 600;
    font-size: 15px;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 12px;
}

    .panel-title i {
        color: var(--primary-color);
        font-size: 18px;
    }


.panel-close {
    background: none;
    color: unset;
}

    .panel-close:hover {
        background-color: #ef4444;
        color: white;
        border-radius: 18px;
    }


/* סקשן ניווט  */
.elements-nav-select { 
    display: flex;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid #cbd5e1;
    position: relative;
}

    .elements-nav-select select {
        background-color: #ffffff;
        color: #1e293b;
        font-size: 13px;
        text-align: center;
        box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 4px;
        border-radius: 12px;
        border: 1.5px solid #cbd5e1;
        transition: all 250ms ease;
        height: 38px;
        width: 100%;
        outliine: none;
        appearance: none;
    }


        .elements-nav-select select:hover {
            border: 1px solid #cbd5e1 !important;
        }

        .elements-nav-select select:focus {
            outline: none;
            box-shadow: 0 4px 10px color-mix(in srgb, var(--primary-color) 25%, transparent);
            border-color: transparent !important;
        }

        .elements-nav-select select option {
            color: #1e293b;
            font-size: 13px;
        }

    .elements-nav-select svg {
        position: absolute;
        right: 22px;
        width: 16px;
        pointer-events: none;
        color: #94a3b8;
    }

/* סקשן טאבים */
.elements-tabs {
    display: flex;
    padding: 8px;
    gap: 2px;
    background-color: #f1f5f9;
    border-bottom: 1px solid #cbd5e1;
    overflow-x: auto;
    overflow-y: hidden;
}


.element-tab {
    font-family: "assistant" !important;
    flex: 1;
    min-width: 80px;
    padding: 8px 4px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    transition: all 150ms;
    border: 1px solid transparent;
    cursor: pointer;
}

    .element-tab:hover {
        background-color: #ffffff;
        color: #1e293b;
    }

    .element-tab.active {
        background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
        color: #ffffff;
        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
        border-color: transparent;
    }


.cls_DnD_Container_New5.clsDnD_Container_Close .element-tab {
    animation: none !important;
    opacity: 0;
}

.cls_DnD_Container_New5:not(.clsDnD_Container_Close) .element-tab {
    animation: fadeInUp 1s ease-out both;
}

    .cls_DnD_Container_New5:not(.clsDnD_Container_Close) .element-tab:nth-child(1) {
        animation-delay: 0.1s;
    }

    .cls_DnD_Container_New5:not(.clsDnD_Container_Close) .element-tab:nth-child(2) {
        animation-delay: 0.2s;
    }

    .cls_DnD_Container_New5:not(.clsDnD_Container_Close) .element-tab:nth-child(3) {
        animation-delay: 0.3s;
    }

    .cls_DnD_Container_New5:not(.clsDnD_Container_Close) .element-tab:nth-child(4) {
        animation-delay: 0.4s;
    }

    .cls_DnD_Container_New5:not(.clsDnD_Container_Close) .element-tab:nth-child(5) {
        animation-delay: 0.5s;
    }

/** סקשן התוכן*/
.panel-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 600px;
}



.elements-category {
    padding: 16px;
}

    .elements-category.hidden {
        display: none;
    }



.category-title {
    font-family: "assistant" !important;
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
    padding: 16px 8px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
}

    .category-title i {
        color: var(--primary-color);
        font-size: 16px;
    }

.category-subtitle {
    font-family: "assistant" !important;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-color);
    padding: 8px 0;
    margin: 8px 0 16px;
    opacity: 0.9;
}

.elements-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 8px;
}

.elements-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.sb-buttons-row {
    display: flex;
    gap: 2px;
    align-items: flex-start;
    align-items: center;
}


.element-card {
    font-family: "assistant" !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 12px;
    border: 2.5px solid #cbd5e1;
    position: relative;
    height: unset;
}

    .element-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 0.75rem;
        background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
        opacity: 0;
        transition: opacity 150ms ease;
        z-index: -1;
    }

    .element-card:hover {
        transform: translateY(-4px) !important;
        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
        color: #ffffff;
    }

        .element-card:hover::before {
            opacity: 1;
        }

        .element-card:hover .element-name {
            color: #ffffff;
        }

    .element-card:active {
        transform: scale(0.95);
    }




.SB_Btn_Del {
    position: absolute;
    top: 6px;
    right: 6px;
    cursor: pointer;
}

.element-card:hover .SB_Btn_Del {
    top: 2px;
}

    .element-card:hover .SB_Btn_Del svg {
        stroke: white !important;
    }


#SB_Dnd_Group_Clipboard .element-card {
    max-width: 125px;
    max-height: 60px;
    overflow: hidden;
}

.cls_DnD_Container_New5 .clsDnD_Element IMG {
    width: 100%;
}

.cls_DnD_Container_New5 .clsDnD_Img_Small,
.cls_DnD_Container_New5 .clsDnD_Img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    min-height: 20px;
    width: 100px;
    height: 39px;
    cursor: move;
    color: black !important;
    font-size: 13px !important;
}

    .cls_DnD_Container_New5 .clsDnD_Img img,
    .clsDnD_Element_Smallobj .clsDnD_Img_Small img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }


[data-category="text-and-image"] .category-title {
    background: linear-gradient(270deg, rgba(99,102,241,0.1), transparent);
    border-left: 3px solid var(--primary-color)
}

[data-category="sections"] .category-title {
    background: linear-gradient(270deg, rgba(236,72,153,0.1), transparent);
    border-left: 3px solid var(--secondary-color);
}

[data-category="plugins"] .category-title {
    background: linear-gradient(270deg, rgba(14,165,233,0.1), transparent);
    border-left: 3px solid #0ea5e9;
}

[data-category="gallery"] .category-title {
    background: linear-gradient(270deg, rgba(16,185,129,0.1), transparent);
    border-left: 3px solid #10b981;
}

[data-category="divided-blocks"] .category-title {
    background: linear-gradient(270deg, rgba(245,158,11,0.1), transparent);
    border-left: 3px solid #f59e0b;
}

[data-category="pop-ups"] .category-title {
    background: linear-gradient(270deg, rgba(139,92,246,0.12), transparent);
    border-left: 3px solid #8b5cf6;
}

[data-category="copied"] .category-title {
    background: linear-gradient(270deg, rgba(148,163,184,0.1), transparent);
    border-left: 3px solid #94a3b8;
}


.element-name {
    font-family: "assistant" !important;
    color: #1e293b;
    transition: color 150ms ease;
    text-align: center;
    text-shadow: none !important;
}

/* ==========  פאנל החלפת צבעי האתר  ========== */


.theme-switcher-hide {
    display: none;
}

.theme-switcher {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
}

.theme-switcher-toggle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: white;
    border: none;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    transition: 250ms ease;
    animation: 3s ease 0s infinite normal none running pulseGlow;
}

    .theme-switcher-toggle:hover {
        transform: scale(1.1) rotate(180deg);
        box-shadow: 0 8px 30px rgba(99, 102, 241, 0.4);
    }

.theme-switcher-panel.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.theme-switcher-panel {
    position: absolute;
    bottom: 80px;
    right: 0;
    width: 320px;
    background: white;
    border-radius: 16px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    border: 1px solid #cbd5e1;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px) scale(0.9);
    transition: all 250ms ease;
}

.theme-switcher-header {
    padding: 24px;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(90deg, var(--primary-color), var(--secondary-color)) 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color), transparent 92%), color-mix(in srgb, var(--secondary-color), transparent 92%) );
}

.theme-switcher-content {
    padding: 8px;
    max-height: 400px;
    overflow-y: auto;
}



.theme-option {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    border-radius: 12px;
    background: white;
    border: 2px solid #cbd5e1;
    cursor: pointer;
    transition: all 150ms ease;
    margin-bottom: 8px;
    position: relative;
}

    .theme-option.active {
        border-color: var(--primary-color);
        background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color), transparent 92%), color-mix(in srgb, var(--secondary-color), transparent 92%) );
    }

    .theme-option:hover {
        background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color), transparent 92%), color-mix(in srgb, var(--secondary-color), transparent 92%) );
    }

.theme-preview {
    display: flex;
    gap: 4px;
}

.color-dot {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.theme-name {
    flex: 1;
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
}

.theme-switcher-close {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    border-radius: 8px;
    transition: all 150ms ease;
    font-family: inherit;
    cursor: pointer;
    border-style: none;
    background: none;
    padding: 0;
    min-height: unset;
}


    .theme-switcher-close:hover {
        background-color: #ef4444 !important;
        color: white !important;
        border-radius: 18px !important;
    }

.theme-switcher-footer {
    padding: 16px;
    border-top: 1px solid #cbd5e1;
}

.reset-theme-btn {
    width: 100%;
    padding: 8px 16px;
    border-radius: 8px;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    color: #64748b;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 150ms ease;
}

.align-switcher-btns {
    display: flex;
    gap: 5px;
    background: #f1f5f9;
    padding: 4px;
    border-radius: 8px;
}

.align-opt-btn {
    flex: 1;
    padding: 8px;
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: 6px;
    font-weight: 600;
    color: #64748b;
}

    .align-opt-btn.active {
        background: white;
        color: var(--primary-color);
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

.theme-options-grid {
    max-height: 250px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.SB_RightPageMenuBtn {
    margin: 0;
    padding: 2px;
    border-radius: 16px;
    margin-bottom: 4px;
    cursor: pointer;
}

#MP_TopBar_ShowPages_Container.MP_TopBar_Hide .SB_RightPageMenuBtn .SB_Btn_A {
    animation: none !important;
    opacity: 0;
}

#MP_TopBar_ShowPages_Container:not(.MP_TopBar_Hide) .SB_RightPageMenuBtn .SB_Btn_A {
    animation: fadeInUp 1s ease-out both;
}

#MP_TopBar_ShowPages_Container:not(.MP_TopBar_Hide) .SB_RightPageMenuBtn:nth-child(1) .SB_Btn_A {
    animation-delay: 0.05s;
}

#MP_TopBar_ShowPages_Container:not(.MP_TopBar_Hide) .SB_RightPageMenuBtn:nth-child(2) .SB_Btn_A {
    animation-delay: 0.1s;
}

#MP_TopBar_ShowPages_Container:not(.MP_TopBar_Hide) .SB_RightPageMenuBtn:nth-child(3) .SB_Btn_A {
    animation-delay: 0.15s;
}

#MP_TopBar_ShowPages_Container:not(.MP_TopBar_Hide) .SB_RightPageMenuBtn:nth-child(4) .SB_Btn_A {
    animation-delay: 0.25s;
}

#MP_TopBar_ShowPages_Container:not(.MP_TopBar_Hide) .SB_RightPageMenuBtn:nth-child(5) .SB_Btn_A {
    animation-delay: 0.3s;
}

#MP_TopBar_ShowPages_Container:not(.MP_TopBar_Hide) .SB_RightPageMenuBtn:nth-child(6) .SB_Btn_A {
    animation-delay: 0.35s;
}

#MP_TopBar_ShowPages_Container:not(.MP_TopBar_Hide) .SB_RightPageMenuBtn:nth-child(7) .SB_Btn_A {
    animation-delay: 0.4s;
}

#MP_TopBar_ShowPages_Container:not(.MP_TopBar_Hide) .SB_RightPageMenuBtn:nth-child(8) .SB_Btn_A {
    animation-delay: 0.45s;
}

#MP_TopBar_ShowPages_Container:not(.MP_TopBar_Hide) .SB_RightPageMenuBtn:nth-child(9) .SB_Btn_A {
    animation-delay: 0.5s;
}

#MP_TopBar_ShowPages_Container:not(.MP_TopBar_Hide) .SB_RightPageMenuBtn:nth-child(10) .SB_Btn_A {
    animation-delay: 0.55s;
}

#MP_TopBar_ShowPages_Container:not(.MP_TopBar_Hide) .SB_RightPageMenuBtn:nth-child(11) .SB_Btn_A {
    animation-delay: 0.6s;
}

#MP_TopBar_ShowPages_Container:not(.MP_TopBar_Hide) .SB_RightPageMenuBtn:nth-child(12) .SB_Btn_A {
    animation-delay: 0.65s;
}

#MP_TopBar_ShowPages_Container:not(.MP_TopBar_Hide) .SB_RightPageMenuBtn:nth-child(13) .SB_Btn_A {
    animation-delay: 0.7s;
}



.SB_New_Icon {
    position: absolute;
    top: -2px;
    left: 0px;
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: #ffffff;
    font-size: 9px;
    font-weight: 600;
    padding: 0px 4px;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    z-index: 10;
}


/* ==========   סרגלי כלים (טולברים)   ========== */

.sb-divider {
    width: 1px;
    height: 24px;
    background-color: #cbd5e1;
    margin: 0 4px;
}



.clsSB_Dnd_Toolbox {
    align-items: flex-end;
    box-sizing: border-box;
    gap: 4px;
    padding: 4px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    border: 1px solid #cbd5e1;
    margin-top: -45px;
    margin-left: -5px;
    z-index: 9999;
    position: absolute;
    top: -25px;
    left: 0;
    overflow: hidden;
}

    .clsSB_Dnd_Toolbox:hover {
        width: auto !important;
        justify-content: flex-end;
    }

.SB_Inline_Toolbar_ForContainer a {
    flex-shrink: 0;
}

.clsSB_Dnd_NE_AddMore, .clsSB_Dnd_NB_AddMore {
    background: linear-gradient(135deg, var(--primary-color),var(--secondary-color));
    color: white !important;
}



.clsSB_Dnd_Inline_Toolbox {
    align-items: center;
    gap: 4px;
    padding: 4px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    border: 1px solid #cbd5e1;
    box-sizing: border-box;
}

.cssSB_ToolbarDesign {
    z-index: 999999;
    animation: toolbarFadeIn 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}



.SB_Tb_Btn {
    width: 40px;
    min-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #1e293b;
    background-color: #ffffff;
    font-size: 20px;
    transition: all 250ms ease;
    position: relative;
    border: 1.5px solid #cbd5e1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    line-height: unset !important;
    cursor: pointer;
    text-decoration: none;
    font-family: "Assistant";
    padding: 0;
    font-style: unset;
}


.SB_Btn_Caption {
    font-size: 10px;
    font-weight: 600;
    color: var(--primary-color);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    text-align: center;
    position: relative;
    padding: 4px 0;
    line-height: 12px !important
}

.SB_Tb_Btn:hover {
    background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color), transparent 92%), color-mix(in srgb, var(--secondary-color), transparent 92%) ) !important;
    color: var(--primary-color) !important;
    box-shadow: 0 4px 10px color-mix( in srgb, var(--primary-color) 25%, transparent );
    border-color: transparent;
}


.SB_Tb_Btn.glyphicon {
    top: 0px;
}



.SB_Tb_Btn.clsSB_Dnd_ShowHiddenElements.clsChecked {
    background-color: var(--primary-color);
    color: white !important;
}

    .SB_Tb_Btn.clsSB_Dnd_ShowHiddenElements.clsChecked .SB_Btn_Caption {
        color: white !important;
    }



.SB_Tb_Btn_Active {
    background-color: var(--primary-color) !important;
    color: white !important;
}

    .SB_Tb_Btn_Active .SB_Btn_Caption {
        color: white !important;
    }

    .SB_Tb_Btn_Active:hover {
        color: var(--primary-color) !important;
        background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color), transparent 92%), color-mix(in srgb, var(--secondary-color), transparent 92%)) !important;
        border-color: transparent;
    }

        .SB_Tb_Btn_Active:hover .SB_Btn_Caption {
            color: var(--primary-color) !important;
        }


#SBToolBar_AIBuildContent {
    font-weight: 500;
    font-size: 14px;
}

#SBToolBar_GalleryEdit,
#SBToolBar_GoogleReviewsEdit,
#clsSB_Dnd_ContainerIMG,
#SBToolBar_Cols_IMG_Browse_Container,
#SBToolBar_Cols_IMG_Browse_Row,
#SBToolBar_Cols_IMG_Browse,
#SBToolBar_IMG_Browse,
#SBToolBar_IMG_Browse_1,
#SBToolBar_TextScrollEdit,
#SBToolBar_StartTextEditor {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: white;
}

    #SBToolBar_GalleryEdit .SB_Btn_Caption,
    #SBToolBar_GoogleReviewsEdit .SB_Btn_Caption,
    #clsSB_Dnd_ContainerIMG .SB_Btn_Caption,
    #SBToolBar_Cols_IMG_Browse_Container .SB_Btn_Caption,
    #SBToolBar_Cols_IMG_Browse_Row .SB_Btn_Caption,
    #SBToolBar_Cols_IMG_Browse .SB_Btn_Caption,
    #SBToolBar_IMG_Browse .SB_Btn_Caption,
    #SBToolBar_IMG_Browse_1 .SB_Btn_Caption,
    #SBToolBar_TextScrollEdit .SB_Btn_Caption,
    #SBToolBar_StartTextEditor .SB_Btn_Caption {
        color: white;
    }

    #SBToolBar_GalleryEdit:hover .SB_Btn_Caption,
    #SBToolBar_GoogleReviewsEdit:hover .SB_Btn_Caption,
    #clsSB_Dnd_ContainerIMG:hover .SB_Btn_Caption,
    #SBToolBar_Cols_IMG_Browse_Container:hover .SB_Btn_Caption,
    #SBToolBar_Cols_IMG_Browse_Row:hover .SB_Btn_Caption,
    #SBToolBar_Cols_IMG_Browse:hover .SB_Btn_Caption,
    #SBToolBar_IMG_Browse:hover .SB_Btn_Caption,
    #SBToolBar_IMG_Browse_1:hover .SB_Btn_Caption,
    #SBToolBar_TextScrollEdit:hover .SB_Btn_Caption,
    #SBToolBar_StartTextEditor:hover .SB_Btn_Caption {
        color: var(--primary-color) !important;
    }




/* ========== טפסים ========== */
.SB_Inline_Form {
    display: flex;
    align-items: center;
    padding: 16px 20px;
    margin: 0;
    color: #0f172a;
    font-size: 14px;
    position: relative;
    flex-wrap: wrap;
    gap: 16px;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
}

.SB_Inline_Form_Group {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-left: 8px;
}

.SB_Inline_Form label {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    color: #475569;
}

.SB_Inline_Form .SICWMS_btns {
    cursor: pointer;
    border-right: 2px solid var(--primary-color);
    padding-right: 4px;
}

    .SB_Inline_Form .SICWMS_btns:hover {
        transform: translateX(-2px);
    }




.SB_Inline_Form input[type="button"] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: all 250ms ease;
    gap: 8px;
    position: relative;
    vertical-align: middle;
    background-color: var(--primary-color);
    border: 1px solid transparent;
    outline: none !important;
    font-size: 16px;
    border-radius: 18px;
    margin: 2px;
    color: #ffffff;
}

    .SB_Inline_Form input[type="button"]:hover {
        color: #ffffff;
        background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color), transparent 92%), color-mix(in srgb, var(--secondary-color), transparent 92%) );
        border-color: var(--primary-color);
    }

.SB_Inline_Form select {
    padding: 8px 24px;
    border-radius: 8px;
    background-color: white;
    border: 1px solid #cbd5e1;
    font-size: 13px;
    color: #1e293b;
    transition: all 150ms ease;
    outline: none;
    appearance: none;
    direction: rtl;
}


input[type=text] {
    background-color: #ffffff;
    color: #1e293b;
    font-size: 13px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 4px;
    border-radius: 8px;
    border: 1.5px solid #cbd5e1;
}

    input[type=text]:focus {
        border: 1.5px solid #cbd5e1;
        border-color: #999999;
        background-color: white;
        box-shadow: none;
        outline: 0 none;
    }

    input[type=text]:hover {
        border-color: #999999;
        background-color: white;
        box-shadow: none;
        outline: 0 none;
        border: 1.5px solid #cbd5e1;
    }


.SB_Inline_Form .SB_Inline_Form_BtnClose {
    color: var(--primary-color);
    position: absolute;
    top: 4px;
    left: 8px;
    cursor: pointer;
}

    .SB_Inline_Form .SB_Inline_Form_BtnClose:hover {
        background-color: #ef4444;
        color: white;
        border-radius: 8px;
    }

/* טופס הוספת קישור (בתוך סרגל כלים) */
#SB_Inline_Dialog_LinkEdit {
    background: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);
    border-radius: 8px;
}

    #SB_Inline_Dialog_LinkEdit .SB_Inline_Form {
        align-items: flex-end;
    }

#SBToolBar_EditIconsFromMenuBtn, #SBToolBar_RestorePosition_Menu, #SBToolBar_DragOption {
    display: flex;
    padding: 0 !important;
}




/* ========== דף אפשרויות ניהול מתקדמות ========== */


.page-content {
    padding: 0;
}


#iframeView {
    min-height: 800px;
}

.SB_Advanced_Close #SB_Advanced_Header {
    width: 100%;
    height: auto;
    position: relative;
}

.SB_Advanced_Open #SB_Advanced_Header {
    width: 21%;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    border-left: 1px solid #cbd5e1;
    background-color: #ffffff;
    z-index: 10;
    transition: all 350ms;
}

.SB_Advanced_Open .inner-view {
    width: 79%;
    background: linear-gradient(to left, rgba(99, 102, 241, 0.02) 0%, #ffffff 100%)
}




.SB_Advanced_Open .SB_Advanced_List {
    justify-content: center;
}



.SB_Advanced_Header_Title {
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    padding: 12px 0;
    background: linear-gradient(135deg,var(--primary-color), var(--secondary-color));
    background-clip: text;
    color: transparent;
}

#SB_Advanced {
    display: flex;
    flex-direction: column;
}


.SB_Advanced_Category {
    margin-bottom: 20px;
    padding: 16px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 0 1px rgba(0, 0, 0, 0.04);
    position: relative;
    transition: box-shadow 150ms ease;
    background: white;
    border: 1px solid #cbd5e1;
}


.SB_Advanced_List_Title {
    font-size: 20px;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 16px;
    padding-bottom: 6px;
    width: auto !important;
    display: inline-block;
    background-image: linear-gradient(to left, var(--secondary-color), var(--primary-color));
    background-size: 100% 2px;
    background-position: 0 100%;
    background-repeat: no-repeat;
}

.SB_Advanced_List {
    list-style: none;
    display: flex;
    padding: 0;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 4px;
}

    .SB_Advanced_List .button {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
        color: var(--primary-color);
        padding: 16px;
        background: #ffffff;
        border: none;
        border-radius: 12px;
        cursor: pointer;
        text-decoration: none;
        min-height: 135px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 0 1px rgba(0, 0, 0, 0.04);
        width: 180px;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

        .SB_Advanced_List .button:hover {
            transform: translateY(-4px);
            border-top: 2px solid var(--primary-color);
            box-shadow: 0 2px 3px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.05);
        }

        .SB_Advanced_List .button.active {
            background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color), transparent 92%), color-mix(in srgb, var(--secondary-color), transparent 85%) );
        }


    .SB_Advanced_List .sb-icon {
        transition: all 200ms ease;
        background: #f1f5f9;
        border-radius: 8px;
        padding: 8px;
    }

    .SB_Advanced_List .button:hover .sb-icon {
        background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color), transparent 92%), color-mix(in srgb, var(--secondary-color), transparent 92%) );
    }

    .SB_Advanced_List .button.active .sb-icon {
        background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color), transparent 85%), color-mix(in srgb, var(--secondary-color), transparent 88%) );
    }

    .SB_Advanced_List .button span {
        font-size: 13px;
        font-weight: 500;
        color: #1e293b !important;
        text-align: center;
        white-space: normal;
    }

    .SB_Advanced_List .button.active span,
    .SB_Advanced_List .button:hover span {
        color: var(--primary-color) !important;
        font-weight: 600;
    }


    .SB_Advanced_List .button.clsLinkDisabled {
        opacity: 0.5;
        cursor: not-allowed;
        filter: grayscale(1);
        background: #f1f5f9;
    }

        .SB_Advanced_List .button.clsLinkDisabled:hover {
            transform: none;
            border: none;
        }


.SB_Advanced_New_Tag {
    position: absolute;
    top: 8px;
    left: 8px;
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: #ffffff;
    font-size: 9px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    z-index: 10;
}

.SB_Advanced_Category {
    animation: fadeIn 0.8s ease-out;
    animation-fill-mode: both;
}



.SB_Advanced_Category:nth-child(1) {
    animation-delay: 0.05s;
}

.SB_Advanced_Category:nth-child(2) {
    animation-delay: 0.1s;
}

.SB_Advanced_Category:nth-child(3) {
    animation-delay: 0.15s;
}

.SB_Advanced_Category:nth-child(4) {
    animation-delay: 0.2s;
}

.SB_Advanced_Category:nth-child(5) {
    animation-delay: 0.25s;
}

.SB_Advanced_Category:nth-child(6) {
    animation-delay: 0.3s;
}

.SB_Advanced_Category:nth-child(7) {
    animation-delay: 0.35s;
}

.SB_Advanced_Category:nth-child(8) {
    animation-delay: 0.4s;
}

.SB_Advanced_Category:nth-child(9) {
    animation-delay: 0.45s;
}

.SB_Advanced_List .btn-li {
    animation: fadeInUp 0.6s ease-out both;
}

.clsBoldTabs {
    font-weight: bold;
}


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


    .SB_Advanced_List {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }

        .SB_Advanced_List .button {
            width: auto !important;
        }


    .SB_Advanced_Close .inner-view {
        display: none !important;
    }

    .SB_Advanced_Open .inner-view {
        width: 100% !important;
        display: block !important;
        margin: 0 !important;
        background: #fff;
    }


    .SB_Advanced_Open #SB_Advanced_Header {
        display: none !important;
    }


    #div_slider_close {
        display: block !important;
        background: #f8f9fa;
    }

        #div_slider_close a {
            position: fixed;
            top: 8px;
            left: 8px;
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            background: #fff;
            border: 1px solid #cbd5e1;
            border-radius: 16px;
            color: #333;
            box-shadow: 0 1px 2px rgba(0,0,0,0.05);
        }

    #iframeView {
        min-height: 80vh;
    }
}

/* ========== SEO ========== */

.SB_SEO_Report {
    position: fixed !important;
    top: 65px;
    right: 20px;
    width: 400px;
    max-height: 85vh;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    z-index: 999999;
    direction: rtl;
    padding: 15px;
    overflow-y: auto;
}



.SBSeoClose, .SBSeoRefresh {
    float: left;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    border-radius: 8px;
    transition: all 150ms ease;
    font-family: inherit;
    cursor: pointer;
    border-style: none;
    background: none;
    padding: 0;
    min-height: unset;
}

    .SBSeoClose:hover {
        background-color: #ef4444;
        color: white;
        border-radius: 18px;
    }

    .SBSeoRefresh:hover {
        background-color: #10b981;
        color: white;
        border-radius: 18px;
    }

.SB_SEO_Report div {
    padding: 4px 0;
}




/* ========  עיצוב ישן  ========== */
.SB_MP_Menu {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s;
}


.SB_RightMenu_CatalogT2:hover {
}

.SB_MenuBtn_img {
    vertical-align: middle;
}




.RightMenu_PageScroll_On {
    min-height: 200px;
    height: 550px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    transition: all 250ms ease;
}

.RightMenu_PageScroll_Off {
    height: 100% !important;
}

.RightMenuSearchFound {
    color: #3A5B92;
    font-weight: bold;
}

.mini-menu-Fix {
    position: absolute;
    display: inline-block;
    padding: 8px;
    border: 1px solid #E9ECF1;
    background-color: #ffffff;
    border-radius: 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    min-width: 250px;
    visibility: hidden;
    opacity: 0;
    box-shadow: 1px 1px 8px 1px rgba(133, 133, 133, 0.25);
    -moz-box-shadow: 1px 1px 8px 1px rgba(133, 133, 133, 0.25);
    -webkit-box-shadow: 1px 1px 8px 1px rgba(133, 133, 133, 0.25);
    right: 100%;
    z-index: 9;
}

#AccordionSeo-Content label {
    min-width: 140px;
}

@media (max-width: 767px) {
    .mini-menu-Fix {
        right: auto;
        left: 1px;
        max-width: 100%;
    }

    #SB_PageRenameDiv {
        width: 100%;
        max-width: 100%;
    }

    .mini-menu-Fix .btn, .mini-menu-Fix .big-button {
        width: 100%;
    }

    .mini-menu-Fix .BtnEditContent {
        width: auto;
    }

    .mini-menu-Fix input[type="text"] {
        width: 100%;
    }

    #SB_Page_Settings_accordion .nav-tabs li {
        width: 33%;
        height: 44px;
        overflow: hidden;
        background: #f7f7f7;
    }

    #SB_Page_Settings_accordion .nav > li > a {
        padding: 2px;
    }
}


.SB_RightPageMenuBtn .mini-menu-Fix {
    visibility: hidden;
}

#SB_PageRenameDiv {
    height: auto;
    width: 440px;
}


.TemplateSlides ul {
    display: flex;
    justify-content: center; 
    gap: 16px;
    flex-wrap: wrap; 
    padding: 10px;
    max-height: 300px;
    overflow: auto;
}


.TemplateSlides .tumbselect {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#ULPageType li:has(.WTSelect) {
    border: 3px solid var(--primary-color);
}



.SB_Accordion {
    padding-bottom: 10px;
}


.SB_RightPageMenuBtn_hover .mini-menu-Fix {
    visibility: visible;
}


.ui-icon {
    width: 8px;
    height: 8px;
    cursor: pointer;
    color: #64748b;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transition: transform .2s ease;
}

.ui-icon-triangle-1-e {
    transform: rotate(-135deg);
}

.ui-icon-triangle-1-s {
    transform: rotate(45deg);
}



.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}


.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}


.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em;
}

.SB_Icon {
    display: flex;
    justify-content: center;
}

.SB_Icon_Edit {
    background-image: url('/SB_Design2012/SB_Design_Icons/Edit.png');
}

.SB_Icon_Save {
    background-image: url('/SB_Design2012/SB_Design_Icons/Save.png');
}

.SB_Icon_Resize {
    background-image: url('/SB_Design2012/SB_Design_Icons/Resize.png');
}

.SB_Icon_Close {
    background-image: url('/SB_Design2012/SB_Design_Icons/close.png');
}

    .SB_Icon_Close:hover {
        background-image: url('/SB_Design2012/SB_Design_Icons/close_hover.png');
    }

    .SB_Icon_Close:active {
        background-image: url('/SB_Design2012/SB_Design_Icons/close.png');
    }

.SB_Icon_Settings {
    background-image: url('/SB_Design2012/SB_Design_Icons/settings-4-16.png');
}

.SB_Icon_CatalogOrders {
    background-image: url('/SB_Design2012/SB_Design_Icons/CatalogOrders.png');
}

.SB_Icon_MoreSettings {
    background-image: url('/SB_Design2012/SB_Design_Icons/MoreSettings.png');
}

.SB_Icon_MoreSettingsCatalog {
    background-image: url('/SB_Design2012/SB_Design_Icons/MoreSettingsCatalog.png');
}

.SB_Icon_RestorePage {
    background-image: url('/SB_Design2012/SB_Design_Icons/RestorePage.png');
}

.SB_Icon_Loading {
    background-image: url(SB_Design2012/images/arbo-loader.gif);
    background-repeat: no-repeat;
    background-position: center;
}





.SB_RightMenu_CatalogMain .SB_RMBtnCnt {
    margin-top: 0;
}


.tooltip {
    position: absolute;
    z-index: 9999999;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0)
}

    .tooltip.in {
        opacity: .9;
        filter: alpha(opacity=90)
    }

    .tooltip.top {
        margin-top: -3px;
        padding: 5px 0
    }

    .tooltip.right {
        margin-left: 3px;
        padding: 0 5px
    }

    .tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0
    }

    .tooltip.left {
        margin-left: -3px;
        padding: 0 5px
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px;
    z-index: 999999;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    right: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.SB_Icon_Page {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url('/SB_Design2012/SB_Icons/RightMenu/Page.png');
    margin-bottom: 2px;
    margin-left: 8px;
    margin-right: 8px;
}

.SB_Icon_Contact {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url('/SB_Design2012/SB_Icons/RightMenu/Contact.png');
    margin-bottom: 2px;
    margin-left: 8px;
    margin-right: 8px;
}

.SB_Icon_Home {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url('/SB_Design2012/SB_Icons/RightMenu/Home.png');
    margin-bottom: 2px;
    margin-left: 8px;
    margin-right: 8px;
}

.SB_Icon_Catalog {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url('/SB_Design2012/SB_Icons/RightMenu/catalog.png');
    margin-bottom: 2px;
    margin-left: 8px;
    margin-right: 8px;
}

.SB_Icon_Forum {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url('/SB_Design2012/SB_Icons/RightMenu/Forum.png');
    margin-bottom: 2px;
    margin-left: 8px;
    margin-right: 8px;
}

.SB_Icon_Index {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url('/SB_Design2012/SB_Icons/RightMenu/Index.png');
    margin-bottom: 2px;
    margin-left: 8px;
    margin-right: 8px;
}

.SB_Icon_Article {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url('/SB_Design2012/SB_Icons/RightMenu/Article.png');
    margin-bottom: 2px;
    margin-left: 8px;
    margin-right: 8px;
}

.SB_Icon_T1 {
    width: 16px;
    height: 21px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url('/SB_Design2012/SB_Icons/RightMenu/t1.png');
    background-position: center;
    margin: 0px 5px;
    vertical-align: top;
}

.SB_Icon_T2 {
    width: 12px;
    height: 16px;
    display: inline-block;
    margin-bottom: 2px;
    margin-left: 10px;
    margin-right: 10px;
}



.mini-menu-Fix #hprlnkPage {
    padding: 4px;
    text-decoration: underline;
}

    .mini-menu-Fix #hprlnkPage:hover {
        color: #242472;
    }

.sb_rightMenu_top {
    height: 36px;
    white-space: nowrap;
}


.SB_RM_Txt {
    display: inline-block !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 20px;
    min-width: 20px;
}

.mini-menu-Fix a.button {
    margin: 2px 0 2px 0;
}



.SB_RightMenu_Settings {
    z-index: 99999;
    float: left;
}



.SB_RightMenu_CatalogT2 .SB_RM_Txt {
    font-weight: normal;
    color: #999999;
    width: unset;
}

.SB_RightMenu_CatalogT1 {
    padding-right: 10px;
}


.SB_MP_IconsContainer {
    position: fixed;
    width: 48px;
    height: auto;
    display: block;
    top: 50px;
    right: 10px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s;
    z-index: 9999;
}

.SB_MP_Menu {
    position: relative;
    vertical-align: top;
    padding-top: 38px;
    display: inline-block !important;
}

.SB_MP_Icon {
    width: 49px;
    height: 45px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
    box-shadow: 1px 1px 5px 1px rgba(150, 150, 150, 0.64);
    -moz-box-shadow: 1px 1px 5px 1px rgba(150, 150, 150, 0.64);
    -webkit-box-shadow: 1px 1px 5px 1px rgba(150, 150, 150, 0.64);
    transition: all 0.2s;
    background-size: 32px;
}

.SB_MP_Icon_open .SB_MP_Block {
    display: inline-block !important;
    width: 250px;
    overflow: visible;
    z-index: 99999;
    transition: all 0.5s;
    opacity: 0.99;
}

.SB_MP_Icon_open .SB_MP_Icon {
    border-radius: 0 4px 4px 0;
    width: 48px;
    margin-right: 8px;
}

.SB_MP_Block {
    position: absolute;
    width: 0px;
    background-color: #F8F8F8;
    border-radius: 4px 4px 4px 4px;
    margin-top: 0;
    top: 0px;
    right: 55px;
    overflow: hidden;
    transition: all 0.5s;
    border: 0;
    z-index: 99999;
    opacity: 0;
}

.SB_MP_Block1 {
    border-bottom: 5px solid #00ACDF;
    top: 0px;
}

.SB_MP_Block5 {
    width: 121px !important;
}

    .SB_MP_Block5 .SB_MP_Header {
        border-radius: 4px 0 0 4px;
    }

.SB_MP_Content {
    background-color: white;
    padding-top: 6px;
    border-radius: 0 0 4px 4px;
}

.SB_MP_Icon:hover {
    opacity: 0.9;
    background-size: 36px;
    transition: all 0.2s;
}

.SB_MP_Icon_1 {
    background-color: #00ACDF;
    background-image: url('/SB_Design2015/Icons/pages.png');
}

.SB_MP_Icon_2 {
    background-color: #FDA01D;
    /* background-image:url('/SB_Design2015/Icons/design.png'); */
}

.SB_MP_Icon_3 {
    background-color: #D9534F;
    background-image: url('/SB_Design2015/Icons/settings.png');
}

.SB_MP_Icon_4 {
    background-color: #29B429;
    background-image: url('/SB_Design2015/Icons/more.png');
}

.SB_MP_Icon_5 {
    background-color: #333333;
    background-image: url('/SB_Design2015/Icons/design.png');
}

.SB_MP_Icon_open {
    padding-top: 0px;
}

.SB_MP_Header {
    height: 48px;
    margin-top: 0px;
    height: 48px;
    margin-top: 0px;
    color: #ffffff;
    font-size: 17px;
    line-height: 44px;
    padding-right: 8px;
    padding-left: 8px;
    font-weight: bold;
    border-radius: 4px 0 0 0;
    margin-bottom: 0;
    transition: all 0.2s;
    text-align: center;
}


.SB_MP_Header2 {
    background-color: #FDA01D;
}

.SB_MP_Header3 {
    background-color: #D9534F;
}

.SB_MP_Header4 {
    background-color: #29B429;
}

.SB_MP_Header5 {
    background-color: #333;
}

#SB_Page_Settings_accordion {
    border: 0;
}


.mini-menu-Fix .MiniMenuCloseButton {
    position: absolute;
    top: 1px;
    left: 1px;
}

.SB_RightMenu_CatalogT1 .mini-menu-Fix {
    width: 200px !important;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.SB_MP_IconsContainer.disable, .SB_MP_IconsContainer.disableCSS {
    opacity: 0.3;
    margin-right: -20px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s;
}

.SB_MP_IconsContainer.disable {
    margin-right: -80px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s;
}

    .SB_MP_IconsContainer.disable .SB_button_text {
        display: none;
    }

    .SB_MP_IconsContainer.disable .SB_MP_Menu.SB_MP_Icon_open .SB_MP_Block {
        width: 0px;
        overflow: hidden;
    }

.SB_EditorInline_0 #Ifr_Modal_Container {
    margin-right: 70px;
}

.SB_MP_Block_Img {
    position: absolute;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-image: url('/SB_Design2015/Icons/close-window-16-white.png');
    top: 1px;
}

.clsSBVideoHelp {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
}

.SB_button_text {
    position: absolute;
    width: 48px;
    padding: 6px;
    min-height: 38px;
    top: 0px;
    right: 0px;
    background: #000000;
    color: #ffffff;
    transition: width 0.2s;
    text-align: center;
    border-radius: 4px;
    overflow: hidden;
    opacity: 0.9;
    box-shadow: 1px 1px 5px 1px rgba(150, 150, 150, 0.64);
    -moz-box-shadow: 1px 1px 5px 1px rgba(150, 150, 150, 0.64);
    -webkit-box-shadow: 1px 1px 5px 1px rgba(150, 150, 150, 0.64);
}

.SB_MP_Icon {
    text-align: center;
}

    .SB_MP_Icon span {
        text-align: center;
    }

    div#CSS_Wiz_Container_Button.SB_MP_Icon i, .SB_MP_Icon I {
        margin: 8px;
        font-size: 26px;
        color: #fff;
    }

    .SB_MP_Icon:hover .SB_button_text {
        display: inline-block;
        font-weight: bold;
        transition: width 0.2s;
    }

.SB_MP_Icon_open .SB_button_text {
    display: none !important;
    width: 0px !important;
    transition: width 0.2s;
}



#SB_Toolbar_Primary.SB_Toolbar_Primary_Hide {
    left: -170px;
}



.tooltip {
    z-index: 999999999999;
}

    .tooltip .tooltip-inner {
        color: #ffffff !important;
    }

.SB_MP_HideToolBars #CSS_Wiz_Container {
    display: none;
}

.SB_MP_HideToolBars #SB_Toolbar_Primary {
    display: none;
}

.SB_MP_HideToolBars .SB_MP_IconsContainer {
    display: none;
}

.SB_MP_HideToolBars #MP_TopBar_HideToolBars .fa {
    color: Red;
}

.sb-menu-node-image img, .sb-menu-node-icon {
    width: 20px;
    height: 20px;
}

    .sb-menu-node-icon:before {
        font-size: 18px;
    }

.clsShippingCompanyLogo {
    width: 50px;
}



.MP_TopBar_Hide {
    display: none !important;
}

.SB_EditorInline_1 .SB_MP_IconsContainer {
    display: none !important;
}



.MP_TopBar {
    display: inline-block;
    height: 38px;
    background: #050505;
    border-bottom: 5px solid #E4E4E4 !important;
    z-index: 10;
    width: 100%;
}

    .MP_TopBar .MP_TopBarElm {
        display: inline-block;
        height: 33px;
        position: relative;
        border-left: 1px solid #2C2A2A;
        border-right: 1px solid #2C2A2A;
    }


        .MP_TopBar .MP_TopBarElmText, .MP_TopBar .MP_TopBarElm .dd-selected-text {
            color: #ffffff;
            z-index: 99;
            overflow: hidden;
            border-radius: 4px;
            margin-right: 8px;
            height: 18px;
            font-size: 13px;
        }

        .MP_TopBar .MP_TopBarElm .fa {
            font-size: 20px;
            color: #ffffff;
        }

    .MP_TopBar .btn {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 100%;
        background-position: right center;
        background-repeat: no-repeat;
        padding-top: 7px;
        background: #343434;
        padding-left: 8px;
        padding-right: 8px;
    }

        .MP_TopBar .btn:hover {
            background: #000000;
        }

            .MP_TopBar .btn:hover .fa {
                color: #fbff00;
            }

        .MP_TopBar .btn div#sysLang {
            width: 50px !important;
        }

        .MP_TopBar .btn:hover .MP_TopBarElmText {
            color: #E0DBDB;
        }

    .MP_TopBar #btnInnerDnd_SavePage .MP_TopBarElmText {
        width: 80px;
    }

    .MP_TopBar .dd-select {
        width: 44px !important;
        height: 100%;
        border: 0;
        background-color: rgba(0, 0, 0, 0) !important;
    }

    .MP_TopBar dd-container {
        width: 44px !important;
    }

    .MP_TopBar .dd-pointer.dd-pointer-down {
        right: 5px;
    }

    .MP_TopBar .dd-selected-image {
        margin-left: 6px;
    }

    .MP_TopBar .dd-selected {
    }

    .MP_TopBar .dd-selected-text {
        display: none;
    }

    .MP_TopBar .cssDisabled {
        background-color: #dbdbdb !important;
    }

    .MP_TopBar .cssEnable {
        background-color: #E91E63 !important;
    }

.SB_New_Icon i {
    padding: 2px;
    font-size: 17px;
}


#notifications {
    position: fixed;
    z-index: 999990;
    top: 1em;
    left: 1em;
    width: 22em;
    font-family: 'Assistant', sans-serif;
}

    #notifications li {
        position: relative;
        background: rgba(255, 255, 255, 0.85);
        backdrop-filter: blur(8px);
        padding: 1.25em 1.5em;
        margin-bottom: 1em;
        border-radius: 16px;
        border: 1px solid #cbd5e1;
        color: #1e293b;
        font-weight: 600;
        font-size: 15px;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        list-style: none;
    }

        #notifications li::before {
        }


.SB_RMbtn {
    cursor: pointer;
}



.clsSB_Helper_MainPage_Search_Results {
    position: absolute;
    display: none;
    padding: 4px 0;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    width: 200px;
    border: 1.5px solid #cbd5e1;
    border-radius: 12px;
    max-height: 450px;
    z-index: 88888;
    box-shadow: 1px 10px 11px 1px rgb(227 227 227 / 52%);
    -webkit-transition: all 2s;
    transition: all 2s;
    overflow-y: auto;
    overflow-x: auto;
}

    .clsSB_Helper_MainPage_Search_Results .SB_SW_Cont {
        margin: 2px;
        margin-bottom: 8px;
    }

    .clsSB_Helper_MainPage_Search_Results b {
        white-space: normal !important;
    }

.SB_SW_SearchDescription {
    white-space: normal !important;
}



.clsSB_Helper_MainPage_Search_Results .SB_SW_DescCont a {
    display: flex;
    flex-direction: column;
    padding: 8px 12px;
    gap: 2px;
    background-color: transparent;
    border-right: 3px solid var(--primary-color);
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
    text-decoration: none;
    cursor: pointer;
}

    .clsSB_Helper_MainPage_Search_Results .SB_SW_DescCont a:hover {
        background-color: var(--primary-color);
        color: white;
    }

        .clsSB_Helper_MainPage_Search_Results .SB_SW_DescCont a:hover .SB_SW_Mark {
            background-color: transparent;
            color: white !important;
            font-weight: unset !important;
        }

.clsSB_Helper_MainPage_Search_Results .SB_SW_Mark {
    background-color: #EFEFFE;
    font-weight: 700;
    color: black;
}




.SB_API_IconNames {
    max-width: 600px;
}

    .SB_API_IconNames span {
        color: #808080;
        display: block;
        margin: 6px 0;
    }

.SB_API_IconNames_Btns {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    .SB_API_IconNames_Btns label {
        cursor: pointer;
        height: max-content;
        position: relative;
        transition: all 0.1s ease;
        margin: 0;
    }

    .SB_API_IconNames_Btns img {
        max-width: 135px;
        transition: all 0.1s ease;
    }

    .SB_API_IconNames_Btns label:hover img {
        transform: scale(1.02);
        box-shadow: 0px 6px 0 0 lightgray;
    }

    .SB_API_IconNames_Btns input[type="checkbox"] {
        position: absolute;
        bottom: 5px;
        right: 5px;
        z-index: 1;
    }

        .SB_API_IconNames_Btns input[type="checkbox"]:checked + label {
            background: #2196F3;
        }

        .SB_API_IconNames_Btns input[type="checkbox"]:checked + img {
            background: rgb(77 176 255 / 86%);
            box-shadow: 0px 6px 0 0 lightgray;
            border-radius: 8px;
        }




.SB_AI_ImageSelect {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    direction: ltr;
    justify-content: end;
}

.SB_AI_ImgSlct {
    width: 30px;
    cursor: pointer;
    height: 30px;
    object-fit: cover;
}


.SB_AI_ImgSlct_Active {
    outline: 1px solid #98019A;
    outline-offset: 2px;
}

.modal-content.modal-scroll {
    overflow-y: auto;
}

#SB_AI_CheckBoxCont {
    display: flex;
    width: 100%;
}

    #SB_AI_CheckBoxCont label {
        display: inline-flex;
        width: 150px;
    }



#modal #SB_Inline_Dialog_AIBuildContent {
    display: block !important;
}

#SB_AI_InternalLinks_Main {
    border: 1px solid grey;
    background-color: white;
    padding: 12px;
    width: 80%;
    height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow-y: auto;
}

#SB_AI_InternalLinks_Main_Close {
    position: absolute;
    top: 1px;
    left: 1px;
    cursor: pointer;
}

#SB_AIPageArticle_DIV A {
    color: red;
    font-weight: bold;
}

#SB_AI_LogContainer {
    max-height: 94px;
    overflow-y: auto;
}

#SB_AI_CMS_Assistant {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
}

#SB_AI_CMS_Assistant_Chat {
    width: 350px;
    max-width: 400px;
    height: 500px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

#SB_AI_CMS_Assistant_Close {
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
    color: #888;
    float: right;
}

    #SB_AI_CMS_Assistant_Close:hover {
        color: #333;
    }

#SB_AI_CMS_Assistant_Conversation {
    flex: 1;
    padding: 15px;
    overflow-y: auto;
    background-color: #f9fafc;
    display: flex;
    flex-direction: column;
}

.sb_ai_message {
    margin-bottom: 10px;
    line-height: 1.4;
    padding: 8px 12px;
    border-radius: 8px;
    max-width: 80%;
}

.sb_ai_user_msg {
    align-self: flex-start;
    background-color: #007bff;
    color: #fff;
}

.sb_ai_msg {
    align-self: flex-end;
    background-color: #e5e7eb;
    color: #333;
}

#SB_AI_CMS_Assistant_InputArea {
    display: flex;
    border-top: 1px solid #ddd;
    padding: 5px;
    background-color: #fff;
}

#SB_AI_CMS_Assistant_Input {
    flex: 1;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 20px;
    outline: none;
    margin-right: 5px;
}

#SB_AI_CMS_Assistant_Send {
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

#SB_AI_CMS_Assistant_Toggle {
    display: flex;
    background-color: #007bff;
    border: none;
    border-radius: 50%;
    padding: 12px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    color: white;
}

#SB_AI_CMS_Assistant_Header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    flex-shrink: 0;
    background-color: #fff;
    z-index: 2;
}

    #SB_AI_CMS_Assistant_Header span {
        font-weight: 600;
        color: #888;
        font-size: 16px;
    }

.sb_ai_date {
    display: inline-block;
    margin: 20px auto;
    padding: 6px 12px;
    border-radius: 20px;
    background-color: #e1f0ff;
    color: #3a3a3a;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    position: relative;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

#SB_AI_CMS_Assistant_Status {
    display: block;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    color: #666;
    font-style: italic;
    animation: fadeIn 0.3s ease-in-out;
}

.sb_ai_thinking::after {
    content: '';
    display: inline-block;
    width: 1em;
    text-align: left;
    animation: dots 1.2s steps(4, end) infinite;
}



.sb_ai_msg_time {
    display: block;
    text-align: start;
    font-size: 11px;
    color: #000;
    margin-top: 5px;
}

#SB_AI_CMS_Assistant_Conversation a {
    border: 4px solid #007bff;
    border-radius: 4px;
    padding: 1.5%;
    background-color: #007bff;
    color: white;
    margin: 4px;
    display: block;
    text-align: center;
}

    #SB_AI_CMS_Assistant_Conversation a:hover {
        background-color: #3c00ff;
    }

#SB_AI_Cat_Main {
    overflow: auto;
    max-height: 450px;
    /* display: flex; */
}

    #SB_AI_Cat_Main .SB_AI_Cat_Scroll {
        overflow: auto;
    }

    #SB_AI_Cat_Main .SB_AI_Cat_t2_Selected {
        background: #9C27B0;
        color: white;
    }

    #SB_AI_Cat_Main .ClsPreviewAIContent {
        border: 2px solid rgb(156, 39, 176)
    }

.SB_AI_Cat_t2_Container {
    display: flex;
    align-items: center;
    padding: 4px;
    cursor: pointer;
}





#SB_AI_SideContent {
    display: flex;
    flex-direction: column-reverse;
    grid-gap: 16px;
}

.SB_AI_Col {
    display: block
}

#SB_AI_Task_Table {
    overflow-y: auto;
    max-height: 400px;
}

.text-line-through {
    text-decoration: line-through;
}

.hide {
    display: none;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #141d25;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 18px;
    margin-bottom: 18px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.block-heading {
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #e5e5e5;
}

#wrapper {
    width: 100%;
    min-height: 100%;
    background: #141d25;
}

#topbar {
    background: #ffffff;
    width: 100%;
    height: 70px;
}

    #topbar.navbar-default {
        border: 0;
    }

    #topbar .navbar-header {
        width: 250px;
        height: 100%;
        background: #1d2a36;
        border-bottom: 5px solid #212f3c !important;
        text-align: center;
    }

        #topbar .navbar-header #logo {
            font-weight: bold;
            font-size: 35px;
            line-height: 35px;
            text-transform: uppercase;
            color: #df4782;
            height: 100%;
            width: 100%;
        }

            #topbar .navbar-header #logo:hover {
                text-decoration: underline;
            }

            #topbar .navbar-header #logo span.fa {
                display: none;
            }

@media (min-width: 768px) {
    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

#sidebar {
    background: #141d25;
}

.navbar-static-side {
    transition: 0.3s all linear;
}

    .navbar-static-side ul li {
        border-bottom: 1px solid #19252f;
    }

        .navbar-static-side ul li:first-child a {
            padding: 0;
        }

        .navbar-static-side ul li.active a {
            background: #19252f;
            outline: none;
        }

        .navbar-static-side ul li a {
            color: #FFFFFF;
            padding: 15px;
        }

            .navbar-static-side ul li a:hover,
            .navbar-static-side ul li a:focus {
                background: #19252f;
                outline: none;
            }

            .navbar-static-side ul li a .badge,
            .navbar-static-side ul li a .label {
                float: right;
                margin-right: 10px;
            }

        .navbar-static-side ul li .nav-second-level li {
            border-bottom: 0;
        }

            .navbar-static-side ul li .nav-second-level li:after {
                position: absolute;
                content: "";
                z-index: 999;
                width: 5px;
                height: 5px;
                border-radius: 50%;
                background: #18222c;
                left: 20px;
                top: 22px;
                bottom: auto;
            }

            .navbar-static-side ul li .nav-second-level li:first-child {
                border-top: 0;
            }

            .navbar-static-side ul li .nav-second-level li:last-child {
                border-bottom: 0;
            }

            .navbar-static-side ul li .nav-second-level li.active:after,
            .navbar-static-side ul li .nav-second-level li:hover:after,
            .navbar-static-side ul li .nav-second-level li:focus:after {
                background: #df4782;
            }

            .navbar-static-side ul li .nav-second-level li a {
                padding: 15px 15px 15px 40px;
                background: #0b1014;
            }

            .navbar-static-side ul li .nav-second-level li .nav-third-level li {
                border-bottom: 0;
            }

                .navbar-static-side ul li .nav-second-level li .nav-third-level li:after {
                    position: absolute;
                    content: "";
                    z-index: 999;
                    width: 5px;
                    height: 5px;
                    border-radius: 50%;
                    background: #1d2a36;
                    left: 38px;
                    top: 22px;
                    bottom: auto;
                }

                .navbar-static-side ul li .nav-second-level li .nav-third-level li:first-child {
                    border-top: 0;
                }

                .navbar-static-side ul li .nav-second-level li .nav-third-level li:last-child {
                    border-bottom: 0;
                }

                .navbar-static-side ul li .nav-second-level li .nav-third-level li:hover:after,
                .navbar-static-side ul li .nav-second-level li .nav-third-level li:focus:after {
                    background: #df4782;
                }

                .navbar-static-side ul li .nav-second-level li .nav-third-level li a {
                    padding: 15px 15px 15px 55px;
                    background: #06080b;
                }

.arrow {
    float: right;
    margin-top: 3px;
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}

@media (min-width: 768px) {
    .navbar-static-side {
        z-index: 1;
        position: absolute;
        width: 250px;
    }
}


.page-content {
    padding: 20px;
}

    .page-content #tab-general {
        display: block;
    }

.clock {
    padding: 15px;
}

#rootwizard-tabdetail .tab-content {
    border: none;
}

.alert {
    color: #b8312f;
}

.pic {
    margin-top: 50px;
    width: 120px;
    margin-left: 50px;
    margin-bottom: -60px;
}

.dropdown {
    position: relative;
}

    .dropdown.open {
        z-index: 2;
    }

.open > .dropdown-menu {
    display: block;
}

.dropdown-menu {
    left: auto;
    right: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
}

    .dropdown-menu > li > a {
        display: block;
        clear: both;
        font-weight: 400;
        color: #333;
        white-space: nowrap;
        background: white;
    }

.change {
    position: relative;
    bottom: 20px;
    padding: 1px;
    color: white;
    text-decoration: none;
}

    .change:hover {
        text-decoration: none;
        background-color: black;
        color: white;
    }


.pan {
    padding-top: 0 !important;
}

.pts,
.pas {
    padding-top: 5px !important;
}


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


.pal {
    padding-top: 20px !important;
}


.pan {
    padding-right: 0 !important;
}


.pas {
    padding-right: 5px !important;
}

.prm,
.pam {
    padding-right: 10px !important;
}


.pal {
    padding-right: 20px !important;
}


.pan {
    padding-bottom: 0 !important;
}


.pas {
    padding-bottom: 5px !important;
}


.pam {
    padding-bottom: 10px !important;
}


.pal {
    padding-bottom: 20px !important;
}

.pln,
.pan {
    padding-left: 0 !important;
}


.pas {
    padding-left: 5px !important;
}

.plm,
.pam {
    padding-left: 10px !important;
}


.pal {
    padding-left: 20px !important;
}


.man {
    margin-top: 0px !important;
}


.max {
    margin-top: 3px !important;
}


.mas {
    margin-top: 5px !important;
}


.mal {
    margin-top: 20px !important;
}


.man {
    margin-right: 0px !important;
}


.max {
    margin-right: 3px !important;
}


.mas {
    margin-right: 5px !important;
}


.mal {
    margin-right: 20px !important;
}



.max {
    margin-bottom: 3px !important;
}

.mbs,
.mas {
    margin-bottom: 5px !important;
}

.mbl,
.mal {
    margin-bottom: 20px !important;
}


.man {
    margin-left: 0px !important;
}


.max {
    margin-left: 3px !important;
}


.mas {
    margin-left: 5px !important;
}

.mlm {
    margin-left: 10px !important;
}


.mal {
    margin-left: 20px !important;
}


a:focus,
.btn:focus {
    outline: 0 !important;
}

.img-circle {
    border-radius: 50% !important;
}

.progress {
    box-shadow: none;
}

.progress-bar {
    box-shadow: none;
}

    .progress-bar:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

.progress-bar-green {
    background-color: #b0b800 !important;
}

.progress-bar-yellow {
    background-color: #f1c40f !important;
}

.progress-bar-blue {
    background-color: #2598b0 !important;
}

.progress {
    position: relative;
}

    .progress.progress-xs {
        height: 5px;
        margin-top: 5px;
    }

.progress-bar {
    background-color: #df4782;
}

.progress-striped .progress-bar {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}


.list-group .list-group-item {
    color: #999999;
    border-color: #e5e5e5;
}

.list-group a.list-group-item {
    color: #999999;
    border-color: #e5e5e5;
}

    .list-group a.list-group-item.active,
    .list-group a.list-group-item:hover {
        background: #df4782;
        border-color: #df4782;
        color: #ffffff;
    }



.navbar-right .dropdown-menu:before {
    left: auto;
    right: 10px;
}

.navbar-right .dropdown-menu:after {
    left: auto;
    right: 10px;
}

.dropdown-menu {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    border: 1px solid #e5e5e5;
    margin: 0 !important;
    padding: 0;
    border-radius: 0 !important;
}

    .dropdown-menu:before {
        content: "";
        position: absolute;
        top: -8px;
        left: 10px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #FFF;
        z-index: 1;
        top: -9px;
        border-bottom: 8px solid #e5e5e5;
        z-index: 0;
    }

    .dropdown-menu:after {
        content: "";
        position: absolute;
        top: -8px;
        left: 10px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #FFF;
        z-index: 1;
    }

    .dropdown-menu.pull-right:before {
        left: auto;
        right: 9px;
    }

    .dropdown-menu.pull-right:after {
        left: auto;
        right: 10px;
    }

    .dropdown-menu li a {
        padding: 5px 20px;
    }

        .dropdown-menu li a .badge {
            position: absolute;
            margin-top: 1px;
            right: 10px;
            display: inline;
            font-size: 11px;
            font-weight: 300;
            text-shadow: none;
            height: 18px;
            padding: 3px 6px 3px 6px;
            text-align: center;
            vertical-align: middle;
            -webkit-border-radius: 12px !important;
            -moz-border-radius: 12px !important;
            border-radius: 12px !important;
        }

.panel {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -box-shadow: none !important;
    border: 0;
}

    .panel .panel-heading {
        font-size: 18px;
        text-transform: uppercase;
        font-weight: bold;
        border-bottom: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

        .panel .panel-heading img {
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

        .panel .panel-heading .panel-title {
            display: inline;
            color: #999999;
        }

            .panel .panel-heading .panel-title .action i {
                cursor: pointer;
                margin-left: 8px;
                color: #999999;
            }

    .panel .panel-body img {
        border-radius: 5px;
    }

    .panel .panel-footer {
        padding: 15px;
        background: #FFFFFF;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .panel.panel-primary .panel-heading {
        background: #df4782;
        color: #ffffff;
    }

        .panel.panel-primary .panel-heading i {
            color: #ffffff !important;
        }



.btn .badge {
    color: #ffffff;
}

.popover {
    border-color: #e5e5e5;
}

    .popover.top .arrow {
        border-top-color: #e5e5e5;
    }

    .popover.bottom .arrow {
        border-bottom-color: #e5e5e5;
    }

    .popover.left .arrow {
        border-left-color: #e5e5e5;
    }

    .popover.right .arrow {
        border-right-color: #e5e5e5;
    }

.well {
    box-shadow: none;
}

.label,
.badge {
    font-weight: 300;
    text-shadow: none !important;
}

.label {
    font-size: 12px;
    padding: 3px 6px 3px 6px;
}

h1 .label,
h2 .label,
h3 .label,
h4 .label,
h5 .label,
h6 .label {
    font-size: 75%;
}

.badge {
    font-size: 11px !important;
    font-weight: 300;
    background-color: #999999;
    height: 18px;
    padding: 3px 6px 3px 6px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 12px !important;
    text-shadow: none !important;
    text-align: center;
    vertical-align: middle;
}

.nav.nav-pills > li > a > .badge {
    margin-top: -2px;
}

.nav.nav-stacked > li > a > .badge {
    margin-top: 1px;
    margin-bottom: 0px;
}

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: #df4782;
}

.modal-full-width {
    width: 100%;
}

.modal-wide-width {
    width: 70%;
}


.tab-content {
    background: #fff;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #e5e5e5;
    border-top: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.wait {
    position: relative;
    background: url("../../images/icons/loading.gif") center no-repeat !important;
}



.note {
    margin: 0 0 20px 0;
    padding: 10px 30px 10px 15px;
    border-left: 5px solid #e5e5e5;
}

    .note h1,
    .note h2,
    .note h3,
    .note h4 {
        margin-top: 0;
    }

    .note p:last-child {
        margin-bottom: 0;
    }

    .note code,
    .note .highlight {
        background-color: #fff;
    }

.note-warning {
    border-color: #f0ad4e;
}

.note-danger {
    border-color: #d9534f;
}

.text-dark {
    color: #141d25 !important;
}

.text-white {
    color: #ffffff !important;
}

.form-control {
    border-color: #e5e5e5 !important;
    box-shadow: none !important;
}

.input-icon {
    position: relative;
}

    .input-icon input {
        padding-left: 33px !important;
        color: #999999;
    }

    .input-icon i {
        color: #999999;
        display: block;
        position: absolute;
        margin: 10px 2px 4px 10px;
        width: 16px;
        height: 16px;
        font-size: 16px;
        text-align: center;
    }

    .input-icon.right input {
        padding-left: 12px !important;
        padding-right: 33px !important;
    }

    .input-icon.right i {
        right: 8px;
        float: right;
    }

::-webkit-input-placeholder {
    color: #b8bec8 !important;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #b8bec8 !important;
}

.input-group-addon {
    color: #999999;
    border-bottom: 1px solid #e5e5e5;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
}

label {
    font-weight: normal;
}

.form-group .checkbox {
    padding-left: 0;
}

.dropdown-checkboxes {
    padding: 5px !important;
}

    .dropdown-checkboxes label {
        display: block;
        font-weight: 300;
        margin-bottom: 4px;
        margin-top: 4px;
    }

.require {
    color: red;
}

#totop {
    position: fixed;
    bottom: 6%;
    right: 1.5%;
    display: none;
    z-index: 9999;
    background: transparent;
    border: 3px solid #df4782;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    text-align: center;
}

    #totop i {
        color: #df4782;
        line-height: 43px;
        font-size: 33px;
    }

    #totop:hover {
        color: #ffffff;
        background-color: color-mix(in srgb, var(--primary-color), white 15%);
        box-shadow: 0 4px 10px color-mix(in srgb, var(--primary-color) 25%, transparent);
    }

        #totop:hover i {
            color: #ffffff;
        }

.form-actions {
    padding: 20px 0;
    background: #fafafa;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .form-actions:before,
    .form-actions:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .form-actions:after {
        clear: both;
    }

    .form-actions.top {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

.popover-validator.popover {
    top: auto;
    left: auto;
    box-shadow: none;
    display: block;
    position: relative;
    border: 0;
    padding: 0;
}

    .popover-validator.popover .popover-content {
        padding: 8px 14px;
        border-radius: 5px;
    }

select.form-control {
    color: #999999;
}


#wrapper {
    background: #ffffff;
}


#topbar .navbar-header {
    background: #ffffff;
    border-bottom: 5px solid #f7f7f8 !important;
    border-right: 1px dashed #e5e5e5;
}

#topbar .navbar-toggle {
    background: transparent;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    #topbar .navbar-header {
        border-right: 0;
    }
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    #topbar .navbar-header {
        border-right: 0;
    }
}


#sidebar {
    background: #ffffff;
    border-right: 1px solid #f7f7f8;
}

.navbar-static-side ul li {
    border-bottom: 1px solid #f7f7f8;
}

    .navbar-static-side ul li.active a {
        background: #ffffff;
    }

    .navbar-static-side ul li a {
        color: #999999;
    }

        .navbar-static-side ul li a:hover,
        .navbar-static-side ul li a:focus {
            background: #ffffff;
        }

    .navbar-static-side ul li .nav-second-level li {
        border-bottom: 1px solid #f7f7f8;
    }

        .navbar-static-side ul li .nav-second-level li:after {
            background: #999999;
        }

        .navbar-static-side ul li .nav-second-level li:first-child {
            border-top: 1px solid #f7f7f8;
        }

        .navbar-static-side ul li .nav-second-level li:hover:after,
        .navbar-static-side ul li .nav-second-level li:focus:after {
            background: #df4782;
        }

        .navbar-static-side ul li .nav-second-level li a {
            background: #ffffff;
        }

        .navbar-static-side ul li .nav-second-level li .nav-third-level li {
            border-bottom: 1px solid #f7f7f8;
        }

            .navbar-static-side ul li .nav-second-level li .nav-third-level li:after {
                background: #999999;
            }

            .navbar-static-side ul li .nav-second-level li .nav-third-level li:first-child {
                border-top: 1px solid #f7f7f8;
            }

            .navbar-static-side ul li .nav-second-level li .nav-third-level li:hover:after,
            .navbar-static-side ul li .nav-second-level li .nav-third-level li:focus:after {
                background: #df4782;
            }

            .navbar-static-side ul li .nav-second-level li .nav-third-level li a {
                background: #ffffff;
            }




.ui-state-focus {
    background-color: #ffffff;
}


.nav-tabs > li > a:hover {
    border-color: #eee #eee #fff #eee;
}







#SB_Page_Settings_accordion.ui-widget-content {
    padding: 0 !important;
}

.MP_Iframe_Row {
    position: relative;
}

.MP_Iframe_Content {
    box-sizing: border-box;
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    transform-origin: center center;
    padding: 30px;
    display: flex;
    justify-content: center;
}

#EditorIFrmae {
    border: none;
    background-color: #ffffff;
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.15);
    border-radius: 16px;
}


@media (max-width: 767px) {

    .modal-iframe-wrapper iframe {
        max-width: 100%;
    }

    .modal-content, .modal-window {
        max-width: 100% !important;
    }
}


.MP_Ifr_ModalContainer_Show {
    overflow: hidden
}

    .MP_Ifr_ModalContainer_Show #Ifr_Modal_Container {
        display: block !important;
    }

    .MP_Ifr_ModalContainer_Show #Ifr_Modal {
        overflow: auto;
        z-index: 0;
        min-height: 600px;
        height: calc(100vh - 60px);
        position: absolute;
        top: 0;
        left: 0;
    }


.cls_SB_HelperResultPlace td {
    background: linear-gradient(135deg, color-mix(in srgb, var(--primary-color), transparent 92%), color-mix(in srgb, var(--secondary-color), transparent 80%)) !important;
}




.mceExternalToolbar {
    display: block !important;
    position: inherit !important;
    top: 0px !important;
    left: 0px !important;
    width: 740px;
    padding: 0 !important;
}

.mceExternalClose {
    display: none !important;
}

.mceContentBody {
    margin: 0 !important;
}

#tinymce {
    margin: 0 !important;
}

#SB_fixedtopToolbarCont {
    background-color: #FFFFFF;
    padding: 2px;
    width: 743px;
    height: 95px;
    z-index: 199999 !important;
    border: 1px solid #cccccc;
    box-shadow: 1px 1px 7px 1px #000000;
    -moz-box-shadow: 1px 1px 7px 1px #000000;
    -webkit-box-shadow: 1px 1px 7px 1px #000000;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.mceLayout  {
    border: 1px solid #ABC6DD;
    box-shadow: 1px 1px 7px 1px #E7E7E7;
    -moz-box-shadow: 1px 1px 7px 1px #E7E7E7;
    -webkit-box-shadow: 1px 1px 7px 1px #E7E7E7;
}

#SB_fixedtopToolbarCont_ForDesignMode {
    background-color: #ffffff;
    width: 725px;
    height: 35px;
    z-index: 22222;
}

#SB_ExternalBtns  {
    width: 100%;
    height: 32px;
    background-color: #ffffff;
}

#SB_EditorContainer {
    background-color: #ffffff;
    width: 100%;
    height: 53px;
    position: relative;
}

.SB_DivContentPreview {
    min-height: 50px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    width: 100%;
}

    .SB_DivContentPreview:Hover {
        min-height: 40px;
        background-color: #FFBAD5;
        border: 1px solid #DF4782;
        box-sizing: content-box;
        opacity: 0.8;
        -moz-opacity: 0.8;
        filter: alpha(opacity=80);
    }

.SB_BtnEditContent {
    margin-top: 4px;
    border: 1px solid #B01E1E;
    background-color: #C02E2E;
    padding: 6px;
    min-width: 99px;
    display: inline-block;
    font-size: 12px;
    color: #ffffff;
    font-family: Arial;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 99999;
}

    .SB_BtnEditContent:hover {
        background-color: #B01E1E;
    }

.SB_BtnEditContent_NoPosition {
    margin-top: 4px;
    border: 1px solid #B01E1E;
    background-color: #C02E2E;
    padding: 6px;
    min-width: 99px;
    display: block;
    font-size: 12px;
    color: #ffffff;
    font-family: Arial;
    text-align: center;
    cursor: pointer;
    z-index: 99999;
}

    .SB_BtnEditContent_NoPosition:hover {
        background-color: #B01E1E;
    }

.SB_BtnEditContent_NoPosition_Blue {
    margin-top: 4px;
    border: 1px solid #190da3;
    background-color: #162ccc;
    padding: 6px;
    min-width: 99px;
    display: block;
    font-size: 12px;
    color: #ffffff;
    font-family: Arial;
    text-align: center;
    cursor: pointer;
}

    .SB_BtnEditContent_NoPosition_Blue:hover {
        background-color: #190da3;
    }




.float-right {
    float: right
}

.float-left {
    float: left
}

.clear {
    clear: both;
    float: none;
    display: block;
}

.CssWiz_CSS_MenuOpenSub {
    display: block !important;
    z-index: 99999;
}

.Css_SB_button_CSS_Helper {
    width: 20px;
    height: 20px;
    background-color: #FDA01D;
    border-radius: 2px;
    text-align: center;
    z-index: 22999;
    box-shadow: 1px 1px 3px 1px #8D8D8D;
}

.SB_Icon_CSS_Helper {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-top: 2px;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 0.2s;
    background-size: 16px;
    background-image: url('/SB_Design2015/Icons/edit.png');
    cursor: pointer;
}



.Css_SB_OpenFlashGallery {
    margin-left: 200px;
    margin-right: 200px;
}

.SB_ToolBarIcons span {
    background: url('/SB_Design2012/SB_Icons/ToolBar/icons.gif') no-repeat -0px 0px !important;
}

.SB_GalleryPicShow span {
    background-position: -0px 0px !important;
}

.SB_Marquee span {
    background-position: -20px 0px !important;
}

.SB_FormMain span {
    background-position: -40px 0px !important;
}

.SB_VotesMain span {
    background-position: -60px 0px !important;
}

.SB_UploadFiles span {
    background-position: -80px 0px !important;
}

.SB_ContentImport span {
    background-position: -100px 0px !important;
}

.SB_PageAddins span {
    background-position: -120px 0px !important;
}

.SB_PageAddGames span {
    background-position: -140px 0px !important;
}

.sb_SocialItems span {
    background-position: -160px 0px !important;
}

.sb_contentTemplate span {
    background-position: -180px 0px !important;
}

.SB_Internallinks span {
    background-position: -200px 0px !important;
}

.mce_SB_Separator {
    display: block !important;
    width: 10px !important;
    height: 20px;
    background-color: #333333 !important;
}


.SB_Icon2 {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-top: 4px;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 0.2s;
    background-size: 16px;
}




#a_SB_Content_Page {
    z-index: 4;
}

#a_SB_RightMenu_Add_pictures, #a_SB_RightMenu_Product_Management, #a_SB_RightMenu_Content_Management {
    z-index: 4 !important;
}

#a_SB_RightMenu_Product_Management {
    right: 50px;
}

#a_SB_RightMenu_Catalog_SEO {
    right: 100px;
}

#a_SB_RightMenu_Category_AI {
    right: 150px;
}

#a_SB_RightMenu_Category_AI_Article {
    right: 200px;
}

#a_SB_RightMenu_Content_Management {
    /*right:390px;*/
    right: 100px;
}

.cls_DnD_Container_Side #DnD_MainData {
    margin-left: 2px;
    margin-right: 2px;
}

cls_DnD_Container_Side .clsDnD_Element > div, cls_DnD_Container_Side .clsDnD_Element_Smallobj > div {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.cls_DnD_Container_Side .clsDnD_Element .clsDnD_Img,
.cls_DnD_Container_Side .clsDnD_Element .clsDnD_Img_Small,
.cls_DnD_Container_Side .clsDnD_Element_Smallobj .clsDnD_Img,
.cls_DnD_Container_Side .clsDnD_Element_Smallobj .clsDnD_Img_Small {
    /*border: 1px solid white;*/
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.cls_DnD_Container_Side .clsDnD_Element:hover .clsDnD_Img,
.cls_DnD_Container_Side .clsDnD_Element:hover .clsDnD_Img_Small,
.cls_DnD_Container_Side .clsDnD_Element_Smallobj:hover .clsDnD_Img,
.cls_DnD_Container_Side .clsDnD_Element_Smallobj:hover .clsDnD_Img_Small {
    outline: rgba(0, 0, 0, 0.5) 1px solid;
    opacity: 0.5;
    transition: all 0.2s ease-in-out;
}

.cls_DnD_Container_Side .clsDnD_ElemData {
    display: none;
}


.RightMenu_PageScroll_Off {
    height: 100% !important;
}

.direction {
    direction: rtl;
}

.direction-reverse {
    direction: ltr;
}

.SB_button_text {
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.15);
    color: #1e293b;
    font-weight: 600;
    white-space: nowrap;
    transition: width 1s ease, opacity 1s ease, box-shadow 1s ease;
    /***/
    position: absolute;
    width: 0px;
    height: 0px;
    max-height: 40px;
    top: 0px;
    right: 50px;
    transition: width 0.2s;
    font-size: 12px !important;
    overflow: hidden;
    padding: 6px !important;
    opacity: 0;
    line-height: 20px !important;
}

.SB_DivContentPreview:hover .SB_button_text, .Css_SB_OpenFlashGallery:hover .SB_button_text, .clsSB_ShowMenu:hover .SB_button_text, .clsSB_EditArticle:hover .SB_button_text {
    display: inline-block !important;
    width: 140px;
    height: auto;
    opacity: 0.9;
    transition: width 0.2s;
    /*animation-direction: reverse;*/
}

.SB_DivCatalogBtns .SB_button_text, .SB_DivSingleArticleBtns .SB_button_text {
    width: 140px;
    height: 0px;
    bottom: 49px; 
    top: auto; 
    right: 0px;
}
.Css_SB_button:hover .SB_button_text {
    display: inline-block !important;
    transition: height 0.2s;
    opacity: 0.9;
    height: 18px;
    width: max-content;
}


.SB_DivContentPreview.disable, #CSS_Wiz_Container_Button.disable, .sf-menu.disable, .Css_SB_OpenFlashGallery.disableCSS, .clsSB_ShowMenu.disableCSS {
    opacity: 0.3;
    filter: alpha(opacity = 30);
    pointer-events: none;
}

.SB_DivContentPreview.disableCSS, #CSS_Wiz_Container_Button.disableCSS, .sf-menu.disableCSS, .CSS_BtnAddToBasket.disableCSS {
    pointer-events: none;
}

    .SB_DivContentPreview.disableCSS .Css_SB_button, .disableCSS .Css_SB_button, #CatalogeDiv .Css_SB_button.disableCSS {
        /* display:none; */
        opacity: 0;
        background-size: 36px;
        transition: all 0.2s;
    }



.Dnd_SB_Btn_Position {
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=92);
    -moz-opacity: 0.92;
    -khtml-opacity: 0.92;
    opacity: 0.92;
    left: 1px;
    top: 1px;
}

#DnD_CSS_Wiz_Container {
    position: absolute;
    top: 10px;
    width: 300px;
    height: 400px;
    border: 1px solid red;
    z-index: 200000;
    background-color: #ffffff;
}

.clsSB_ShowMenu {
    right: -30px;
}

.clsSB_ShowDNDToolBox {
    background-color: #9C27B0;
}


.clsSB_EditArticle {
    left: 1px;
    right: unset;
}

.SB_DivSingleArticleBtns {
    height: 60px;
}

.clsSB_AddArticle, .clsSB_EditSingleArticle {
    background-color: #00ACDF !important;
    position: relative !important;
    float: right;
}

.SB_DivSingleArticleBtns a {
    margin-left: 4px;
    margin-right: 4px;
}



.SB_Icon_Loading {
    background-image: url(SB_Design2012/images/arbo-loader.gif) !important;
    background-repeat: no-repeat;
    background-position: center;
}



.cls_DnD_Container_Side {
    position: absolute;
    top: 1px;
    width: 165px;
    height: 100%;
    background-color: #D5D5D5;
    border: 1px solid #eeeeee;
    z-index: 23000;
    text-align: left !important;
    transition: all 1.0s;
}

    .cls_DnD_Container_Side.clsDnD_Container_Open {
        right: 1px;
    }

    .cls_DnD_Container_Side.clsDnD_Container_Close {
        right: -165px;
    }

#DnD_Container_Button IMG {
    margin: 10px 6px;
}

#DnD_Container_Button {
    float: left;
    width: 57px;
    height: 130px;
    top: 40px;
    position: relative;
    margin-left: -59px;
    cursor: pointer;
    background-color: #858585;
    border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    border: 1px solid #7a7a7a;
    border-right: 0px !important;
    display: inline-block;
    padding: 0px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

    #DnD_Container_Button:hover {
        background-color: #000000;
    }

.cls_DnD_Container_Side .clsDnD_Element {
    cursor: move;
    margin: 0 12px 12px 12px;
    background: #acacac;
    float: left;
}

.cls_DnD_Container_Side .clsDnD_Element_Smallobj {
    cursor: move;
    margin: 0 12px 12px 12px;
    background: #acacac;
    float: left;
}

.cls_DnD_Container_Side div.wrap > h3 {
    color: black;
    font-family: Alef;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: none !important;
}

.cls_DnD_Container_Side #DnD_Container_Close {
    top: 140px;
    width: 20px;
    height: 20px;
    padding: 0;
    background: #D5D5D5;
    position: absolute;
    left: -20px;
    font-family: sans-serif;
    color: #AAA;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border: #E2E2E2 1px solid;
    border-right: none;
    line-height: 16px;
}

    .cls_DnD_Container_Side #DnD_Container_Close:hover {
        color: White;
    }

.cls_DnD_Container_Side .clsDnD_Element div.clsDnD_Img, .cls_DnD_Container_Side .clsDnD_Element_Smallobj div.clsDnD_Img {
    background-repeat: no-repeat;
    background-position: center center;
    width: 140px;
    height: 70px;
}

.cls_DnD_Container_Side .clsDnD_Element div.clsDnD_Img_Small, .cls_DnD_Container_Side .clsDnD_Element_Smallobj div.clsDnD_Img_Small {
    background-repeat: no-repeat;
    background-position: center center;
    height: 49px;
    width: 140px;
}

.cls_DnD_Container_Side .text-a-right, .cls_DnD_Container_Side .bg-danger {
    text-align: right;
}

.cls_DnD_Container_Side #div_slider_close.div_slider_Btn_Close {
    margin-left: -20px;
    width: 16px;
    height: 16px;
}

    .cls_DnD_Container_Side #div_slider_close.div_slider_Btn_Close .SB_Icon_CSS {
        width: 16px;
        height: 16px;
        background-size: 16px;
    }

    .cls_DnD_Container_Side #div_slider_close.div_slider_Btn_Close .SB_Icon_CSS {
        background-image: url('/SB_Design2015/icons/close-window-16-white.png');
    }

.cls_DnD_Container_Side #div_slider_close.div_slider_Btn_Close {
    background-color: #D5D5D5;
}


.cls_DnD_Container_Side #div_slider_close.div_slider_Btn_Open {
    margin-left: -50px;
}


.cls_DnD_Container_Side {
    background-color: #CBCBCB;
}

    .cls_DnD_Container_Side #DnD_accordion .ui-accordion-header {
        -moz-box-shadow: 0;
        -webkit-box-shadow: 0;
        box-shadow: 0;
        background: #292929;
        background: -moz-linear-gradient(top, #525152 5%, #000000 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#525152', endColorstr='#000000');
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border: 0;
        display: block;
        color: #ffffff;
        font-family: 'Arial' !important;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        cursor: pointer;
        text-shadow: none !important;
        font-style: normal;
    }

    .cls_DnD_Container_Side #DnD_accordion .ui-accordion-content {
        padding: 0px;
    }

    .cls_DnD_Container_Side #DnD_accordion .ui-widget-content {
        border: 0;
        background: #CBCBCB !important;
        padding-top: 12px;
        border-radius: 0;
    }

    .cls_DnD_Container_Side #DnD_accordion .ui-accordion-header:hover, #CSS_Wiz_Container .ui-state-active {
        background: #E2E2E2;
        color: black;
    }

    .cls_DnD_Container_Side #DnD_accordion .ui-accordion-header:active {
        position: relative;
        top: 1px;
    }

.CSSWiz_ShowClassObj {
    background-color: #FF83B3;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    color: #ffffff !important;
}

.SB_DivCatalogBtns {
    z-index: 8500;
}





.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    border: 1px solid var(--primary-color);
    background-color: white;
    border-radius: 2px;
    width: 9px;
    height: 9px;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 9px;
    width: 9px;
    margin-left: -4px;
    top: -4px;
    left: 50%;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 9px;
    width: 9px;
    bottom: -4px;
    left: 50%;
    margin-left: -4px;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 9px;
    right: -5px;
    top: 50%;
    margin-top: -4px;
    height: 9px;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 9px;
    left: -5px;
    top: 50%;
    margin-top: -4px;
    height: 9px;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    bottom: -5px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}


div.ui-resizable > .ui-resizable-handle {
    display: none;
}

div.ui-resizable:hover > .ui-resizable-handle, div.ui-resizable-resizing > .ui-resizable-handle, .SB_Elm_Active > .ui-resizable-handle {
    display: block !important;
}

.ui-resizable-handle:hover {
    background: linear-gradient(90deg, var(--primary-color),var(--secondary-color));
}

.SB_Elm_Active_HighLight {
    background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)) !important;
}




.CSSWiz_ShowClassObj {
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    box-shadow: 0 4px 10px color-mix(in srgb, var(--primary-color) 25%, transparent);
    -moz-box-shadow: 0 4px 10px color-mix(in srgb, var(--primary-color) 25%, transparent);
    -webkit-box-shadow: 0 4px 10px color-mix(in srgb, var(--primary-color) 25%, transparent);
}

/** בעת גרירה- סרגלים */
body.is-dragging-mode #SB_Inline_Toolbar_Menu,
body.is-dragging-mode #SB_Inline_Toolbar,
body.is-dragging-mode #SB_Inline_Toolbar_Col_MD,
body.is-dragging-mode #SB_Inline_Toolbar_Row,
body.is-dragging-mode #SB_Inline_Toolbar_Container_Bottom,
body.is-dragging-mode .SB_Inline_Toolbar_ForContainer,
body.is-dragging-mode .SB_Inline_Toolbar_ForNewElements,
body.is-dragging-mode .SB_Inline_Toolbar_ForNewMDs,
body.is-dragging-mode .tooltip {
    display: none !important;
}


.ui-sortable-placeholder {
    border: 1px solid #d1d1d1;
    background-color: #f8f8f8;
    border-radius: 3px;
    visibility: visible !important;
    min-height: 30px;
    min-width: 30px;
}

.ui-sortable-helper {
    z-index: 99999999 !important;
    border: 1px solid #ff9800;
    border-radius: 2px;
    display: inline-block;
    background-color: #ffeb3b;
    width: 100%;
    max-height: 400px !important;
    overflow: hidden;
    opacity: 0.9;
    box-sizing: border-box;
}

.clsDnD_Element.ui-sortable-helper {
    border: 1px solid #f7f7f7;
}

    .clsDnD_Element.ui-sortable-helper .clsDnD_Img_Small {
        border: 1px solid #f7f7f7;
        width: 100%;
        height: 100%
    }

.SB-ui-state-highlight {
    opacity: 0.5;
}

.SB-ui-state-highlight-BigContent {
    background-color: #f6f6f6;
}


.SB-drop-hover {
    border-bottom: 60px solid #e4e4e4 !important;
}

.SB-drop-hover-body {
    padding-top: 160px;
}

.ui-droppable {
    margin: 0;
    padding: 0;
    border: 0;
}

div.clsSB_Dnd_Toolbox_IMG .clsSB_Dnd_IMG_Move {
    box-shadow: 1px 1px 11px #222222;
    border-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: blue;
    background-image: url('icons/arrow-move.png');
    cursor: pointer !important;
}

div.clsSB_Dnd_Toolbox_IMG .clsSB_Dnd_IMG_Plus {
    cursor: pointer !important;
}

div.clsSB_Dnd_Toolbox_IMG .clsSB_Dnd_IMG_Minus {
    cursor: pointer !important;
}

div.clsSB_Dnd_Toolbox_IMG .clsSB_Dnd_IMG_Class {
    cursor: pointer !important;
}

.clsSB_Dnd_Toolbox_Link {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 1;
}

.clsSB_Dnd_Toolbox_MAP {
    display: none;
    z-index: 33333;
    position: absolute;
    top: 0;
    right: 0;
    height: 64px;
}

div.clsSB_Dnd_Toolbox_MAP .clsSB_Dnd_Map_Edit {
    background-color: blue;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-image: url('icons/settings-12-16.png');
}

.clsSB_Dnd_Toolbox_Form {
    display: none;
    z-index: 33333;
    position: absolute;
    top: 0;
    right: 0;
    height: 64px;
}

.clsSB_Dnd_Form_Edit {
    background-color: blue;
    background-image: url('icons/settings-12-16.png');
}

.clsSB_Dnd_Toolbox_Youtube {
    display: none;
    z-index: 33333;
    position: absolute;
    top: 0;
    right: 0;
    height: 32px;
}

div.clsSB_Dnd_Toolbox_Youtube .clsSB_Dnd_Youtube_Edit {
    background-color: Aqua;
    border-radius: 5px;
    background-image: url('icons/link-16.png');
}

.clsSB_Dnd_Toolbox_FlashGallery {
    display: none;
    z-index: 33333;
    position: absolute;
    top: 0;
    right: 0;
    height: 32px;
}

div.clsSB_Dnd_Toolbox_FlashGallery .clsSB_Dnd_FlashGallery_Edit {
    border-radius: 5px;
}

div.clsSB_Dnd_Toolbox_IMG {
    display: block;
    z-index: 33333 !important;
    width: 32px !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
}

.clsSB_Dnd_Toolbox .clsSB_Dnd_handle {
    cursor: move !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}




.clsSB_DndHoverElement:hover .clsSB_Dnd_Toolbox {
    display: block;
    transition: opacity 1s ease-in;
}

div.clsDnD_DraggableHelper {
    border-width: 0px !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.clsSB_Dnd_Toolbox_Glyphicons {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-top: 18px;
    z-index: 33335;
}

    .clsSB_Dnd_Toolbox_Glyphicons .clsSB_Dnd_Glyphicons_Edit {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom-width: 0px;
        width: 32px;
    }

    .clsSB_Dnd_Toolbox_Glyphicons .clsSB_Dnd_Glyphicons_Add {
        cursor: pointer !important;
        border-bottom-right-radius: 5px;
        width: 15px;
        height: 15px;
        line-height: 12px;
        font-size: 12px !important;
    }

    .clsSB_Dnd_Toolbox_Glyphicons .clsSB_Dnd_Glyphicons_Remove {
        cursor: pointer !important;
        border-bottom-left-radius: 5px;
        width: 15px;
        height: 15px;
        line-height: 12px;
        font-size: 12px !important;
    }

a.clsVerticalSB_Dnd_CloseToolbar {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer !important;
}


a.clsSB_Dnd_ColResize.active, a.clsSB_Dnd_Animation.active {
    opacity: 1;
    filter: alpha(opacity=100);
}

a.clsSB_Dnd_ColResize.active {
    background-color: #413EB3;
}

a.clsSB_Dnd_Animation.active {
    background-color: Gray
}

a.clsSB_Dnd_CSS.active {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #E59B28;
}

div.clsSB_Dnd_Toolbox_ResizeCols {
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 33334;
    width: 100%;
}

div.row div.row {
    position: relative;
}

    div.row div.row div.clsSB_Dnd_Toolbox_ResizeCols {
        top: 32px;
    }

    div.row div.row div.row div.clsSB_Dnd_Toolbox_ResizeCols {
        top: 64px;
    }

    div.row div.row div.row a.clsSB_Dnd_Resize_Smaller, div.row div.row div.row a.clsSB_Dnd_Resize_Bigger {
        width: 31px;
        height: 31px;
    }

a.clsSB_Dnd_show_Animation {
    border-radius: 5px;
}

div.clsSB_Dnd_Toolbox_Animation {
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 33334;
    width: 32px;
}

div.col-md-1 div.clsSB_Dnd_Toolbox_Animation, div.col-md-2 div.clsSB_Dnd_Toolbox_Animation, div.col-md-3 div.clsSB_Dnd_Toolbox_Animation, div.col-md-4 div.clsSB_Dnd_Toolbox_Animation, div.col-md-5 div.clsSB_Dnd_Toolbox_Animation, div.col-md-6 div.clsSB_Dnd_Toolbox_Animation, div.col-md-7 div.clsSB_Dnd_Toolbox_Animation, div.col-md-8 div.clsSB_Dnd_Toolbox_Animation, div.col-md-9 div.clsSB_Dnd_Toolbox_Animation, div.col-md-10 div.clsSB_Dnd_Toolbox_Animation, div.col-md-11 div.clsSB_Dnd_Toolbox_Animation, div.col-md-12 div.clsSB_Dnd_Toolbox_Animation, .col-md-sb-5 div.clsSB_Dnd_Toolbox_Animation, .col-md-sb-7 div.clsSB_Dnd_Toolbox_Animation, .col-md-sb-8 div.clsSB_Dnd_Toolbox_Animation, .col-md-sb-9 div.clsSB_Dnd_Toolbox_Animation, .col-md-sb-10 div.clsSB_Dnd_Toolbox_Animation, .col-md-sb-11 div.clsSB_Dnd_Toolbox_Animation {
    top: 32px;
}

div.col-md-1 div.clsSB_Dnd_Toolbox_Css, div.col-md-2 div.clsSB_Dnd_Toolbox_Css, div.col-md-3 div.clsSB_Dnd_Toolbox_Css, div.col-md-4 div.clsSB_Dnd_Toolbox_Css, div.col-md-5 div.clsSB_Dnd_Toolbox_Css, div.col-md-6 div.clsSB_Dnd_Toolbox_Css, div.col-md-7 div.clsSB_Dnd_Toolbox_Css, div.col-md-8 div.clsSB_Dnd_Toolbox_Css, div.col-md-9 div.clsSB_Dnd_Toolbox_Css, div.col-md-10 div.clsSB_Dnd_Toolbox_Css, div.col-md-11 div.clsSB_Dnd_Toolbox_Css, div.col-md-12 div.clsSB_Dnd_Toolbox_Css, .col-md-sb-5 div.clsSB_Dnd_Toolbox_Css, .col-md-sb-7 div.clsSB_Dnd_Toolbox_Css, .col-md-sb-8 div.clsSB_Dnd_Toolbox_Css, .col-md-sb-9 div.clsSB_Dnd_Toolbox_Css, .col-md-sb-10 div.clsSB_Dnd_Toolbox_Css, .col-md-sb-11 div.clsSB_Dnd_Toolbox_Css {
    top: 32px;
}

div.row div.row .col-md-1 div.clsSB_Dnd_Toolbox_Animation, div.row div.row .col-md-2 div.clsSB_Dnd_Toolbox_Animation, div.row div.row .col-md-3 div.clsSB_Dnd_Toolbox_Animation, div.row div.row .col-md-4 div.clsSB_Dnd_Toolbox_Animation, div.row div.row .col-md-5 div.clsSB_Dnd_Toolbox_Animation, div.row div.row .col-md-6 div.clsSB_Dnd_Toolbox_Animation, div.row div.row .col-md-7 div.clsSB_Dnd_Toolbox_Animation, div.row div.row .col-md-8 div.clsSB_Dnd_Toolbox_Animation, div.row div.row .col-md-9 div.clsSB_Dnd_Toolbox_Animation, div.row div.row .col-md-10 div.clsSB_Dnd_Toolbox_Animation, div.row div.row .col-md-11 div.clsSB_Dnd_Toolbox_Animation, div.row div.row .col-md-12 div.clsSB_Dnd_Toolbox_Animation, div.row div.row .col-md-sb-5 div.clsSB_Dnd_Toolbox_Animation, div.row div.row .col-md-sb-7 div.clsSB_Dnd_Toolbox_Animation, div.row div.row .col-md-sb-8 div.clsSB_Dnd_Toolbox_Animation, div.row div.row .col-md-sb-9 div.clsSB_Dnd_Toolbox_Animation, div.row div.row .col-md-sb-10 div.clsSB_Dnd_Toolbox_Animation, div.row div.row .col-md-sb-11 div.clsSB_Dnd_Toolbox_Animation {
    top: 64px;
}

img div.clsSB_Dnd_Toolbox_Animation {
    top: 32px;
}

div.clsSB_Dnd_Toolbox_Css {
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 33334;
    width: 32px;
}

div.clsSB_Dnd_Toolbox_Parallax {
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 33337;
    width: 32px;
}

a.clsSB_Dnd_show_Parallax {
    border-radius: 5px;
    background-color: Maroon;
}

div.col-md-1 div.clsSB_Dnd_Toolbox_Css, div.col-md-2 div.clsSB_Dnd_Toolbox_Css, div.col-md-3 div.clsSB_Dnd_Toolbox_Css, div.col-md-4 div.clsSB_Dnd_Toolbox_Css, div.col-md-5 div.clsSB_Dnd_Toolbox_Css, div.col-md-6 div.clsSB_Dnd_Toolbox_Css, div.col-md-7 div.clsSB_Dnd_Toolbox_Css, div.col-md-8 div.clsSB_Dnd_Toolbox_Css, div.col-md-9 div.clsSB_Dnd_Toolbox_Css, div.col-md-10 div.clsSB_Dnd_Toolbox_Css, div.col-md-11 div.clsSB_Dnd_Toolbox_Css, div.col-md-12 div.clsSB_Dnd_Toolbox_Animation, .col-md-sb-5 div.clsSB_Dnd_Toolbox_Css, .col-md-sb-7 div.clsSB_Dnd_Toolbox_Css, .col-md-sb-8 div.clsSB_Dnd_Toolbox_Css, .col-md-sb-9 div.clsSB_Dnd_Toolbox_Css, .col-md-sb-10 div.clsSB_Dnd_Toolbox_Css, .col-md-sb-11 div.clsSB_Dnd_Toolbox_Css {
    top: 32px;
}

a.clsSB_Dnd_show_Css {
    border-radius: 5px;
}

div.clsBG_Fullwidth > div.clsSB_Dnd_Toolbox_Css a.clsSB_Dnd_show_Css {
    margin-top: 70px;
    background-color: #804F0F;
}

a.clsSB_Dnd_IMG_Reset {
    cursor: pointer !important;
}

a.clsSB_Dnd_showImg_Css {
    cursor: pointer !important;
}

div.clsSB_Dnd_Toolbox_ResizeCols a.clsSB_Dnd_Resize_Smaller {
    cursor: pointer !important;
    float: right;
}

div.clsSB_Dnd_Toolbox_ResizeCols a.clsSB_Dnd_Resize_Bigger {
    cursor: pointer !important;
    float: left;
}

div.clsSB_Dnd_Toolbox_MoreOptions {
    display: none;
    z-index: 33333;
    position: absolute;
    height: 30px;
    top: 124px;
    left: 26px;
    width: 124px;
}


a.clsSB_Dnd_Animation {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


div.clsSB_Dnd_Toolbox_MoreOptions a {
    float: left;
}

.clsSB_DndHoverElement {
    outline: 1px solid #D0D0D0;
}

.SB_clsImg.ui-draggable {
    cursor: move;
}

.clsSB_Dnd_ShowImgToolbarBtns {
    border-radius: 3px;
    cursor: pointer !important;
    width: 18px;
    height: 18px;
    margin-top: -2px;
}

.clsSB_Dnd_HideImgToolbarBtns {
    background-color: black;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer !important;
    background-image: url('icons/arrow-142-16.png');
}

div.clsSB_Dnd_Toolbox_IMG .clsHideImgToolbarBtns {
    height: 0px;
    transition: all 0.4s;
    display: none;
}

div.clsSB_Dnd_Toolbox_singleIMG {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -16px;
    z-index: 3;
    opacity: 0.8;
}

    div.clsSB_Dnd_Toolbox_singleIMG:hover {
        opacity: 1;
    }

    div.clsSB_Dnd_Toolbox_singleIMG .clsSB_Dnd_showsingleImg_Css {
        background-image: url('icons/css-16.png');
        background-color: Orange;
    }

    div.clsSB_Dnd_Toolbox_singleIMG .clsSB_Dnd_show_ImgAnimation {
        background-image: url('icons/video-add-16.png');
        background-color: rgb(78,78,78); /*Black;*/
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

a.clsSB_Dnd_show_ImgAnimation.clsSB_HasAnimation {
    background-image: url('icons/video-16.png');
}



.clsSB_InnerDnd_Hover {
    outline: 1px dotted blue;
}


.SB_NoneEditable {
    position: relative;
}


    .SB_Text_Container .SB_Sort_handle, .SB_NoneEditable .SB_Sort_handle {
        display: none;
    }

.SB_Text_Container {
    position: relative;
    min-height: 18px;
}

.SB_Sort_handle, .SB_NoneEditable:hover .SB_Sort_handle {
    width: 26px;
    height: 26px;
    display: inline-block;
    cursor: pointer;
}


.wow {
    visibility: visible;
}



.cls_div_menu_h .SB_Sort_handle {
    left: auto;
}



.clsNotify .ui-pnotify-container {
    z-index: 99999999;
    position: relative;
    background: rgba(255, 255, 255, 0.85) !important;
    padding: 1.25em 1.5em !important;
    margin-bottom: 1em;
    border-radius: 16px !important;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05) !important;
}

.clsNotify .ui-pnotify-title {
    border: none !important;
}

    .clsNotify .ui-pnotify-title h2 {
        font-size: 21px;
        font-weight: 700;
        color: var(--primary-color);
    }

.clsNotify .ui-pnotify-icon,
.clsNotify .ui-pnotify-closer,
.clsNotify .ui-pnotify-sticker {
    display: none !important;
}


div.clsSB_Dnd_Toolbox_RestoreToolbars {
    display: none;
    z-index: 33334;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 24px;
}

    div.clsSB_Dnd_Toolbox_RestoreToolbars a.clsSB_Dnd_RestoreToolbars {
        background-color: black;
        border-radius: 3px;
        cursor: pointer !important;
        width: 14px;
        height: 18px;
        margin-top: -6px;
        font-size: 12px;
    }


.SB_Dnd_SmallToolbox.cssSB_ToolbarDesign {
    padding: 0px;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-sb-5, .col-md-sb-7, .col-md-sb-8, .col-md-sb-9, .col-md-sb-10, .col-md-sb-11 {
    min-height: 20px;
}

.SB_Elm_PositionAbsolute {
    resize: both;
}







.SB_Elm_Active.mce-edit-focus {
    cursor: text !important;
}


.SB_Elm_PositionAbsolute.SB_Elm_Active {
    outline: 1px solid rgba(20,215,163,1);
    cursor: move;
}


#SB_Inline_Toolbar_Col_MD .cssSB_ToolbarDesign {
    z-index: 999998;
}



.SB_Sort_handle {
    font-size: 24px !important;
    position: absolute !important;
    cursor: move !important;
    background-image: url('icons/arrow-move.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: #428BCA;
    color: #4c5761 !important;
    border-radius: 2px;
    opacity: 0.8;
    width: 26px;
    height: 26px;
    top: 0px;
    left: 0px;
}



.clsDropPlaces {
    outline: 1px dotted red;
}

.SB_inline_Iframe {
    position: relative;
    display: inline-block;
    clear: both;
}

    .SB_inline_Iframe .SB_inline_Iframe_Hndle {
        width: 100%;
        height: 100%;
        z-index: 2;
        position: absolute;
        top: 1px;
        left: 1px;
        background-color: rgba(33, 150, 243, 0.00);
    }

        .SB_inline_Iframe .SB_inline_Iframe_Hndle:hover {
            background-color: rgba(33, 150, 243, 0.50);
        }

    .SB_inline_Iframe iframe {
        z-index: 1;
    }






.SB_Btn_Close {
    z-index: 2;
    width: 16px;
    height: 16px;
    display: none;
    font-size: 12px;
    border-radius: 2px;
    position: absolute;
    left: 1px;
    top: 1px;
    cursor: pointer;
}

    .SB_Btn_Close span {
        font-size: 12px;
        font-weight: 100;
        color: #b2b2b2;
    }

    .SB_Btn_Close:hover span {
        color: #000000;
    }

.SB_Btn_Close_Main {
    display: none;
}





.col-md-1 > .ui-resizable-s, .col-md-2 > .ui-resizable-s, .col-md-3 > .ui-resizable-s, .col-md-4 > .ui-resizable-s, .col-md-5 > .ui-resizable-s, .col-md-6 > .ui-resizable-s, .col-md-7 > .ui-resizable-s, .col-md-8 > .ui-resizable-s, .col-md-9 > .ui-resizable-s, .col-md-10 > .ui-resizable-s, .col-md-11 > .ui-resizable-s, .col-md-12 > .ui-resizable-s, .col-md-sb-5 > .ui-resizable-s, .col-md-sb-7 > .ui-resizable-s, .col-md-sb-8 > .ui-resizable-s, .col-md-sb-9 > .ui-resizable-s, .col-md-sb-10 > .ui-resizable-s, .col-md-sb-11 {
    height: 5px;
    width: 60px;
    bottom: -6px;
    left: 50%;
    margin-left: -29px;
}





#SB_Inline_Dialog_H1Change .H_Elm:hover {
    border: 1px solid var(--primary-color);
    cursor: pointer;
    width: 100%;
}

#SB_Inline_Dialog_H1Change .H_Elm.H_Selected {
    border: 2px solid var(--primary-color);
}

#SB_Inline_Notify {
    align-items: center;
    gap: 4px;
    padding: 4px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    border: 1px solid #cbd5e1;
    box-sizing: border-box;
    z-index: 9999;
    font-size: 14px;
    flex-direction: column
}

.SB_Icon_Container:hover, .SB_Inline_Links:hover, .SB_Btn_Container:hover {
    outline: 1px solid #FFEB3B;
    cursor: move;
    box-shadow: 0px 0px 1px 2px #ffeb3bad;
}



.clsSB_MP_BoxDesign {
}


#tinymce_toolbar .tox.tox-tinymce.tox-tinymce-inline {
    width: 100% !important;
}

#tinymce_toolbar {
    z-index: 999999 !important;
    box-shadow: 0 0 13px 2px #CDCCCC;
    opacity: 0.97;
    border-radius: 3px;
    min-width: 634px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(5px);
    border: 3px solid rgba(255, 255, 255, 0.3);
}

    #tinymce_toolbar .tox-tbtn--select {
        padding: 0 !important;
    }

    #tinymce_toolbar .tox-tbtn.tox-tbtn--select.tox-tbtn--bespoke {
        width: 85px;
    }

    #tinymce_toolbar .tox-dialog {
        position: absolute !important;
        max-height: unset !important;
    }

    #tinymce_toolbar .tox-menu {
        min-width: 120px !important;
    }

.tox .tox-selectfield select:focus, .tox .tox-textarea:focus, .tox .tox-textfield:focus {
    background-color: #f8f8f8 !important;
}

.clsSB_Inline_Toolbar_Menu {
    position: absolute;
    left: 1px;
    bottom: -75px;
}

.cls_BImg_BlocksTooltip {
    border: 3px solid #dddddd;
    border-radius: 8px;
    padding: 5px;
    min-height: 50px;
}


.SB_DND_SortableGhost {
    background: white;
    border: 1px solid black;
    min-height: 40px;
    width: 100%;
}

.SB_DND_SortableChosen {
    background: white;
    border: 1px solid black;
    min-height: 40px;
}

.SB_DND_SortableGhost_ToolbarElements {
    background: white;
    opacity: 0.5;
    width: 100%;
}

.SB_DivContentInlineEditing .SB_DND_SortableGhost img,
.SB_DivContentInlineEditing .SB_DND_SortableChosen img,
.SB_DivContentInlineEditing .SB_DND_SortableGhost_ToolbarElements.clsDnD_Element img,
.SB_DivContentInlineEditing .SB_DND_SortableChosen_ToolbarElements.clsDnD_Element img,
.SB_DivContentInlineEditing .clsDnD_Element img {
    width: 100%;
    opacity: 0.5;
}

.SB_C_YT_BG {
    background-image: url(WebTemplate/SB_DND_img_Static/YoutubeLogo.jpg);
    min-height: 120px;
    background-repeat: repeat;
    background-size: 20%;
}

#sf-ma-FloatBtns #SB_Inline_Toolbar_Menu {
    left: 15px !important;
    bottom: 100%;
}

    #sf-ma-FloatBtns #SB_Inline_Toolbar_Menu #SBToolBar_RestorePosition_Menu,
    #sf-ma-FloatBtns #SB_Inline_Toolbar_Menu #SBToolBar_DragOption {
        display: none !important;
    }

    #sf-ma-FloatBtns #SB_Inline_Toolbar_Menu #SBToolBar_EditIconsFromMenuBtn {
        height: 29px !important;
    }


.SB_C_UsersLogin.SB_C_UsersLogin2, .SB_CurrencyExchangeRatePlugin {
    min-width: 20px;
    min-height: 20px;
    outline: 2px solid #9C27B0;
    display: inline-block;
}

.SB_C_BackgroundSlider {
    border: 3px solid #9c27b0;
    height: 30px;
    background: #9c27b0;
    width: 100%;
}

.SB_C_UsersLogin {
    outline: 1px solid #FFEB3B;
    box-shadow: 0px 0px 1px 2px #ffeb3bad;
    min-width: 120px;
    min-height: 40px;
    background-color: gray;
}

.SB_C_UsersLogin2 {
    outline: 1px solid #FFEB3B;
    box-shadow: 0px 0px 1px 2px #ffeb3bad;
    min-width: 120px;
    min-height: 40px;
    background-color: gray;
}

.SB_Youtube_Clean iframe {
    opacity: 1 !important;
}



.dnd-section-name {
    width: 100%;
    grid-column: 1 / -1;
    margin-top: 4px;
    margin-left: auto;
    text-align: center;
    color: #9C27B0;
    letter-spacing: 4px;
    font-weight: 600;
    font-size: 1.3rem;
}

.clcDnd_Element_IconAndText:hover {
    color: var(--main-dnd-bg);
    fill: var(--main-dnd-bg);
}

.SBSeoActiveElm {
    border: 4px solid red;
}

.SB_C_GallerySlider {
    border: 1px solid #ffeb3b;
}

#DnD_Container {
    user-select: none;
}

.ui-resizable-resizing {
    transition: none !important;
}

.SB_Inline_Toolbar_ForNewMDs {
    margin-top: 90px;
    transition: none !important;
}

.SB_Inline_Toolbar_ForNewElements {
    transition: none !important;
}

.clsBoldTabs {
    font-weight: bold;
}