a:hover {
    text-decoration: none;
}

.breadcrumb a {
    color: var(--tblr-list-group-action-color);
    font-weight: normal;
}

.breadcrumb a:hover {
    text-decoration: none;
    color: var(--tblr-breadcrumb-link-color);
}

.breadcrumb-item.active {
    font-weight: normal;
}

.bg-login {
    background: 
        linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.4)),
        url('../images/bg-login.png') no-repeat center;
    background-size: cover;
}

.offcanvas {
    transition: transform .3s ease-in-out;
}

.offcanvas.offcanvas-start {
    width: 325px;
}

.offcanvas-header {
    width: 100%;
    border-bottom: none;
    text-align: center;
    padding: 1rem;
}

.offcanvas-body {
    width: 100%;
}

#sidebar-menu .dropdown-toggle::after {
    transition: transform .3s ease;
}

#sidebar-menu .dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(135deg);
}

.footer {
    padding: 1rem 0 2rem 0;
}

/* start swal2 */

.swal2-icon {
    margin-top: 1.2em;
}

.swal2-popup {
    /* width: 100px;     */
    width: 27em !important;
    font-size: 0.9rem;
}

.swal2-title {
    font-size: 0.9rem;
}

.swal2-html-container {
    font-size: 0.8rem !important;
    margin: .3em 1.6em !important;
}

.swal2-actions {
    margin: .8em auto 0;
}

.swal2-confirm,
.swal2-cancel {
    border-radius: 4px !important;
    padding: 6px 16px !important;
    font-size: var(--tblr-btn-font-size);
    outline: none;
}

body.swal2-height-auto:not(.swal2-no-backdrop) {
    height: 100% !important;
}

.swal2-confirm {
    background-color: var(--tblr-primary) !important;
    border-color: var(--tblr-primary) !important;
}

.swal2-confirm:focus,
.swal2-cancel:focus {
    outline: none !important;
    box-shadow: none !important;
}
/* end swal2 */