/* BASIC css start */
.layout .ade-edit {
    font: inherit;
}

.layout .ade-edit img {
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: auto !important;
}

.layout .ade-edit [style]:not(span[style]) {
    font: inherit !important;
    color: inherit !important;
}

.layout .ade-edit span[style] {
    font-family: var(--font-family) !important;
}

.layout .ade-edit hr {
    border: 0;
    border-top: 1px solid var(--border-color-point) !important;
}

.layout .ade-edit table {
    display: table !important;
}

.layout .ade-edit thead {
    display: table-header-group !important;
}

.layout .ade-edit tbody {
    display: table-row-group !important;
}

.layout .ade-edit tr {
    display: table-row !important;
}

.layout .ade-edit th:not([style*="background"]) {
    background-color: transparent;
}

.layout .ade-edit th,.layout .ade-edit td {
    display: table-cell !important;
    padding: 5px !important;
    border-width: 1px 0 !important;
    border-style: solid !important;
    border-color: var(--border-color-point) !important;
}

.layout .ade-edit th:first-child,.layout .ade-edit td:first-child {
    padding-left: 0 !important;
}

.layout .ade-edit th:last-child,.layout .ade-edit td:last-child {
    padding-right: 0 !important;
}

.layout .ade-edit thead + tbody {
    border-bottom: 1px solid var(--border-color-point) !important;
}

.layout .ade-edit thead + tbody > tr > td {
    padding: 2px !important;
    border: 0 !important;
}

.layout .ade-edit thead + tbody > tr:first-child > td {
    padding-top: 10px !important;
}

.layout .ade-edit thead + tbody > tr:last-child > td {
    padding-bottom: 10px !important;
}

#html .layout .ade-edit strong,#html .layout .ade-edit b {
    font-weight: var(--font-weight-bold) !important;
}

#html .layout .ade-edit h1 {
    font-size: calc(var(--font-size) * 2) !important;
    font-weight: var(--font-weight-bold) !important;
}

#html .layout .ade-edit h2 {
    font-size: calc(var(--font-size) * 1.8) !important;
    font-weight: var(--font-weight-bold) !important;
}

#html .layout .ade-edit h3 {
    font-size: calc(var(--font-size) * 1.6) !important;
    font-weight: var(--font-weight-bold) !important;
}

#html .layout .ade-edit h4 {
    font-size: calc(var(--font-size) * 1.4) !important;
    font-weight: var(--font-weight-bold) !important;
}

@media (max-width: 1023px) {
    #html .layout .ade-edit h1 {
        font-size:calc(var(--font-size) * 1.8) !important;
    }

    #html .layout .ade-edit h2 {
        font-size: calc(var(--font-size) * 1.6) !important;
    }

    #html .layout .ade-edit h3 {
        font-size: calc(var(--font-size) * 1.4) !important;
    }

    #html .layout .ade-edit h4 {
        font-size: calc(var(--font-size) * 1.2) !important;
    }

    #html .layout .ade-edit span[style*="8px"] {
        font-size: calc(8px - var(--font-resize-edit)) !important;
    }

    #html .layout .ade-edit span[style*="9px"] {
        font-size: calc(9px - var(--font-resize-edit)) !important;
    }

    #html .layout .ade-edit span[style*="10px"] {
        font-size: calc(10px - var(--font-resize-edit)) !important;
    }

    #html .layout .ade-edit span[style*="11px"] {
        font-size: calc(11px - var(--font-resize-edit)) !important;
    }

    #html .layout .ade-edit span[style*="12px"] {
        font-size: calc(12px - var(--font-resize-edit)) !important;
    }

    #html .layout .ade-edit span[style*="13px"] {
        font-size: calc(13px - var(--font-resize-edit)) !important;
    }

    #html .layout .ade-edit span[style*="14px"] {
        font-size: calc(14px - var(--font-resize-edit)) !important;
    }

    #html .layout .ade-edit span[style*="15px"] {
        font-size: calc(15px - var(--font-resize-edit)) !important;
    }

    #html .layout .ade-edit span[style*="16px"] {
        font-size: calc(16px - var(--font-resize-edit)) !important;
    }

    #html .layout .ade-edit span[style*="17px"] {
        font-size: calc(17px - var(--font-resize-edit)) !important;
    }

    #html .layout .ade-edit span[style*="18px"] {
        font-size: calc(18px - var(--font-resize-edit)) !important;
    }

    #html .layout .ade-edit span[style*="19px"] {
        font-size: calc(19px - var(--font-resize-edit)) !important;
    }

    #html .layout .ade-edit span[style*="20px"] {
        font-size: calc(20px - var(--font-resize-edit)) !important;
    }

    #html .layout .ade-edit span[style*="21px"] {
        font-size: calc(21px - var(--font-resize-edit)) !important;
    }

    #html .layout .ade-edit span[style*="22px"] {
        font-size: calc(22px - var(--font-resize-edit)) !important;
    }

    #html .layout .ade-edit span[style*="23px"] {
        font-size: calc(23px - var(--font-resize-edit)) !important;
    }

    #html .layout .ade-edit span[style*="24px"] {
        font-size: calc(24px - var(--font-resize-edit)) !important;
    }

    #html .layout .ade-edit span[style*="25px"] {
        font-size: calc(25px - var(--font-resize-edit)) !important;
    }

    #html .layout .ade-edit span[style*="26px"] {
        font-size: calc(26px - var(--font-resize-edit)) !important;
    }

    #html .layout .ade-edit span[style*="27px"] {
        font-size: calc(27px - var(--font-resize-edit)) !important;
    }

    #html .layout .ade-edit span[style*="28px"] {
        font-size: calc(28px - var(--font-resize-edit)) !important;
    }

    #html .layout .ade-edit span[style*="29px"] {
        font-size: calc(29px - var(--font-resize-edit)) !important;
    }

    #html .layout .ade-edit span[style*="30px"] {
        font-size: calc(30px - var(--font-resize-edit)) !important;
    }
}

/* BASIC css end */