@charset "UTF-8";

:root {
    /* You can use https://angel-rs.github.io/css-color-filter-generator/ for icon filters */
    --CompanoBlue: #3375B5;
    --CompanoLightBlue: #1F89DE;
    --CompanoDarkBlue: #135487;
    --CompanoBlue-Filter: brightness(0) saturate(100%) invert(41%) sepia(62%) saturate(689%) hue-rotate(169deg) brightness(85%) contrast(80%);
    --CompanoLightBlue-Filter: brightness(0) saturate(100%) invert(48%) sepia(47%) saturate(1060%) hue-rotate(170deg) brightness(88%) contrast(99%);
    --CompanoDarkBlue-Filter: brightness(0) saturate(100%) invert(22%) sepia(83%) saturate(920%) hue-rotate(175deg) brightness(98%) contrast(93%);
    --CompanoLighterBlue: #4CA1E6;
    --CompanoDarkestGray: #4B4B4B;
    --CompanoDarkGray: #8E8E8E;
    --CompanoDarkGray-Filter: brightness(0) saturate(100%) invert(63%) sepia(0%) saturate(2%) hue-rotate(4deg) brightness(90%) contrast(86%);
    --CompanoGray: #D9D9D9;
    --CompanoLightGray: #EEEEEE;
    --CompanoGray-Filter: brightness(0) saturate(100%) invert(93%) sepia(0%) saturate(72%) hue-rotate(179deg) brightness(77%) contrast(108%);
    --CompanoYellow: #CBD142;
    --CompanoOrange: #FF9C40;
    --CompanoOrange-Filter: brightness(0) saturate(100%) invert(56%) sepia(73%) saturate(466%) hue-rotate(340deg) brightness(107%) contrast(101%);
    --CompanoRed: #E96B6B;
    --CompanoRed-Filter: brightness(0) saturate(100%) invert(54%) sepia(5%) saturate(4611%) hue-rotate(315deg) brightness(100%) contrast(94%);
    --CompanoGreen: #BFD857;
    --CompanoGreen-Filter: brightness(0) saturate(100%) invert(100%) sepia(23%) saturate(4751%) hue-rotate(18deg) brightness(95%) contrast(89%);
    --SystemBlue: var(--CompanoLightBlue);
    --SystemBlue-Filter: var(--CompanoLightBlue-Filter);
    --SystemGray: var(--CompanoDarkGray);
    --SystemGray-Filter: var(--CompanoDarkGray-Filter);
    --SystemLightGray: #BBBBBB;
    --SystemLightGray-Filter: brightness(0) saturate(100%) invert(87%) sepia(8%) saturate(14%) hue-rotate(317deg) brightness(85%) contrast(92%);
    --SystemYellow: #FACF43;
    --SystemYellow-Filter: brightness(0) saturate(100%) invert(96%) sepia(77%) saturate(6495%) hue-rotate(321deg) brightness(102%) contrast(96%);
    --SystemRed: var(--CompanoRed);
    --SystemRed-Filter: var(--CompanoRed-Filter);
    --SystemRed-Lighter: #E88282;
    --SystemRed-Lighter-Filter: brightness(0) saturate(100%) invert(59%) sepia(24%) saturate(994%) hue-rotate(314deg) brightness(102%) contrast(82%);
    --SystemGreen: #86CD67;
    --SystemGreen-Filter: brightness(0) saturate(100%) invert(75%) sepia(11%) saturate(1637%) hue-rotate(57deg) brightness(97%) contrast(88%);
    --SystemGreen-Lighter: #93CC7A;
    --SystemGreen-Lighter-Filter: brightness(0) saturate(100%) invert(78%) sepia(54%) saturate(322%) hue-rotate(53deg) brightness(90%) contrast(83%);
    --SystemOrange: var(--CompanoOrange);
    --SystemOrange-Filter: var(--CompanoOrange-Filter);
    --SystemOrange-Lighter: #FFA959;
    --SystemOrange-Lighter-Filter: brightness(0) saturate(100%) invert(62%) sepia(62%) saturate(463%) hue-rotate(339deg) brightness(107%) contrast(101%);
    --White-Filter: brightness(0) invert(1);
    /* Obsolete? */
    --CompanoDarkestGrey: var(--CompanoDarkestGray);
    --CompanoDarkGrey: var(--CompanoDarkGray);
    --CompanoDarkGrey-Filter: var(--CompanoDarkGray-Filter);
    --CompanoGrey: var(--CompanoGray);
    --CompanoLightGrey: var(--CompanoLightGray);
    --CompanoGrey-Filter: var(--CompanoGray-Filter);
    --SystemGrey: var(--CompanoDarkGray);
    --SystemGrey-Filter: var(--CompanoDarkGray-Filter);
    --SystemLightGrey: var(--SystemLightGray);
    --SystemLightGrey-Filter: var(--SystemLightGray-Filter);
    --SystemGrey-Active: var(--SystemGray-Active);
    /* Active versions: HSL -> L -10% */
    --CompanoLightBlue-Active: #196EB3;
    --SystemGreen-Active: #66BF40;
    --SystemYellow-Active: #F9C310;
    --SystemRed-Active: #E24040;
    --SystemGray-Active: #757575;
    --CompanoLightBlue-Active-Filter: #196EB3;
    --SystemGreen-Active-Filter: #66BF40;
    --SystemYellow-Active-Filter: #F9C310;
    --SystemOrange-Active-Filter: #FFA959;
    --SystemRed-Active-Filter: #E24040;
    --SystemGray-Active-Filter: #757575;
    /* Button Component Colors */
    --CompanoPrimary: var(--SystemBlue);
    --CompanoPrimary-Filter: var(--SystemBlue-Filter);
    --CompanoPrimary-Darker: #227CC5;
    --CompanoPrimary-Darker-Filter: brightness(0) saturate(100%) invert(36%) sepia(47%) saturate(2132%) hue-rotate(184deg) brightness(93%) contrast(77%);
    --CompanoPrimary-Darkest: #276699;
    --CompanoPrimary-Darkest-Filter: brightness(0) saturate(100%) invert(35%) sepia(43%) saturate(884%) hue-rotate(165deg) brightness(89%) contrast(86%);
    --CompanoSecondary: var(--SystemGrey);
    --CompanoSecondary-Filter: var(--SystemGrey-Filter);
    --CompanoSecondary-Darker: #707070;
    --CompanoSecondary-Darker-Filter: brightness(0) saturate(100%) invert(42%) sepia(0%) saturate(2510%) hue-rotate(61deg) brightness(102%) contrast(94%);
    --CompanoSecondary-Darkest: #5b5b5b;
    --CompanoSecondary-Darkest-Filter: brightness(0) saturate(100%) invert(35%) sepia(0%) saturate(1%) hue-rotate(73deg) brightness(95%) contrast(87%);
    --CompanoSuccess: var(--SystemGreen);
    --CompanoSuccess-Filter: var(--SystemGreen-Filter);
    --CompanoSuccess-Darker: #73c251;
    --CompanoSuccess-Darker-Filter: brightness(0) saturate(100%) invert(66%) sepia(71%) saturate(364%) hue-rotate(57deg) brightness(91%) contrast(84%);
    --CompanoSuccess-Darkest: #63a446;
    --CompanoSuccess-Darkest-Filter: brightness(0) saturate(100%) invert(57%) sepia(36%) saturate(654%) hue-rotate(57deg) brightness(94%) contrast(86%);
    --CompanoError: var(--SystemRed);
    --CompanoError-Filter: var(--SystemRed-Filter);
    --CompanoError-Darker: #e05252;
    --CompanoError-Darker-Filter: brightness(0) saturate(100%) invert(38%) sepia(87%) saturate(794%) hue-rotate(323deg) brightness(95%) contrast(84%);
    --CompanoError-Darkest: #cb3a3a;
    --CompanoError-Darkest-Filter: brightness(0) saturate(100%) invert(24%) sepia(92%) saturate(1436%) hue-rotate(335deg) brightness(103%) contrast(90%);
    /* Release colors */
    /* Demo */
    --CompanoDemo: #2F7018;
    --CompanoDemoLight: #5DB040;
    --CompanoDemoDark: #1F4A10;
    --CompanoDemoFilter: brightness(0) saturate(100%) invert(30%) sepia(87%) saturate(422%) hue-rotate(59deg) brightness(97%) contrast(94%);
    --CompanoDemoFilterLight: brightness(0) saturate(100%) invert(59%) sepia(11%) saturate(2344%) hue-rotate(60deg) brightness(100%) contrast(90%);
    --CompanoDemoFilterDark: brightness(0) saturate(100%) invert(22%) sepia(12%) saturate(2928%) hue-rotate(60deg) brightness(92%) contrast(91%);
    /* Develop */
    --CompanoDevelop: var(--CompanoBlue);
    --CompanoDevelopLight: var(--CompanoLightBlue);
    --CompanoDevelopDark: var(--CompanoDarkBlue);
    --CompanoDevelopFilter: var(--CompanoBlue-Filter);
    --CompanoDevelopFilterLight: var(--CompanoLightBlue-Filter);
    --CompanoDevelopFilterDark: var(--CompanoDarkBlue-Filter);
    /* PreRelease */
    --CompanoPreRelease: #353535;
    --CompanoPreReleaseLight: #707070;
    --CompanoPreReleaseDark: #262626;
    --CompanoPreReleaseFilter: brightness(0) saturate(100%) invert(18%) sepia(10%) saturate(16%) hue-rotate(26deg) brightness(96%) contrast(91%);
    --CompanoPreReleaseFilterLight: brightness(0) saturate(100%) invert(41%) sepia(19%) saturate(17%) hue-rotate(328deg) brightness(100%) contrast(87%);
    --CompanoPreReleaseFilterDark: brightness(0) saturate(100%) invert(9%) sepia(0%) saturate(906%) hue-rotate(244deg) brightness(94%) contrast(84%);
    /* Release */
    --CompanoRelease: var(--CompanoBlue);
    --CompanoReleaseLight: var(--CompanoLightBlue);
    --CompanoReleaseDark: var(--CompanoDarkBlue);
    --CompanoReleaseFilter: var(--CompanoBlue-Filter);
    --CompanoReleaseFilterLight: var(--CompanoLightBlue-Filter);
    --CompanoReleaseFilterDark: var(--CompanoDarkBlue-Filter);
}

.b3 {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
}

.h4 {
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.h5 {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.h6 {
    font-size: 0.8rem;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
}

.bold {
    font-weight: 700;
}

.label {
    color: black;
}

.not-yet-supported {
    margin: 12px;
}

.empty-value {
    color: gainsboro;
}

.extra-spacing {
    margin: 8px;
}


/* For turning black svg elements blue (CompanoLightBlue) */
.icon-selected-primary {
    filter: brightness(0) saturate(100%) invert(50%) sepia(56%) saturate(3626%) hue-rotate(185deg) brightness(91%) contrast(90%);
}

/* For turning black svg elements white */
.icon-selected-secondary {
    filter: brightness(0) saturate(100%) invert(100%);
}

/* For turning black svg elements gray (#EEEEEE) */
.icon-disabled {
    filter: brightness(0) saturate(100%) invert(86%) sepia(0%) saturate(18%) hue-rotate(232deg) brightness(82%) contrast(82%);
}

.text-disabled {
    color: var(--CompanoLightGrey);
}

/* Invert arrow rotation for dropdowns */
.input-control.k-picker[aria-expanded="true"] button span svg {
    transform: rotate(0deg) !important;
}

.input-control.k-picker[aria-expanded="false"] button span svg {
    transform: rotate(90deg) !important;
}

/* Xml */
.xml-field table {
    width: 100%;
    border-spacing: 4px 0;
}

.xml-field th {
    text-align: left;
}

.input-control.k-input, .input-control.k-picker {
    border: 2px solid transparent;
    font-size: 0.75rem;
}

    .input-control.k-input.k-focus::after, .input-control.k-input:focus-within::after, .input-control.k-input:focus::after,
    .input-control.k-picker.k-focus::after, .input-control.k-picker:focus-within::after, .input-control.k-picker:focus::after,
    .k-list-filter > .k-input:focus-within::after {
        border: none;
    }

.input-control.k-disabled, .k-widget[disabled] {
    background: none;
    color: inherit;
}

.input-control.k-multiselect.k-disabled .k-chip-actions {
    display: none;
}

.input-control.k-combobox.k-disabled .k-button {
    display: none;
}

.input-control.k-input, .input-control.k-picker {
    border: 2px solid rgba(0, 0, 0, 0.1);
}

.input-control.k-input.k-disabled, .input-control.k-picker.k-disabled {
    border: none;
}

.input-control:focus, .input-control.k-picker:focus {
    border: 2px solid rgba(0, 0, 0, 0.3);
}

.input-control.k-input:hover, .input-control.k-picker:hover {
    border: 2px solid rgba(0, 0, 0, 0.3);
    background-color: rgba(217, 217, 217, 0.6);
}

.input-control.k-input:hover .k-button, .input-control.k-picker:hover .k-button {
    background-color: rgba(217, 217, 217, 0.6);
}

.input-control.k-input .k-button.k-disabled, .input-control.k-input .k-button:disabled, .input-control.k-input .k-disabled .k-button,
.input-control.k-picker .k-button.k-disabled, .input-control.k-picker .k-button:disabled, .input-control.k-picker .k-disabled .k-button {
    visibility: hidden;
}

.input-control.k-editor {
    border-radius: 5px;
}

.k-list-filter svg {
    height: 75%;
}

/* Error */
.input-control.k-picker.input-error, .input-control.k-input.input-error {
    border-color: var(--SystemRed);
}

.input-control.k-picker[aria-expanded="true"] button span svg {
    transform: rotate(90deg);
}

.input-control.k-picker[aria-expanded="false"] button span svg {
    transform: rotate(0deg);
}

/* FONTS */
/* Roboto */
/* roboto-regular - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Roboto/roboto-v30-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-italic - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/Roboto/roboto-v30-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Roboto/roboto-v30-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500italic - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/Roboto/roboto-v30-latin_latin-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Roboto/roboto-v30-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700italic - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/Roboto/roboto-v30-latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Material Symbols Outlined */
/* material-symbols-outlined-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/MaterialSymbolsOutlined/material-symbols-outlined-v154-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined', Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    user-select: none;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
}

.scrim {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 50;
}

    .scrim.dimmed {
        background-color: black;
        opacity: 0.4;
    }

    .scrim.blurred {
        backdrop-filter: blur(5px);
    }

.full-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* From PimUI site.css */

html, body {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    overflow: hidden;
    margin: 0;
}

html {
    color: rgba(0,0,0,0.8);
}

.header {
    width: 100%;
    height: 5em;
    flex-shrink: 0;
    font-size: 0.875rem;
}

a, .btn-link {
    color: #0366d6;
}

.svg-button-disabled {
    filter: opacity(0.6);
}

.svg-button:hover {
    cursor: pointer;
    transform: scale(1.1);
}

.svg-button-heavy:hover {
    cursor: pointer;
    transform: scale(1.2);
}

.svg--color-white {
    filter: brightness(0%) invert(100%);
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/**SCROLLBALK*/

/* width */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #DFDFDF;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #656565;
    border-radius: 15px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #656565;
    }
/**SCROLLBALK*/

/* Button - TODO move to own component soon */
.action-button {
    font-size: 1.2em;
    color: white;
    margin: 4px;
    padding: 8px;
    padding-left: 14px;
    padding-right: 14px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 6px;
    border-radius: 5px;
    width: fit-content;
    cursor: pointer;
    user-select: none;
    height: fit-content;
}

.button-default {
    background-color: var(--CompanoLightBlue);
}

    .button-default:hover {
        background-color: var(--CompanoBlue);
    }

.button-primary {
    background-color: #8E8E8E;
}

    .button-primary:hover {
        background-color: gray;
    }

.button-success {
    background-color: var(--SystemGreen);
}

    .button-success:hover {
        background-color: #74b359;
    }

.button-error {
    background-color: var(--SystemRed);
}

    .button-error:hover {
        background-color: #e83c3c;
    }

.action-button.disabled {
    opacity: 0.4;
    cursor: default;
    pointer-events: none;
}

.button-disabled {
    box-shadow: none !important;
    background-color: lightgray !important;
    cursor: default !important;
}

.centered {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}

.v-centered {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hv-centered {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.left {
    margin-right: auto;
}

.right {
    margin-left: auto;
}

.text-centered {
    text-align: center;
}

.text-bold {
    font-weight: bold;
}

.modal {
    font-size: 0.75rem;
}

.textbox-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    width: calc(12px * 1.2 + 10px); /* Based on css for textbox */
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-left-width: 0;
    border-radius: 0 5px 5px 0;
    flex-shrink: 0;
}

    .textbox-button:hover {
        border: 2px solid rgba(0, 0, 0, 0.3); /* Based on css for textbox */
        background-color: rgba(217, 217, 217, 0.6); /* "" */
        cursor: pointer;
        margin-left: -2px;
    }

/* Button END */

/* HTML FIELDS */
/* OrderInfoHtml */
.order-data {
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 0.75rem;
}

    .order-data .header-row {
        font-weight: bold;
    }

    .order-data .header-space {
        padding-top: 1rem;
    }

    .order-data .data-title {
        font-size: 0.875rem;
        margin-top: 8px;
        font-weight: 500;
        color: var(--CompanoEnvironmentLight);
    }

    .order-data .data-block {
        border-top: 1px solid black;
        border-bottom: 1px solid black;
    }

    .order-data .data-row {
        display: flex;
        flex-direction: row;
    }

    .order-data .data-label {
        width: 50%;
        font-weight: 500;
    }

    .order-data .data-info {
        margin-bottom: 0.5em;
        font-style: italic;
    }

    .order-data .data-value {
        width: 50%;
    }

    .order-data h1 {
        font-size: 1rem;
    }

.pagination-dropdown {
    width: 80px;
    height: 20px;
    border-color: rgba(0, 0, 0, 0.2)
}

/* HTML editor Telerik overrides */
.telerik-html-editor {
    max-width: 1115px;
}

.k-window-actions {
    margin: unset;
    justify-content: space-around;
    background-color: unset;
}

.ProseMirror-hideselection *::selection {
    background: transparent;
}

.ProseMirror-gapcursor {
    display: none;
    pointer-events: none;
    position: absolute;
}

.ProseMirror-gapcursor:after {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    width: 20px;
    border-top: 1px solid black;
    animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
}

@@keyframes ProseMirror-cursor-blink {
    to {
        visibility: hidden;
    }
}

.ProseMirror-focused .ProseMirror-gapcursor {
    display: block;
}

.telerik-html-editor .k-editor-resize-wrap-element {
    display: inline-block;
    position: relative;
}

.html-editor table, .telerik-html-editor table {
    table-layout: fixed;
    width: 100%;
}

.telerik-html-editor .resize-cursor {
    cursor: col-resize;
}

.telerik-html-editor .resize-cursor-vertical {
    cursor: row-resize;
}

.html-editor td, .html-editor th {
    border: 1px solid var(--kendo-component-border);
}

.telerik-html-editor td, .telerik-html-editor th {
    min-width: 1em;
    padding: 3px 5px;
    border: 1px solid var(--kendo-component-border);
}

.telerik-html-editor .selectedCell {
    background: rgba(from var(--kendo-selected-bg) r g b / 0.2);
}

.html-editor p, .html-editor ol, .html-editor ul,
.telerik-html-editor p, .telerik-html-editor ol, .telerik-html-editor ul {
    margin: 0;
}