/* grid */
.k-grid.grid-custom,
/* grid toolbar */
.k-grid.grid-custom .k-toolbar,
/* grid cells */
.k-grid.grid-custom table,
/* textboxes */
.k-grid.grid-custom .k-input,
/* date pickers */
.k-grid.grid-custom .k-picker,
/* buttons */
.k-grid.grid-custom .k-button,
/* column and filter menu */
.k-popup,
.k-popup .k-input,
.k-popup .k-picker,
.k-popup .k-button,
/* dropdowns */
.k-popup .k-list {
    /*font-size: 0.5rem;*/
}

.k-grid.grid-custom * {
    font-size: 0.75rem;
}

/* OnCellRender */
.k-grid td.custom-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* grid commands */
.k-grid.grid-custom .k-command-cell  {
    text-align: right;
}

.k-grid.grid-custom .k-column-title {
    font-weight: bold;
}

/* grid cells */
.k-grid.grid-custom .vehicle-owner-cell {
    display:flex;
}

.k-grid.grid-custom .remark-icon {
    display: inline-flex;
    margin-left: auto;
    color: var(--kendo-color-primary);
/*    border: 1px solid red;*/
}

/* color for the columns visible only by superadmin */
.superadmin-visible {
    background-color: #DDDDDD;
}

/* scheduler */
.k-scheduler.scheduler-custom {
    font-size:0.8em;
}

.k-scheduler-layout-flex .k-scheduler-cell {
    padding-block: 0.5rem;
}

/* drawer */
.k-drawer-content {
    display: flex;
    flex-flow: column nowrap;
    height: 100vh;
}

.k-form-field label {
    color: dimgray;
    font-size: 0.8rem;
}

/* app bar */
.k-appbar {
    overflow: visible;
}

    .k-appbar .nav-menu a {
        border: 1px solid;
        border-color: var(--kendo-color-primary, #1274AC);
        padding: 5px 10px;
    }

        .k-appbar .nav-menu a.active {
            border: 1px solid;
            border-color: #DDD;
            border-radius: 5px;
        }

.k-appbar a {
    color: white;
    text-decoration: none;
}

.k-appbar a span {
    color: white;
    text-decoration: none;
}

.k-appbar a.active:hover {
    color: white;
}

    .k-appbar a:hover {
        border: 1px solid;
        border-color: white;
        border-radius: 5px;
    }

.k-appbar .k-appbar-section.nav-menu {
    flex-wrap: wrap;
}

.k-appbar-section h1 {
    margin: 0;
}

.k-appbar .nav-menu {
    justify-content: center;
    /*flex-shrink: 1;*/
    gap: 0.5rem;
}

/*@media only screen and (max-width: 600px) {
    .title-pazigrad-control {
        border: 2px solid red;
        order: -2;
        width: 100%
    }
}*/

@media only screen and (max-width: 1200px) {
    .nav-menu {
        /*border: 2px solid red;*/
        order: 1;
        width: 100%
    }
}

    .user-controls {
        white-space: nowrap;
        flex-grow: 1;
        justify-content: right;
        /*align-self: flex-end;*/
    }

        .user-controls .k-appbar-separator {
            margin: 0 0.5rem;
        }

    /*.title-selected-group {
    border: 2px solid red;
    order: -1;
    width: 50%
}*/
    .k-grid.grid-custom {
        max-width: 100vw;
    }

/* window */
.k-window {
 /*   font-size: 0.8rem;*/
}

    .k-window .k-window-title {
        text-align: center;
        font-weight: bold;
    }

/* combobox popup */
.k-combobox-popup  .k-list {
    font-size: 0.8rem;
}

    .combo-button {
        margin: 5px;
    }

        .combo-button button {
            width: 100%;
            font-size: 0.8rem;
            font-weight: 600;
        }