/* /Features/NatureCodes/Components/NatureCodeListItem.razor.rz.scp.css */
@media (max-width: 768px) {
    .mud-table[b-zyp5w3nmfw] {
        display: block;
        width: 100%;
    }

    .mud-td[b-zyp5w3nmfw] {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        color: red;
    }

    .mud-button[b-zyp5w3nmfw] {
        width: 100%;
        margin-bottom: 5px;
    }
}
/* /Layouts/ProfileDropdownStatic.razor.rz.scp.css */
.profile-dropdown[b-49liuyxq4d] {
    position: relative;
    display: inline-block;
}

.dropdown-toggle[b-49liuyxq4d] {
    display: none;
}

.dropdown-button[b-49liuyxq4d] {
    cursor: pointer;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    user-select: none;
}

.dropdown-label[b-49liuyxq4d] {
    margin-right: 8px;
}

.dropdown-icon[b-49liuyxq4d] {
    font-size: 12px;
    transition: transform 0.2s;
}


.dropdown-menu[b-49liuyxq4d] {
    position: absolute;
    right: 0;
    top: 100%;
    background-color: white;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    border-radius: 4px;
    min-width: 200px;
    z-index: 1000;
    display: none;
}

.dropdown-item[b-49liuyxq4d] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    text-decoration: none;
    color: #333;
}

    .dropdown-item:hover[b-49liuyxq4d] {
        background-color: #f5f5f5;
    }

.item-icon[b-49liuyxq4d] {
    margin-right: 12px;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.manage-icon[b-49liuyxq4d] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5-9h10v2H7z'/%3E%3C/svg%3E");
    filter: invert(47%) sepia(71%) saturate(1622%) hue-rotate(202deg) brightness(91%) contrast(98%);
}

.logout-icon[b-49liuyxq4d] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z'/%3E%3C/svg%3E");
    filter: invert(27%) sepia(83%) saturate(1811%) hue-rotate(343deg) brightness(101%) contrast(106%);
}

.register-icon[b-49liuyxq4d] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3C/svg%3E");
    filter: invert(47%) sepia(71%) saturate(1622%) hue-rotate(202deg) brightness(91%) contrast(98%);
}

.login-icon[b-49liuyxq4d] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M11 7L9.6 8.4l2.6 2.6H2v2h10.2l-2.6 2.6L11 17l5-5-5-5zm9 12h-8v2h8c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-8v2h8v14z'/%3E%3C/svg%3E");
    filter: invert(47%) sepia(71%) saturate(1622%) hue-rotate(202deg) brightness(91%) contrast(98%);
}

.text-color-black[b-49liuyxq4d] {
    color: black;
}

/* The CSS-only dropdown toggle */
.dropdown-toggle:checked ~ .dropdown-menu[b-49liuyxq4d] {
    display: block;
}

.dropdown-toggle:checked ~ .dropdown-button .dropdown-icon[b-49liuyxq4d] {
    transform: rotate(180deg);
}

.settings-button[b-49liuyxq4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px; /* Adjust size as needed */
    height: 35px;
    border-radius: 50%;
    background-color: transparent;
    transition: background-color 0.3s ease-in-out;
    cursor: pointer;
    border: none;
    user-select: none;
    padding: 5px;
}

    .settings-button:hover[b-49liuyxq4d] {
        background-color: rgba(0, 0, 0, 0.1); /* Light grey hover effect */
    }

    .settings-button:active[b-49liuyxq4d] {
        background-color: rgba(0, 0, 0, 0.2); /* Darker on click */
    }