:root {
    --lm-main-color: #78D350;
    --lm-main-color-alpha: #78D35088;
    --lm-main-color-deep: #66b244;
    --lm-secondary-color: #737373;
    --lm-border-color: #ccc;
    --lm-border-color-light: #e9e9e9;
    --lm-border-color-deep: #aaa;
    --lm-border-outline: #000;
    --lm-font-color: inherit;
    --lm-background-color: #fff;
    --lm-background-color-hover: #ececec;
    --lm-background-color-active: #dcdcdc;
    --lm-background-color-input: initial;
    --lm-font-grayout: #777;
    --lm-icon-color: #777;
    --lm-front-color: #000;
    --lm-input-padding: 6px;

    --lm-safe-area-top: 0;
    --lm-safe-area-bottom: 0;
}

.lm-blue {
    --lm-main-color: #2196f3;
    --lm-main-color-alpha: #2196f388;
    --lm-main-color-deep: #1f64e1;
}

.lm-dark-mode {
    --lm-border-color: #777;
    --lm-border-color-light: #4d4d4d;
    --lm-border-color-deep: #888;
    --lm-border-outline: #fff;
    --lm-font-color: #fff;
    --lm-background-color: #0a1c25;
    --lm-background-color-hover: #1a3e56;
    --lm-background-color-active: #2a5c85;
    --lm-background-color-input: #122a3b;
    --lm-font-grayout: #777;
    --lm-front-color: #fff;
}

body.lm-application {
    margin: 0;
    padding: 0;
    font-family: Montserrat, sans-serif;
    font-size: inherit;
    background: var(--lm-background-color);
    color: var(--lm-font-color);
}

.lm-application input[type='text'],
.lm-application input[type='number'],
.lm-application select,
.lm-application textarea,
.lm-application button,
.lm-input {
    padding: var(--lm-input-padding) var(--lm-input-padding) var(--lm-input-padding) 8px;
    box-sizing: border-box;
    border: 1px solid var(--lm-border-color, #ccc);
    background-color: var(--lm-background-color);
    line-height: initial;
    border-radius: 2px;
    color: var(--lm-font-color);
    font-family: inherit;
    font-size: inherit;
}

.lm-application .material-icons {
    font-family: "Material Icons";
    font-size: 24px;
}

.lm-application *:disabled {
    color: #888;
}

[visible="false"] {
    display: none;
}

[visible="true"] {
    display: block;
}

.lm-container {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.lm-row {
    display:flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    box-sizing: border-box;
}

.lm-row.lm-container {
    flex-wrap: nowrap;
}

.lm-row.lm-middle {
    align-items: center;
}

.lm-row.lm-start {
    justify-content: start;
}

.lm-column {
    box-sizing: border-box;
}

.lm-column.lm-top {
    align-self: flex-start;
}

.lm-column.lm-bottom {
    align-self: flex-end;
}

.lm-form-group {
    width: 100%;
    padding-right: 8px;
    padding-bottom: 8px;
    box-sizing: border-box;
}

.lm-form-group input[type="text"],
.lm-form-group input[type="number"],
.lm-form-group select,
.lm-form-group textarea,
.lm-form-group {
    width: 100%;
}

.lm-form-group label {
    display: block;
    margin-bottom: 4px;
}

.lm-f1 {
    flex: 1;
}

.lm-f2 {
    flex: 2;
}

.lm-f3 {
    flex: 3;
}

.lm-f4 {
    flex: 4;
}

.lm-f5 {
    flex: 5;
}

.lm-f6 {
    flex: 6;
}

.lm-f7 {
    flex: 7;
}

.lm-f8 {
    flex: 8;
}


.lm-p0 {
    padding: 0;
}

.lm-p2 {
    padding: 2px;
}

.lm-p4 {
    padding: 4px;
}

.lm-p6 {
    padding: 6px;
}

.lm-p8 {
    padding: 8px;
}

.lm-p10 {
    padding: 10px;
}

.lm-p15 {
    padding: 15px;
}

.lm-p20 {
    padding: 20px;
}

.lm-p25 {
    padding: 25px;
}

.lm-p30 {
    padding: 30px;
}

.lm-application .lm-button,
.lm-button {
    padding: var(--lm-input-padding) 20px;
    border-radius: 2px;
    cursor: pointer;
    outline: none;

    background-color: var(--lm-secondary-color, #737373);
    border: 1px solid transparent;
    color: #fff;
}

.lm-application .lm-button.red,
.lm-button.red {
    background-color: #a23131;
    border: 1px solid transparent;
    color: #fff;
}

.lm-application .lm-button.blue,
.lm-button.blue {
    border:1px solid transparent;
    color:#fff;
    background-color:#1a73e8;
}

.lm-ripple {
    background-position: center;
    transition: background 0.8s;
}

.lm-ripple:hover {
    background: var(--lm-background-color-hover, #ebebeb) radial-gradient(circle, transparent 1%, var(--lm-background-color-hover, #ebebeb) 1%) center/15000%;
}

.lm-ripple:active {
    background-color: var(--lm-background-color-active, #e8e8e8);
    background-size: 100%;
    transition: background 0s;
}

.lm-cursor {
    cursor: pointer;
}

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

.lm-loading::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    z-index: 9999;
    animation: lm-loading 2s linear infinite;
    background: #e0e0e0 repeating-linear-gradient(to right, var(--lm-main-color-deep, #66b244), var(--lm-main-color-deep, #66b244) 50%, #e0e0e0 50%, #e0e0e0);
    background-size: 200% 100%;
}

@keyframes lm-loading {
    from {
        background-position: 100% 0;
    }
    to {
        background-position: 0 0;
    }
}

/** Dark mode */

body.lm-dark-mode {
    background-color: var(--lm-background-color);
}

.lm-dark-mode a {
    color: white;
}

.lm-dark-mode .lm-button {
    background-color: #555;
    border: 1px solid transparent;
    color: white;
}


@media (min-width: 320px) {
    .lm-container {
        padding: 0 2% 0 2%;
    }
}

@media (min-width: 1200px)
{
    .lm-container {
        padding: 0 5% 0 5%;
    }
}

@media (max-width: 720px) {
    .lm-row {
        flex-wrap: wrap;
    }

    .lm-column {
        min-width: 100%;
    }

    .lm-column .lm-form-group {
        padding: 0;
    }

    ::placeholder {
        text-transform: uppercase;
    }

    ::-webkit-input-placeholder {
        text-transform: uppercase;
    }

    :-moz-placeholder {
        text-transform: uppercase;
    }

    :-ms-input-placeholder {
        text-transform: uppercase;
    }
}
.lm-calendar {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    position: relative;
}

.lm-calendar button {
    cursor: pointer;
}

.lm-calendar .lm-modal {
    min-width: initial;
    min-height: initial;
}

.lm-calendar-options {
    display: none;
}

.lm-modal > div > .lm-calendar-options {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--lm-border-color, #ccc);
}

.lm-modal > div > .lm-calendar-options button {
    border: 0;
    background-color: transparent;
    text-transform: uppercase;
    cursor: pointer;
    padding: 15px;
    font-weight: bold;
}

.lm-calendar-header {
    display: flex;
    flex-direction: column;
}

.lm-calendar-header > div:first-child {
    display: flex;
    align-items: center;
    padding: 10px;
    flex: 1;
    user-select: none;
}

.lm-calendar-header .lm-calendar-labels {
    display: flex;
    flex: 1;
    cursor: pointer;
    padding-left: 5px;
}

.lm-calendar-header .lm-calendar-labels > button {
    font-size: 1.2em;
    border: 0;
    padding: 4px;
    background-color: transparent;
    font-weight: bold;
}

.lm-calendar-navigation {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
}

.lm-calendar-navigation button {
    padding: 8px;
    border: 0;
    border-radius: 24px;
}

.lm-calendar-navigation i:hover {
    background-color: var(--lm-background-color-hover, #ebebeb);
    color: #000;
}

.lm-calendar-weekdays {
    display: none;
    grid-template-columns: repeat(7, 1fr);
    padding: 0 8px 0 8px;
    font-size: 0.8em;
}

.lm-calendar-container[data-view="days"] .lm-calendar-weekdays {
    display: grid;
    align-items: center;
    flex: 1;
}

.lm-calendar-weekdays > div {
    display: inline-block;
    padding: 6px;
    box-sizing: border-box;
    text-align: center;
    font-weight: bold;
    line-height: 2em;
}

.lm-calendar-content {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    padding: 8px;
    font-size: 0.8em;
    outline: none;
}

.lm-calendar-content > div {
    box-sizing: border-box;
    text-align: center;
    aspect-ratio: 1 / 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px;
    cursor: pointer;
    border-radius: 100px;
    background-origin: padding-box;
}

.lm-calendar-container[data-view="months"] .lm-calendar-content {
    grid-template-columns: repeat(4, 1fr);
}

.lm-calendar-container[data-view="years"] .lm-calendar-content {
    grid-template-columns: repeat(4, 1fr);
}

.lm-calendar-content > div[data-grey="true"] {
    color: #ccc;
}

.lm-calendar-content > div[data-bold="true"] {
    font-weight: bold;
}

.lm-calendar-content > div[data-event="true"]::before {
    content: '';
    position: absolute;
    margin-top: 22px;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background-color: red;
}

.lm-calendar-content > div[data-selected="true"] {
    font-weight: bold;
    background-color: #eee;
    color: #000;
}

.lm-calendar-content:focus > div[data-selected="true"] {
    outline: 2px solid black;
    outline-offset: -2px;
}

.lm-calendar-content > div:hover {
    background-color: #eee;
    color: #000;
}

.lm-calendar-content > div[data-range="true"] {
    position: relative;
}

.lm-calendar-content > div[data-start="true"],
.lm-calendar-content > div[data-end="true"] {
    background-color: var(--lm-main-color, #2196f3);
    color: initial;
}

.lm-calendar-content > div[data-range="true"]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(25%);
    height: 50%;
    background-color: var(--lm-main-color-alpha, #2196f388);
}

.lm-calendar-content > div[data-start="true"]::before {
    left: 32px;
}

.lm-calendar-content > div[data-end="true"]::before {
    right: 32px;
}

.lm-calendar-footer > div {
    flex: 1;
}

.lm-calendar-footer {
    display: flex;
    margin: 0 10px 0 10px;
    padding: 8px 0 8px 0;
    line-height: 34px;
    border-top: 1px solid var(--lm-border-color-light, #e9e9e9);
}

.lm-calendar-footer[data-visible="false"] {
    display: none;
}

.lm-calendar-footer select {
    border: 0;
    background-color: transparent;
    padding: 6px;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin: 2px;
    border-radius: 32px;
    font-size: 1.1em;
    width: initial;
}

.lm-calendar-footer select:focus {
    background-color: #eee;
}

.lm-calendar-footer input {
    border: transparent;
    padding: 8px;
    width: 100%;
    cursor: pointer;
    background-color: var(--lm-border-color-light, #e9e9e9);
}

.lm-calendar-input {
    padding-right: 24px !important;
    box-sizing: border-box;
    background: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 -960 960 960\" width=\"24\"><path d=\"M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z\" fill=\"gray\" /></svg>") top 50% right 1px no-repeat;
}

.lm-calendar-time[data-visible="false"] {
    display: none;
}

.lm-ripple {
    background-position: center;
    transition: background 0.8s;
}

.lm-ripple:hover {
    background: var(--lm-background-color-hover, #ebebeb) radial-gradient(circle, transparent 1%, var(--lm-background-color-hover, #ebebeb) 1%) center/15000%;
}

.lm-ripple:active {
    background-color: var(--lm-background-color-active, #e8e8e8);
    background-size: 100%;
    transition: background 0s;
}

.lm-dark-mode .lm-calendar-weekdays {
    color: #aaa;
}

.lm-dark-mode .lm-calendar-labels > button {
    background-color: initial;
}

.lm-dark-mode .lm-calendar-content:focus > div[data-selected="true"] {
    outline-color: white;
}

.lm-dark-mode .lm-calendar-content > div[data-grey="true"] {
    color: var(--lm-font-grayout, #777);
}

.lm-dark-mode .lm-calendar-footer select:focus {
    background-color: #3a3a45;
}

.lm-calendar[data-grid="true"] .lm-calendar-weekdays {
    padding: 0;
}

.lm-calendar[data-grid="true"] .lm-calendar-content {
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0;
}

.lm-calendar[data-grid="true"] .lm-calendar-content > div {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    justify-content: start;
    align-items: end;
}
.lm-color {
    background-color: #fff;
    line-height: initial;
    box-sizing: border-box;
    position: relative;
}

.lm-color-options {
    box-sizing: border-box;
    padding: 10px 10px;
    justify-content: space-between;
    border-bottom: 1px solid var(--lm-border-color, #ccc);
    display: none;
}

.lm-modal > div > .lm-color-options {
    display: flex;
}

.lm-color-options button {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    text-transform: uppercase;
    font-weight: bold;
}

.lm-color-grid {
    width: 100%;
    height: 100%;
}

.lm-color-grid table {
    width: 100%;
    height: 100%;
}

.lm-color-grid tr:first-child>td:first-child {
    border-top-left-radius: 3px;
}

.lm-color-grid tr:first-child>td:last-child {
    border-top-right-radius: 3px;
}

.lm-color-grid tr:last-child>td:first-child {
    border-bottom-left-radius: 3px;
}

.lm-color-grid tr:last-child>td:last-child {
    border-bottom-right-radius: 3px;
}

.lm-color-selected {
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z%27 fill=%27black%27/%3E%3C/svg%3E");
}

.lm-color-hsl {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
}

.lm-color-hsl canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 3px;
    -webkit-user-drag: none;
}

.lm-color-point {
    height: 4px;
    width: 4px;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    outline: 1px solid white;
}

.lm-color-input {
    padding-right: 24px !important;
    box-sizing: border-box;
    background: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"gray\"><g><rect fill=\"none\" height=\"24\" width=\"24\"/></g><g><g><g><g><path d=\"M12,22C6.49,22,2,17.51,2,12S6.49,2,12,2s10,4.04,10,9c0,3.31-2.69,6-6,6h-1.77c-0.28,0-0.5,0.22-0.5,0.5 c0,0.12,0.05,0.23,0.13,0.33c0.41,0.47,0.64,1.06,0.64,1.67C14.5,20.88,13.38,22,12,22z M12,4c-4.41,0-8,3.59-8,8s3.59,8,8,8 c0.28,0,0.5-0.22,0.5-0.5c0-0.16-0.08-0.28-0.14-0.35c-0.41-0.46-0.63-1.05-0.63-1.65c0-1.38,1.12-2.5,2.5-2.5H16 c2.21,0,4-1.79,4-4C20,7.14,16.41,4,12,4z\"/><circle cx=\"6.5\" cy=\"11.5\" r=\"1.5\"/><circle cx=\"9.5\" cy=\"7.5\" r=\"1.5\"/><circle cx=\"14.5\" cy=\"7.5\" r=\"1.5\"/><circle cx=\"17.5\" cy=\"11.5\" r=\"1.5\"/></g></g></g></g></svg>") top 50% right 1px no-repeat;
}

.lm-color .lm-modal {
    min-width: initial;
    min-height: initial;
}

.lm-color .lm-tabs {
    flex-grow: 1;
    display: inline-flex;
    flex-direction: column;
    margin-top: 10px;
    min-width: 260px;
    min-height: 190px;
}

.lm-color .lm-tabs-content {
    display: flex;
    flex-grow: 1;
    margin-top: 4px;
}

.lm-color .lm-tabs .lm-tabs-content>div {
    flex-grow: 1;
}
.lm-menu .lm-modal {
    color: #555;
    user-select: none;
    border: 1px solid var(--lm-border-color-light, #e9e9e9);
    border-radius: 4px;
    box-shadow: 0 2px 6px 2px rgba(60,64,67,.2);
    max-height: 300px;
    width: initial;
    height: initial;
    min-width: 250px;
    min-height: initial;
    padding-top: 4px;
    padding-bottom: 4px;
    z-index: 16;
}

.lm-menu-submenu {
    padding-top: 1px;
    padding-bottom: 1px;
}

.lm-menu-submenu > div.lm-menu-item {
    box-sizing: border-box;
    display: flex;
    padding: 0 8px 0 8px;
    width: 250px;
    font-size: 11px;
    font-family:sans-serif;
    text-align: left;
    align-items: center;
}

.lm-menu-submenu > div.lm-menu-item a {
    text-decoration: none;
    flex: 1;
    cursor: pointer;
    line-height: 28px;
}

.lm-menu-submenu > div.lm-menu-item div {
    margin-right: 5px;
    font-size: 0.9em;
    color: #888;
}

.lm-menu-submenu > div.lm-menu-item[data-submenu="true"]::after {
    content: '\25B6'
}

.lm-menu-submenu > div.lm-menu-item[data-disabled="true"] {
    opacity: 0.5;
    pointer-events: none;
}

.lm-menu-submenu > div.lm-menu-item:hover,
.lm-menu-submenu > div.lm-menu-item[data-cursor="true"] {
    background-color: var(--lm-background-color-hover, #ebebeb);
}

.lm-menu-submenu hr {
    border: 1px solid var(--lm-border-color-light, #e9e9e9);
    border-bottom: 0;
    margin-top:5px;
    margin-bottom:5px;
}

.lm-menu-submenu > div.lm-menu-item::before {
    content: attr(data-icon);
    font-family: 'Material Icons';
    font-size: 16px;
    line-height: 24px;
    margin-right: 10px;
    width: 16px;
    color: var(--lm-icon-color, #777);
}

.lm-dropdown {
    display: inline-block;
    user-select: none;
    cursor: pointer;
    box-sizing: border-box;
    outline-offset: 1px;
}

.lm-dropdown-header {
    display: flex;
    position: relative;
    align-items: center;
}

.lm-dropdown-header-controls {
    display: none;
}

.lm-application .lm-dropdown-header-controls button,
.lm-dropdown-header-controls button {
    background-color: transparent;
    text-transform: uppercase;
    cursor: pointer;
    padding: 15px;
    font-weight: bold;
    outline: 0;
    border: 0;
    color: var(--lm-main-color);
}

.lm-dropdown-content {
    position: relative;
}

.lm-dropdown .lm-modal {
    padding: 0;
    min-width: initial;
    min-height: 5px;
    border: 1px solid var(--lm-border-color, #ccc);
    border-radius: 0;
}

.lm-dropdown-input {
    padding: var(--lm-input-padding, 6px) 24px var(--lm-input-padding, 6px) 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    appearance: none;
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
    background: var(--lm-background-color, #fff);
    border: 1px solid var(--lm-border-color, #ccc);
    min-height: 1em;
    border-radius: 2px;
}

.lm-dropdown-input > br {
    display: none;
}

.lm-dropdown-input:focus {
    outline: 2px solid var(--lm-border-outline, #000);
    outline-offset: -1px;
}

.lm-dropdown-input::after {
    content: '';
    position: absolute;
    width: 24px;
    height: 100%;
    top: 0;
    right: 4px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3Cpath d=%27M7 10l5 5 5-5H7z%27 fill=%27gray%27/%3E%3C/svg%3E");
    background-position: center;
    transition: transform .1s ease-in-out;
}

.lm-dropdown-add {
    position: absolute;
    padding: 12px;
    right: 20px;
    display: none;
}

.lm-dropdown-add::after {
    content: '+';
}

.lm-dropdown[data-insert="true"] .lm-dropdown-input {
    padding-right: 35px;
}

.lm-dropdown[data-state="true"][data-insert="true"] .lm-dropdown-add {
    display: initial;
}

.lm-dropdown[data-state="true"] .lm-dropdown-input::after {
    transform: rotate(-180deg);
}

.lm-dropdown-input:empty::before {
    content: "\00a0";
}

.lm-dropdown[data-state="true"] .lm-dropdown-input[placeholder]:empty::before {
    content: "\00a0" attr(placeholder);
    color: #aaa;
}

.lm-dropdown-options {
    width: 100%;
}

.lm-dropdown-item {
    box-sizing: border-box;
}

.lm-dropdown-item[data-group]::before {
    content: attr(data-group);
    display: block;
    padding: 8px;
    font-weight: bold;
    width: 100%;
    background-color: #FFF;
    color: #000;
    box-sizing: border-box;
}

.lm-dropdown-item > div {
    white-space: nowrap;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #000;
    display: flex;
    align-items: center;
    padding: 4px 40px 4px 16px;
    position: relative;
    box-sizing: border-box;
}

.lm-dropdown-item > div > span:empty::before {
    content: "\00a0";
}

.lm-dropdown-item > div > img {
    width: 24px;
    height: 24px;
    margin-left: -6px;
    margin-right: 6px;
}

.lm-dropdown-item > div > img:not([src]) {
    display: none;
}

.lm-dropdown-item > div > img[src=""] {
    display: none;
}

.lm-dropdown-item > div:hover {
    background-color: dodgerblue !important;
    color: white;
}

.lm-dropdown-item[data-cursor="true"] > div {
    background-color: #eee;
}

.lm-dropdown-item[data-cursor="true"]:hover > div {
    background-color: dodgerblue;
}

.lm-dropdown-item[data-selected="true"] > div {
    background-color: dodgerblue;
    color: white;
}

.lm-dropdown-item[data-selected="true"] > div::after {
    content: '✓';
    position: absolute;
    right: 10px;
    line-height: 24px;
}

/** Picker */

.lm-dropdown[data-type="picker"][data-state="true"] .lm-dropdown-content .lm-modal {
    box-shadow: initial;
    border: initial;
}

.lm-dropdown[data-type="picker"][data-state="true"] .lm-dropdown-content {
    position: initial;
}

.lm-dropdown[data-type="picker"][data-state="true"] .lm-dropdown-header-controls {
    display: flex;
    position: fixed;
    bottom: 300px;
    left: 0;
    width: 100% !important;
    background-color: #fff;
    z-index: 1;
    box-sizing: border-box;
    border-top: 1px solid var(--lm-border-color);
    border-bottom: 1px solid var(--lm-border-color);
    box-shadow: 0 0 12px rgb(0 0 0 / 22%);
    justify-content: right;
}

.lm-dropdown[data-type="picker"] .lm-modal {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100% !important;
    height: 300px !important;
}

.lm-dropdown[data-type="picker"] .lm-dropdown-item > div {
    border-bottom: solid 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    font-size: 1.1em;
    padding: 16px;
}

.lm-dropdown[data-type="picker"] .lm-dropdown-item[data-group]::before {
    text-align: center;
    border-bottom: solid 1px rgba(0, 0, 0, 0.2);
    padding: 16px;
}

/** Searchbar */

.lm-dropdown[data-type="searchbar"][data-state="true"] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    z-index: 1;
    box-sizing: border-box;
}

.lm-dropdown[data-type="searchbar"][data-state="true"] .lm-dropdown-content .lm-modal {
    box-shadow: initial;
    border: initial;
    border-top: 1px solid var(--lm-border-color);
}

.lm-dropdown[data-type="searchbar"][data-state="true"] .lm-dropdown-content {
    position: initial;
}

.lm-dropdown[data-type="searchbar"][data-state="true"] .lm-dropdown-header-controls {
    display: initial;
    position: fixed;
    right: 0;
    top: 0;
    background-color: #fff;
    z-index: 1;
    padding-top: 5px;
    box-sizing: border-box;
}

.lm-dropdown[data-type="searchbar"][data-state="true"] .lm-dropdown-input {
    font-size: 1.5em;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #eee;
    outline: none;
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 60px;
    height: 60px;
}

.lm-dropdown[data-type="searchbar"][data-state="true"] .lm-dropdown-input::after {
    background: initial;
}

.lm-dropdown[data-type="searchbar"][data-state="true"] .lm-dropdown-add {
    right: 100px;
}

.lm-dropdown[data-type="searchbar"] .lm-modal {
    max-height: initial;
    bottom: 0;
    width: 100% !important;
    height: calc(100% - 60px) !important;
    border: 0;
}

.lm-dropdown[data-type="searchbar"] .lm-dropdown-item > div {
    border-bottom: solid 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    font-size: 1.1em;
    padding: 16px;
}

.lm-dropdown[data-type="searchbar"] .lm-dropdown-item[data-group]::before {
    text-align: center;
    border-bottom: solid 1px rgba(0, 0, 0, 0.2);
    padding: 16px;
}

.lm-dropdown[data-type="searchbar"] .lm-lazy {
    max-height: initial;
}

.lm-dropdown .lm-lazy {
    max-height: 300px;
    scrollbar-width: thin;
    padding-bottom: 5px;
}

.lm-dropdown .lm-lazy::-webkit-scrollbar {
    height: 12px;
}

.lm-dropdown .lm-lazy::-webkit-scrollbar {
    width: 12px;
}

.lm-dropdown-loading .lm-dropdown-add::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    margin-top: -7px;
    margin-left: -12px;
    border-style: solid;
    border-color: #888;
    border-top-color: transparent;
    border-width: 1px;
    border-radius: 50%;
    animation: lm-dropdown-spin .8s linear infinite;
}

@keyframes lm-dropdown-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.lm-dark-mode .lm-dropdown-item > div {
    color: white;
}

/** Lazyloading */

.lm-lazy {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    box-sizing: border-box;
    height: 100%;
}

.lm-lazy-scroll {
    position: absolute;
    width: 1px;
}

.lm-lazy-items {
    position: sticky;
    top: 0;
    box-sizing: border-box;
    width: 100%;
}
.lm-modal {
    position: fixed;
    min-width: 300px;
    min-height: 240px;
    border-radius: 5px;
    z-index: 15;
    background-color: var(--lm-background-color, #fff);
    box-sizing: border-box;
    box-shadow: 0 0 12px rgb(0 0 0 / 22%);
    opacity: 1;
    border: 1px solid var(--lm-border-color, #ccc);
    outline: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    transition: opacity 0.4s ease, top 0.4s ease, left 0.4s ease, width 0.4s ease, height 0.4s ease;
    color: var(--lm-font-color, #000);
}

.lm-modal[closed="true"] {
    display: none;
}

.lm-modal.action {
    user-select: none;
}

.lm-modal-title {
    width: 100%;
    border-bottom: 1px solid  var(--lm-border-color, #ccc);
    padding: 10px;
    box-sizing: border-box;
    font-size: 1.2em;
    line-height: 24px;
    user-select: none;
    display: flex;
    border-radius: 5px 5px 0 0;
}

.lm-modal > .lm-modal-title {
    display: none;
}

.lm-modal > .lm-modal-title[data-icon],
.lm-modal > .lm-modal-title[data-title],
.lm-modal[closable="true"] > .lm-modal-title,
.lm-modal[minimizable="true"] > .lm-modal-title {
    display: inherit;
}

.lm-modal > .lm-modal-title > div:nth-child(2) {
    flex: 1;
}

.lm-modal > .lm-modal-title > .lm-modal-icon {
    width: 24px;
    height: 24px;
    font-size: 24px;
    cursor: pointer;
    font-family: "Material Icons";
    text-align: center;
    margin-right: 5px;
    display: none;
}

.lm-modal > .lm-modal-title > .lm-modal-icon:not(:empty) {
    display: inherit;
}

.lm-modal > .lm-modal-title > .lm-modal-close::before {
    content: 'close';
}

.lm-modal > .lm-modal-title > .lm-modal-minimize::before {
    content: '\2500';
}

.lm-modal[minimized="true"] > .lm-modal-title > .lm-modal-minimize::before {
    content: '\e5d7';
}

.lm-modal[minimizable="true"] > .lm-modal-title > .lm-modal-minimize {
    display: block;
}

.lm-modal[closable="true"] > .lm-modal-title > .lm-modal-close {
    margin-right: 0;
    display: block;
}

.lm-modal.hide {
    opacity: 0;
}

.lm-modal-layers:focus {
    z-index: 999;
}

.lm-modal[animation="false"] {
    transition: initial;
}

.lm-modal.action {
    transition: initial;
}

.lm-modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #00000020;
    z-index: 15;
}

.lm-modal > div:last-child {
    width: 100%;
    height: 100%;
}

.lm-modal[overflow="true"] > div:last-child {
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #333 transparent;
}

.lm-modal > div:last-child::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.lm-modal > div:last-child::-webkit-scrollbar-track {
    background: #eee;
}

.lm-modal > div:last-child::-webkit-scrollbar-thumb {
    background: #888;
}

.lm-modal[position="absolute"] {
    position: absolute;
    transition: initial;
}

.lm-modal[position="left"] {
    top: 0;
    left: 0;
    width: 280px;
    height: 100vh !important;
    border-width: 0;
    border-radius: initial;
}

.lm-modal[position="right"] {
    top: 0;
    left: auto;
    right: 0;
    width: 280px;
    height: 100vh !important;
    border-width: 0;
    border-radius: initial;
}

.lm-modal[position="bottom"] {
    top: initial;
    left: 0;
    bottom: 0;
    width: 100vw !important;
    height: 280px;
    border-width: 0;
    border-radius: initial;
}

.lm-modal[minimized="true"] {
    position: fixed;
    width: 200px !important;
    height: 45px !important;
    min-width: initial;
    min-height: initial;
    overflow: hidden;
}

.lm-switch {
    position: relative;
    display: inline-flex;
    z-index: 0;
    align-items: center;
}

.lm-switch:before {
    content: '';
    min-height: 1em;
}

.lm-switch > input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: absolute;
    left: 0;
    margin: 0;
    display: block;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    max-width: 30px;
    max-height: 30px;
    outline: none;
    opacity: 0;
    transform: scale(1);
    pointer-events: none;
    transition: opacity 0.3s 0.1s, transform 0.2s 0.1s;
}

.lm-switch > span {
    display: inline-flex;
    width: 100%;
    line-height: 24px;
    cursor: pointer;
    margin: 0 0 0 45px;
    align-items: center;
    box-sizing: border-box;
    max-width: -webkit-fill-available;
}

.lm-switch > span:empty {
    margin: 0;
}

.lm-switch > span::before {
    content: "";
    position: absolute;
    left: 0;
    border-radius: 7px;
    width: 36px;
    height: 14px;
    background-color: rgba(var(--lm-switch-front-color, 0,0,0), 0.38);
    transition: background-color 0.2s, opacity 0.2s;
}

.lm-switch > span::after {
    content: "";
    position: absolute;
    left: 0;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: rgb(var(---lm-switch-primary-color, 255,255,255));
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    transition: background-color 0.2s, transform 0.2s;
}

.lm-switch > input:checked {
    left: 11px;
    background-color: var(--lm-main-color, #2196f3);
}

.lm-switch > input:not(:checked) {
    left: -5px;
    background-color: var(--lm-secondary-color, #6A6A6A);
}

.lm-switch > input:checked + span::before {
    background-color: var(--lm-main-color-alpha, #2196f388);
}

.lm-switch > input:checked + span::after {
    background-color: var(--lm-main-color, #2196f3);
    transform: translateX(16px);
}

/* Hover, Focus */
.lm-switch:hover > input {
    opacity: 0.04;
}

.lm-switch > input:focus {
    opacity: 0.12;
}

.lm-switch:hover > input:focus {
    opacity: 0.16;
}

.lm-switch > input:active {
    opacity: 1;
    transform: scale(0);
    transition: transform 0s, opacity 0s;
}

.lm-switch > input:active + span::before {
    background-color: var(--lm-main-color-alpha, #2196f388);
}

.lm-switch > input:checked:active + span::before {
    background-color: rgba(var(--lm-front-color, 0,0,0), 0.38);
}

.lm-switch > input:disabled {
    opacity: 0;
}

.lm-switch > input:disabled + span {
    color: rgb(var(--lm-front-color,0,0,0));
    opacity: 0.50;
    cursor: default;
}

.lm-switch > input:disabled + span::before {
    background-color: rgba(var(--lm-front-color,0,0,0), 0.38);
}

.lm-switch > input:checked:disabled + span::before {
    background-color: var(--lm-main-color-alpha, #2196f388);
}

.lm-switch[position="right"] > span {
    margin: 0 45px 0 0;
}

.lm-switch[position="right"] > input {
    left: initial;
    right: -11px;
}

.lm-switch[position="right"] > span::before {
    left: initial;
    right: 0;
}

.lm-switch[position="right"] > span::after {
    left: initial;
    right: 16px;
}

.lm-tabs .lm-tabs-content > div {
  padding: 6px;
}

.lm-tabs .lm-tabs-headers {
  display: flex;
  align-items: center;
  width: 100%;
}

.lm-tabs[data-position="center"] .lm-tabs-headers {
  margin: 0 auto;
  justify-content: center;
}

.lm-tabs .lm-tabs-headers > ul {
  list-style-type: none;
  display: flex;
  margin: 0;
  padding: 0;
  align-items: center;
}

.lm-tabs .lm-tabs-headers > ul > li {
  cursor: pointer;
  user-select: none;
  padding: 4px 24px;
  border: 1px solid #ccc;
  background-position: center;
  transition: background 0.8s;
}

.lm-tabs .lm-tabs-headers > ul > li.selected {
  background-color: #eee;
  color: #000;
}

.lm-tabs[data-round="true"] .lm-tabs-headers > ul > li:first-of-type {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.lm-tabs[data-round="true"] .lm-tabs-headers > ul > li:last-of-type {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.lm-tabs .lm-tabs-headers > ul > li:not(:first-child) {
  border-left: 1px solid transparent;
}

.lm-tabs .lm-tabs-headers > ul > li:hover {
  background: #eee radial-gradient(circle, transparent 1%, #eee 1%) center/15000%;
}

.lm-tabs .lm-tabs-headers > ul > li:active {
  background-color: #ddd;
  background-size: 100%;
  transition: background 0s;
}

.lm-tabs .lm-tabs-content > div {
  display: none;
}

.lm-tabs .lm-tabs-content > div.selected {
  display: block;
}

.lm-tabs-insert-tab {
  margin-left: 5px;
  color: #555;
  cursor: pointer;
}

.lm-tabs div[data-visible='false'] {
  display: none;
}
.lm-topmenu {
    outline: none;
}

.lm-topmenu-options {
    display: flex;
}

.lm-topmenu-title {
    cursor: pointer;
    padding: 4px 12px 4px 12px;
    border-radius: 4px;
    user-select: none;
    margin: 2px;
}

.lm-topmenu-title:hover, .lm-topmenu-title:focus {
    background-color: var(--lm-background-color-hover, #ebebeb);
}

.lm-topmenu-title:active {
    background-color: var(--lm-background-color-active, #e8e8e8);
}

.lm-topmenu-title[data-disabled="true"] {
    opacity: 0.5;
    pointer-events: none;
}

.list-header input[search="false"] {
    display: none;
}

.list-header ul {
    display: flex;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 8px;
}

.list-header ul:empty {
    display: none;
}

.list-header li {
    width: 32px;
    min-width: 32px;
    height: 32px;
    font-size: 0.8em;
    border-radius: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #eee;
    margin: 2px;
    cursor: pointer;
    list-style: none;
}

.list-header li[selected="true"] {
    font-weight: bold;
}

.list-content:empty {
    padding: 8px;
    position: relative;
}

.list-content:empty::before {
    content: attr(data-message);
}

.lines .list-content:empty::before {
    text-align: center;
}
.jss_bar {
    display: flex;
    flex-wrap: nowrap;
    border: 1px solid #ccc;
    border-bottom: 0;
    position: relative;
    align-items: initial;
}

.disconnected .jss_bar {
    opacity: 0.8;
    pointer-events: none;
}

.jss_bar > i {
    position: absolute;
    right: 8px;
    top: calc(50% - 12px);
    cursor: pointer;
    color: #888;
}

.with-toolbar .jss_bar {
    border-top: 0;
}

.with-bar .jss_toolbar {
    margin-bottom: 0;
}

.jss_bar .range-input {
    width: 98px;
    padding: 0 0 0 10px;
    line-height: 24px;
    margin: 0;
    border: 0;
    outline: 0;
    box-sizing: border-box;
}

.jss_bar_picker {
    width: 24px;
    height: 24px;
    box-sizing: border-box;
}

.jss_bar_picker i {
    color: #999;
}

.jss_bar_names {
    position: absolute;
    width: 220px;
    max-height: 300px;
    overflow: auto;
    scrollbar-width: thin;
    z-index: 10;
    background-color: #fff;
    box-shadow: 1px 1px 7px 1px #bbb;
    display: none;
    outline: none;
}

.jss_bar > .jss_picker {
    min-width: fit-content;
    flex-grow: 1;
    outline: none;
    margin: 0;
    padding: 1px 0 0 6px;
    line-height: 24px;
    border: 0;
    box-sizing: border-box;
    white-space: pre;
    overflow-y: auto;
    scrollbar-width: thin;
    max-height: 26px;
}

.jss_bar.large > .jss_picker {
    height: 52px;
    max-height: 52px;
}

.jss_bar > .jss_picker.input:after {
    content: '';
}

.jss_bar_search {
    position: absolute;
    width: 400px;
    max-height: 400px;
    overflow: auto;
    scrollbar-width: thin;
    z-index: 10;
    background-color: #fff;
    margin-left: 120px;
    margin-top: 30px;
    box-shadow: 1px 1px 7px 1px #bbb;
    user-select: none;
 }

.jss_bar_search > div {
    padding: 10px 10px 10px 15px;
    font-size: 0.9em;
}

.jss_bar_search > div[data-selected="true"] {
    background-color: #eee;
}

.jss_bar_search > div > div {
    margin-bottom: 10px;
}

.jss_bar_search:empty {
    display: none;
}

.jss_bar_search > div:hover {
    background-color: #eee;
}

.jss_bar_search::-webkit-scrollbar {
    width: 8px;
}

.jss_bar_search::-webkit-scrollbar-track {
    background: #eee;
}

.jss_bar_search::-webkit-scrollbar-thumb {
    background: #888;
}

.jss_bar_icon {
    padding: 5px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
}

.jss_bar_icon::after {
    content: '';
    width: 16px;
    min-height: 16px;
    height: 100%;
    background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27utf-8%27%3F%3E%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 121.83 122.88%27 style=%27enable-background:new 0 0 121.83 122.88%27 xml:space=%27preserve%27%3E%3Cg%3E%3Cpath d=%27M27.61,34.37l-4.07,4.6l0.4,1.74h10.48c-2.14,12.38-3.74,23.54-6.81,40.74c-3.67,21.94-5.78,27.33-7.03,29.3 c-1.1,1.95-2.68,2.96-4.82,2.96c-2.35,0-6.6-1.86-8.88-3.97c-0.82-0.56-1.79-0.42-2.82,0.26C2,111.74,0,114.42,0,116.82 c-0.12,3.24,4.21,6.06,8.34,6.06c3.64,0,9-2.28,14.64-7.64c7.71-7.31,13.48-17.34,18.3-39.02c3.1-13.84,4.56-22.84,6.74-35.5 l13.02-1.18l2.82-5.17H49.2C52.99,10.53,55.95,7,59.59,7c2.42,0,5.24,1.86,8.48,5.52c0.96,1.32,2.4,1.18,3.5,0.28 c1.85-1.1,4.13-3.92,4.28-6.48C75.96,3.5,72.6,0,66.82,0C61.58,0,53.55,3.5,46.8,10.38c-5.92,6.27-9.02,14.1-11.16,23.99H27.61 L27.61,34.37z M69.27,50.33c4.04-5.38,6.46-7.17,7.71-7.17c1.29,0,2.32,1.27,4.53,8.41l3.78,12.19 c-7.31,11.18-12.66,17.41-15.91,17.41c-1.08,0-2.17-0.34-2.94-1.1c-0.76-0.76-1.6-1.39-2.42-1.39c-2.68,0-6,3.25-6.06,7.28 c-0.06,4.11,2.82,7.05,6.6,7.05c6.49,0,11.98-6.37,22.58-23.26l3.1,10.45c2.66,8.98,5.78,12.81,9.68,12.81 c4.82,0,11.3-4.11,18.37-15.22l-2.96-3.38c-4.25,5.12-7.07,7.52-8.74,7.52c-1.86,0-3.49-2.84-5.64-9.82l-4.53-14.73 c2.68-3.95,5.32-7.27,7.64-9.92c2.76-3.15,4.89-4.49,6.34-4.49c1.22,0,2.28,0.52,2.94,1.25c0.87,0.96,1.39,1.41,2.42,1.41 c2.33,0,5.93-2.96,6.06-6.88c0.12-3.64-2.14-6.74-6.06-6.74c-5.92,0-11.14,5.1-21.19,20.04l-2.07-6.41 c-2.9-9-4.82-13.63-8.86-13.63c-4.7,0-11.16,5.78-17.48,14.94L69.27,50.33L69.27,50.33z%27 fill=%27gray%27 /%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    display: block;
}

.jss_bar_cursor {
    cursor: pointer;
    position: absolute;
    top: calc(50% - 12px);
}

.jss_bar_gray {
    color: #777;
}

.jss_modern .jss_bar {
    border-color: #ddd;
}

.jss_modern .jss_bar_icon {
    border-color: #ddd;
}

[data-visible="true"] {
    display: block;
}
.jss_charts {
    display: flex;
    justify-content: center;
    align-items: center;
    outline: #ccc solid 1px;
    padding: 20px;
}

.jss_charts input,
.jss_charts select,
.jss_charts .lm-dropdown-input {
    padding: 8px;
}

.jss_charts_type i {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 15px;
}

.jss_charts_type input {
    display: none;
}

.jss_charts_type input:checked + i {
    outline: 2px solid black;
}

.jss_charts_error:after {
    content: attr(data-error);
    position: absolute;
    font-size: 12px;
    color: darkgray;
    margin-top: 150px;
}

.jss_charts_config_fullscreen {
    width: 100% !important;
    height: 100% !important;
    top: 0;
    left: 0;
    transform: none;
    border: 0;
    border-radius: 0;
}

.jss_charts_config_fullscreen .jss_charts_config_content {
    overflow-y:auto;
}

.jss_charts_config input.jcolor-input {
    display: none;
}

.jss_charts_config .color-bg {
    width: 100%;
    height: 34px;
    border: 1px solid #CCC;
    display: inline-block;
    border-right: none;
}

.jss_charts_floating {
    position: fixed;
    display: none;
    background-color: #fff;
    padding: 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-sizing: border-box;
    width: 300px;
    height: 300px;
    z-index: 1;
}

.jss_charts_floating.active {
    display: block;
}

.jss_charts_palette {
    display: flex;
    padding-top: 8px;
    padding-bottom: 8px;
}

.jss_charts_palette > div {
    width: 12px;
    height: 12px;
    margin: 2px;
    border: 1px solid #000;
}

.jss_charts_button {
    font-size: 0.8em;
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 6px;
    text-align: left;
    cursor: pointer;
}

.jss_charts_series i {
    cursor: pointer;
    margin: 2px;
}
.jss_media > .jss_media_item > svg {
    position: absolute;
    z-index: 1;
    top: 0;
}

.jss_media > .jss_media_item > .shape-text {
    position: absolute;
    z-index: 2;
    padding: 5px;
    box-sizing: border-box;
    outline: none;
    white-space: pre;
    text-wrap: wrap;
}

.jss-shape {
    overflow: visible;
}

.shape-types {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    justify-items: center;
    gap: 15px;
}

.shape-types > button {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffff;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.shape-types > button > svg {
    display: block;
}

.shape-category {
    margin-bottom: 25px;
}

.shape-category label {
    margin-bottom: 15px;
    display: block;
    font-weight: bold;
}
.jss_comments {background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAAIhJREFUKFNj/P3u2/87qSsYvt94xoANMIIEf738/P9u1mqsisAK/v//H/P7zdfFd1NWMHy/8wLFILgCkOjPh+8W3y/ayPD9JkjRP7BCsAKYKSD696vPi+8Xb2T4ev4xWBFcAbKiXy8+LX5Qtpnh67lHqApQTHr9dfH9ovWYCuBW/v2/+NerTzEAGQRQmrB5FBUAAAAASUVORK5CYII=) no-repeat top 0 right -1px;}.jss_comments_box {position: absolute;z-index: 4;top: 0;left: 0;-webkit-font-smoothing: antialiased;border-radius: 4px;box-shadow: 0 2px 12px rgba(0,0,0,.2);background-color: #fff;box-sizing: border-box;min-width: 260px;padding: 8px;opacity: 0;transition: opacity 0.2s ease-in-out;pointer-events: none;}.jss_comments_box.focus, .jss_comments_box.selected {opacity: 1;}.jss_comments_box.selected {pointer-events: initial;}.jss_comments_box .jss_comments_input, .jss_comments_box .jss_comments_actions {display: none;padding: 2px;}.jss_comments_box.selected .jss_comments_input, .jss_comments_box.selected .jss_comments_actions {display: block;}.jss_comments_box img {width: 32px;height: 32px;border-radius: 16px;border: 1px solid #ccc;}.jss_comments_box .jcontextmenu {width: 150px;}.jss_comments_box .jcontextmenu > div {width: 100%;}.jss_comments_box textarea {resize: none;width:100%;}.jss_comments_entry:hover {background-color: #f3f3f3;}@media only screen and (max-width: 420px) {.jss_comments_box {position: fixed;height: 320px;width: 100%;bottom: 0;top: initial;left: 0;overflow-y: auto;}.jss_comments_box .jcontextmenu {width: 100%;}}.material-icons.cursor {cursor: pointer;}
:root {
    --button-color: #2A9EB8;
    --main-color: #005b96;
    --secondary-color: #006600;
}

body {
    margin: 0;
    padding: 0;
}

body, td {
    font-family: Montserrat,sans-serif;
    font-size: 14px;
}

.material-icons {
    color: #737373;
}

.format_option:nth-child(1) {
    border-top: unset !important;
}

.format_option:hover {
    background-color: #b5b3b326;
}

.c1 {
    color: var(--main-color);
}

.c2 {
    color: var(--secondary-color);
}

.intrasheets-header {
    height: 80px;
    box-sizing: border-box;
}

.intrasheets .spreadsheet-controls {
    display: none;
}

.intrasheets[guid] .spreadsheet-controls {
    display: flex;
}

.intrasheets-title {
    border: none;
    width: 100%;
    max-width: 220px;
    padding: 0;
    outline: 0;
    font-size: 1.4em;
    margin-left: 8px;
    margin-bottom: 2px;
}

.jss_container.fullscreen {
    top: 80px !important;
    height: calc(100% - 80px) !important;
}

.jss_toolbar {
    height: initial !important;
}

.list-type {
    background-color: #f3f3f3;
    color: #777;
    padding: 28px;
    border-radius: 8px 0px 0px 8px;
}

.logo img {
    height: 30px;
    margin-left: 10px;
}

@media (max-width: 800px) {
    .jmenu {
        padding: 20px;
    }
}

label.jswitch {
    display: flex;
}

.jmenu a:hover, .jmenu a.selected {
    text-decoration: initial;
    font-weight: initial;
}

.lm-button {
    margin-right: 4px;
}

.lm-list {
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    letter-spacing: .2px;
    -webkit-border-radius: 4px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.14);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.14);
    background-color: #fff;
    margin: 20px 10px 10px 10px;
    flex-direction: row;
}

.lm-list-type {
    background-color: #f3f3f3;
    color: #777;
    padding: 28px;
    border-radius: 8px 0 0 8px;
}

.list-header {
    margin: 0;
    padding: 10px;
}

.list-header input {
    background-color: #e6e6e6;
    border: 0;
    border-radius: 4px;
    outline: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27gray%27%3E%3Cpath d=%27M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 5px center;
    width: 100%;
    max-width: -webkit-fill-available;
    padding: 8px 8px 8px 32px;
}

.list-content:empty {
    padding: 0;
}

.list-content:empty::before {
    width: 100%;
    text-align: center;
    font-size: 0.8em;
    padding: 20px;
    box-sizing: border-box;
    display: block;
}

.list-content a {
    text-decoration: none;
}

.lm-cursor {
    cursor: pointer;
}

.intrasheets-history-preview {
    width: 100%;
    height: 100%;
}

.intrasheets-history-preview:empty:after {
    content: 'Select a version to preview';
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 450px;
    justify-content: center;
    align-items: center;
    border: 1px solid #ddd;
}

.intrasheets-controls > div {
    margin: 4px 0;
}

div[data-connected="false"] .intrasheets-controls input {
    opacity: 0.5;
    pointer-events: none;
}

div[data-connected="true"] .intrasheets-refresh {
    display: none;
}

.intrasheets-logo {
    background-image: url(data:image/png;base64,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);
    width: 275px;
    height: 50px;
}

label.lm-switch {
    display: inline-flex;
}