@import "colors.css";

.k-switch-label-on,
.k-switch-label-off {
    /* default: none; but then, no labels are visible. */
    display: inherit;
}

.k-window {
    border-width: 0;
}

.k-menu-popup {
    min-width: 150px;
    width: auto;
    height: auto;
    max-height: 50vh;
}

.k-loader {
    color: var(--ifx-primary-color);
}

.k-splitter {
    border-width: 0;
}

.k-notification-global {
    z-index: 10049; /* one level below reconnect modal dialog */
}

.k-tilelayout {
    background-color: transparent;
}

.k-menu:not(.k-context-menu) > .k-item {
    color: var(--ifx-gray-light);
}

.k-grid-header, .k-card-header, .k-pager-wrap {
    background-color: var(--ifx-white);
}

.k-card-subtitle {
    color: var(--ifx-engineering-color);
}

.k-notification-group {
    /* to be above the footer */
    margin-bottom: 41px;
    z-index: 10003;
}

.k-tabstrip-items {
    border-width: 0;
    border-style: solid;
    border-color: inherit;
    outline: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
}

.k-tabstrip-top > .k-tabstrip-items {
    border-bottom-width: 1px !important;
}

.k-tabstrip-items .k-item {
    color: var(--ifx-primary-color);
}

.k-tabstrip-top > .k-content, .k-tabstrip-top > .k-tabstrip-content {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-width: 0;
}

.k-tabstrip-top > .k-tabstrip-items .k-item.k-state-active {
    border-bottom-color: transparent;
    bottom: -1px;
}

.k-tabstrip-items .k-item.k-state-active, .k-tabstrip-items .k-item.k-selected {
    border-color: rgba(0,0,0,.08);
    color: var(--disabled-text-color-dark);
    background-color: var(--ifx-white);
}

.k-loader-container {
    z-index: 1000; /*to stay under the Microsoft lost connection to server warning */
}

a, .k-grid a {
    color: var(--ifx-primary-color);
}

a:hover, .k-grid a:hover {
    text-decoration: underline;
}

.k-progress-status {
    white-space: pre-line;
}

.k-loader-container .k-progressbar-horizontal {
    height: 150px;
    width: 500px;
}

.k-loader-container .k-progress-status {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.k-form-error {
    white-space: pre-line;
}

/* center multi-column captions (but not the standard ones) */
.k-grid thead tr:first-of-type:not(:only-of-type) {
    text-align: center;
}

/* -------------------------loading indicator delay---------------------------- */
@keyframes append-animate {
    from {
        opacity: 0;
    }

    to {
        opacity: 0.5;
    }
}

.k-loader {
    animation: append-animate 1s cubic-bezier(1,0,0.1,0);
}

.k-loader-container-overlay {
    animation: append-animate 2s cubic-bezier(1,0,0.1,0);
}

/*------------------------------------------------------------------------------*/