/* GRID */

.k-grid .k-table-th, .k-grid td, .k-grid .k-table-td {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    padding: 5px 8px;
}

.grid-appearance .k-master-row {
    background-color: var(--collection_background) !important;
}

.grid-appearance .k-alt {
    background-color: var(--collection_background) !important;
}

.grid-appearance .k-master-row:hover {
    background-color: var(--collection_item_hover) !important;
    color: var(--collection_item_hover_text) !important;
    cursor: default;
}

    .grid-appearance .k-master-row:hover i {
        color: var(--collection_item_hover_text);
    }

.grid-appearance .k-alt:hover {
    color: var(--collection_item_hover_text);
}

.grid-appearance .k-state-selected, .grid-appearance .k-grid .k-table-row.k-selected > td, .grid-appearance .k-grid .k-table-row.k-selected > .k-table-td,
.k-grid td.k-selected, .k-grid .k-table-row.k-selected > td, .k-grid .k-table-td.k-selected, .k-grid .k-table-row.k-selected > .k-table-td {
    background-color: var(--collection_item_selected) !important;
}

.grid-appearance .k-grid td.k-state-selected, .k-grid tr.k-state-selected > td {
    background-color: transparent !important;
}

.grid-appearance th.k-header {
    background-color: var(--primary_color) !important;
    color: var(--primary_text_color);
    border-color: var(--primary_text_color);
}

.grid-appearance .k-column-title {
    width: 100%;
    padding: 8px 12px;
}

.grid-appearance .k-grid-header .k-header {
    vertical-align: middle;
}

.grid-appearance .k-cell-inner > .k-link {
    padding: 0px;
}

.grid-appearance .grid-column-action {
    float: right;
}

.grid-appearance .k-dropdown .k-dropdown-wrap .k-select {
    background-color: var(--primary_color);
    color: var(--primary_text_color);
}

.grid-appearance .k-alt:hover {
    color: inherit;
}

.k-grid tbody tr:hover {
    background-color: transparent;
}

/* COLUMN PICKER START */

.column-picker-apply:hover {
    background: #12356d;
    color: white;
}

.column-picker-apply {
    background: var(--primary_color) !important;
    color: var(--primary_text_color) !important;
    margin-left: 5px;
}

.column-combo .k-combobox .k-dropdown-wrap {
    border: 0;
}

.column-combo .k-searchbar {
    display: none;
}

.column-combo .k-clear-value {
    display: none;
}

.column-combo .k-select, .column-combo .k-select:hover {
    background-color: transparent;
    background-image: none;
}

/* COLUMN PICKER END */

/* MENU START */

.k-menu:not(.k-context-menu) > .k-item, .k-menu:not(.k-context-menu) > .k-item:hover, .k-menu:not(.k-context-menu) > .k-item.k-hover {
    color: inherit;
}

/* MENU END */
/* CHECKBOX START */
.k-checkbox:checked {
    border-color: var(--checkbox_background);
    color: var(--primary_text_color);
    background-color: var(--checkbox_background);
}

.k-checkbox:indeterminate {
    color: var(--checkbox_background);
}

/* CHECKBOX END */

/* RADIO BUTTON START */

.k-radio:checked, .k-radio.k-checked {
    border-color: var(--checkbox_background);
    color: var(--primary_text_color);
    background-color: var(--checkbox_background);
}

/* RADIO BUTTON END */

.k-master-row.k-selected.k-table-alt-row td.k-grid-content-sticky::before, .k-master-row.k-selected.k-table-alt-row .k-table-td.k-grid-row-sticky::before,
.k-master-row.k-table-alt-row td.k-grid-content-sticky.k-selected::before, .k-master-row.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected::before,
.k-master-row.k-selected:hover td.k-grid-content-sticky::before, .k-master-row.k-selected:hover .k-table-td.k-grid-row-sticky::before, .k-master-row.k-selected.k-hover td.k-grid-content-sticky::before,
.k-master-row.k-selected.k-hover .k-table-td.k-grid-row-sticky::before, .k-master-row:hover td.k-grid-content-sticky.k-selected::before, .k-master-row.k-hover td.k-grid-content-sticky.k-selected::before,
.k-master-row:hover .k-table-td.k-grid-content-sticky.k-selected::before, .k-master-row.k-hover .k-table-td.k-grid-content-sticky.k-selected::before, .k-master-row.k-table-row.k-selected td.k-grid-content-sticky::before, 
.k-master-row.k-table-row.k-selected .k-table-td.k-grid-row-sticky::before, .k-master-row.k-table-row td.k-grid-content-sticky.k-selected::before, .k-master-row.k-table-row .k-table-td.k-grid-content-sticky.k-selected::before {
    background-color: transparent;
}

/* GRID END */
/* PAGER */
.pager-wrapper a.k-link {
    border-radius: 60px;
}

.pager-wrapper a.k-link:hover {
    color: var(--pager_hover_text) !important;
    background-color: var(--pager_hover_background) !important;
}

.pager-wrapper a.k-link.k-state-selected {
    background-color: var(--secondary_color) !important;
}

.pager-wrapper {
    border-color: transparent;
    background-color: var(--pager_background);
    color: var(--pager_text_color);
    padding: 3px 5px;
    font-family: var(--font);
    font-size: 0.75rem;
    overflow-x: auto;
    flex: 1;
}

.pager-wrapper .k-pager-numbers .k-link {
    color: inherit;
}

.k-pager-numbers .k-link {
    min-width: calc(1.4285714286em + 8px);
    height: calc(1.4285714286em + 8px);
}

.k-pager-info {
    font-family: var(--font);
    font-size: 0.75rem;
}

/* PAGER END */

/* USER STATUS */
.user-status-button {
    background: none;
    color: var(--grid_row_backgroundcolor_hover) !important;
    border: 1px solid transparent;
    margin-left: auto;
    /*box-shadow: none !important;
    padding: 4px 8px;*/
}

.user-status-button:hover {
    background: none;
    color: var(--grid_row_backgroundcolor_hover) !important;
    border: 1px solid transparent;
}

/*.user-status-button:hover .k-icon {
    color: white;
}*/
/* USER STATUS END */

/* TREEVIEW */

.treeview {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .treeview .k-treeview .k-in:hover, .k-treeview .k-in.k-state-hover, .k-treeview-leaf.k-selected {
        color: var(--navigation_menu_item_selected_text);
        background-color: var(--navigation_menu_item_selected);
    }

.treeview .k-treeview .k-in:hover, .k-treeview .k-in.k-state-hover {
    cursor: pointer;
}

.treeview .k-treeview ul {
    padding-left: 7px;
}

.treeview .k-treeview-lines {
    color: var(--navigation_menu_text);
}

.treeview .k-content {
    color: inherit;
}

.treeview .k-treeview .k-in.k-state-selected {
    background-color: var(--navigation_menu_background) !important;
    color: var(--navigation_menu_item_selected);
}

.treeview .k-treeview .k-in.k-state-focused {
    box-shadow: none;
}

.treeview .k-treeview {
    height: 100%;
    flex: 1 0 0;
}

.treeview-loader .k-loader-light {
    color: var(--navigation_menu_text);
}

.k-treeview .k-in .k-image {
    width: 17px;
}

.k-treeview .k-item {
    padding: 0 0 0 12px;
}

.k-treeview-item .k-animation-container {
    z-index: 0;
}

/* TREEVIEW END */
/* TELERIK WINDOW */
.k-window-titlebar {
    padding: 7px 14px;
}

.k-window-content {
    padding: 10px 20px;
}

.k-window-title {
    font-size: 0.75rem;
}

.k-button-solid-primary:hover, .k-button-solid-primary.k-hover, .k-button-solid-primary {
    border-color: var(--primary_color);
    background-color: var(--primary_color);
    color: var(--primary_text_color) !important;
}

/* TELERIK WINDOW END */
/* TAB CONTROL */
.tab-control-container .k-button-group button.k-button {
    background-image: none;
    background-color: transparent;
    border: 1px solid transparent;
    height: 23px;
}

    .tab-control-container .k-button-group button.k-button.my-on-class {
        color: var(--secondary_text_color) !important;
        background-color: var(--secondary_color) !important;
    }

        .tab-control-container .k-button-group button.k-button.my-on-class:hover {
            background-color: var(--primary_color) !important;
            color: var(--primary_text_color) !important;
        }

.tab-control-container .k-button-group button.k-button.my-on-class:focus {
    background-color: var(--tab_control_background) !important;
    opacity: 1;
}

.tab-control-container .k-button-group button.k-button.the-off-class:focus {
    background-color: var(--tab_control_background) !important;
    opacity: 1;
}

.tab-control-container .k-button-group button.k-button.the-off-class:hover {
    color: var(--primary_text_color) !important;
    background-color: var(--primary_color) !important;
}

/* TAB CONTROL END */

/* COMBOBOX */

.multiselect-button {
    padding: 0px;
    height: 100% !important;
    width: 100%;
}

.multiselect-textbox, .multiselect-textbox:hover {
    border-right-color: transparent;
}

.combo .k-select, .combo .k-input-button, .designer-control .k-input-button, .designer-control .k-select, .multiselect-button, .k-numerictextbox .k-numeric-wrap .k-select,
.multiselect-button:hover, .k-switch-on .k-switch-track {
    background-image: none !important;
    background-color: var(--primary_color) !important;
    color: var(--primary_text_color) !important;
}

.k-switch-on .k-switch-track, .k-switch-off .k-switch-track, .k-switch:focus, .k-switch-off:focus .k-switch-track, .k-switch-on:focus .k-switch-track {
    border-color: rgba(0, 0, 0, 0.08);
    outline: none;
}

    .combo > :hover .k-select {
        background-color: var(--primary_color);
        color: var(--primary_text_color);
        background-image: none;
    }

.combo .k-select:hover, .k-numerictextbox .k-numeric-wrap .k-select:hover {
    background-color: var(--primary_color);
    color: var(--primary_text_color);
}

.combo-popup, .autocomplete-popup, .global-popup {
    height: auto !important;
    max-height: 200px !important;
}

.btn-width {
    width: 20%;
}

/* COMBOBOX END */

/* SELECT OPERATOR */

.select-operator {
    height: 100%;
    border: none;
    background-color: transparent;
    background-image: none;
}

    .select-operator .k-button {
        visibility: hidden;
    }

    .select-operator:hover {
        background-image: none;
        background-color: transparent;
        border: transparent;
    }

    .select-operator .k-dropdown-wrap {
        background-color: transparent !important;
        border-color: transparent !important;
        background-image: none;
        width: 0px;
    }

.select-operator .k-dropdown-wrap .k-state-focused {
    box-shadow: none !important;
}

.select-operator .k-dropdown-wrap:hover {
    background-image: none;
}

.select-operator .k-dropdown-wrap .k-input {
    display: none;
}

.select-operator .k-dropdown-wrap .k-select {
    background: transparent !important;
    color: transparent !important;
}

.select-popup {
    height: auto !important;
    max-height: 200px !important;
}

/* SELECT OPERATOR END */

/* DOCUMENT PREVIEW */

.preview-container .k-toolbar {
    background-clip: border-box;
    padding: 0px;
}

/* DOCUMENT PREVIEW END */

/* INDEX DATA */

.update-color, .footer-buttons, .update-color:active {
    background-color: transparent !important;
    border-color: transparent !important;
    background-image: none !important;
    color: gray !important;
    font-size: 0.8rem;
    box-shadow: none !important;
}
/*.mydiv .k-button {
    background-color: transparent !important;
    border-color: transparent !important;
    background-image: none !important;
    color: gray !important;
    font-size: 0.8rem;
}*/

.mydiv .fa {
    font-size: 14px;
}

.grid-container-inner .k-textbox, .grid-container-inner .k-numerictextbox {
    min-width: 200px;
    width: 100%;
}

.grid-container-inner .k-button {
    background-color: transparent;
    border-color: transparent;
    background-image: none;
    color: gray;
    font-size: 0.8rem;
}

.grid-container-inner .btn-info {
    background-color: transparent !important;
    border-color: transparent !important;
    color: gray !important;
}

.grid-container-inner .btn-danger {
    background-color: transparent !important;
    border-color: transparent !important;
    color: gray !important;
}

.grid-container-inner .btn-info:hover {
    background-color: lightgray !important;
    color: black !important;
}

.buttons .btn-danger:hover {
    background-color: red !important;
    color: white !important;
}

.grid-container-inner .fa {
    font-size: 14px;
}

.k-datepicker .k-select, .property-datepicker .k-input-button, .property-datepicker .k-input-button:hover {
    background-color: var(--primary_color);
    background-image: none !important;
    color: var(--primary_text_color);
    opacity: 1;
}

.property-datepicker {
    border-color: rgba(0,0,0,0.08) !important;
}

/*.k-datepicker:hover {
    color: var(--primary_color);
    opacity: 0.8;
}*/
.k-calendar .k-state-selected .k-link {
    border-color: var(--primary_color) !important;
    background-color: var(--primary_color) !important;
    color: var(--primary_text_color) !important;
}

.k-today {
    color: var(--collection_text) !important;
}

.numeric-textbox .k-icon-button {
    background-image: none !important;
    background-color: var(--primary_color) !important;
    color: var(--primary_text_color) !important;
}

.k-input:focus-within {
    box-shadow: none;
}

.k-input:focus, .k-input.k-focus {
    box-shadow: none;
}

.k-state-disabled {
    opacity: 1 !important;
}

.k-calendar .k-state-selected .k-link:hover {
    background-color: var(--collection_item_selected);
}

.k-datepicker .k-select:hover {
    background-color: var(--primary_color);
    color: var(--primary_text_color);
}

.k-dateinput .k-dateinput-wrap, .k-dateinput .k-dateinput-wrap, .k-datepicker .k-picker-wrap, .k-picker-wrap, .k-textbox, .k-combobox, .k-numerictextbox {
    transition: none !important;
}

.k-radio, .k-checkbox {
    border-color: rgba(0, 0, 0, 0.2);
}

.k-button-solid-base.k-selected {
    border-color: transparent;
}

/* INDEX DATA END */
/* INDEX DIALOG */
.file-button {
    height: min-content !important;
    z-index: 100 !important;
    background-color: transparent !important;
    border-color: transparent !important;
    background-image: none;
    padding: 5px;
}

.x-button {
    color: black !important;
}

.x-button:hover {
    background-color: red !important;
    color: white !important;
}

.mydivbody .k-listview {
    overflow: auto;
}

.mydivbody .k-listview-header {
    color: var(--primary_text_color);
    background: var(--primary_color);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    align-items: baseline;
}

.mydivbody .k-listview-content {
    padding: 5px 0 0 0;
}

.disabled-control .k-radio-label {
    cursor: default;
}
/* INDEX DIALOG END */
/* UPLOAD FILE AREA */
/* custom background and color in grid */
.k-grid-table td:hover .version {
    background: rgb(240, 240, 240) !important;
    color: black;
}

.version-label > ::-webkit-file-upload-button {
    cursor: copy !important;
}

/* END UPLOAD FILE AREA */

/* PROPERTIES */

.security-button-container .k-button {
    height: 23px;
    min-width: 80px;
}

/* PROPERTIES END */

/* TILE LAYOUT */

.k-card-body {
    padding: 3px;
}

.k-card-header {
    padding: 3px 10px;
}

.k-card-header {
    border-style: none;
}

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

.k-tilelayout-item {
    z-index: auto;
}

.k-tilelayout .k-card {
    box-shadow: 0 7px 5px -6px rgba(0,0,0,.05), 0 0px 3px 1px rgba(0,0,0,0.042), 0 3px 13px 0px rgba(0,0,0,.036);
    border-width: 0px;
}

/* TILE LAYOUT END */
/* LISTVIEW START */
.k-listview-content:hover, .internal-acts-template-container:hover,
.internal-acts-template-container:hover .internal-act-property {
    color: white;
    color: inherit
}

/* LISTVIEW END */

/* STEPPER START */

.k-stepper .k-step-done .k-step-indicator,
.k-stepper .k-step-current .k-step-indicator,
.k-stepper .k-step-done.k-step-disabled .k-step-indicator,
.k-stepper .k-step-current.k-step-disabled .k-step-indicator,
.k-stepper .k-step-done.k-step-disabled .k-step-indicator::before,
.k-stepper .k-step-done.k-disabled .k-step-indicator::before,
.k-stepper .k-step-done:disabled .k-step-indicator::before,
.k-stepper .k-step-current.k-step-disabled .k-step-indicator::before, 
.k-stepper .k-step-current.k-disabled .k-step-indicator::before, 
.k-stepper .k-step-current:disabled .k-step-indicator::before {
    border-color: white;
    background-color: var(--secondary_color);
    color: var(--secondary_text_color);
}

.k-stepper .k-step-done:hover .k-step-indicator,
.k-stepper .k-step-done:hover .k-step-indicator-disabled,
.k-stepper .k-step-current:hover .k-step-indicator,
.k-stepper .k-step-current:hover .k-step-indicator-disabled {
    background-color: var(--primary_color);
}

.k-stepper .k-step.k-focus .k-step-indicator::after,
.k-stepper .k-step-link:focus .k-step-indicator::after {
    display: contents;
}

.k-progressbar .k-state-selected {
    background-color: #adb5bd;
    border: hidden
}

.k-progressbar-horizontal > .k-state-selected {
    height: 2px;
}

/* STEPPER END */

/* BREADCRUMB START */

.k-breadcrumb {
    font-size: 0.75rem;
    background-color: transparent;
}

.k-breadcrumb-link, .k-breadcrumb-root-link, .k-breadcrumb-link:hover {
    color: #424242;
    background-color: transparent;
}

.k-breadcrumb-root-link:focus, .k-breadcrumb-root-link.k-state-focused {
    box-shadow: none;
}

/* BREADCRUMB END */

/* DRAWER START */

.k-drawer-overlay .k-drawer {
    position: relative;
}

.k-drawer-item {
    padding: 0px;
}

.k-drawer-item:focus, .k-drawer-item.k-state-focused {
    background-color: transparent;
    box-shadow: none;
}

/* DRAWER END */

/* DIALOG START */

.k-dialog-titlebar {
    background-color: var(--primary_color);
    color: var(--primary_text_color);
}

/* DIALOG END */

/* BUTTONS START */

.btn-login, .form-control {
    width: 100%;
    font-size: 0.85rem !important;
}

.btn-login, .btn-login:hover {
    background-color: var(--primary_color);
    color: var(--primary_text_color) !important;
}

.toggle-btn {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    padding: 0px;
}

.toggle-btn:hover {
    background-color: transparent;
}

.k-button {
    color: inherit;
}

.transparent-button {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    border-radius: 50%;
}

    /*.transparent-button:hover {
        background-color: var(--collection_item_selected);
        color: var(--collection_text);
    }*/

/* BUTTONS END */

/* PANEL START */

.k-panelbar > .k-item > .k-link, .k-panelbar > .k-panelbar-header > .k-link {
    color: #424242;
    background-color: transparent;
}

.k-panelbar > .k-item > .k-link.k-selected, .k-panelbar > .k-panelbar-header > .k-link.k-selected,
.k-panelbar .k-group > .k-item > .k-link.k-selected, 
.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected, .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected, 
.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected {
    color: #424242;
    background-color: whitesmoke;
}

.k-panelbar > .k-item > .k-link.k-selected:hover, .k-panelbar > .k-item > .k-link.k-selected.k-hover,
.k-panelbar > .k-panelbar-header > .k-link.k-selected:hover, .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover,
.k-panelbar .k-group > .k-item > .k-link.k-selected:hover, .k-panelbar .k-group > .k-item > .k-link.k-selected.k-hover, 
.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected:hover, .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-hover, 
.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected:hover, .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-hover, 
.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:hover, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-hover {
    background-color: whitesmoke;
}

/* PANEL END */

.k-menu-group .k-item > .k-link:active, .k-menu-group .k-item > .k-link.k-active,
.k-menu-group .k-item > .k-link.k-selected, .k-menu.k-context-menu .k-item > .k-link:active,
.k-menu.k-context-menu .k-item > .k-link.k-active, .k-menu.k-context-menu .k-item > .k-link.k-selected {
    color: var(--secondary_text_color);
    background-color: var(--secondary_color);
}

.k-splitbar:focus, .k-splitbar.k-focus {
    color: #424242;
    background-color: #fafafa;
}

.login-loader {
    color: var(--primary_text_color) !important;
}

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

.tab-navigaion-button {
    padding: 0;
    background-color: transparent;
    border: transparent;
}

.navigation-control-button {
    padding: 8px;
    background-color: transparent;
    border: transparent;
    background-image: none;
}

.navigation-control-button-active {
    background-color: var(--secondary_color);
    color: var(--secondary_text_color);
    border-radius: 30px;
}

.navigation-control-button-active button {
    color: var(--secondary_text_color);
}

.navigation-control-button:hover {
    background-color: transparent;
    border: transparent;
}

.modal-container .k-dialog-titlebar, .modal-container-extended .k-dialog-titlebar {
    background-color: var(--primary_color);
    color: var(--primary_text_color);
}

.modal-container {
    max-width: 600px;
    width: 80%;
    max-height: 400px;
    height: auto;
    overflow: auto;
}

.modal-container-extended {
    width: 80%;
    height: auto;
    overflow: auto;
}

.k-pager-info {
    white-space: nowrap;
}

.k-menu.k-context-menu .k-item > .k-state-active {
    color: #424242;
    background-color: #f0f0f0;
}

.k-popup .k-state-selected, .k-popup .k-selected, .k-calendar .k-calendar-td.k-selected .k-link {
    background-color: var(--collection_item_selected) !important;
    color: var(--collection_text) !important;
}

.k-textbox, .k-combobox .k-dropdown-wrap, .k-datepicker .k-widget.k-dateinput, .k-combobox, .k-numerictextbox, .k-autocomplete, .k-datepicker, .k-timepicker, .k-datetimepicker {
    height: 28px !important;
    width: 100%;
}

    .k-button, .k-textbox, .k-combobox .k-dropdown-wrap, .k-datepicker .k-widget.k-dateinput,
    .k-combobox, .k-numerictextbox, .k-pager-wrap, .k-splitter, .k-treeview, .k-grid-header,
    .k-grid, .k-autocomplete, .k-multiselect, .k-chip, .k-textarea, .btn, .k-menu, .k-popup, .validation-message, .k-splitter,
    .mydivbody .k-listview-header, .grid-container-inner .k-textbox, .grid-container-inner .k-numerictextbox,
    .tab-control-container .k-button-group button.k-button, .k-window, .treeview .k-treeview,
    .grid-appearance, .k-list, .k-table-md, .k-menu-group-md .k-menu-item {
        font-family: inherit;
        font-size: 0.75rem !important;
        text-transform: none;
    }

.k-button:focus {
    box-shadow: none;
}

.k-splitbar:active {
    background: #ececec !important;
}

.k-splitbar-horizontal {
    width: 5px;
}

.k-splitbar-vertical {
    height: 5px;
}

.splitter {
    overflow: hidden;
}

.k-menu.k-context-menu {
    width: 250px;
}

.k-multiselect {
    width: 100%;
}

.k-tabstrip {
    height: 100%;
}

.k-tabstrip-items-wrapper .k-item, .k-tabstrip-items-wrapper .k-item:hover {
    color: inherit;
}

.btn-primary-theme {
    border: none;
    background: var(--primary_color) !important;
    color: var(--primary_text_color) !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-invert-theme {
    border: none;
    background: #d04d49 !important;
    color: #f2f2f2 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* kako se ne bo pomerala dropdown lista za filter u grid-u */
.content-initial > .k-animation-container,
.content-flex > .k-animation-container {
    transform: translate(0px, calc(-1 * var(--top_row_visina))) !important;
}

.k-animation-container {
    z-index: 10000;
}

.validation-message {
    font-style: italic;
    color: #f31700;
}

/* MATERIAL */
#materialTheme .k-button {
    box-shadow: none !important;
    padding: 0px 6px;
}

#materialTheme .k-grid td {
    padding: 3px 7px;
}

#materialTheme .k-select {
    opacity: 1;
}

#materialTheme .k-header > .k-cell-inner {
    margin: -16px calc(-1.4285714286em - -8px) -16px -10px;
}

#materialTheme .k-grid-header .k-link:hover {
    color: inherit;
}

#materialTheme .k-pager-wrap {
    padding: 5px 3px;
}

#materialTheme .combo .k-select, #materialTheme .combo .k-select:hover {
    background-image: none !important;
    background-color: transparent !important;
    color: inherit !important;
}

#materialTheme .k-treeview .k-in {
    padding: 4px;
}

#materialTheme .k-datepicker {
    height: 28px;
}

#materialTheme .panel-header {
    padding: 3px 10px;
}