/*
    ew-wrap
    ew-box

    ew-page-title
    ew-action-bar
    ew-icons-right

    ew-text
    ew-values, vertical, fixed
    ew-links
    ew-values
    ew-data

    ew-object-head
    ew-tabs, [with ew-icons-right]
    ew-tree
   *ew-side-menu

   *ew-notification

   *ew-table

   *ew-form
   *ew-input +
   *ew-filter (Speicher 64GB)
   *ew-search
   *ew-editor

   *ew-chart

    ew-media (map, iframe, video)
    *ew-gallery
    *ew-grid (Images in grid boxes, varied sizes)

    ew-dialog
    ew-alert
    ew-toast
    ew-floating-action-button

    ew-divider
    ew-refresher
    ew-paginator
    ew-progress-indicator
    ew-progress-bar

    h1-6, subtitle
    text, paragraph, quote, muted, primary, info, success, warning, danger
    image, rounded, circle raised

    button, input, checkbox, radio, select, textarea, toggle
    progress bar, slider, pagination
    badges, chips
    date picker

    nice strong red: #e63939
 */

h1 .number {
    background: hsla(var(--ew-color-hue), 100%, 83%, 0.22);
    border: 1px solid hsla(var(--ew-color-hue), 100%, 73%, 0.22);
    border-radius: 4px;
    padding: 0 6px;
    color: #000000c2;
    font-weight: normal;
}
h1 .nav, h1 .picker {
    display: inline-block;
    position: relative;
    top: -4px;
}
h1 .nav {
    padding: 0 10px;
}
h1 .nav a, h1 .picker > a {
    font-weight: 300;
}
.ew-page-title .ew-icons-right {
    padding-top: 0;
}
/*h1 .nav > .button, h1 .nav > button, h1 .picker > .button, h1 .picker > button, .ew-icons-right > .button, .ew-icons-right > button {*/
h1 .nav .button, h1 .nav button, h1 .picker .button, h1 .picker button, .ew-icons-right .button, .ew-icons-right button {
    font-size: 18px;
    line-height: 42px;
    padding: 4px 12px;
    text-align: center;
    margin-bottom: 0;
    height: 50px;
}
h1 .nav .button, h1 .nav button, .ew-icons-right > .button, .ew-icons-right > button {
    transition: all 160ms ease-in-out;
    min-width: 50px;
}
/*
h1 .button.kebab-menu .label, h1 .nav button.kebab-menu .label {*/
h1 .nav .button .label, h1 .nav button .label, .ew-icons-right .button .label, .ew-icons-right button .label {
    margin: 0 5px !important;
    font-size: 17px;
}
.ew-icons-right .ew-kebab-menu {
    display: inline-block;
}
.ew-icons-right .ew-kebab-menu .button {
    text-align: left;
}
h1 .nav .ew-context-menu .button, h1 .nav .ew-context-menu button, h1 .picker .ew-context-menu .button, h1 .picker .ew-context-menu button, .ew-icons-right .ew-context-menu .button, .ew-icons-right .ew-context-menu button {
    font-size: 16px;
    line-height: 23px;
    padding: 8px 12px;
    text-align: left;
    margin-bottom: 0;
    height: 40px;
    color: #000000d4;
}
h1 .ew-context-menu .button .label, h1 .ew-context-menu button .label, .ew-icons-right .ew-context-menu .button .label, .ew-icons-right .ew-context-menu button .label {
    font-size: 16px !important;
}
h1 .ew-context-menu .button i, h1 .ew-context-menu button i, .ew-icons-right .ew-context-menu .button i, .ew-icons-right .ew-context-menu button i {
    margin-right: 0;
}
.ew-context-menu .button.line-top {
    border-top: 1px solid #00000014;
}
.ew-context-menu .button.line-bottom {
    border-bottom: 1px solid #00000014;
}
/*.ew-icons-right .ew-kebab-menu .button:hover {
    font-size: inherit;
    padding: 4px 12px;
}*/
.ew-icons-right .ew-kebab-menu > .button i.icon-only, .ew-icons-right .ew-kebab-menu > button i.icon-only {
    margin: 0 3px 0 6px;
}
h1 .nav a i, h1 .nav button i, h1 .picker > a i {
    width: 35px;
    font-size: 0.6em;
    line-height: 41px;
    margin: 0 !important;
    text-align: center;
}
.ew-wrap > h2 {
    font-size: 1.4em;
    font-weight: bold;
}
.ew-wrap > h2.special { /* todo: where used? */
    font-size: 1.2em;
    letter-spacing: 1px;
    font-weight: normal;
    /*color: #0000007a;*/
    margin-bottom: 10px;
}
.ew-wrap > h2 + section {
    margin-top: 15px;
}
.ew-wrap > h2 i {
    margin-left: 5px;
    margin-right: 7px;
}
.ew-box h4.intro, .ew-links h4.intro {
    color: #00000063;
    border-bottom: 1px solid #00000012;
    margin: 2px 0;
    padding: 15px 5px 5px 5px;
    font-weight: normal;
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.ew-box h3 i, .ew-box h4 i {
    margin-right: 7px;
}
.ew-box h3 + ul, .ew-box h3 + .flex-row ul, .ew-box h3 + .ew-box-wrap, .ew-box h3 + article {
    padding-top: 5px;
}

.ew-text, .ew-links, .ew-values, .ew-chart, .ew-data, .ew-form {
    padding: 0 25px;
}
.ew-chart {
    padding: 1px 25px;
}
.ew-action-bar {
    padding: 0 24px;
}
.ew-box .ew-action-bar {
    padding: 25px 20px 15px 25px;
    background: #00000005;
}
.ew-action-bar div.text {
    display: inline-block;
    padding: 0 10px;
    line-height: 44px;
}
.ew-action-bar div.text + button {
    margin-left: 10px;
}
.ew-action-bar.hover-float {
    opacity: 0;
    position: absolute;
    top: 10px;
    right: 0;
    margin: 0;
    padding: 0;
    transition: all 100ms ease-in-out;
}
.rel:hover .ew-action-bar.hover-float {
    opacity: 100;
}
.floating-action-bar.active {
    contain: none;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    z-index: 101;
}
.floating-action-bar.active .ew-wrap-contain > section {
    margin: 0 50px;
}
.ew-task-section {
    position: relative;
    border-bottom: 1px solid #00000012;
}
.ew-task-section.drag1 {
    background: white;
}
.ew-task-section:first-child {
    border-top: 1px solid #00000012;
}
.ew-board-section .ew-action-bar, .ew-task-section .ew-action-bar {
    padding: 0 7px 0 0;
    opacity: 0.4;
    transition: opacity .2s ease-in-out;
}
.ew-board-section:hover .ew-action-bar, .ew-task-section:hover .ew-action-bar {
    opacity: 1;
}
.ew-board-section .ew-action-bar button, .ew-board-section .ew-action-bar a, .ew-task-section .ew-action-bar button, .ew-task-section .ew-action-bar a {
    background: none;
    border: 0 !important;
    box-shadow: none;
    color: grey;
    font-size: 0.9em;
    margin: 0;
    padding: 12px 8px;
    width: 40px !important;
}
.ew-task-section .ew-action-bar button, .ew-task-section .ew-action-bar a {
    padding: 15px 8px;
}
.ew-board-section .ew-action-bar button:hover, .ew-board-section .ew-action-bar a:hover, .ew-task-section .ew-action-bar button:hover, .ew-task-section .ew-action-bar a:hover {
    background: hsla(var(--ew-color-hue), 100%, 83%, 0.22);
    color: black;
}
.ew-board-section .title {
    margin-bottom: 5px;
}
.ew-board-section .desc {
    text-overflow: ellipsis;
    word-wrap: break-word;
    max-height: 60px;
    overflow: hidden;
    font-size: 0.85em;
    line-height: 1.5em;
    color: rgba(0, 0, 0, 0.62)
}
.ew-task-section > article > .ew-checkbox {
    position: absolute !important;
    width: 50px;
    left: 0;
    top: 0;
}
.ew-task-section > article > .ew-checkbox label {
    display: inline-block;
    width: 50px;
    height: 55px;
    padding-right: 0;
}
.ew-task-section > article > .ew-action-bar {
    position: absolute;
    width: 100px;
    top: 0;
    right: 0;
    background: none;
}
.ew-task-section > article > .responsible-person {
    position: absolute;
    width: 35px;
    top: 5px;
    right: 95px;
    background: none;
}
.ew-task-section span.due {
    background: #ece80014;
    border: 1px solid #0000002e;
    border-radius: 4px;
    font-size: 0.8em;
    padding: 2px 5px;
    margin-right: 5px;
}

.ew-task-section .text {
    padding: 15px 90px 15px 52px;
}
.ew-task-section .desc, .ew-task-section .meta {
    font-size: 0.8em;
    color: #383838;
}
.ew-task-section .ew-checkmark {
    border-radius: 15px;
}
.ew-task-section .ew-checkbox input:checked ~ .ew-checkmark, .ew-task-section .ew-radio label input:checked ~ .ew-checkmark {
    background: #0000000a;
    border: 0;
}
.ew-task-section .ew-checkbox input:checked:hover ~ .ew-checkmark, .ew-task-section .ew-radio label input:checked:hover ~ .ew-checkmark {
    background: #00000012;
}
.ew-task-section .ew-checkbox:hover input:checked ~ .ew-checkmark::after, .ew-task-section .ew-radio:hover label input:checked ~ .ew-checkmark::after {
    display: block;
    border-color: lightgrey;
    /* todo: make this work, hover light checkbox check effect */
}
.ew-task-section .ew-checkbox input:checked ~ .ew-checkmark::after, .ew-task-section .ew-radio label input:checked ~ .ew-checkmark::after {
    border-color: cadetblue;
}

.ew-values article > div {
    display: inline-block;
    white-space: nowrap;
    margin-right: 30px;
    line-height: 1.8em;
}
.ew-values article > div > span:first-child {
    margin-right: 10px;
    color: #00000080;
}
.ew-values article.vertical > div {
    display: block;
    margin-right: 0;
    white-space: normal;
    line-height: 1.9em;
}
/*.ew-values article.fixed > div span:first-child {*/
.ew-values article.fixed div > span.label {
    display: inline-block;
    min-width: 150px;
}
.ew-values .value > div {
    display: inline-block;
}
.ew-values .value i {
    margin-right: 7px;
}
.ew-values .value i.after {
    margin-left: 7px;
    margin-right: 0;
}
.ew-values .value a:hover .label {
    text-decoration: double;
    border-bottom: 3px double;
}

.ew-text, .ew-custom {
    padding: 0 20px;
}
.ew-text h1, .ew-text h2, .ew-text h3, .ew-text h4, .ew-text h5, .ew-text h6 {
    margin-top: 20px;
}
.ew-text article, .ew-data article, .ew-form article, .ew-custom article {
    padding: 15px 0;
}
td .ew-text article, td .ew-data article, td .ew-form article, td .ew-custom article {
    padding: 10px 0;
}
.ew-form article {
    padding: 35px 20px;
}
.ew-form.less-padding-top article {
    padding-top: 15px;
}
.ew-text h3 + article {
    padding-top: 5px;
}
.ew-text-chat {
    position: relative;
    border-bottom: 1px solid #ccc;
}
.ew-text-chat aside {
    position: absolute;
    top: 20px;
    left: 45px;
    width: 30px;
    text-align: center;
    color: hsla(var(--ew-color-hue), 100%, 24%, 0.7);
}
.ew-text-chat article {
    padding: 15px 10px 15px 60px;
    max-width: 670px;
}
.ew-form article {
    max-width: 700px; /* todo flexible design */
}
.ew-chart > canvas {
    margin: 20px 5px;
}
.ew-chart > h3 + canvas {
    margin-top: 10px;
}
.ew-links ul, .ew-links > article, .ew-values article, .ew-text article {
    padding: 15px 5px;
}
.ew-card > article {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: hidden;
    border: 1px solid #0000000f;
    border-radius: 5px;
    margin: 10px;
    min-height: 150px;
    background: #f3f3f3;
    padding: 10px;
}
.ew-card.shadow > article {
    border: 1px solid #00000045;
    box-shadow: 2px 2px 10px #00000021;
}
.ew-card.premium > article {
    outline: 3px solid #f6f9a8;
}
.ew-card.premium-green > article {
    outline: 3px solid #abcbb7;
}
.ew-card > article > aside {
    width: 150px;
    min-height: 150px;
    flex-grow: 0;
}
.ew-card > article > .card-body {
    width: 150px;
    flex-grow: 1;
    padding: 10px 20px;
}
.ew-markdown > article {
    padding-bottom: 50px;
}
.ew-links ul ul, .ew-box h3 + .flex-row ul ul {
    padding: 0 0 5px 15px;
}
.ew-links li, .ew-links td {
    margin: 0;
    padding: 0;
}
.ew-links td > div {
    padding: 4px 10px 4px 10px;
}
.ew-links a {
    position: relative;
    display: block;
    text-decoration: none;
    padding: 4px 10px 4px 45px;
}
.ew-links.no-icons a {
    padding-left: 20px;
}
.ew-links a.active {
    background: hsla(var(--ew-color-hue), 100%, 95%, 0.82);
    border: 1px solid hsla(var(--ew-color-hue), 100%, 35%, 0.3);
    font-weight: bold;
    border-radius: 10px;
    padding: 3px 9px 3px 44px;
}
.ew-links.no-icons a.active {
    padding-left: 19px;
}
.ew-links a.active i {
    font-weight: bold;
}
.ew-links a:hover {
    text-decoration: underline;
}
.ew-links .a-wrap {
    position: relative;
}
.ew-links .a-wrap a.active {
    padding-right: 50px;
}
.ew-links a.reset-link {
    position: absolute;
    top: 0;
    right: 0;
    height: 32px;
    padding: 4px 10px 4px 10px;
    border-radius: 0 10px 10px 0;
    width: 40px;
}
.ew-links a.reset-link:hover {
    background: #0000000a;
}
.ew-links li a i, .ew-links td a i {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    text-align: center;
    width: 40px;
    line-height: 33px;
    color: #0000009c;
}
.ew-links li a.active i, .ew-links td a.active i {
    line-height: 31px;
}
.ew-cover {
    background-position: center center;
    background-size: cover;
    min-height: 150px;
    margin: 0 !important;
}
.ew-button-list h3, .ew-category-boxes h3, .ew-product-boxes h3 {
    text-align: center;
    font-size: 1.5em;
}
.h3-huge h3 {
    font-size: 1.5em;
}
.ew-button-list article {
    padding: 20px;
}
.ew-button-list article button, .ew-button-list article a.button {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
}
.ew-button-list article button::after, .ew-button-list article a.button::after {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 60px;
    text-align: center;
    font-family: "Font Awesome 6";
    font-weight: 400;
    content: "\232a";
    height: 56px;
    line-height: 42px;
}
.ew-button-list div.or {
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    padding: 5px;
    font-size: 0.9em;
    color: grey;
}
.panel-article {
    padding: 35px;
}
.ew-panel-buttons {
    position: relative;
}
.panel-button-wrap {
    position: relative;
    display: inline-block;
    padding: 10px;
    min-height: 100px;
}
.panel-button-wrap button, .panel-button {
    width: 100%;
    height: 100%;
    min-height: 100px;
    margin: 0;
}
.panel-button {
    border: 1px solid #00000047;
    background: white;
}
.ew-category-boxes article {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    padding: 20px 10px;
}
.ew-category-boxes article > a {
    display: inline-block;
    flex-grow: 1;
    width: 50%;
    padding: 10px;
    text-decoration: none;
}
.ew-category-boxes article a.featured {
    width: 100%;
}
.ew-category-boxes article > a.hover .label {
    text-decoration: underline;
}
.ew-category-boxes article .preview {
    height: 120px;
    transition: transform .2s ease-in-out;
}
.ew-category-boxes article a:hover .preview {
    transform: scale(1.03);
}
.ew-category-boxes article .label {
    padding: 5px 5px 5px 2px;
}
.ew-category-boxes article .label i {
    margin-left: 7px;
    color: grey;
}
.ew-product-boxes article > a {
    position: relative;
    display: block;
    padding: 15px 20px 15px 20px;
    margin: 15px;
    overflow: hidden;
    border-radius: 5px;
    text-decoration: none;
    background: #f0f0f05e;
}
.ew-product-boxes article a.button:hover {
    background: #f0f0f080;
}
.ew-product-boxes article a:hover .pos-add {
    background: #e3e3e3;
}
.ew-product-boxes article .pos-add {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #00000014;
    border-top: 0;
    border-right: 0;
    border-radius: 0 0 0 5px;
}
.ew-product-boxes article .pos-add .times, .ew-product-boxes article .pos-add i {
    display: inline-block;
    text-align: center;
    min-width: 30px;
    line-height: 23px;
    padding: 5px 5px;
}
.ew-product-boxes article .pos-add .times {
    font-weight: bold;
    background: hsla(var(--ew-color-hue), 100%, 85%, 0.82);
    border-radius: 0 5px 0 5px;
}
.ew-product-boxes article .pos-add .times.hidden, .ew-product-boxes article .pos-add i.hidden {
    display: none;
}
.ew-product-boxes article .pos-add i {
    margin: 0;
}
.ew-product-boxes article h4 {
    padding-right: 40px;
}
.ew-product-boxes article .description {
    font-size: 0.9em;
}
.ew-product-boxes article .price {
    font-size: 0.9em;
    color: hsla(var(--ew-color-hue), 100%, 25%, 0.82);
    margin-top: 5px;
}
.ew-correspondence-boxes .correspondence-box {
    margin: 20px;
    background: #f0f0f0c7;
    border: 1px solid #00000014;
    border-radius: 4px;
    box-shadow: 3px 3px 7px #0000000d;
}
.ew-correspondence-boxes .correspondence-box header {
    padding: 10px 20px;
    border-bottom: 2px solid #00000014;
}
.ew-correspondence-boxes .correspondence-box .state {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000000c7;
}
.ew-correspondence-boxes .correspondence-box .state i {
    margin-left: 10px;
}
.ew-correspondence-boxes .correspondence-box .pos {
    background: #ffffffc9;
}
.ew-correspondence-boxes .correspondence-box .pos > div {
    padding: 10px 20px;
    border-bottom: 1px solid #00000014;
}
.ew-correspondence-boxes .correspondence-box .pickup {
    padding: 20px 20px;
    border-top: 1px solid #00000014;
}
.ew-correspondence-boxes .correspondence-box .code {
    font-size: 1.6em;
    line-height: 1.3em;
}
.ew-checkout-mobile .cart-item {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px;
    margin: 15px;
}
.ew-checkout-mobile .cart-sum {
    margin: 15px;
}
.ew-checkout-mobile .amount {
    flex-grow: 0;
    width: 150px;
    text-align: right;
}
.ew-checkout-mobile .amount button {
    padding: 10px;
    margin: 5px;
    line-height: 20px;
    font-size: 1.1em;
}
.ew-checkout-mobile .cart-item .amount .times {
    display: inline-block;
    padding: 5px;
    width: 30px;
    text-align: center;
}
.ew-checkout-mobile .note {
    font-size: 0.9em;
    margin-top: 3px;
}
.ew-checkout-mobile .note a {
    opacity: 0.7;
}
.ew-checkout-mobile .price {
    font-size: 0.9em;
    color: hsla(var(--ew-color-hue), 100%, 25%, 0.82);
}

.ew-object-head {
    padding: 15px 20px;
}
.ew-object-head > article {
    font-size: 1.2em;
    line-height: 46px;
}
.ew-object-head > article i:first-child {
    display: inline-block;
    width: 30px;
    text-align: center;
    margin-right: 7px;
    color: #000000cc;
}
.ew-object-head > article a i {
    font-size: 0.7em;
    margin-left: 10px;
    color: #00000040;
}
.ew-icons-right {
    text-align: right;
    font-size: 1.2em;
}
.ew-icons-right a {
    padding: 10px;
    line-height: 46px;
    color: #00000098;
    transition: color .5s ease-in-out;
}
.ew-icons-right a:hover {
    color: black;
}
.ew-legal {
    position: relative;
    border-bottom: 1px solid #00000014;
    background: #8080802e;
    font-family: mono,monospace;
    padding: 20px;
    box-shadow: 0 0 10px #00000026;
    max-height: 200px;
    overflow: auto;
}
.ew-legal article {
    font-size: 0.8em;
}
.ew-legal.full {
    max-height: none;
}
.ew-legal a.expander {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.ew-announcement {
    position: relative;
    border-bottom: 1px solid #00000014;
    background: #8080802e;
    padding: 20px;
    margin-bottom: 5px;
    box-shadow: 0 0 10px #00000026;
}
.ew-announcement article {
    padding: 10px 26px;
}

.ew-tabs {
    position: relative;
}
.ew-tabs ul {
    list-style-type: none;
    padding: 10px 15px 10px 15px;
}
.ew-tabs li {
    display: inline;
    padding: 0;
    margin: 0 5px;
}
.ew-tabs li.hide {
    display: none;
}
.ew-tabs li.active {
    display: inline !important;
}
.ew-tabs li.tab-link a {
    display: inline-block;
    text-decoration: none;
    padding: 3px 20px 0 20px;
    line-height: 40px;
    font-size: 1.1em;
    color: #000000d1;
    max-height: 43px;
}
.ew-tabs li.tab-link a:hover .label {
    text-decoration: underline;
}
.ew-tabs li.tab-link a:hover span {
    text-decoration: none;
}
.ew-tabs li.tab-link a i {
    margin-right: 10px;
    opacity: 0.9;
    color: hsla(var(--ew-color-hue), 100%, 25%, 0.82);
    font-size: 1.1em;
}
/*ul.ew-tabs a:hover {
    border-bottom: 3px solid hsla(var(--ew-color-hue), 100%, 85%, 0.82);
}*/
.ew-tabs li.tab-link a.active {
    border-bottom: 3px solid hsla(var(--ew-color-hue), 100%, 45%, 0.82);
}
.ew-tabs ul ul {
    border: 1px solid red;
}
.ew-tabs .ew-bubble {
    position: relative;
    top: -2px;
    padding: 3px 5px;
    font-size: 0.6em;
    background: #ffd5d5b8;
    border: 1px solid #ba0000a6;
    color: #ba0000c2;
    border-radius: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-left: 8px;
    text-decoration: none;
}
.ew-tab-page {
    transition: opacity ease-in-out 500ms;
}
form.loading .ew-tab-page {
    opacity: 0.5;
}
.ew-tab-mobile {
    display: none;
}
.ew-tabs a.loading {
    animation-name: ew-opacity-loading;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    cursor: progress !important;
}
@keyframes ew-opacity-loading {
    0% {
        border-bottom: 3px solid hsla(var(--ew-color-hue), 100%, 45%, 0.42);
    }
    50% {
        border-bottom: 3px solid hsla(var(--ew-color-hue), 100%, 45%, 0.72);
    }
    100% {
        border-bottom: 3px solid hsla(var(--ew-color-hue), 100%, 45%, 0.42);
    }
}

.ew-media {
    position: relative;
    padding: 0;
    min-height: 150px;
    height: 100%;
}
.ew-media iframe {
    margin: 0;
    width: 100%;
    height: 100%;
}

.ew-tree {
    margin: 0;
    font-size: 0.89em;
    padding: 10px 0 5px 0;
}
.ew-tree, .ew-tree ul, .ew-side-menu {
    background: hsla(var(--ew-color-hue), 100%, 94%, 0.22);
    box-shadow: inset 0 0 15px #00000010;
    margin: 0;
}
.ew-tree li {
    position: relative;
    margin: 0;
    padding: 0 7px;
}
.ew-tree li:first-child {
    padding-top: 2px;
}
.ew-tree li:last-child {
    padding-bottom: 7px;
}
.ew-tree a {
    display: block;
    line-height: 2em;
    padding: 0 10px 0 20px;
    text-decoration: none;
}
.ew-tree i {
    display: inline-block;
    width: 35px;
    text-align: center;
}
.ew-tree .expand {
    position: absolute;
    top: 0;
    left: -10px;
    padding-right: 0;
}
.ew-tree .expand i {
    display: inline-block;
    padding: 5px 0;
    font-size: 0.7em;
    line-height: 0.8em;
    width: 15px;
    color: #00000087;
}
.ew-tree .opt {
    position: relative;
    padding-left: 50px;
}
.ew-tree .opt i {
    position: absolute;
    top: 7px;
    left: 15px;
}
/*.ew-tree a:hover {
    background: hsla(var(--ew-color-hue), 100%, 74%, 0.1);
    border-radius: 7px 0 0 7px;
}*/
.ew-tree .expand:hover {
    background: none;
}
.ew-tree .expand:hover i {
    color: black;
    font-weight: bold;
}
.ew-tree a:hover {
    text-decoration: underline;
}
.ew-tree li li a, .ew-side-menu li li a {
    margin-left: 18px
}
.ew-tree li li li a, .ew-side-menu li li li a {
    margin-left: 35px
}
.ew-tree li li li li a, .ew-side-menu li li li li a {
    margin-left: 52px
}
.ew-tree li li li li li a, .ew-side-menu li li li li li a {
    margin-left: 59px
}
.ew-tree li li li li li li a, .ew-side-menu li li li li li li a {
    margin-left: 66px
}

.ew-board-filter {

}

.ew-points {
    padding: 15px 0;
}
.ew-points i {
    margin-right: 7px;
}

.ew-notification {
    position: relative;
    padding: 15px 20px 15px 60px;
    line-height: 1.5em;
}
.ew-dialog-body .ew-notification {
    margin: 5px 20px 5px 20px;
}
.ew-dialog-body .ew-notification:first-child {
    margin-top: 20px;
}
.ew-notification > i:first-child, .ew-notification article i:first-child {
    position: absolute;
    top: 15px;
    left: 20px;
    display: inline-block;
    width: 30px;
    text-align: center;
    margin-right: 10px;
    font-size: 1.2em;
    line-height: 1.3em;
    font-weight: bold;
}
.ew-notification.warning {
    /*background: #ffd0616c;*/
    background: #f6e2b3;
    /*background: linear-gradient(294deg, #ffd0619c 0%, #ffd0619c 76%, #ffd061c7 78%, #ffd061bf 100%);*/
    border: 1px solid #ffd061;
}
.ew-notification.warning > i, .ew-notification.warning article i {
    color: #b57e009c;
}
.ew-notification.error {
    /*background: #ff80615c;*/
    background: #f3c5ba;
    border: 1px solid #ff8061;
}
.ew-notification.error > i, .ew-notification.error article i {
    color: #b524009c;
}
.ew-notification.success {
    /*background: #01ff0030;*/
    background: #c2f2c2;
    border: 1px solid #5dde50;
}
.ew-notification.success > i, .ew-notification.success article i {
    color: #02b5009c;
}
.ew-notification.action, .ew-notification.wave {
    background: #fff;
    border: 1px solid #dbdbdb;
}
.ew-notification.action > i, .ew-notification.action article i {
    color: #000000bf;
}
.ew-notification.wave > i, .ew-notification.wave article i {
    color: rgba(0, 91, 181, 0.61);
    animation-name: wave-animation;
    animation-duration: 2.5s;
    /*animation-iteration-count: infinite;*/
    animation-iteration-count: 1;
    transform-origin: 70% 70%;
    display: inline-block;
}
@keyframes wave-animation {
    0% { transform: rotate(0.0deg); }
    10% { transform: rotate(14.0deg); }
    20% { transform: rotate(-8.0deg); }
    30% { transform: rotate(14.0deg); }
    40% { transform: rotate(-4.0deg); }
    50% { transform: rotate(10.0deg); }
    60% { transform: rotate(0.0deg); }
    100% { transform: rotate(0.0deg); }
}
.ew-notification.info {
    background: #d8d8d89c;
    border: 1px solid  #d8d8d8;
}
.ew-notification.info > i, .ew-notification.info article i {
    color: #a0a0a09c;
}
.ew-notification .text i {
    margin: 0;
}
.text strong, .confirm-text strong {
    margin: 0 1px;
    padding: 0 2px;
    color: #000000;
    background: #fbfb0036;
    font-weight: bold;
    border: 1px solid #fbfb00d9;
    border-radius: 6px;
}
.text strong:empty, .confirm-text strong:empty {
    display: none;
}
.text i {
    display: inline-block;
    margin-right: 7px;
    width: 25px;
    text-align: center;
}
.text .icon-label {
    display: inline-block;
    margin-right: 7px;
}
.text .append i {
    margin-right: 0;
}
.text .sep, .sep {
    display: inline;
    margin: 0 2px;
    opacity: 0.8;
}
.text .sep-tight {
    display: inline;
    margin: 0 1px;
    opacity: 0.8;
}
.text .unit {
    margin-left: 5px;
    color: #00000070;
}
.ew-input .unit {
    margin-left: 10px;
    opacity: 0.7;
}

.ew-side-menu {
    /*background: #00000014;
    background: radial-gradient(circle, #00000024 0%, #00000018 26%, #00000012 100%);*/
    overflow: hidden;
}
.ew-tree h4.intro {
    margin: 2px 20px 20px 20px;
    padding-top: 30px;
}
.ew-side-menu h4.intro {
    margin: 2px 20px 20px 20px;
}
.ew-side-menu h3 {
    border: 0;
    font-size: 1.1em;
    padding: 20px 25px 10px 25px;
    text-transform: none;
}
.ew-side-menu > ul {
    margin: 0 0 15px 25px;
    padding: 0 0 10px 0 !important;
    background: #ffffffc4;
}
.ew-side-menu li {
    background: hsla(var(--ew-color-hue), 100%, 94%, 0.22);
    padding: 0;
    margin: 0;
}
.ew-side-menu li a {
    position: relative;
    display: block;
    padding: 7px 10px 7px 55px;
    text-decoration: none;
    transition: background-color 70ms ease-in-out;
}
.ew-side-menu li a:hover {
    background: hsla(var(--ew-color-hue), 100%, 74%, 0.4);
}
.ew-side-menu li a:hover .text {
    text-decoration: underline;
}
.ew-side-menu li a.active {
    background: white;
    border-left: 5px solid hsla(var(--ew-color-hue), 100%, 74%, 0.9);
    padding-left: 50px;
    box-shadow: 0 2px 5px #00000014;
}
.ew-side-menu li a i {
    display: inline-block;
    text-align: center;
    position: absolute;
    left: 15px;
    top: 7px;
    width: 30px;
    line-height: 1.5em;
}
.ew-side-menu li a.active i {
    left: 10px;
    font-weight: bold;
}

.ew-data article > div {
    padding: 7px 0;
}
.ew-data article > div:first-child {
    padding-top: 0;
}
.ew-data article > div:last-child {
    padding-bottom: 0;
}
.ew-data article .label {
    font-size: 0.8em;
    text-transform: uppercase;
    color: #00000094;
}
.ew-data article i {
    margin-right: 7px;
}
.ew-wrap .ew-table {
    position: relative;
    overflow-y: visible; /*against spec, build custom workaround*/
}
.sticky-table, .sticky-table table {
    position: relative;
}
.ew-wrap .ew-table.scroll, .sticky-table.scroll {
    overflow-x: scroll;
}
/*.ew-wrap.full-width .ew-table {
    overflow-x: scroll;
    overflow-y: visible;
}*/
.ew-table tbody tr:nth-child(2n+1) {
    background: #0000000a;
}
.ew-table tbody tr:nth-child(2n) {
    background: none;
}
.ew-table tbody tr {
    border-bottom: 1px solid #00000019;
}
.ew-table tbody tr:first-child {
    border-top: 1px solid #00000019;
}
.ew-table tbody tr.divided td {
    border-top: 2px solid #00000029;
}
.ew-table tr td {
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}
.ew-table tr td:last-child {
    border-right: 0;
}
.ew-table table, .sticky-table table {
    position: relative;
    border-collapse: separate;
    /*border-bottom: 1px solid #0000001b;
    padding-bottom: 15px;*/
}
.ew-table th {
    font-size: 0.8em;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    padding: 25px 15px 5px 15px;
    color: #000000a1;
    background: white;
    border-bottom: 2px solid #e3e3e3;
}
.ew-table thead, .sticky-table thead {
    position: relative;
    z-index: 5000;
    background: white;
}
.ew-table thead.fixed th {
    position: fixed;
    top: 0;
    left: auto;
    z-index: 5000;
    background: white;
}
.sticky-table.sticky thead tr > th {
    position: sticky;
    top: 0;
    z-index: 5000;
    background: white;
}
.sticky-table.scroll thead tr > th {
    position: relative;
    z-index: 5000;
    background: white;
}
.ew-table th::before {
    border-bottom: 2px solid #e3e3e3;
}
.ew-table th a {
    display: block;
}
.ew-table td.text {
    padding: 10px 15px;
}
.ew-table td.text.less-padding, .ew-table td div.text.less-padding {
    padding: 7px 10px;
}
.ew-table td.highlight {
    /*background: #ffff0026;*/
    background: #aaaaaa24;
}
.ew-table td.text.placeholder, .ew-table td.text .placeholder {
    opacity: 0.5;
    font-style: italic;
    letter-spacing: 1px;
    font-family: monospace;
    text-align: center;
    padding: 15px 25px;
}
.ew-table td > a {
    position: relative;
}
.ew-table td > a, .ew-table td > .text, .ew-table td > .label {
    display: block;
    padding: 10px 15px;
}
.ew-table td.with-image {
    width: 45px !important;
    max-width: 45px !important;
}
.ew-table td.first.with-image {
    width: 70px !important;
    max-width: 70px !important;
    padding-left: 20px !important;
}
.ew-table td > a.with-image {
    padding-left: 60px;
}
.ew-table td:first-child > a.with-image {
    padding-left: 50px;
}
.ew-table tr td:first-child, .ew-table tr th:first-child, .ew-table tr td.first, .ew-table tr th.first {
    padding-left: 10px;
}
.ew-table tr td:last-child, .ew-table tr th:last-child {
    padding-right: 10px;
}
.ew-table tr td:first-child.text, .ew-table tr td.first.text, .ew-table tr th:first-child, .ew-table tr th.first {
    padding-left: 25px;
}
.ew-table tr td:last-child.text, .ew-table tr th:last-child {
    padding-right: 25px;
}
.ew-table td > a i {
    display: inline-block;
    width: 20px;
    text-align: center;
    margin-right: 7px;
}
.ew-table a:hover .label { /* , .ew-table a:hover .text */
    text-decoration: double;
    border-bottom: 3px double;
}

.ew-table td .text.number {
    letter-spacing: 1px;
}
.ew-table td .text.number.negative {
    color: #790000;
}
.ew-table td .append {
    font-size: 0.8em;
    color: rgba(0, 0, 0, 0.62);
    display: block;
    margin: -5px 15px 10px 15px;
}
.ew-table td.text .append {
    margin: 5px 0 2px 0;
}
.ew-table td .append:empty {
    display: none;
}
.ew-table td .append div {
    display: inline-block;
}
.ew-table td .append .div {
    display: block;
}
.ew-table td .append > span {
    margin-right: 12px;
}
.ew-table td .append > span:last-child {
    margin-right: 0;
}
.ew-table td .full-height {
    height: 100%;
}
.ew-table .row-primary {
    min-height: 10px;
}
.ew-table .object-frame {
    position: relative;
    display: inline-block;
    padding: 2px 7px;
    border: 1px solid #0000004f;
    border-radius: 5px;
    background: #0000000a;
    cursor: pointer;
}
.ew-table .object-frame:hover {
    border-radius: 5px 5px 0 5px;
}
.ew-table .object-frame i {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.6em;
    color: #0000005e;
    margin: 0;
    width: auto;
}
/*.ew-table .object-frame.with-image i {
    left: auto;
    right: 0;
}*/
.ew-table .object-frame-title {
    position: absolute;
    display: none;
    top: 100%;
    left: 10px;
    /*min-width: 100px;
    max-width: 200px;*/
    padding: 2px 5px;
    border: 1px solid #0000004f;
    border-radius: 0 5px 5px 5px;
    background: rgba(250, 250, 250, 0.79);
    font-size: 0.7em;
    line-height: 20px;
    z-index: 2000;
    cursor: default;
}
.ew-table .object-frame-title.wide {
    width: 200px;
}
.ew-table .object-frame:hover .object-frame-title {
    display: inline-block;
}
.ew-table .object-frame.draft { /*'draft','assigned','sickness','removed'*/
    border: 1px dashed #8484006b;
    outline: 4px solid #ffff0078 !important;
    color: #000000c3;
}
.ew-table .object-frame.sickness {
    border: 1px dashed #6c000078;
    outline: 4px solid #ff000078 !important;
    font-style: italic;
    text-decoration: line-through;
    color: #0006;
}
.ew-table .object-frame.with-image {
    padding-left: 35px;
    margin-left: 2px;
}
.ew-table .object-frame .ew-inline-profile-image {
    top: -4px;
    left: -7px;
}
.ew-table td .append span.pre {
    color: #00000091;
    margin-right: 7px;
}
.ew-table td .append span.post {
    color: #00000091;
    margin-left: 7px;
}
.ew-table a.sort-caret {
    text-decoration: none !important;
}
.ew-table a.sort-caret:hover {
    text-decoration: underline !important;
}
.ew-table .sort-caret i {
    display: inline-block;
    margin: 0;
    width: 20px;
}
a i.only, .ew-table td > a i.only {
    margin-right: 0;
}
a:hover i.only, .ew-table td > a:hover i.only {
    font-weight: bold;
}

.ew-board {
    padding: 20px;
}
.ew-board-header {
    margin-bottom: 10px;
}
.ew-board.board-grid > article {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
}

.ew-board > article .ew-board-section {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
}

.ew-board-section article {
    margin: 10px;
    background: #fff9c45c;
    border-radius: 5px;
    border: 1px solid #0000001f;
    box-shadow: 0 0 10px #00000008;
}
.ew-board-section > article > .text {
    padding: 20px 20px 2px 20px;
}
.ew-board-section .ew-action-bar {
    background: none !important;
}

.ew-calendar {
    overflow: auto;
}
.ew-calendar td, .ew-calendar th {
    /*width: 14.28%; todo remove */
    border-right: 1px solid #0000001f;
    border-bottom: 1px solid #0000001f;
}
.ew-calendar th .day {
    display: block;
    white-space: normal;
    word-break: break-word;
    overflow: hidden;
    text-overflow: clip;
    max-height: 46px;
}
.ew-calendar td.dbl, .ew-calendar th.dbl {
    border-right: 4px double #0000001f;
}
.ew-calendar td {
    position: relative;
    padding: 5px 10px;
    background: #00000003;
    min-height: 50px;
}
.ew-calendar td.timeline-wrap {
    padding: 0;
    /*border-right: 1px solid #00000054;*/
}
.ew-calendar .cal-day-wrap {
    padding: 7px 5px 5px 7px;
    border-right: 2px dashed #0000001f;
}
.ew-calendar .cal-day-wrap:last-child {
    border-right: 0;
}
.ew-calendar th {
    position: relative;
    padding: 10px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.8em;
}

.ew-calendar tr:last-child td {
    /*width: calc(14.28% - 7px); todo remove */
    border-bottom: 0;
}
.ew-calendar td.kw, .ew-calendar th.kw, .ew-calendar td.time, .ew-calendar th.time {
    width: 45px !important;
    text-align: center;
    color: grey;
    font-size: 0.8em;
    min-width: 45px;
    max-width: 45px;
}
.ew-calendar tr td:last-child, .ew-calendar tr th:last-child {
    border-right: 0;
}
.ew-calendar header {
    text-align: center;
}
.ew-calendar header .day {
    display: inline-block;
    border-radius: 50%;
    font-size: 0.8em;
    width: 35px;
    height: 25px;
    line-height: 25px;
    letter-spacing: 1px;
}
.ew-calendar td.pale {
    background: #04040408;
}
.ew-calendar td.today header .day {
    background: #a14014;
    color: white;
    font-weight: bold;
    border-radius: 7px;
    padding: 0 5px;
    outline: 3px solid #00000017;
}
.ew-calendar th .nr {
    display: inline-block;
    margin-left: 3px;
    font-size: 1.2em;
}
.ew-calendar th .nr.today {
    text-decoration: double;
    background: #a14014;
    color: white;
    border-radius: 7px;
    padding: 0 5px;
    outline: 3px solid #00000017;
}
.ew-calendar .buttons {
    opacity: 0;
    position: absolute;
    top: 5px;
    right: 0;
    color: #0000006b;
    transition: all .1s ease-in-out;
}
.ew-calendar th .buttons a {
    display: inline-block;
    line-height: 29px;
}
.ew-calendar th:hover .buttons, .ew-calendar td:hover .buttons {
    opacity: 1;
}
.ew-calendar .buttons a {
    padding: 5px 10px;
}
.ew-calendar .buttons a:hover {
    color: black;
}
.ew-calendar .meetings {
    margin: 10px 0;
    min-height: 90px;
}
.ew-calendar .meeting {
    position: relative;
    font-size: 0.8em;
    line-height: 1.2em;
    margin-bottom: 5px;
}
.ew-calendar .meeting .time {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 35px;
    text-align: right;
    color: #000000a0;
}
.ew-calendar .meeting .title {
    display: inline-block;
    padding-left: 40px;
}

.ew-calendar .cal-day {
    position: relative;
    height: 100%;
    width: 100%;
}
.ew-calendar .avail {
    position: absolute;
    left: -5px;
    width: calc(100% + 10px);
    border-radius: 5px;
    padding-right: 2px;
    z-index: 100;
}
.ew-calendar .avail-block {
    height: 100%;
    padding: 10px;
    overflow: hidden;
    border-radius: 5px;
}
.ew-calendar .avail.available .avail-block {
    background: #66d26638;
    background-size: 40px 40px;
}
.ew-calendar .avail.reluctantly .avail-block {
    background: #d2a36638;
}
.ew-calendar .avail.absent .avail-block {
    background: rgba(255, 0, 0, 0.06) linear-gradient(135deg, #ff00000d 25%, #fff0 25%, #fff0 50%, #ff00000d 50%, #ff00000d 75%, #fff0 75%, #fff0 100%);
    background-size: 20px 20px;
}
.ew-calendar .capsule {
    position: absolute;
    border-radius: 5px;
    padding-right: 2px;
}
.ew-calendar .meetings .meeting-group {
    padding: 10px 5px 5px 5px;
}
.ew-calendar .meetings .meeting-group:first-child {
    padding-top: 0;
}
.ew-calendar .meetings .capsule {
    position: relative;
    padding-right: 0;
}
.ew-calendar .capsule-block {
    position: relative;
    background: #61cde6;
    border: 2px solid #00000029;
    border-radius: 7px;
    height: 100%;
    overflow: hidden;
    z-index: 100;
}
.ew-calendar .capsule-block .text {
    padding: 7px 10px;
}
.ew-calendar .avail-block .text, .ew-calendar .capsule-block .text {
    font-size: 0.8em;
    line-height: 1.2em;
    white-space: normal;
    word-break: break-word;
}
.ew-calendar .capsule-block.ctx-menu-open {
    z-index: 200;
}
.ew-calendar .capsule-block i.repeated {
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
    width: 30px;
    height: 20px;
    text-align: center;
    font-size: 0.8em;
    color: #000000c7;
}
.ew-calendar .capsule.available .capsule-block {
    background: #66d266d6;
    background-size: 40px 40px;
}
.ew-calendar .capsule.reluctantly .capsule-block {
    background: #d2a366d6;
}
.ew-calendar .capsule.absent .capsule-block {
    background: rgba(255, 0, 0, 0.34) linear-gradient(135deg, #ff00000d 25%, #fff0 25%, #fff0 50%, #ff00000d 50%, #ff00000d 75%, #fff0 75%, #fff0 100%);
    background-size: 20px 20px;
}
.ew-calendar .capsule-block .m-time {
    font-size: 0.9em;
    margin-bottom: 2px;
}
.ew-calendar .capsule-block .m-title {
    font-weight: bold;
}
.ew-calendar .capsule-block .m-trainer {
    display: inline-block;
    margin-left: 5px;
    background: #0000000f;
    border: 1px solid #0000000f;
    border-radius: 5px;
    padding: 2px 5px;
}
.ew-calendar .capsule-block .m-location {
    margin-top: 2px;
}
.ew-calendar .capsule-block .m-location i {
    margin-right: 0;
}
.ew-calendar .capsule-block .m-participants {
    font-size: 0.9em;
    margin-top: 7px;
    margin-bottom: 3px;
    color: #000c;
}
.ew-calendar .hour-line, .ew-calendar .half-line {
    position: absolute;
    left: 0;
    right: 0;
    text-align: right;
    font-size: 1.2em;
    letter-spacing: 1px;
    padding: 3px 5px;
}
.ew-calendar .hour-line {
    border-top: 2px solid #00000017;
    font-weight: bold;
    color: #00000082;
}
.ew-calendar .hour-line.quarter {
    border-top: 2px solid rgba(0, 0, 0, 0.19);
    background: #00000008;
}
.ew-calendar td.time .hour-line.quarter {
    border-radius: 0 0 10px 10px;
}
.ew-calendar .half-line {
    border-top: 2px dotted #00000017;
    color: #00000065;
}
.ew-calendar .meetings .capsule + .capsule {
    margin-top: 3px;
}
.ew-calendar .m-gap, .ew-calendar .m-overlap {
    border-left: 2px solid #0000000f;
    border-right: 2px solid #0000000f;
    font-size: 0.8em;
    text-align: center;
    padding: 5px;
    margin: 0 5px;
    letter-spacing: 1px;
    font-style: italic;
    color: #000000db;
}
.ew-calendar .m-gap {
    background: #a6eca69c;
}
.ew-calendar .m-gap.tiny {
    background: #cacaca9c;
    height: 3px;
    padding: 0;
}
.ew-calendar .m-overlap {
    background: rgba(255, 0, 0, 0.34) linear-gradient(135deg, #ff00000d 25%, #fff0 25%, #fff0 50%, #ff00000d 50%, #ff00000d 75%, #fff0 75%, #fff0 100%);
    background-size: 20px 20px;
}

body.backdrop-active {
    overflow: hidden;
}
body.backdrop-active #ew-content {
    /*margin-right: 12px;*/
}
body.backdrop-active #ew-header, body.backdrop-active #ew-power-bar {
    /*padding-right: 12px;*/
}
#ew-backdrop {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #4f4f4f6e;
    /*background-image: linear-gradient(135deg, #9797975e 25%, #97979760 25%, #97979760 50%, #9797975e 50%, #9797975e 75%, #97979760 75%, #97979760 100%);
    background-size: 56px 56px;*/
    box-shadow: inset 0 0 50px 0 #0000000a;
    z-index: 6000;
}
body.iframe #ew-backdrop {
    display: none !important;
}
#ew-dialog-wrap.inline {
    padding: 80px 30px;
}
#ew-dialog-wrap.inline.logo {
    padding-top: 0;
}
#ew-dialog-wrap.overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 80px 40px 80px 30px;
    z-index: 6010;
    overflow: auto;
}
#ew-confirm-wrap {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 30px;
    z-index: 6020;
    overflow: auto;
}
#ew-dialog, #ew-confirm {
    display: none;
    margin: 0 auto;
    width: 700px;
    border-radius: 5px;
    background: #ffffffed;
    box-shadow: 2px 2px 5px -4px #000000bd, 0 0 15px 0 #00000021;
}
#ew-dialog.inline, .confirm #ew-confirm-wrap, .confirm #ew-confirm {
    display: block;
}
#ew-dialog.inline.custom-package {
    background: none;
    border: 0;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}
#ew-confirm {
    margin-top: 20vh;
    padding: 20px;
    width: 400px;
}
#ew-dialog .ew-dialog-head {
    background: #0000000f;
    box-shadow: inset 0 -10px 15px -15px #00000040;
}
#ew-dialog .ew-dialog-title h4 {
    position: relative;
    padding: 15px 20px 15px 25px;
    font-size: 1.2em;
    line-height: 30px;
    color: #000000e0;
}
#ew-dialog .ew-dialog-title h4 i {
    position: absolute;
    width: 30px;
    text-align: center;
    top: 20px;
    left: 30px;
    margin-right: 10px;
}
#ew-dialog .ew-dialog-title h4 .text {
    display: inline-block;
    margin-left: 40px;
}
#ew-dialog .ew-dialog-close {
    width: 80px;
    max-width: 80px;
    text-align: right;
}
#ew-dialog.inline .ew-dialog-close {
    display: none;
}
#ew-dialog.inline .ew-dialog-close.display {
    display: block;
}
#ew-dialog .ew-dialog-close a {
    display: inline-block;
    width: 80px;
    height: 60px;
    font-size: 30px;
    line-height: 60px;
    text-align: right;
    padding-right: 20px;
    color: #0000006e;
    outline: 0;
}
#ew-dialog .ew-dialog-close a:hover {
    color: black;
    font-weight: bold;
}
#ew-dialog .ew-dialog-body {
    /*padding: 20px;*/
}
#ew-dialog .ew-dialog-body h4 {
    padding: 5px 2px;
    text-transform: uppercase;
    font-size: 0.9em;
    letter-spacing: 1px;
    color: #0000007a;
    margin-bottom: 5px;
    /*transform: rotate(-90deg);
    text-align: right;
    position: absolute;
    top: 0;
    left: 0;*/
}
#ew-confirm .confirm-circle {
    position: relative;
    top: -50px;
    left: 140px;
    left: calc(50% - 40px);
    background: white;
    background-size: 80px;
    border-radius: 40px;
    box-shadow: 2px 2px 5px -4px #000000bd, 0 0 15px 0 #ffffff7d;
    outline: 7px solid #ffffff61;
    height: 80px;
    width: 80px;
    font-size: 35px;
    line-height: 80px;
    text-align: center;
    color: white;
    overflow: hidden;
    /*animation-name: ew-blur-in;
    animation-duration: 500ms;*/
}
.ew-toast .confirm-circle {
    position: absolute;
    top: 12px;
    left: 18px;
    background: white;
    background-size: 80px;
    border-radius: 40px;
    box-shadow: 2px 2px 5px -4px #000000bd, 0 0 15px 0 #ffffff7d;
    outline: 7px solid #ffffff61;
    height: 40px;
    width: 40px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    color: white;
    overflow: hidden;
}
#ew-confirm .confirm-circle.success, .ew-toast .confirm-circle.success {
    background: #71c341;
}
#ew-confirm .confirm-circle.failure, #ew-confirm .confirm-circle.error, .ew-toast .confirm-circle.error {
    background: #c34141;
}
#ew-confirm .confirm-circle.info, #ew-confirm .confirm-circle.question, .ew-toast .confirm-circle.question {
    font-size: 40px;
    /*background: #a6a6a6;*/
    background: #2d96b7;
}
#ew-confirm .confirm-circle.warning, .ew-toast .confirm-circle.warning {
    font-size: 40px;
    /*background: #c38a41;*/
    background: #c66600;
}
#ew-confirm .confirm-circle.full.success, .ew-toast .confirm-circle.full.success {
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 48%, rgba(113,195,65,1) 50%, rgba(113,195,65,1) 100%);
    color: #71c341;
}
#ew-confirm .confirm-circle.full.failure, #ew-confirm .confirm-circle.full.error, .ew-toast .confirm-circle.full.failure {
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 48%, #c34141 50%, #c34141 100%);
    color: #c34141;
}
#ew-confirm .confirm-circle.full.info, #ew-confirm .confirm-circle.full.question, .ew-toast .confirm-circle.full.question {
    font-size: 40px;
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 58%, #a6a6a6 60%, #a6a6a6 100%);
    /*color: #a6a6a6;*/
    color: #2d96b7;
}
#ew-confirm .confirm-circle.full.warning, .ew-toast .confirm-circle.full.warning {
    font-size: 40px;
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 58%, #c38a41 60%, #c38a41 100%);
    /*color: #c38a41;*/
    color: #c66600;
}
#ew-confirm .confirm-circle i.full {
    font-size: 80px;
}
.ew-toast .confirm-circle i.full {
    font-size: 40px;
}
#ew-confirm .confirm-text {
    margin: -40px 0 20px 0;
    text-align: center;
    padding: 10px 20px;
}
#ew-confirm .confirm-spoiler {
    border: 2px solid #00000008;
    background: #0000000a;
    border-radius: 7px;
    margin: 20px 10px;
    padding: 10px 20px;
}
#ew-confirm .confirm-buttons {
    text-align: center;
    padding: 10px;
}
#ew-confirm .confirm-buttons button, #ew-confirm .confirm-buttons a.button {
    margin: 7px 10px;
}
#ew-confirm .confirm-buttons button:only-child, #ew-confirm .confirm-buttons a.button:only-child {
    min-width: 70%;
}
#ew-confirm .confirm-relate-buttons {
    text-align: left;
    padding: 10px;
}
#ew-confirm .confirm-relate-buttons button, #ew-confirm .confirm-relate-buttons a.button {
    background: none;
    color: #0009;
    box-shadow: none;
    display: block;
    width: 100%;
    text-align: left;
    margin: 0;
    border-radius: 0;
    border: 0;
    border-top: 1px solid #0000001a;
    font-weight: normal;
    transition: all 160ms ease-in-out;
}
#ew-confirm .confirm-relate-buttons button:hover, #ew-confirm .confirm-relate-buttons a.button:hover, #ew-confirm .confirm-relate-buttons button:active, #ew-confirm .confirm-relate-buttons a.button:active {
    background: hsla(var(--ew-color-hue), 100%, 95%, 0.82);
    padding-left: 25px;
}
#ew-confirm .confirm-relate-buttons button i, #ew-confirm .confirm-relate-buttons a.button i {
    width: 30px;
    text-align: center;
}


#ew-toast-wrap {
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 10px;
    z-index: 5900;
}
.ew-toast {
    position: relative;
    margin: 10px 10px;
    width: 450px;
    border-radius: 5px;
    background: #ffffffed;
    box-shadow: 2px 2px 5px -4px #000000bd, 0 0 15px 0 #00000021;
}
.ew-toast .confirm-text {
    padding: 20px 70px 20px 70px;
}
.ew-toast a.toast-close {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 65px;
    font-size: 20px;
    line-height: 65px;
    text-align: right;
    padding-right: 20px;
    color: #0000006e;
    outline: 0;
}
.ew-toast a.toast-close:hover {
    color: black;
    font-weight: bold;
}

.ew-dropzone {
    padding: 20px;
    text-align: center;
}
.form-input .ew-dropzone {
    padding: 20px 0;
}
.dropzone {
    text-align: center;
    padding: 25px 10px;
    border: dashed 3px #00000030;
    background-color: #f0f0f040;
    cursor: pointer;
    border-radius: 20px;
}
.dropzone .dropzone-text, .dropzone .dropzone-state {
    color: #00000061;
}
.dropzone .dropzone-prep {
    font-weight: bold;
    display: none;
}
.dropzone2 {
    padding: 1px 5px 1px 5px;
    margin-top: 7px;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.dropzone.active {
    animation-name: ew-dropzone-active;
    animation-duration: 800ms;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-play-state: running;
}
.dropzone.highlight {
    animation-name: ew-dropzone-highlight;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-play-state: running;
}

.color-circle {
    position: relative;
    top: 2px;
    margin-right: 12px;
    display: inline-block;
    height: 18px;
    width: 18px;
    border-radius: 20px;
    box-shadow: 1px 1px 3px #0000005e;
}
.yellow-mark {
    color: #000;
    position: relative;
    background-image: linear-gradient(180deg,#fff06b,#fff06b);
    background-repeat: no-repeat;
    background-position: 4px bottom;
    background-size: 100% 10px;
}
.light-color-bg {
    background: hsla(var(--ew-color-hue), 100%, 74%, 0.4);
}
.light-red-bg {
    background: #ff000030;
}
.light-grey-bg {
    background: #00000005;
}

.ew-image {
    margin: 20px;
    padding: 0;
    box-shadow: 0 0 19px #00000030;
}
.ew-image.small {
    max-width: 300px;
    max-height: 300px;
}
.ew-image.medium {
    max-width: 500px;
    max-height: 500px;
}
.ew-image.large {
    max-width: 900px;
    max-height: 900px;
}

.ew-countdown {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 5px;
    padding: 20px;
}
.ew-countdown .countdown-element {
    display: inline-block;
    flex-grow: 0;
    text-align: center;
    width: 80px;
}
.ew-countdown h1 {
    font-size: 2em;
    margin: 0;
    padding: 5px !important;
    line-height: 40px;
}
.ew-countdown aside {
    font-size: 0.8em;
    color: rgba(255, 255, 255, 0.65);
    margin-top: -10px;
}
.ew-countdown .sep {
    padding-bottom: 30px;
}

.ew-attendance-timer {
    position: relative;
    background: #00000008;
    margin-bottom: 15px;
}
.ew-attendance-timer > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 5px;
    padding: 0 5px 8px 5px;
    border: 1px solid rgba(0, 0, 0, 0);
    margin: 2px;
}
.ew-attendance-timer.break > div {
    padding: 0 5px 8px 5px;
    border: 1px solid rgba(114, 0, 0, 0.66);
    border-radius: 4px;
    margin: 2px;
}
.ew-attendance-timer .floating-pause {
    display: none;
}
.ew-attendance-timer.break .floating-pause {
    display: block;
    position: absolute;
    right: 12px;
    bottom: -10px;
    font-size: 1.7em;
    color: rgba(114, 0, 0, 0.66);
}
.ew-attendance-timer .attendance-timer-element {
    display: inline-block;
    flex-grow: 0;
    text-align: center;
    width: 50px;
}
.ew-attendance-timer h1 {
    font-size: 1.2em;
    margin: 0;
    padding: 5px !important;
    padding-top: 0 !important;
    line-height: 40px;
}
.ew-attendance-timer aside {
    font-size: 0.7em;
    color: rgba(0, 0, 0, 0.35);
    margin-top: -10px;
    line-height: 10px;
}
.ew-attendance-timer .sep {
    padding-bottom: 7px;
    color: rgba(0, 0, 0, 0.35);
}

pre {
    background: #0000000d;
    margin: 10px 20px;
    padding: 15px 20px;
    font-size: 0.8em;
    line-height: 1.7em;
    border: 1px solid #00000003;
    border-radius: 10px;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* LANDINGPAGE */
.ew-lp {
    font-size: 20px;
    line-height: 1.7em;
}
.ew-lp .ew-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
}
.ew-lp .ew-wrap:first-child {
    padding-top: 0;
}
.ew-lp .ew-wrap:last-child {
    padding-bottom: 0;
}
.ew-lp p, .ew-lp .p {
    padding: 15px 20px;
}
.ew-lp h1, .ew-lp h2, .ew-lp h3, .ew-lp h4, .ew-lp h5, .ew-lp h6 {
    padding: 20px 20px;
}
.ew-lp .ew-wrap > h2 {
    margin: 0;
}
.ew-lp .ew-image {
    box-shadow: none;
}
.ew-lp .ew-image.shade {
    box-shadow: 0 0 19px #00000030;
}

.ew-map {
    width: 100%;
    height: 100%;
    min-height: 400px;
}

/*.leaflet-bottom, .leaflet-right {
    display: none !important;
}*/
.leaflet-control-attribution {
    font-size: 0.7em;
}
.leaflet-control-attribution svg {
    display: none !important;
}
.fix-scroll-vh.fixed {
    position: fixed;
    overflow: auto;
    top: 0;
    bottom: 0;
    height: 100vh;
    z-index: 90;
}

.aside-filter {
    width: 300px;
    min-width: 300px;
    flex-grow: 0;
}
.video-iframe {
    width: 560px;
    height: 315px;
    max-width: 100%;
}
.typing-blocks span, .typing-blocks br {
    display: none;
}

pre.licence-code {
    text-align: center;
    font-size: 1.4em;
    letter-spacing: 4px;
    cursor: pointer;
    transition: all ease-in-out 200ms;
}
pre.licence-code:hover {
    background: #0000000d;
    transform: scale(1.03);
}
pre.licence-code {
    text-align: center;
    font-size: 1.4em;
    letter-spacing: 4px;
    cursor: pointer;
}

.color-box {
    display: inline-block;
    border: 2px solid rgba(0, 0, 0, 0.15);
    border-radius: 7px;
    width: 30px;
    height: 12px;
}

#ew-feedback {
    display: inline-block;
    position: fixed;
    top: 142px;
    right: 0;
    background: red;
    border-radius: 20px 0 0 20px;
    background: hsla(var(--ew-color-hue), 100%, 83%, 0.82);
    width: 40px;
    overflow: hidden;
    z-index: 5020;
    transition: all ease-in-out 100ms;
    box-shadow: 0 0 5px #00000029;
    font-size: 0.9em;
}
#ew-feedback:hover {
    background: hsla(var(--ew-color-hue), 100%, 83%, 1);
    width: 60px;
    padding-left: 10px;
}
#ew-feedback a, #ew-feedback button, #ew-feedback a:hover, #ew-feedback button:hover, #ew-feedback a:active, #ew-feedback button:active {
    display: inline-block;
    font-size: 1em;
    /*transform: rotate(-90deg);*/
    writing-mode: vertical-rl;
    text-transform: uppercase;
    margin: 0;
    border: none;
    padding: 20px 5px 20px 7px;
    background: none;
    box-shadow: none;
    color: #000000c1;
    letter-spacing: 1px;
}

#ew-feedback a:hover, #ew-feedback button:hover {
    color: black;
}

#ew-feedback a i, #ew-feedback button i {
    margin-bottom: 7px;
}

@media only screen and (max-width: 768px) {
    .no-mobile, th.no-mobile, tr.no-mobile {
        display: none !important;
    }
    .ew-planner .header th.no-mobile {
        display: table-cell !important;
    }
    /*.ew-planner tr.no-mobile {
        display: table-row !important;
    }
    .ew-planner th.no-mobile {
        display: table-cell !important;
    }*/
    .ew-form {
        padding: 0 10px;
    }
    .ew-wrap > section, .ew-wrap > .ew-wrap-contain > section, .ew-wrap > form > section, .ew-wrap > h2 {
        margin: 25px 0;
        margin-right: 0 !important;
    }
    #ew-cover-business-logo {
        width: 300px;
        height: 75px;
        margin: 50px auto 25px auto;
    }
    #ew-dialog-wrap.overlay {
        padding: 40px 20px 60px 20px;
    }
    #ew-dialog, #ew-confirm {
        width: auto;
    }
    .form-label label:only-child {
        display: block;
        padding: 5px 3px 0 3px;
        color: #000000d4;
    }
    .form-label label:last-child {
        padding-right: 20px;
    }
    .separator.line-top {
        margin: 25px 0 15px 0;
    }
    #ew-confirm .confirm-text {
        padding: 10px 5px;
    }
    .input, input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="url"], input[type="tel"], input[type="color"], input[type="date"], input[type="time"], input[type="submit"], input[type="button"], .button, select, textarea {
        padding: 15px 20px;
    }
    button, a.button {
        padding: 15px 20px;
    }
    #ew-dialog-wrap.inline {
        padding: 80px 0;
    }
    .ew-text, .ew-custom {
        padding: 0 5px;
    }
    #ew-header-profile {
        position: unset;
    }
    #ew-header-profile-menu, #ew-header-main-menu {
        top: 0;
        right: 0;
        left: 0;
    }
    #ew-header-profile-menu {
        width: 100%;
    }
    #ew-header-main-menu {
        right: 70px;
    }
    #ew-header-logo, #ew-header-logo-mobile {
        display1: block;
        width: 60px;
        min-width: 60px;
    }
    #ew-header-logo {
        background: no-repeat center url('../img/ew-logo.svg');
        background-size: 60px;
    }
    #ew-header-logo-custom {
        display: none;
    }
    .ew-header-icons {
        display: none;
    }
    #ew-header-bar {
        margin-right: 10px !important;
        margin-left: 0 !important;
    }
    #ew-clock-timer {
        transition: all .3s ease-in;
    }

    #ew-feedback {
        display: none;
    }

    .form-input a {
        line-height: 50px;
    }
    .ew-switch > div {
        padding: 15px 5px;
    }
    .ew-multiples .object {
        padding: 15px 10px 15px 20px;
    }
    .ew-multiples a.remove {
        padding-top: 16px;
    }
    #ew-header-profile-menu a.settings, #ew-header-profile-menu a.close, #ew-header-main-menu > header > a.close {
        width: 80px;
    }
    #ew-power-bar section {
        margin: 0 20px;
    }
    #ew-power-bar section > ul > li > a > span.label {
        display: none;
    }
    #ew-power-bar section > ul > li > a > i, #ew-power-bar section > ul > li > a >i:first-child {
        padding: 0 5px;
        opacity: 0.8;
    }
    .ew-tab-mobile {
        display: block;
        padding: 0 20px;
    }
    .ew-tab-mobile a {
        display: block;
    }
    .ew-tab-mobile i {
        display: inline-block;
        width: 50px;
        line-height: 60px;
        font-size: 1.2em;
        text-align: center;
        color: #00000075;
    }
    .ew-tab-mobile span {
        display: inline-block;
        font-size: 1.1em;
        color: #000000d1;
        max-height: 60px;
    }
    .ew-tab-options {
        display: none;
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        padding: 0;
        z-index: 5000;
        background: rgba(255, 255, 255, 0.97);
        box-shadow: 1px 1px 5px #00000036, 0 0 50px 20px #ffffff55;
    }
    .ew-tab-options.open {
        display: block;
    }
    .ew-tabs ul {
        padding: 0 0 10px 0;
    }
    .ew-tabs li, .ew-tabs a, .ew-tabs li.tab-link a {
        display: block;
    }
    .ew-tabs li.hide, .ew-tabs a.hide, .ew-tabs li.tab-link a.hide {
        display: none;
    }
    .ew-tabs li.tab-link a {
        line-height: 50px;
        max-height: none;
    }
    .ew-tabs li.active {
        display: block !important;
    }
    .ew-tabs li.tab-link a.active {
        border-bottom: 0;
        background: hsla(var(--ew-color-hue), 100%, 45%, 0.22);
    }
    .ew-tab-options .ew-kebab-menu .ew-context-menu {
        right: auto;
        left: 1px;
    }
    .ew-tab-options .ew-kebab-menu a.kebab-menu.icon-only {
        margin-left: 10px;
    }
    .ew-tabs li.tab-link a i {
        display: inline-block;
        width: 30px;
        text-align: center;
    }
    .ew-context-menu button, .ew-context-menu button:hover, .ew-context-menu button:active, .ew-context-menu a, .ew-context-menu a:hover, .ew-context-menu a:active {
        padding: 12px 12px;
    }
    .ew-context-menu.btn {
        top: 45px;
    }
    .ew-table .header {
        display: none;
    }
    .ew-table.ew-planner tr.header {
        display: table-row;
    }
    .ew-table td .info-wrap {
        display: inline-block;
        padding: 10px 7px;
    }
    /*.ew-table td .info-wrap:first-child {
        padding-left: 15px;
    }
    .ew-table td .info-wrap:last-child {
        padding-right: 15px;
    }*/
    .ew-table td .info-wrap div {
        display: inline-block;
    }
    .ew-table td .info-wrap div.div {
        display: block;
        line-height: 1.2em;
    }
    .ew-table td .info-wrap span.pre {
        color: #00000091;
        margin-right: 7px;
    }
    .ew-table td .info-wrap span.post {
        color: #00000091;
        margin-left: 7px;
    }
    .ew-table .row-primary {

    }
    .ew-table .row-secondary {
        font-size: 0.85em;
        line-height: 1em;
    }
    .ew-table .info-wrap.with-image {
        position: relative;
        width: 44px;
    }
    .ew-table .info-wrap.with-image .ew-inline-profile-image {
        position: absolute;
        top: -5px;
        left: 5px;
    }
    .ew-table .row-secondary .info-wrap {
        padding: 5px 7px;
    }
    .ew-table .row-secondary:last-child {
        margin-bottom: 10px;
    }
    .ew-table .row-secondary .text i {
        margin-right: 0px;
    }
    .ew-table .info-wrap a i {
        margin-right: 7px;
    }
    .ew-table td.only-mobile, .ew-table td.m {
        padding: 0 10px;
    }
    .ew-table td .append {
        display: none;
    }
    .ew-input .input-action a {
        line-height: 50px;
    }
    input.search, .input.search, input[type=search].search {
        padding-left: 60px;
    }
    .ew-button-list article button::after, .ew-button-list article a.button::after {
        height: 56px;
        line-height: 52px;
    }
    .ew-action-bar {
        display: flex;
        flex-wrap: wrap;
        padding-right: 9px;
    }
    .ew-board-section .ew-action-bar, .ew-task-section .ew-action-bar {
        display: block;
    }
    .ew-action-bar button, .ew-action-bar .button {
        width: calc(50% - 15px);
        white-space: nowrap;
        /*overflow: hidden;*/
        text-overflow: ellipsis;
        margin-right: 15px;
    }
    .ew-action-bar .ew-kebab-menu {
        width: calc(50% - 15px);
        margin-right: 15px;
    }
    .ew-action-bar button.m-full, .ew-action-bar .button.m-full, .ew-action-bar .ew-kebab-menu.m-full {
        width: calc(100% - 15px);
    }
    .ew-action-bar button.m-half, .ew-action-bar .button.m-half, .ew-action-bar .ew-kebab-menu.m-half {
        width: calc(50% - 15px);
    }
    .ew-action-bar button.m-quarter, .ew-action-bar .button.m-quarter, .ew-action-bar .ew-kebab-menu.m-quarter {
        width: calc(25% - 15px);
    }
    .ew-action-bar button.m-third, .ew-action-bar .button.m-third, .ew-action-bar .ew-kebab-menu.m-third {
        width: calc(33.3% - 15px);
    }
    .ew-action-bar button.m-eighth, .ew-action-bar .button.m-eighth, .ew-action-bar .ew-kebab-menu.m-eighth {
        width: calc(12.5% - 15px);
    }
    .ew-action-bar .ew-kebab-menu button, .ew-action-bar .ew-kebab-menu .button {
        width: 100%;
    }
    .ew-action-bar button:only-child, .ew-action-bar .button:only-child {
        width: auto;
    }
    .m-center {
        text-align: center;
    }
    .ew-box.card, .ew-box.card:first-child, .ew-box.card:last-child {
        margin-left: 20px;
        margin-right: 20px;
        width: auto;
    }
    .aside-filter {
        display: none;
    }
    .aside-filter.open {
        display: block;
    }
    .ew-map {
        min-height: 220px;
    }
    .ew-card > article {
        margin: 20px;
    }

    .ew-toast-wrap {
        right: 0;
    }

    .ew-toast {
        width: auto;
    }

    .video-iframe {
        position: relative;
        width: 100%;
        padding-bottom: 56.25%;
        height: 0;
        text-align: center;
    }
    .video-iframe iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .fix-scroll-vh.fixed {
        position: relative;
        overflow: auto;
        top: auto;
        bottom: auto;
        height: auto;
        z-index: 90;
    }
    .dropzone .dropzone-text {
        display: none;
    }

    .dev-system-name {
        display: none;
    }
}

.slide-in, .ew-box {
    transform: translateY(50px);
}
.slide-in-right {
    transform: translateX(50px);
}
.slide-in-left {
    transform: translateX(-50px);
}
.slide-in:nth-child(odd) {
    animation-duration: 0.6s;
}
.slide-run {
    animation: ew-slide-in 0.8s ease forwards;
}
.slide-already-visible {
    transform: none;
    animation: none;
}

@keyframes ew-slide-in {
    to { transform: translateY(0); }
}

@keyframes ew-blur-in {
    0% {
        filter: blur(50px);
    }
    100% {
        filter: blur(0px);
    }
}

@keyframes ew-dropzone-highlight {
    0.00% { border-color: #b9b61c; }
    20.00% { border-color: #e1dd10; }
    100.00% { border-color: #b9b61c; }
}

@keyframes ew-dropzone-active {
    0.00% { border-color: #009d02; }
    20.00% { border-color: #0ca293; background: #f2f2f2a3; }
    100.00% { border-color: #009d02; }
}

.animate__300ms {
    --animate-duration: 300ms;
}
.animate__200ms {
    --animate-duration: 200ms;
}
.animate__100ms {
    --animate-duration: 100ms;
}