@import url("//cdn.jsdelivr.net/npm/bootstrap@5/dist/css/bootstrap.min.css");
@import url("//cdn.jsdelivr.net/npm/bootstrap-icons@1/font/bootstrap-icons.min.css");
@import url("//cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css");
@import url("./select2-bootstrap-5-theme.css");
@import url("//cdn.jsdelivr.net/npm/summernote@0/dist/summernote-bs5.min.css");

:root
{
    --bs-sidebar-width: 250px;
}

.page-loader
{
    z-index: 1048;
}

.navbar-brand
{
    width: var(--bs-sidebar-width);
    text-align: center;
}

main
{
    display: flex;
    flex-direction: column;
    height: 100vh;
}

section
{
    position: relative;
    display: flex;
    flex-grow: 1;
}

div.content
{
    padding: 1rem;
    width: 100%;
}

aside
{
    display: flex;
    width: var(--bs-sidebar-width) !important;
    min-width: var(--bs-sidebar-width) !important;
    min-height: 100%;
    height: inherit;
    max-height: calc(100vh - (3.5rem + 1px));
    z-index: 1045;
}

@media screen and (max-width: 767.98px)
{
    aside
    {
        position: absolute;
    }
}

footer
{

}

ul.navbar-nav > li.nav-item
{
    a.nav-link
    {
        color: var(--bs-secondary-text-emphasis);
        padding: 0.5rem 0.5rem;
        border-radius: var(--bs-border-radius);
        margin-bottom: 5px;
    }
    
    a.nav-link.active
    {
	color: var(--bs-light-text-emphasis);
	background-color: var(--bs-primary-bg-subtle);
    }
    
    a.nav-link:hover
    {
        color: var(--bs-emphasis-color);
    }
}

@media print
{
    main,  main *
    {
        visibility: hidden;
    }

    .table, .table *,
    .card-body, card-body *
    {
        visibility: visible;
    }

    .table, .card-body
    {
        width : 100% !important;
        height : auto !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
    }

    th > input, td > input, th > .btn, td > .btn
    {
        display: none;
    }
}

.btn-app
{
    min-width: 85px;
    margin:    .25rem;
}

.ts-control, .ts-control input, .ts-dropdown
{
    color: var(--bs-body-color) !important;
}