@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');

body,
html {
    font-family: 'Montserrat', sans-serif !important;
}

.w-1 {
    width: 1% !important;
}

.w-5 {
    width: 5% !important;
}

.w-10 {
    width: 10% !important;
}

.login-page {
    background-image: url('../../image/wall_login.webp');
    background-size: cover;
}

.main-sidebar li p {
    font-size: .6rem;
    font-weight: 500;
    text-transform: uppercase;
}

.fw-semibold {
    font-weight: 600 !important;
}

.fs-7 {
    font-size: .8rem;
}

@media (orientation: landscape) {
    .login-box {
        position: absolute;
        top: 5rem;
        left: 10rem;
    }

    .sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused,
    .sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover,
    .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused,
    .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover,
    .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused,
    .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover,
    .sidebar-mini.sidebar-collapse .main-sidebar,
    .sidebar-mini.sidebar-collapse .main-sidebar::before {
        margin-left: 0;
        width: 5.6rem;
    }

    .sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .brand-link,
    .sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .brand-link,
    .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .brand-link,
    .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .brand-link,
    .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .brand-link,
    .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .brand-link {
        width: 5.6rem !important;
    }

    .sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link {
        width: 4.6rem !important;
    }

    .sidebar-collapse.sidebar-mini .main-sidebar>a {
        text-align: center;
    }

    .sidebar-collapse.sidebar-mini .main-sidebar>a>img {
        margin: auto;
    }

    .sidebar-mini.sidebar-collapse .content-wrapper,
    .sidebar-mini.sidebar-collapse .main-footer,
    .sidebar-mini.sidebar-collapse .main-header {
        margin-left: 5.6rem !important;
    }

    .sidebar-mini.sidebar-collapse .brand-text {
        display: none;
    }

    .brand-link .brand-image {
        float: none;
    }

    .modal-xl {
        max-width: 90%;
    }
}

[class*=sidebar-dark-] {
    background-color: #2f4050;
}

.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar .nav-link p,
.sidebar-mini.sidebar-collapse .sidebar .nav-sidebar .nav-link p {
    visibility: initial;
    animation: initial;
    display: contents;
}

.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.table {
    font-size: .9rem;
    font-weight: 600;
}

table.table-bordered.dataTable tbody td {
    vertical-align: middle;
}

.head-buttons .dt-buttons {
    float: right !important;
}

.page-link {
    font-size: .8rem;
    font-weight: 600;
}

.breadcrumb {
    font-size: 0.8rem;
}

.content-header .fas {
    font-size: 1.2rem;
}

/* .modal-xl {
    max-width: 800px;
} */

tr:hover {
    background-color: yellow !important;
}