#content {
    width: 100%;
    padding: 20px;
    min-height: 100vh;
    /* transition: all 0.3s; */
    position: absolute;
    top: 0;
    right: 0;
}


#navbar-top {
    padding: 15px 10px;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

.page-wrapper {}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: var(--bs-primary);
}

/* Icons */

.mdi-svg {
    display: inline-block;
    font-size: inherit;
    width: 1.5em;
    overflow: visible;
    vertical-align: -.3em;
}

.link-icon::after {
    content: url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-link-45deg" viewBox="0 0 16 16"> <path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"/> <path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z"/> </svg>');
    margin-left: 0.3em;

}

.download-icon:after {
    content: url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download" viewBox="0 0 16 16"><path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/>  <path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/></svg>');
    margin-left: 0.3em;
}



/* Login form */

.form-login {
    padding: 15px;
    margin: 5em auto 5em auto;
}

.form-field {
    padding-top: 0.5em;
}

.form-field label {
    width: 8em;
}

.table-condensed {
    font-size: 85%;
}

.btn-sm {
    font-size: small;
}

.btn-sm-fix-width {
    width: 80px;
    font-size: small;
}

@media (max-width:767px) {
    .table-condensed {
        font-size: 70%;
    }

    .btn,
    .btn-sm {
        font-size: 70% !important;
    }
}