/* MudBlazor misses float styles */
.clearfix {
    overflow: auto;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

/* todo: uic tree todo: remove */
.uic-tree .uic-tree {
    margin-left: 1.25rem;
}

.uic-tree--hidden {
    display: none;
}

.uic-tree__icon {
    float: left;
}

.uic-tree__title {
    margin-left: 1.25rem;
}

.uic-tree--cursor-pointer {
    cursor: pointer;
}

/* todo: eloviz-scroll-container */
.eloviz-scroll-container {
    max-height: 80vh !important;
    min-height: 20vh !important;
    overflow-y: auto !important;
}

.trend-items {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
}

.trend-item {
    padding: 5px;
    flex-grow: 0;
    flex-basis: 0;
}

/*
 * ElementGrid.razor
 */
.element-grid {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
/*
 * Inserting a collapsed row between two flex items will make
 * the flex item that comes after it break to a new row
 */
.break {
    flex-basis: 100%;
    height: 0;
}

.element-box {
    padding: 5px;
    margin: 2px;
    font-size: 0.7em;
    text-align: center;
    width: 70px;
}

.w-100px {
    width: 70px;
}

.h-100px {
    height: 70px;
}

.w-200px {
    width: 200px;
}

.h-70px {
    height: 70px;
}

.pv-header {
    font: bolder;
}

.pv-value {
    font: italic;
}

@media screen {
    .print-only {
        display: none;
    }
}

@media print {
    /* revert, not "normal" (which is no display value at all): back to the
       element's own default - block for a heading, inline for a span */
    .print-only {
        display: revert !important;
    }

    .mud-appbar, .mud-button-group-root, .mud-button, .pagination, .breadcrumb, .card-collapsed {
        display: none !important;
    }

    .mud-card-header, .mud-card {
        border: none;
    }

    .no-print {
        display: none !important;
    }
}

div.elo {
    padding: 0px;
}

div.elo-box {
    /*background: rgba(100,100,100,0.3);*/
    transition: 0.8s;
    border-radius: 5px;
    border: solid 1px;
    margin: 1px;
}

    div.elo-box:hover {
        background-color: rgba(150, 149, 136, 0.3);
    }

/* SCROLLAR ISSUES */
.mud-table-container {
    overflow-y: visible !important;
}

.mud-layout {
    height: auto !important;
}