/* ABACUS.Client.WebApp kendo css */

/*----------------------
Kendo Grid Search Input
-----------------------*/
input.k-input-inner {
    border: none !important;
}

/*----------------------
Kendo Grid Hyperlinks
-----------------------*/
.k-grid tbody td a {
    color: #0074CC !important;
}
/*----------------------
Kendo Grid Buttons
-----------------------*/
.k-grid tbody a.button {
    color: #ffffff !important;
}
.k-grid tbody .ui.basic.button:hover,
.k-grid tbody .ui.basic.buttons .button:hover
.k-grid tbody .ui.basic.button:focus,
.k-grid tbody .ui.basic.buttons .button:focus
.k-grid tbody .ui.basic.button::selection,
.k-grid tbody .ui.basic.buttons .button::selection {
    background-color: transparent !important;
}
a.customLink {
    color: #0074CC !important;
}

/*----------------------
Kendo Grid Toolbar buttons
-----------------------*/
button.k-grid-AddTaxa, button.k-grid-CreateList {
    background-color: #1A2D8C;
    color: white;
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    font-weight: 700;
    border-radius: .28571429rem;
    border: none;
    box-shadow: none;
}

:is(button.k-grid-AddTaxa, button.k-grid-CreateList):is(:hover) {
    background-color: #1678c2;
    color: white;
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    font-weight: 700;
    border-radius: .28571429rem;
    border: none;
    box-shadow: none;
}

:is(button.k-grid-AddTaxa, button.k-grid-CreateList):is(:active, :focus) {
    background-color: #1a69a4;
    color: white;
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    font-weight: 700;
    border-radius: .28571429rem;
    border: none;
    box-shadow: none;
}

/*--------------------------------------
Kendo Grid Paging and Navigation styling
--------------------------------------*/

ul.k-pager-numbers span.k-link.k-state-selected {
    border-color: #1A2D8C;
    color: #fff;
    background-color: #1A2D8C;
}

ul.k-pager-numbers a.k-link:hover {
    border-color: #d6d9dc;
    color: #1A2D8C;
    background-color: #e9ecef;
}

ul.k-pager-numbers a.k-link {
    border-color: #dee2e6;
    color: #1A2D8C;
    background-color: #fff;
}

a.k-link.k-pager-nav {
    border-color: #dee2e6;
    color: #1A2D8C;
    background-color: #fff;
}

.k-grid-pager .k-pager-sizes span.k-picker {
    width: 5.25em;
}
/*--------------------------------------
Kendo Grid Filtering Column Menu styling
--------------------------------------*/
.k-header .k-link span.k-icon {
    color: #1A2D8C;
}
div.k-column-menu .k-menu .k-item.k-state-selected {
    background-color: #1A2D8C;
}
div.k-column-menu .k-button-solid-primary {
    background-color: #1A2D8C;
    border-color: #1A2D8C;
}
div.k-column-menu .k-list-item.k-selected {
    background-color: #1A2D8C;
}
div.k-column-menu input.k-checkbox.k-checked, div.k-column-menu input.k-checkbox:checked {
    background-color: #1A2D8C;
    border-color: #1A2D8C;
}
/*--------------------------------------
Kendo Column Re-order styling
--------------------------------------*/
div.k-reorder-clue.k-drag-clue {
    background-color: #1A2D8C;
    border-color: #1A2D8C;
}

span.k-pager-sizes.k-label .k-picker {
    width: 5.2em;
}

/*--------------------------------------
Kendo Grid No Records Template styling
--------------------------------------*/

.k-grid-norecords-template {
  border: none;
}
/*--------------------------------------
Kendo Grid Header Wrapping
--------------------------------------*/
.k-grid .k-grid-header .k-header,
.k-grid .k-grid-header-locked .k-header {
    white-space: normal;
}

.k-grid .k-grid-header .k-header .k-link,
.k-grid .k-grid-header-locked .k-header .k-column-title
.k-grid .k-grid-header-locked .k-header .k-link {
    height: auto;
}

.k-grid .k-grid-header .k-header .k-column-title,
.k-grid .k-grid-header-locked .k-header .k-column-title {
    white-space: normal;
}
/*--------------------------------------
Kendo Grid Dirty Cell Flag
--------------------------------------*/
.k-dirty {
    display: none;
}
/*--------------------------------------
Identification Kendo Grid
--------------------------------------*/
#identification-grid table {
    min-width: 100%;
}
/*--------------------------------------
Identification QC Kendo Grid
--------------------------------------*/
#identification-grid .qc-status-label.qc-checked,
#identification-grid .qc-status-label.qc-new {
    color: #21ba45;
}

#identification-grid .qc-status-label.qc-removed {
    color: #db2828;
}

#identification-grid .qc-status-label.qc-amended {
    color: #fbbd08;
}

div.qc-status-checkbox {
    display: inline;
}

#identification-grid i.sticky.note.outline.icon {
    color: #0074cc;
}
/*--------------------------------------
Identification Fullscreen Mode
--------------------------------------*/
div.main.fullscreen-mode {
    padding: 0px;
    margin: 1rem;
}

body:has(div.main.fullscreen-mode) div.ui.left.fixed.vertical:has(nav-menu),
div.main.fullscreen-mode sample-analysis-nav,
div.main.fullscreen-mode > div.ui.menu {
    display: none;
}

div.main.fullscreen-mode .fullscreen-toggle button.fullscreen-on,
div.main:not(.fullscreen-mode) .fullscreen-toggle button.fullscreen-off {
    display: none;
}

body:has(div.main.fullscreen-mode) {
    height: auto;
}

div.main.fullscreen-mode div.k-grid-content.k-auto-scrollable {
    height: auto!important;
}

div.main:not(.fullscreen-mode) div.item.fullscreen-only {
    display: none;
}
/*--------------------------------------
Identification Abundance Modal
--------------------------------------*/
#abundance-editor-modal .row-header {
    font-weight: bold;
}

#abundance-editor-modal input:disabled {
    background-color: #cecece;
    border-color: #999999;
    color: transparent;
    opacity: 0.45;
    pointer-events: none;
}

#abundance-editor-modal input:not([disabled]):read-only {
    border: none;
    padding-inline: 0px;
}

#abundance-editor-modal div.oabu-input-wrapper:hover:has(input:disabled) {
    cursor: text;
}

#abundance-editor-modal div.oabu-input-wrapper:hover input:disabled {
    background-color: white;
}

div.abundance-history-icon {
    opacity: .5;
    display: inline;
    float: right;
}

div.abundance-history-icon:hover {
    opacity: 1;
    cursor: pointer;
}
/*--------------------------------------
Kendo Dropdowns
--------------------------------------*/
li.k-list-item.k-selected.k-focus {
    background-color: #1A2D8C;
}

/*----------------------
Kendo Dialog
-----------------------*/
.k-window-titlebar {
    font-weight: 700 !important;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
}

.k-window-content {
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
}