/* DISCRET */
/*img {
    display: none !important;
}

.bd-placeholder-img {
    display: none;
}

body {
    color: #DDD !important;
}

.nav-header {
    background-color: #DDD !important;
}

#topbar {
    background-color: #DDD !important;
}

.calendar-bar {
    display: none !important;
}

.nav-header {
    display: none !important;
}

.offcanvas-collapse {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

.flag-icon {
    display: none !important;
}*/


/**/
body {
    overflow-y: scroll;
    padding-top: 18px
}

#topbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

html, body {
    /*overflow-x: hidden;*/ /* Prevent scroll on narrow devices */
    /*padding-top: 18px;*/
    font-size: .9rem;
    font-weight: 500;
}

html {
    /* margin-left: calc(100vw - 100%);
    margin-right: 0;*/
}

body {
    /* overflow-y: scroll;   */
}

html {
    /* */
    /*margin-right: 0;*/
}

a {
    color: #3174b9;
    text-decoration: none;
}

    a.th-link {
        color: unset;
        text-decoration: unset;
    }

/*nav-link {
    color: #3174b9 !important;
    text-decoration: none;
}*/

.w-logo-25 {
    max-width: 25px;
}


/* BS Overwrite */
.nav-tabs .nav-link-start {
    border-left: unset;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
    color: #6c757d;
}

.table > :not(:first-child) {
    border-top: 2px solid #f0f0f0;
}
/* end of BS Overwrite */

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    img {
        image-rendering: -webkit-optimize-contrast !important;
    }
}

/* Unset for Safari 11+ */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {
        img {
            image-rendering: unset !important;
        }
    }
}

#full-screen-background-image {
    z-index: -999;
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: fixed;
    top: -100px;
    left: 0;
}

.blur {
    filter: blur(2px);
    -webkit-filter: blur(2px);
}

.offcanvas-collapse {
    top: 40px !important;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

#topbar {
    padding-top: 0;
    padding-bottom: 0
}

.calendar {
    height: 100px;
}

.calendar-nav {
    padding-bottom: 0 !important;
    font-size: 10px;
    overflow: hidden !important;
}

.calendar-bar {
}

.calendar-scroller {
    height: 100px;
}

.calendar-day {
    height: 100px;
    min-width: 100px;
    border-right: 1px solid #f2f2f2;
    border-top: 4px solid #FFF;
}

.calendar-today {
    background-color: #fff9fa;
    border-top: 4px solid red;
}

.selector-item:hover {
    background-color: #e2f2ff
}

.title {
    font-family: 'Poppins', sans-serif;
}

.bg-ufa {
    background-color: #e76d6e;
}

.bg-rfa {
    background-color: #56b362;
}

.bg-rfaqo {
    background-color: #faad14;
}

.bg-success-whm {
    background-color: #56b362;
}

.bg-danger-whm {
    background-color: #e76d6e;
}

.bg-warning-whm {
    background-color: #faad14;
}


/* OFF CANVAS */
@media (max-width: 991.98px) {
    .offcanvas-collapse {
        position: fixed;
        top: 56px; /* Height of navbar */
        bottom: 0;
        left: 100%;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: #343a40;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    }

        .offcanvas-collapse.open {
            visibility: visible;
            transform: translateX(-100%);
        }
}

.nav-scroller {
    position: relative;
    z-index: 2;
    overflow-y: hidden;
}

    .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        /*padding-bottom: 1rem;*/
        margin-top: -1px;
        overflow-x: auto;
        /*color: rgba(255, 255, 255, .75);*/
        /*text-align: center;*/
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

.nav-underline .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
    color: #6c757d;
}

    .nav-underline .nav-link:hover {
        color: #007bff;
    }

.nav-underline .active {
    font-weight: 500;
    color: #343a40;
}

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


.offcanvas-collapse {
    background-color: rgb(52 58 64 / 90%);
}

/* OVERWRITE */
.navbar-toggler:focus {
    box-shadow: none;
}

.dropdown-menu {
    border-radius: unset;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #94989d;
    border-color: #94989d;
}

.page-link {
    /*z-index: 1;*/
    color: #94989d;
    background-color: #fff;
    border-color: #f3f3f3;
}

/* Blazored toast overwrite */
.blazored-toast-container {
    z-index: 1040;
}

.blazored-toast-icon {
    font-size: 16px;
    padding: 6px 1rem 0 0;
    justify-content: start !important;
}

.blazored-toast-heading {
    font-size: 14px !important;
}

/* Blazored typeahead overwrite */
.blazored-typeahead__result {
    border-bottom: 1px dashed #e0e0e0;
}

.blazored-typeahead__results-footer {
    padding: 0;
}


/* BLAZORISE */
.form-check-input {
    width: 18px;
    height: 18px;
}

    .form-check-input:checked {
        background-color: #0288D1;
        border-color: #0288D1;
    }

.form-check:not(.form-switch) .form-check-input[type=checkbox] {
    border-radius: 0.25rem;
}

.custom-checkbox .custom-control-label {
    margin-top: 2px;
}
/* end of BLAZORISE */

/* FLAGS*/
.flag-icon {
    /*border: 1px solid #e1e1e1;*/
}

/* ATTRIBUTES */
.attribute-level1 {
    font-weight: bolder;
    color: blue;
}

.attribute-level2 {
    font-weight: bolder;
    color: darkblue;
}

.attribute-level3 {
    font-weight: normal;
    color: #565656;
}

.attribute-level4 {
    font-weight: lighter;
    color: #808080;
}


/*ANT*/
.ant-table {
    font-size: .875rem;
}

    .ant-table tfoot > tr > th, .ant-table-thead > tr > th {
        padding: .25rem .25rem;
    }

    .ant-table tfoot > tr > td, .ant-table-tbody > tr > td {
        padding: .25rem .25rem;
    }

.ant-tabs {
    font-size: unset;
}

.ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title {
    font-size: .9em;
}

.ant-spin-dot {
    display: none !important;
}

.ant-empty {
    display: none;
}