html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-y: hidden;
    background: #dee2e6;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.layout {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
        "header"
        "body"
        "footer";
}

.header {
    grid-area: header;
}

.body {
    grid-area: body;
    overflow-y: auto;
}

.footer {
    grid-area: footer;
}

.header .k-menu:not(.k-context-menu) {
    border-color: #dee2e6;
    color: white;
    background-color: #1c1c1d;
}

    .header .k-menu:not(.k-context-menu) > .k-item {
        color: white;
    }

.header__logo-img {
    height: 2rem;
    width: auto;
    transition: all ease .3s;
}

    .header__logo-img .white {
        fill: white;
        transition: all ease .3s;
    }

    .header__logo-img .orange {
        fill: #F28705;
        transition: all ease .3s;
    }

ul[data-role="menu"] .k-item.k-menu-item.rightmenu {
    margin-left: auto;
}

#topmenu .k-item.k-menu-item.selected {
    border-bottom: 2px solid #f28705;
}

.k-panelbar > .k-item > .k-link.k-selected.k-hover, .k-panelbar > .k-item > .k-link.k-selected:hover, .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover, .k-panelbar > .k-panelbar-header > .k-link.k-selected:hover {
    background-color: #1c1c1d;
}

.k-panelbar > .k-item > .k-link.k-selected, .k-panelbar > .k-panelbar-header > .k-link.k-selected {
    color: #fff;
    background-color: #1c1c1d;
}

.k-panelbar > .k-item > .k-link, .k-panelbar > .k-panelbar-header > .k-link {
    color: #1c1c1d;
    background-color: #fff;
}

.k-menu:not(.k-context-menu) > .k-item.k-focus, .k-menu:not(.k-context-menu) > .k-item:focus {
    box-shadow: none;
}

.k-grid td.k-selected, .k-grid th.k-selected, .k-grid tr.k-selected > td {
    color: #212529;
    background-color: rgba(28, 28, 29, 0.25);
}

.k-grid td {
    padding: 2px 0.6em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-detail {
    width: 100%;
    background: #F28705;
    color: white;
}

.header-detail-icon {
    background: #d57500;
    font-size: 50px;
}

.header-detail-row1 {
    padding-left: 10px;
    font-size: 1.6rem;
    font-weight: bold;
    border-bottom: 2px white solid;
}

.header-detail-row2 {
    padding-left: 10px;
}

.header-detail-row3 div {
    background:green;
    padding:6px;
    text-align:center;
}

.text-dark {
    color: #1c1c1d;
}

.text-orange {
    color: #F28705;
}

.w-100 {
    width: 100%;
}

ul[data-role="panelbar"] .panel-content-padding {
    padding: 12px 18px;
}

.k-button-solid-primary {
    border-color: #F28705;
    color: #fff;
    background-color: #F28705;
}

    .k-button-solid-primary.k-hover, .k-button-solid-primary:hover {
        border-color: #d57500;
        background-color: #d57500;
    }

    .k-button-solid-primary.k-focus, .k-button-solid-primary:focus {
        box-shadow: 0 0 0 0.25rem rgba(242, 135, 5, .5);
    }

.k-badge-solid-warning {
    border-color: #F28705;
    color: white;
    background-color: #F28705;
}

.k-grid-norecords {
    text-align: center
}

div.k-grid-norecords {
    width: auto;
    height: auto;
    padding: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.k-grid td input[type="text"], .k-grid td input[type="number"], .k-grid td input[type="textarea"] {
    border: 1px solid #ced4da; /* 2px široký border s červenou barvou (#ff0000) */
    border-radius: .25rem; /* Zaoblené rohy */
    width: 100%;
}

    .k-grid td input[type="text"]:focus-visible, .k-grid td input[type="number"]:focus-visible, .k-grid td input[type="textarea"]:focus-visible {
        border-color: #86b7fe;
        color: #495057;
        background-color: #fff;
        box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
        outline: none;
        border-radius: .25rem;
    }

select {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    width: 100%;
    padding: 0.085rem 0.2rem;
}

    select:focus-visible {
        border-color: #86b7fe;
        color: #495057;
        background-color: #fff;
        box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
        outline: none;
        border-radius: .25rem;
    }

    .k-grid td > .k-checkbox, .k-grid td > .k-checkbox-wrap, .k-grid td > .k-radio, .k-grid td > .k-radio-wrap, .k-grid th > .k-checkbox, .k-grid th > .k-checkbox-wrap, .k-grid th > .k-radio, .k-grid th > .k-radio-wrap {
        vertical-align: middle;
    }

.k-menu:not(.k-context-menu) {
    min-height: 47px;
}

.window-container {
    height:100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
        "window-header"
        "window-content"
        "window-footer";
}

.window-header {
    grid-area: window-header;
}

.window-content {
    grid-area: window-content;
}

.window-footer {
    margin-top: 6px;
    text-align: right;
    grid-area: window-footer;
}

.k-panelbar-header .commands {
    position: absolute;
    right: 10px;
    margin-right: 40px;
}

td[data-cellbtn="true"] {
    padding: 0;
}

    td[data-cellbtn="true"] .k-button {
        width: 100%;
        border-radius: 0;
    }

.k-badge-font-lg {
    font-size: inherit;
}

.process-bar .k-progress-end {
    display: none;
}

.k-edit-buttons {
    text-align: right;
}

.required-star::before {
    content: " * ";
    color: red;
}

.hiddencmd {
display:none;
}

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

.pulse {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        background-color: transparent; /* Počáteční barva */
    }

    50% {
        background-color: rgba(242, 135, 5 , .50); /* Barva na polovině animace */
    }

    100% {
        background-color: transparent; /* Konečná barva */
    }
}

.badge-navigation .k-badge-solid-primary {
    border-color: white;
    background-color: #F28705;
}

.k-column-title {
    white-space: pre-line;
}

/*.nolink.k-item {
    color: #1c1c1d !important;
}*/

.nolink .k-link:hover {
    cursor: default;
}

.currently-online-icon {
    height: 16px;
    margin-right: 10px;
    position: relative;
    width: 16px;
}

    .currently-online-icon:before {
        -webkit-animation: pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) infinite;
        -moz-animation: pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) infinite;
        animation: pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) infinite;
        background-color: #2ecc71;
        border-radius: 45px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        content: "";
        display: block;
        height: 300%;
        margin-left: -100%;
        margin-top: -100%;
        position: relative;
        width: 300%;
    }

    .currently-online-icon:after {
        -webkit-animation: pulse-dot 1.25s cubic-bezier(.455,.03,.515,.955) -.4s infinite;
        -moz-animation: pulse-dot 1.25s cubic-bezier(.455,.03,.515,.955) -.4s infinite;
        animation: pulse-dot 1.25s cubic-bezier(.455,.03,.515,.955) -.4s infinite;
        background-color: #2ecc71;
        border-radius: 15px;
        box-shadow: 0 0 8px rgba(0,0,0,.3);
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

@-webkit-keyframes pulse-ring {
    0% {
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    80%,to {
        opacity: 0
    }
}

@-moz-keyframes pulse-ring {
    0% {
        -moz-transform: scale(.2);
        transform: scale(.2)
    }

    80%,to {
        opacity: 0
    }
}

@keyframes pulse-ring {
    0% {
        -webkit-transform: scale(.2);
        -moz-transform: scale(.2);
        -o-transform: scale(.2);
        transform: scale(.2)
    }

    80%,to {
        opacity: 0
    }
}

@-webkit-keyframes pulse-dot {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@-moz-keyframes pulse-dot {
    0% {
        -moz-transform: scale(.8);
        transform: scale(.8)
    }

    50% {
        -moz-transform: scale(1);
        transform: scale(1)
    }

    to {
        -moz-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes pulse-dot {
    0% {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8)
    }

    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8)
    }
}

.bordertable td {
    padding-left: 3px;
    padding-right: 3px;
    border-width: 1px;
}

.k-dirty {
    color: #dc3545;
    border-color: #dc3545 transparent transparent #dc3545;
}

input:read-only {
    background-color: #f2f2f2;
}

.window-icon-column {
    position: relative;
    display: flex;
}

.window-icon, window-icon-content {
    box-sizing: border-box;
}

.window-icon {
    width: 80px;
}

.window-icon-content {
    width: calc(100% - 80px);
    overflow: auto;
}

.window-icon .k-icon {
    font-size: 72px;
}