.icon_1_5em {
    font-size: 1.5em;
}

.icon_1_4em {
    font-size: 1.4em;
}

.icon_1_3em {
    font-size: 1.3em;
}

.icon_1_1em {
    font-size: 1.1em;
}

th.width-auto {
    width: 1px;
    white-space: nowrap;
}

.drag-drop-zone input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.css-control.disabled {
    opacity:.5;
    cursor:not-allowed
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.ibs-blazor-control-popup {
    background-color: white !important;
    
}

.enableLineBreak {
    white-space: pre-line;
}

#page-header > .content-header {
    max-width: 5000px !important;
}

.striped-div-table > div.stripeRow:nth-of-type(odd) {
    background: rgba(224, 224, 224, 0.39);
    border-radius: 1em;
}
.striped-div-table > div.stripeRow:nth-of-type(even) {
    border-radius: 1em;
}

.striped-div-table > div.stripeRow:hover {
    border-radius: 1em;
    background: rgba(224, 224, 224, 1) !important;
    -webkit-transition: background 0.75s ease-in;
    -moz-transition: background 0.75s ease-in;
    -o-transition: background 0.75s ease-in;
    -ms-transition: background 0.75s ease-in;
    transition: background 0.75s ease-in;
}

.striped-div-table > div.stripeRow.notRounded:nth-of-type(odd),
.striped-div-table > div.stripeRow.notRounded:nth-of-type(even),
.striped-div-table > div.stripeRow.notRounded,
.striped-div-table > div.stripeRow.notRounded:hover {
    border-radius: 0;
}


@keyframes placeHolderShimmer {
    0% {
        background: #ececec;
    }
    30% {
        background: #f7f7f7;
    }
    50% {
        background: #ececec;
    }
    80% {
        background: #f7f7f7;
    }
    100% {
        background: #ececec;
    }
}
.placeholder-loading-animation {
    animation: placeHolderShimmer 3s infinite;

    background: #fff;
    /*position: absolute;*/
    height: 25px;
    border-radius: 2em;
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentColor;
    opacity: 0.8;
}
.placeholder.btn::before {
    display: inline-block;
    content: "";
}
.placeholder-xs {
    min-height: 0.6em;
}
.placeholder-sm {
    min-height: 0.8em;
}
.placeholder-lg {
    min-height: 1.2em;
}
.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
    50% {
        opacity: 0.4;
    }
}
.placeholder-wave {
    mask-image: linear-gradient(130deg, #474747 55%, rgba(0, 0, 0, 0.6) 75%, #474747 95%);
    mask-size: 200% 100%;
    animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
    100% {
        mask-position: -200% 0%;
    }
}

.placeholder-default {
    border-radius: 2em;
}

@media (min-width: 2500px) {
    .col-xxl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-xxl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-xxl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-xxl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xxl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xxl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-xxl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xxl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-xxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xxl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xxl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-xxl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-xxl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-xxl-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-xxl-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-xxl-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-xxl-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-xxl-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-xxl-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-xxl-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-xxl-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-xxl-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-xxl-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-xxl-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-xxl-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-xxl-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-xxl-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-xxl-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .offset-xxl-1 {
        margin-left: 8.333333%;
    }
    .offset-xxl-2 {
        margin-left: 16.666667%;
    }
    .offset-xxl-3 {
        margin-left: 25%;
    }
    .offset-xxl-4 {
        margin-left: 33.333333%;
    }
    .offset-xxl-5 {
        margin-left: 41.666667%;
    }
    .offset-xxl-6 {
        margin-left: 50%;
    }
    .offset-xxl-7 {
        margin-left: 58.333333%;
    }
    .offset-xxl-8 {
        margin-left: 66.666667%;
    }
    .offset-xxl-9 {
        margin-left: 75%;
    }
    .offset-xxl-10 {
        margin-left: 83.333333%;
    }
    .offset-xxl-11 {
        margin-left: 91.666667%;
    }
}

select.ibsInputSelect:focus {
    border-bottom: var(--primary);
}