@import url('https://rsms.me/inter/inter.css');

:root {
    --tblr-font-sans-serif: Inter,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif !important;
}

@media (min-width: 992px) {
    .navbar-vertical.navbar-expand-lg{
        width: 16rem;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg.navbar-vertical ~ .navbar, .navbar-expand-lg.navbar-vertical ~ .page-wrapper{
        margin-left: 16rem;
    }
}

@media (min-width: 992px) {
    .navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav .nav-link{
        font-weight: 400;
        padding: .625rem 1.625rem;
        border-left: 3px solid transparent;
    }
}

.nav-link-icon{
    margin-right:0.65rem;
}

.opacity-90 {
    opacity: 0.9;
}

.card-table tr td:last-child, .card-table tr th:last-child{
    padding-right: 0.5em;
}


.table > :not(caption) > * > *, .markdown > table > :not(caption) > * > *{
    padding: 0.65em;
}

.help-text{
    font-size: 7pt;
    font-style: italic;
}

/* Custom */
.attributeModal{
    position: relative;
    max-height: 100%;
    display: flex;
    overflow: hidden;
    flex-direction: column;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    opacity: 0;
    outline: none;
    background: #fff;
    cursor: pointer;
    display: block;
}

.card-hover.card:hover {
    color: var(--tblr-btn-hover-color);
    background-color: var(--tblr-btn-hover-bg);
    border-color:var(--tblr-btn-hover-border-color);
}

.card-hover.card:active {
    color: var(--tblr-btn-active-color);
    background-color: var(--tblr-btn-active-bg);
    border-color: var(--tblr-btn-active-border-color);
    box-shadow: var(--tblr-btn-active-shadow);
}

.list-group-item:hover{background-color:transparent;}