.k-numerictextbox .k-numeric-wrap,
.k-editor {
    border-color: rgba(0, 0, 0, 1.08) !important;
}

.k-breadcrumb {
    background-color: transparent !important;
}

.k-breadcrumb-link {
    color: black !important;
}

.k-breadcrumb-link:hover,
.k-breadcrumb-link.k-state-hover {
    color: black;
    background-color: var(--rio-green);
}

/*.k-svg-icon > svg {
    fill: black;
}*/

.k-breadcrumb-root-link:hover, .k-breadcrumb-root-link.k-hover {
    background-color: transparent;
    color: var(--rio-green);
}

.grid-hidden-header > div.k-grid-header > div > table > thead {
    display: none;
}

.hide-toolbar .k-toolbar {
    display: none;
}

.k-icon {
    font-size: 1.5rem;
}

.k-icon-shift {
    left: -5px;
}

.k-link.k-icon {
    font-size: 3.25rem !important;
}

.k-icon::after {
    width: 2rem;
}

.k-tabstrip-items .k-item {
    color: #656565;
}

.k-grid .k-grid-filter,
.k-grid .k-header-column-menu,
.k-grid .k-hierarchy-cell .k-icon {
    color: #fff !important;
}

.k-grid-header .k-grid-filter:hover,
.k-grid-header .k-header-column-menu:hover,
.k-grid-header .k-grid-header-menu:hover,
.k-grid-header .k-hierarchy-cell .k-icon:hover,
.k-grid-header .k-hierarchy-cell .k-svg-icon:hover {
    color: var(--status-completed);
}

.k-button:active,
.k-button.k-state-active,
.k-button.k-state-selected,
.single-button.k-state-active {
    color: #fff !important;
    background-color: var(--status-completed) !important;
    background-image: none !important;
}

.k-tabstrip-items-wrapper .k-item:active,
.k-tabstrip-items-wrapper .k-item.k-active,
.k-tabstrip-items-wrapper .k-item.k-selected {
    border-color: rgba(0, 0, 0, 0.08);
    color: var(--status-completed);
    background-color: #ffffff;
}

.single-button.k-state-in-process {
    color: #000 !important;
    background-color: var(--status-in-process) !important;
    background-image: none !important;
}

.pr-multi-button {
    padding-right: 6rem !important;
}

span.multi-item-button-align {
    padding-top: 0.5em !important;
    position: absolute;
}

.multi-item-button > .k-button {
    border-color: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0;
}

.single-button.k-state-not-started {
    color: #000 !important;
    background-color: #fff !important;
    background-image: none !important;
}

.status-buttons .k-button,
.unit-buttons .k-button,
.single-button {
    color: black;
    border-color: var(--status-completed) !important;
    background-color: var(--status-in-process);
    background-image: none;
    width: 150px;
    height: 50px;
}

.k-button:hover,
.k-button.k-state-hover {
    color: #fff !important;
    background-color: var(--status-completed) !important;
    background-image: none !important;
}

.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: white;
    background-color: var(--status-completed) !important;
}

.k-datepicker .k-picker-wrap,
.k-timepicker .k-picker-wrap,
.k-datetimepicker .k-picker-wrap,
.k-dateinput .k-dateinput-wrap {
    border-color: rgba(0, 0, 0, 1);
    color: #656565;
    background-color: #ffffff;
}

.k-grid-header-alt .thead.k-table-thead {
    color: #fff !important;
    background-color: #000 !important;
}

.currency-textbox .k-input,
.currency-textbox .k-input-inner {
    text-align: right !important;
}

.k-checkbox,
.k-combobox .k-dropdown-wrap,
.form-control {
    border-color: rgba(0, 0, 0, 1) !important;
}

.k-calendar .k-state-selected .k-link {
    border-color: var(--status-completed) !important;
    background-color: var(--status-completed) !important;
}

.k-calendar .k-footer .k-nav-today,
.k-calendar .k-calendar-header .k-today {
    color: var(--status-completed) !important;
}

.k-checkbox:checked,
.k-checkbox.k-checked {
    border-color: var(--status-completed) !important;
    background-color: var(--status-completed) !important;
}

.k-tabstrip-items .k-item.k-state-active,
.k-tabstrip-items .k-item.k-state-selected {
    background-color: var(--status-completed) !important;
    color: #fff !important;
    width: 250px !important;
}

.k-tabstrip-items .k-item:hover,
.k-tabstrip-items .k-item.k-state-hover {
    color: var(--status-completed) !important;
    background-color: transparent !important;
}

.k-checkbox:focus,
.k-checkbox.k-state-focus {
    border-color: var(--status-completed) !important;
    box-shadow: 0 0 0 2px var(--status-completed) !important;
}

.k-actions .k-button-solid-primary {
    border-color: var(--status-completed);
    background-color: var(--status-completed);
}

/* .k-text-selection ::selection,
.k-block ::selection,
.k-panel ::selection,
.k-pane-wrapper ::selection,
.k-view ::selection,
.k-progressbar ::selection,
.k-numerictextbox ::selection,
.k-flatcolorpicker ::selection,
.k-combobox ::selection,
.k-datepicker ::selection,
.k-timepicker ::selection,
.k-datetimepicker ::selection,
.k-dateinput ::selection,
.k-dropdown ::selection,
.k-dropdowntree ::selection,
.k-multiselect ::selection,
.k-maskedtextbox ::selection,
.k-rating ::selection,
.k-window ::selection,
.k-drawer ::selection,
.k-notification ::selection,
.k-breadcrumb ::selection,
.k-pager-wrap ::selection,
.k-panelbar ::selection,
.k-card ::selection,
.k-splitter ::selection,
.k-spreadsheet ::selection,
.k-scheduler ::selection,
.k-chat ::selection,
.k-mediaplayer ::selection,
.k-pdf-viewer ::selection,
kendo-scrollview.k-scrollview-wrap ::selection,
kendo-scrollview.k-scrollview ::selection,
div.k-scrollview ::selection,
.k-chart ::selection,
.k-sparkline ::selection,
.k-stockchart ::selection {
    background-color: var(--status-completed) !important;
} */

.k-list-item.k-selected,
.k-selected.k-list-optionlabel {
    color: white;
    background-color: var(--status-completed);
}

.k-grid-header .k-grid-filter.k-active,
.k-grid-header .k-header-column-menu.k-active,
.k-grid-header .k-grid-header-menu.k-active,
.k-grid-header .k-hierarchy-cell .k-icon.k-active,
.k-grid-header .k-hierarchy-cell .k-svg-icon.k-active {
    color: white;
    background-color: var(--status-completed);
}

.k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner,
.k-calendar .k-calendar-td.k-selected .k-link {
    border-color: rgba(0, 0, 0, 0.08);
    color: white;
    background-color: var(--status-completed);
}

.k-button-flat-primary {
    color: var(--status-completed);
}

.k-grid-filter-menu.k-grid-header-menu {
    color: white;
}

.k-editor-content p {
    margin: 0px 0 0.5rem !important;
}

.k-table-th {
    background-color: black;
    color: white;
}

th.k-header.k-touch-action-none.k-table-th {
    background-color: black;
    color: white;
}

th.k-group-cell.k-header.k-table-th {
    background-color: black;
    color: white;
}

th.k-header.k-drag-cell.k-table-th {
    background-color: black;
    color: white;
}

.k-combobox .k-button {
    color: #fff !important;
    background-color: var(--status-completed) !important;
    background-image: none !important;
}

.k-datepicker .k-button {
    color: #fff;
    background-color: var(--status-completed) !important;
    background-image: none;
}

.modal-header {
    background-color: var(--rio-green);
    color: black;
}

.close {
    color: #fff !important;
}

.k-grid-header,
.k-grouping-header,
.k-grid-add-row,
.k-grid-footer {
    color: #fff !important;
    background-color: black !important;
}

.k-dialog-titlebar {
    color: black;
    background-color: var(--rio-green) !important;
}

.k-calendar .k-nav-today {
    color: var(--status-completed) !important;
}

.k-toolbar {
    color: #fff !important;
    background-color: var(--status-completed) !important;
}

.k-loader {
    color: var(--rio-green);
}

.k-datepicker .k-select,
.k-timepicker .k-select,
.k-datetimepicker .k-select,
.k-dateinput .k-select {
    border-color: rgba(0, 0, 0, 0.08);
    color: #fff;
    background-color: var(--status-completed) !important;
    background-image: none;
}

.no-dropzone .k-dropzone-hint {
    display: none;
}

.k-text-selection ::selection,
.k-block ::selection,
.k-panel ::selection,
.k-pane-wrapper ::selection,
.k-view ::selection,
.k-progressbar ::selection,
.k-numerictextbox ::selection,
.k-flatcolorpicker ::selection,
.k-combobox ::selection,
.k-datepicker ::selection,
.k-timepicker ::selection,
.k-datetimepicker ::selection,
.k-dateinput ::selection,
.k-dropdown ::selection,
.k-dropdowntree ::selection,
.k-multiselect ::selection,
.k-maskedtextbox ::selection,
.k-rating ::selection,
.k-window ::selection,
.k-drawer ::selection,
.k-notification ::selection,
.k-breadcrumb ::selection,
.k-pager-wrap ::selection,
.k-panelbar ::selection,
.k-card ::selection,
.k-splitter ::selection,
.k-spreadsheet ::selection,
.k-taskboard ::selection,
.k-scheduler ::selection,
.k-chat ::selection,
.k-mediaplayer ::selection,
.k-pdf-viewer ::selection,
kendo-scrollview.k-scrollview-wrap ::selection,
kendo-scrollview.k-scrollview ::selection,
div.k-scrollview ::selection,
.k-chart ::selection,
.k-sparkline ::selection,
.k-stockchart ::selection {
    background-color: var(--status-completed) !important;
}

.k-list-container .k-button.k-state-selected {
    background-color: var(--status-completed) !important;
}

.k-list .k-item.k-state-selected,
.k-list-optionlabel.k-state-selected {
    background-color: var(--status-completed) !important;
}

.k-editor-content .k-text-selected,
.k-editor-content::selection {
    background-color: var(--status-completed) !important;
}

.k-textarea::selection,
.k-textarea .k-input::selection {
    background-color: var(--status-completed) !important;
}

.k-toolbar .k-button {
    color: #fff;
    border-color: transparent !important;
    background-color: var(--status-completed) !important;
    background-image: none;
}

.k-toolbar .k-button:hover,
.k-toolbar .k-button.k-state-hover {
    color: var(--status-completed) !important;
    background-color: #fff !important;
    background-image: none !important;
}

.k-window .k-window-titlebar {
    background-color: var(--rio-green) !important;
}

.k-window .k-button:hover,
.k-window .k-button.k-state-hover {
    color: var(--status-completed) !important;
    background-color: #fff !important;
    background-image: none !important;
}

.k-columnmenu-actions .k-button:hover,
.k-columnmenu-actions .k-button.k-state-hover {
    color: var(--status-completed) !important;
    background-color: #fff !important;
    background-image: none !important;
}

.k-columnmenu-actions .k-button {
    color: var(--status-completed) !important;
    border-color: var(--status-completed) !important;
    background-color: #fff !important;
    background-image: none !important;
}

.k-button-primary,
.k-button.k-primary {
    background-color: var(--status-completed) !important;
    color: #fff !important;
    background-image: none !important;
}

.k-grid-filter:hover {
    color: var(--status-completed) !important;
    background-color: #fff !important;
}

@media (min-width: 390px) and (max-width: 512px) {
    .k-tabstrip {
        font-size: 10px !important;
    }

    .k-icon {
        font-size: 0.95rem;
    }

    .k-breadcrumb {
        display: none;
    }

    .k-breadcrumb-link {
        font-size: 0.95rem;
    }

    .status-buttons .k-button,
    .unit-buttons .k-button,
    .single-button {
        width: 100px !important;
        height: 50px !important;
    }
}