﻿


/** TOAST **/
.blazored-toast-container {
    z-index: 1999 !important;
}

.blazored-toast-header {
    display: none !important;
}

.blazored-toast-body > p {
    font-size: 1.05rem !important;
}

.blazored-toast .blazored-toast-message {
    line-height: 21px !important;
}

/**Aside Menu*/
.aside-menu.flex-column-fluid {
    overflow: auto;
    height: 110px;
}

a.no-decor-a {
    color: inherit;
}

.menu-item .menu-link.active .menu-title {
    font-weight: bolder;
}

/** table **/
.table-custom {
    vertical-align: middle;
    table-layout: auto;
}

    .table-custom th, .table-custom td {
        text-wrap: nowrap;
    }

.table-responsive .action-col, .table-datatable .action-col {
    text-align: end !important;
}

@media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
    .table-datatable table,
    .table-datatable thead,
    .table-datatable tbody,
    .table-datatable th,
    .table-datatable td,
    .table-datatable tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .table-datatable thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .table-datatable tr {
        border-bottom: 1px solid #eff2f5 !important;
    }

    .table-datatable td:not(.action-col) {
        /* Behave like a "row" */
        /*position: relative;*/
        padding-left: var(--padding-left, 35%) !important;
        white-space: normal;
    }

    .table-datatable td[data-title=''] {
        /* Behave like a "row" */
        position: relative;
        padding-left: 0% !important;
        white-space: normal;
    }

    .table-datatable td:not(:last-child) {
        border-bottom-width: 1px !important;
        border-bottom-style: dashed !important;
        border-bottom-color: #eff2f5 !important;
    }

    .table-datatable td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        left: 6px;
        width: 35%;
        padding-right: 10px;
        white-space: normal;
        text-align: left;
        font-size: 0.875rem !important;
        font-weight: 600 !important;
        color: #b5b5c3 !important;
        text-transform: uppercase !important;
        content: attr(data-title);
        line-height: 2.5;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1; /* number of lines to show */
        line-clamp: 1;
        -webkit-box-orient: vertical;
        margin-left: 10px;
    }

    .table-datatable tbody tr td:first-child {
        margin-top: 2px;
    }

    .table-datatable tbody tr:last-child td {
        border-bottom-width: 1px !important;
        border-bottom-style: dashed !important;
        border-bottom-color: #eff2f5 !important;
    }

    .table-datatable .action-col {
        text-align: center !important;
    }
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: var(--kt-primary) !important;
}
/*
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: var(--kt-primary) !important;
}*/

.g-recaptcha {
    -webkit-transform: scale(0.77);
    -moz-transform: scale(0.77);
    -ms-transform: scale(0.77);
    -o-transform: scale(0.77);
    transform: scale(0.77);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

.select2-container span {
    z-index: 1051;
}

.daterangepicker {
    z-index: 1051;
}

@media only screen and (max-width: 800px) {
    .table:not(.table-bordered) tbody tr:last-child td {
        border-bottom: 1px !important;
        border-bottom-width: 1px !important;
        border-bottom-style: dashed !important;
        border-bottom-color: #eff2f5 !important;
    }
}

.app-sidebar-menu .menu > .menu-item > .menu-link > .menu-title {
    font-weight: 500;
}

.app-header {
    background-color: #ffffff !important;
}

html:not([data-scroll='0']) [data-kt-app-header-fixed=true] .app-header {
    z-index: 100;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.page-item:not(.disabled) {
    cursor: pointer;
}

.page-item.disabled {
    cursor: wait;
}

@media(max-width: 1023px) {
    .auto-hide-sm {
        display: none!important;
    }
}