/* ====
Oqtane Styles
==== */

main {
    padding-top: 5rem;
}

/* Hide close-button in popup windows */
.alert-dismissible .btn-close {
    z-index: 1;
}

/* Hide Language selection */
button#btnCultures {
    display: none;
}

/* ====
NPi
==== */

h2 .app-moduletitle {
    font-size: 0.7em;
}

div.app-moduleactions a.dropdown-toggle, div.app-moduleactions div.dropdown-menu {
    /* NPi */
    /*color:#ffffff;*/
}

/* ====
Telerik adaptations 
==== */

.telerik-blazor .k-grid-table {
    color: inherit;
}

.telerik-blazor .k-grid-table a.btn-primary,
.telerik-blazor .k-grid-table a.btn-secondary,
.telerik-blazor .k-grid-table a.btn-success,
.telerik-blazor .k-grid-table a.btn-danger {
    color: #fff; /* overrides that nasty 'color: inherit;' for 'k-grid a' from Telerik all.css */
}

/* Grid with narrow rows (small) */
.telerik-blazor.k-grid.small .k-grid-table th,
.telerik-blazor.k-grid.small .k-grid-table td {
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: 2px;
    margin-bottom: 2px;
    line-height: 1;
}

.k-grid td select {
    padding: 0.15rem 0.75rem;
}

.k-grid td input {
    height: calc(1.4em + 0.75rem);
}

input, select,
input.telerik-blazor {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
    font-size: 0.9rem !important;
    opacity: 1 !important;
    /*color: #000000 !important;*/
}

.telerik-blazor.k-numerictextbox input,
td input.telerik-blazor.k-textbox {
    height: calc(1.1em + 0.75rem) !important;
}

.telerik-blazor.k-numerictextbox {
    width: 100%;
}

/* validation */
form input.invalid {
    border: 1px solid red;
}

form .validation-message {
    color: red;
}

/* ----
Grid PopUp edit
---- */
.k-window {
    min-width: 480px !important;
    max-width: 95% !important;
}
.k-window .k-dialog-titlebar {
    color: inherit;
    background-color: #f5f5f5;
    font-weight: bold;
}
.k-window .k-button-solid-primary {
    border-color: rgba(0, 0, 0, 0.08);
    color: #424242;
    background-color: #f5f5f5;
}

/* ----
Forms, including validation
---- */
form .validation-message {
    color: red;
    font-size: 0.9em;
    z-index: 1000;
}

form .btn.disabled, .btn:disabled {
    /*text-decoration: line-through;*/
    opacity: 0.45;
}

form option:disabled {
    color: rgb(100, 100, 100);
}

form .form-group {
    margin-bottom: 0.8rem;
}

form .form-label {
    margin-bottom: .25rem;
}

/* Apply Bootstrap 'form-control-sm' class properties as default */
form .form-control,
form .form-control span {
    height: calc(1.5em + .5rem + 2px) !important;
    padding: .25rem .5rem !important;
    font-size: .875rem !important;
    line-height: 1.5 !important;
    border-radius: .2rem !important;
}

/* Disabled form controls */
.form-control:disabled, .form-control[readonly] {
    background-color: #fafafa;
}

/* ----
Reporting
*/

/*.k-multiselect-wrap input.k-input {
    width: 100% !important;
}*/

.k-menu:not(.k-context-menu) > .k-item {
    color: inherit; /* #212529 */
}

/* Dropdowns: */
.k-list-item-text::before,
.k-list-optionlabel::before {
    content: ""; /* instead of "\200b", that's it! */
}
.k-list-item {
    border: none;
    padding: 4px 8px !important;
    outline: 0;
}
.k-list-item.k-focus {
    box-shadow: none;
}

/* ----
Buttons
*/
.k-button.k-button-icon {
    height: calc(1.5em + 0.3rem + 2px) !important;
}

/* ==== 
Bootstrap adaptations 
==== */

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1500px !important;
    }
}

.card .card-body {
    padding: 0.8rem;
}

.app-tooltip::after {
    padding: 0.5em;
}

.nav-tabs .nav-link {
    font-weight: 500;
}

.nav-tabs .nav-link.active {
    background-color: rgba(0,0,0,.03) !important;
}

.modal-header .btn-close {
    display: none;
}

.nav-item.dropdown .dropdown-menu {
    min-width: max-content;
    background-color: gray;
    padding: 0;
}

.py-1 {
    padding-top: 0.15rem !important;
    padding-top: 0.15rem !important;
}

/* ====
END NPi
==== */
