﻿
.input-group-text {
    /*  white-space: normal;
    flex-basis: 145px;*/
    /*max-width: 145px;*/
    /*min-width: 145px;*/
    padding: 0.7rem 0.5rem;
}

.blazored-typeahead__input-mask {
    padding: 10px;
}

.blazored-typeahead__input-multiselect-wrapper {
    padding: 0 0.4rem;
}

td {
    vertical-align: middle;
}

.blazored-typeahead__controls {
    height: 100% !important;
    /* flex-wrap:wrap !important; */
}

.control-label {
    width: 100%;
    font-weight: 700;
    font-size: 1.1rem;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
}

.form-check-custom .form-check-input {
    cursor: pointer;
}

.action-container i {
    color: var(--kt-primary);
}

.data-tabs-container .nav-item .nav-link {
    font-weight: 700;
    padding: 10px 15px;
    margin: 0 !important;
}

    .data-tabs-container .nav-item .nav-link.active {
        color: #fff;
        background: var(--kt-primary);
        padding: 10px 15px
    }

.blazored-typeahead__input-icon {
    justify-content: center;
    align-items: center;
    width: auto;
    padding: 0;
}

    .blazored-typeahead:focus-within,
    .blazored-typeahead__input-icon:focus {
        box-shadow: none
    }

.table.table-row-dashed td {
    cursor: pointer;
}

.loading {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999;
    overflow: hidden;
}

    .loading .loading-img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .loading img {
        width: 250px;
    }

.blazored-typeahead__input {
    padding: 10px;
}

.blazored-typeahead__input-mask-wrapper {
    flex-wrap: wrap !important;
}

.blazored-typeahead__input-mask {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block !important;
}

.blazored-typeahead__results {
    max-height: 16rem !important;
}

input::file-selector-button {
    font-weight: bold;
    padding: 0.5em;
    border: thin solid grey;
    border-radius: 3px;
    height: 55px
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
    background: var(--kt-primary-active);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    background: var(--kt-primary);
}

.smart-editor {
    height: 200px !important;
}



@media screen and (max-width:1920px) {
    .blazored-typeahead__input {
        max-width: unset;
        width: 100%;
    }
}

@media screen and (min-width:1200px) {
    textarea.sm-texarea {
        max-height: unset;
        height: 43px;
    }
}

.is-invalid .blazored-typeahead__input {
    border-color: #dc3545 !important;
    padding-right: calc(1.5em + .75rem);
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    box-shadow: 0 0 0 0.25rem rgba(220,53,69,.25);
}

.is-invalid .blazored-typeahead__results {
    border-color: #dc3545 !important;
}

/*testing purposes*/
.table-bordered > :not(caption) > *,
.table.table-bordered tfoot tr:last-child th, .table-bordered tfoot tr:last-child td, .table tbody tr:last-child th, .table-bordered tbody tr:last-child td {
    border: 1px solid #F1F1F4;
    padding: .75rem .75rem;
    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
    text-align: center
}
.blazored-typeahead__input-multiselect-wrapper {
    max-height: 250px;
    overflow: auto
}

[data-kt-app-sidebar-fixed=true] .app-wrapper {
    padding-left: 30px;
    padding-right: 30px
}