@import url("root.css");

.w-5 {
    width: 5% !important;
}
.w-10 {
    width: 10% !important;
}
.w-15 {
    width: 15% !important;
}
.w-20 {
    width: 20% !important;
}
.w-25 {
    width: 25% !important;
}
.w-30 {
    width: 30% !important;
}
.w-35 {
    width: 35% !important;
}
.w-50 {
    width: 50% !important;
}
.w-60 {
    width: 60% !important;
}
.w-70 {
    width: 70% !important;
}
.w-80 {
    width: 80% !important;
}
.w-90 {
    width: 90% !important;
}
.w-100 {
    width: 100% !important;
}

.layout-menu img {
    width: 100% !important;
    padding: 1rem;
}

.layout-menu .main-logo {
    width: 100% !important;
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}
.layout-menu .small-logo {
    display: none;
    width: 25%;
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.hide-important {
    display: none !important;
}

.layout-menu-collapsed .main-logo {
    display: none;
}

.layout-menu-collapsed .small-logo {
    display: block;
}

.layout-menu-collapsed.layout-menu-hover .main-logo {
    display: block;
}
.layout-menu-collapsed.layout-menu-hover .small-logo {
    display: none;
}

.bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
    background: linear-gradient(
        92deg,
        var(--bs-primary) 22.16%,
        var(--bs-primary-light3) 76.47%
    );
}

.breadcrumb-item,
.breadcrumb-item a {
    color: var(--bs-primary) !important;
}
a:hover {
    color: var(--bs-primary-light) !important;
}
.breadcrumb-item,
.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color) !important;
}
.btn-primary:hover {
    color: #fff !important;
    background-color: var(--bs-primary-light) !important;
    border-color: var(--bs-primary-light3) !important;
}
.btn-light {
    color: #fff;
    background-color: var(--bs-primary-light);
    border-color: var(--bs-primary-light);
}

.readonly-look {
    background-color: #e9ecef !important;
    cursor: not-allowed;
    pointer-events: none;
}
.menu-icon {
    margin-right: 0 !important;
}
.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #f8f7fa;
    /* border-top: 1px solid #e0e0e0; */
    font-size: 13px;
    z-index: 1000;
}

.footer a {
    text-decoration: none;
}