.fi-simple-header {
    height: 0 !important;
    display: none !important;
}
.fi-simple-header-heading {
    display: none !important;
}

.fi-btn.fi-color-primary,
.fi-btn.fi-ac-btn-action.fi-color-primary,
.fi-form-actions .fi-btn.fi-color-primary,
button.fi-btn.fi-color-primary {
    background-color: #02c0ed !important;
    border-color: #02c0ed !important;
    color: white !important;
}

.fi-btn.fi-color-primary:hover,
.fi-ac-btn-action.fi-color-primary:hover {
    background-color: #00afe0 !important;
    border-color: #00afe0 !important;
}

.fi-btn.fi-color-primary:active {
    background-color: #009cc8 !important;
    border-color: #009cc8 !important;
}

.fi-btn.fi-color-primary:focus-visible {
    outline-color: #02c0ed !important;
    box-shadow: 0 0 0 2px #8be9ff55 !important;
}

.fi-btn.fi-color-secondary {
    background-color: #e6faff !important;
    border-color: #b8f1ff !important;
    color: #02a5d0 !important;
}

.fi-btn.fi-color-secondary:hover {
    background-color: #d6f6ff !important;
    border-color: #9be9ff !important;
}

a.fi-btn.fi-color-primary svg,
a.fi-btn.fi-color-primary,
button.fi-btn.fi-color-primary svg,
button.fi-btn.fi-color-primary {
    color: white !important;
    fill: white !important;
    stroke: white !important;
}

.fi-sidebar-item.fi-active>.fi-sidebar-item-btn>.fi-sidebar-item-label,
.fi-sidebar-item.fi-active>.fi-sidebar-item-btn>.fi-icon,
.fi-tabs-item.fi-active .fi-tabs-item-label, .fi-tabs-item.fi-active .fi-icon{
    color:  #02c0ed !important;
}


.fi-toggle.fi-color-primary.fi-toggle-on {
    background-color: #02c0ed !important;
    border-color: #02c0ed !important;
    border-radius: 9999px !important;
}

.fi-toggle.fi-color-primary.fi-toggle-on div > div:last-child {
    background-color: white !important;
    border-radius: 9999px !important;
}

.fi-toggle.fi-toggle-off {
    background-color: #cbd5e1 !important;
    border-color: #cbd5e1 !important;
    border-radius: 9999px !important;
}

.fi-toggle.fi-toggle-off div > div:last-child {
    background-color: white !important;
    border-radius: 9999px !important;
}

.fi-input-wrp {
    border: 1.5px solid transparent !important;
    border-radius: 8px !important;
}

.fi-input-wrp:has(.fi-input:focus),
.fi-input-wrp:has(.fi-input:focus-visible) {
    border-color: #02c0ed !important;
    box-shadow: 0 0 0 2px #02c0ed40 !important;
}

.fi-input-wrp-content-ctn {
    border: none !important;
}

.fi-input:focus,
.fi-input:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.fi-logo {
    width: 115px !important;
    max-height: 64px !important;
    height: 40px !important;

    border-radius: 26px !important;
    background-color: #f4f6f8 !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden !important;
    padding: 10px;

    display: flex;
    align-items: center;
    justify-content: center;
}