@import url('Buttons.css');
@import url('Checkbox.css');
@import url('Colors.css');
@import url('Dialog.css');
@import url('DropDownList.css');
@import url('FilterTags.css');
@import url('Forms.css');
@import url('Headers.css');
@import url('Grid.css');
@import url('Modal.css');
@import url('NavMenu.css');
@import url('Offcanvas.css');
@import url('Tabs.css');
@import url('Tooltips.css');
@import url('AuditTrail.css');
@import url('Popovers.css');
@import url('Validation.css');
@import url('Shapes.css');
@import url('DateRangePicker.css');
@import url('RadioButton.css');
@import url('Switch.css');
@import url('FilterMenu.css');
@import url('Menu.css');

@font-face {
    font-family: "Neue Plak Text";
    src: url("../font/NeuePlakText-Thin.otf");
    font-weight: 100;
}

@font-face {
    font-family: "Neue Plak Text";
    src: url("../font/NeuePlakText-Light.otf");
    font-weight: 300;
}

@font-face {
    font-family: "Neue Plak Text";
    src: url("../font/NeuePlakText-Regular.otf");
    font-weight: 400;
}

@font-face {
    font-family: "Neue Plak Text";
    src: url("../font/NeuePlakText-SemiBold.otf");
    font-weight: 600;
}

@font-face {
    font-family: "Neue Plak Text";
    src: url("font/NeuePlakText-Bold.otf");
    font-weight: 700;
}



html, body {
    /*font-family: "Neue Plak Text", 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    font-family: system-ui, Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 100%;
}

a, .btn-link {
    color: #1EB4C8; /*#0366d6;*/
    text-decoration: none;
}

    a:hover, .btn-link:hover {
        color: #1EB4C8; /*#0366d6;*/
        text-decoration: underline;
    }

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.top-row {
    background-color: #F0F1F4;
    border-bottom: 1px solid #F2F2F2;
    height: 65px;
    display: flex;
}

    .top-row a, .top-row .btn-link {
        white-space: nowrap;
        margin-left: .75rem;
        margin-right: .75rem;
        color: #969AA6;
    }

    .top-row .nav-razor a, .top-row .nav-razor .btn-link {
        margin-left: 0px;
    }

    .top-row a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }


.content {
    padding-top: 1.1rem;
}

/*.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}*/

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#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;
    }

.font-semibold {
    font-weight: 600;
    /*font-family: 'glb', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
}

.help-icon {
    color: #1EB4C8; /*#ff00ff;*/
}

.text-underlined {
    text-decoration: underline;
}

.required:after {
    content: '*';
    color: #1EB4C8;
}

/*Aktuelles Datum input Telerik-DatePicker*/
.k-calendar .k-calendar-td.k-state-selected .k-link,
.k-calendar .k-calendar-td.k-selected:hover .k-link,
.k-calendar .k-calendar-td.k-selected .k-link {
    background-color: #1EB4C8;
    color: #FFF;
}

.k-calendar .k-nav-today,
.k-calendar .k-calendar-nav-today {
    color: #1EB4C8;
}

.sr-only {
    sr-only position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.filter-dropdown .k-icon {
    font-size: 26px;
}

.text-bg {
    background-color: #F7F7F7;
}

.telerik-blazor.k-pdf-viewer .k-toolbar.telerik-blazor .telerik-blazor.k-button.k-button-solid.k-rounded-md.k-button-rectangle.k-button-md.k-button-solid-base.k-icon-button:nth-child(-n + 2) {
    /* Your styles for the first two buttons */
    display: none;
}

.my-reconnect-modal > div {
    position: fixed;
    right: 0;
    bottom: 30px;
    z-index: 1000;
    overflow: hidden;
    background-color: #fff;
    opacity: 0.8;
}

.components-reconnect-hide > div {
    display: none;
}

.components-reconnect-show > div {
    display: none;
}

.components-reconnect-show > .show {
    display: block;
}

.components-reconnect-failed > div {
    display: none;
}

.components-reconnect-failed > .failed {
    display: block;
}

.components-reconnect-rejected > div {
    display: none;
}

.components-reconnect-rejected > .rejected {
    display: block;
}