.fi-body.fi-panel-admin {

    [type=checkbox]:checked {
        background-color: #3859bb;
        color: #ffffff;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E") !important;
        border: #021947;
    }

    .focus\:ring-primary-600:focus {
        --tw-ring-color: #021947;
    }

    .fi-btn-color-primary {
        background-color: #ebff3e;

        &:hover {
            background-color: #DCF213;
        }
    }

    .fi-btn-color-danger {
        background-color: #D7011A;

        &:hover {
            background-color: #c80018;
        }
    }

    .fi-link {
        &:not(.fi-color-danger.fi-ac-action) {
            .dark\:text-custom-400:is(*) {
                color: #3859BB;
            }
        }
    }

    .fi-sidebar-item-active {
        .fi-sidebar-item-button {
            .fi-sidebar-item-label,
            .fi-sidebar-item-icon {
                color: #3859BB !important;
            }
        }
    }

    .fi-btn-color-primary.bg-custom-600.text-white {
        .fi-btn-label {
            color: #212529;
        }
    }

    [type=checkbox]:checked {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");
    }

    [type=checkbox]:checked, [type=radio]:checked {
        background-color: #3859BB;
        border-color: #3859BB;
    }

    .fi-icon-btn-icon,
    .fi-theme-switcher-btn {
        color: #3859BB;
    }

    /* side menu and breadcrumb menu */
    .fi-sidebar-item-active {
        .fi-sidebar-item-button {
            .fi-sidebar-item-label,
            .fi-sidebar-item-icon {
                color: rgba(var(--danger-600),var(--tw-text-opacity));
            }
        }
    }

    .fi-tabs {
        .fi-tabs-item-active {
            .fi-tabs-item-label,
            .fi-tabs-item-icon {
                color: #3859BB;
            }
        }
    }

    /* validation state */
    .fi-fo-field-wrp-error-message,
    .custom-date-time-picker .fi-invalid .fi-icon-btn-icon {
        color: rgba(var(--danger-500),var(--tw-text-opacity));
    }

    .dark\:ring-danger-500,
    .\[\&\:not\(\:has\(\.fi-ac-action\:focus\)\)\]\:focus-within\:ring-danger-600:focus-within:not(:has(.fi-ac-action:focus)) {
        --tw-ring-color: rgba(var(--danger-500),var(--tw-text-opacity));
    }
}

.dark {
    .fi-body {

        .fi-btn-color-primary {
            background-color: #ebff3e;
        }


        /* side menu and breadcrumb menu */
        .fi-sidebar-item-active {
            .fi-sidebar-item-button {
                .fi-sidebar-item-label,
                .fi-sidebar-item-icon {
                    color: #A2C1FF;
                }
            }
        }

        .fi-tabs {
            .fi-tabs-item-active {
                .fi-tabs-item-label,
                .fi-tabs-item-icon {
                    color: #A2C1FF;
                }
            }
        }

       .fi-fo-field-wrp-error-message {
            color: rgba(var(--danger-400),var(--tw-text-opacity));
        }

        .dark\:ring-danger-500,
        .\[\&\:not\(\:has\(\.fi-ac-action\:focus\)\)\]\:focus-within\:ring-danger-600:focus-within:not(:has(.fi-ac-action:focus)) {
            --tw-ring-color: rgba(var(--danger-400),var(--tw-text-opacity));
        }

        .fi-link {
            &:not(.fi-color-danger.fi-ac-action) {
                .dark\:text-custom-400:is(.dark *) {
                    color: #A2C1FF;
                }
            }
        }

        .fi-btn {
            &.fi-btn-primary {
                .dark\:bg-custom-500:is(.dark *) {
                    background-color: #ebff3e;
                }
            }
        }
    }

    .fi-btn-color-primary {
        background-color: #ebff3e;

        &:hover {
            background-color: #DCF213;
        }

    .fi-btn-color-danger {
        background-color: #D7011A;

        &:hover {
            background-color: #c80018;
        }
    }
}