@charset "UTF-8";

.care-sf-icon {
    --care-sf-icon-url: none;
    background-color: currentColor !important;
    background-image: none !important;
    display: inline-block !important;
    flex: 0 0 auto;
    font-family: inherit !important;
    font-size: inherit;
    height: 1.05em;
    line-height: 1;
    min-width: 1.05em;
    speak: never;
    text-rendering: auto;
    transform-origin: 50% 50%;
    vertical-align: -0.16em;
    width: 1.05em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-mask: var(--care-sf-icon-url) center / contain no-repeat;
    mask: var(--care-sf-icon-url) center / contain no-repeat;
}

.care-sf-icon:before,
.care-sf-icon:after {
    content: "" !important;
    display: none !important;
}

.care-sf-icon.care-sf-spin,
.care-sf-icon.fa-spin,
.care-sf-icon.fa-pulse {
    animation: careSfSymbolSpin 1s linear infinite;
}

.fa-fw.care-sf-icon {
    width: 1.28571429em;
}

.btn .care-sf-icon,
.care-back-previous .care-sf-icon,
.care-operation-kpi-card .care-sf-icon,
.care-dashboard-tile .care-sf-icon {
    margin-right: 6px;
}

.btn .care-sf-icon:last-child,
.input-group-addon .care-sf-icon,
.dropdown-toggle .care-sf-icon,
.care-sf-icon:only-child {
    margin-right: 0;
}

.sidebar-menu .care-sf-icon,
.treeview-menu .care-sf-icon,
.main-sidebar .care-sf-icon {
    margin-right: 9px;
    text-align: center;
}

.pull-right-container .care-sf-icon,
.navbar-custom-menu .care-sf-icon,
.table .care-sf-icon,
.dt-buttons .care-sf-icon {
    margin-right: 0;
}

.care-sf-icon[data-care-sf-source*="angle-"],
.care-sf-icon[data-care-sf-source*="chevron"],
.care-sf-icon[data-care-sf-source*="caret"] {
    height: 0.9em;
    min-width: 0.9em;
    width: 0.9em;
}

/* Force the primary sidebar to use the deployed SF-style icon masks even
   when a menu item was authored with Flaticon classes instead of FontAwesome. */
.main-sidebar .sidebar-menu.verttop > li > a > i.care-sidebar-outline-icon,
.skin-blue .main-sidebar .sidebar-menu.verttop > li > a > i.care-sidebar-outline-icon {
    --care-sf-icon-url: none;
    background-color: currentColor !important;
    background-image: none !important;
    display: inline-block !important;
    flex: 0 0 auto;
    font-family: inherit !important;
    font-size: 30px !important;
    height: 1.12em !important;
    line-height: 1 !important;
    margin: 0 auto 4px !important;
    min-width: 1.12em !important;
    opacity: 1 !important;
    text-align: center;
    vertical-align: middle;
    width: 1.12em !important;
    -webkit-mask: var(--care-sf-icon-url) center / contain no-repeat;
    mask: var(--care-sf-icon-url) center / contain no-repeat;
}

.main-sidebar .sidebar-menu.verttop > li > a > i.care-sidebar-outline-icon::before,
.main-sidebar .sidebar-menu.verttop > li > a > i.care-sidebar-outline-icon::after,
.skin-blue .main-sidebar .sidebar-menu.verttop > li > a > i.care-sidebar-outline-icon::before,
.skin-blue .main-sidebar .sidebar-menu.verttop > li > a > i.care-sidebar-outline-icon::after {
    content: "" !important;
    display: none !important;
}

.main-sidebar .sidebar-menu.verttop > li > a > i.fi-rr-apps,
.skin-blue .main-sidebar .sidebar-menu.verttop > li > a > i.fi-rr-apps {
    --care-sf-icon-url: url("../sf-symbols/apps.png");
}

.main-sidebar .sidebar-menu.verttop > li > a > i.fi-rr-admin-alt,
.skin-blue .main-sidebar .sidebar-menu.verttop > li > a > i.fi-rr-admin-alt {
    --care-sf-icon-url: url("../sf-symbols/admin.png");
}

.main-sidebar .sidebar-menu.verttop > li > a > i.fi-rr-stethoscope,
.skin-blue .main-sidebar .sidebar-menu.verttop > li > a > i.fi-rr-stethoscope {
    --care-sf-icon-url: url("../sf-symbols/stethoscope.png");
}

.main-sidebar .sidebar-menu.verttop > li > a > i.fi-rr-capsules,
.skin-blue .main-sidebar .sidebar-menu.verttop > li > a > i.fi-rr-capsules {
    --care-sf-icon-url: url("../sf-symbols/capsules.png");
}

.main-sidebar .sidebar-menu.verttop > li > a > i.fi-rr-microscope,
.skin-blue .main-sidebar .sidebar-menu.verttop > li > a > i.fi-rr-microscope {
    --care-sf-icon-url: url("../sf-symbols/microscope.png");
}

.main-sidebar .sidebar-menu.verttop > li > a > i.fi-rr-users-medical,
.skin-blue .main-sidebar .sidebar-menu.verttop > li > a > i.fi-rr-users-medical {
    --care-sf-icon-url: url("../sf-symbols/users-medical.png");
}

.main-sidebar .sidebar-menu.verttop > li > a > i.fi-rr-wallet,
.skin-blue .main-sidebar .sidebar-menu.verttop > li > a > i.fi-rr-wallet {
    --care-sf-icon-url: url("../sf-symbols/wallet-pass.png");
}

.main-sidebar .sidebar-menu.verttop > li > a > i.fi-rr-chart-histogram,
.skin-blue .main-sidebar .sidebar-menu.verttop > li > a > i.fi-rr-chart-histogram {
    --care-sf-icon-url: url("../sf-symbols/chart-bar.png");
}

.main-sidebar .sidebar-menu.verttop > li > a > i.fi-rr-settings-sliders,
.skin-blue .main-sidebar .sidebar-menu.verttop > li > a > i.fi-rr-settings-sliders {
    --care-sf-icon-url: url("../sf-symbols/slider-horizontal-3.png");
}

/* Dedicated premium primary-navigation icons. These do not depend on an icon
   font or JavaScript replacement, so they remain consistent across pages. */
.main-sidebar .sidebar-menu.verttop > li > a > .care-premium-nav-icon,
.skin-blue .main-sidebar .sidebar-menu.verttop > li > a > .care-premium-nav-icon {
    background-color: currentColor !important;
    color: #7b7f86 !important;
    display: block !important;
    flex: 0 0 auto;
    height: 31px !important;
    margin: 0 auto 5px !important;
    opacity: 1;
    transition: color 160ms ease, filter 160ms ease, transform 160ms ease;
    width: 31px !important;
    -webkit-mask: var(--care-premium-icon-url) center / contain no-repeat;
    mask: var(--care-premium-icon-url) center / contain no-repeat;
    filter:
        drop-shadow(0.45px 0 currentColor)
        drop-shadow(-0.45px 0 currentColor)
        drop-shadow(0 0.45px currentColor)
        drop-shadow(0 -0.45px currentColor);
}

.main-sidebar .sidebar-menu.verttop > li > a:hover > .care-premium-nav-icon,
.main-sidebar .sidebar-menu.verttop > li.active > a > .care-premium-nav-icon,
.skin-blue .main-sidebar .sidebar-menu.verttop > li > a:hover > .care-premium-nav-icon,
.skin-blue .main-sidebar .sidebar-menu.verttop > li.active > a > .care-premium-nav-icon {
    color: #000000 !important;
    opacity: 1;
    transform: translateY(-1px) scale(1.04);
    filter:
        drop-shadow(0.55px 0 currentColor)
        drop-shadow(-0.55px 0 currentColor)
        drop-shadow(0 0.55px currentColor)
        drop-shadow(0 -0.55px currentColor);
}

.care-premium-nav-dashboard {
    --care-premium-icon-url: url("../premium-nav-icons/dashboard.svg");
}

.care-premium-nav-administration {
    --care-premium-icon-url: url("../premium-nav-icons/administration.svg");
}

.care-premium-nav-clinical {
    --care-premium-icon-url: url("../premium-nav-icons/clinical.svg");
}

.care-premium-nav-pharmacy {
    --care-premium-icon-url: url("../premium-nav-icons/pharmacy.svg");
}

.care-premium-nav-diagnostic {
    --care-premium-icon-url: url("../premium-nav-icons/diagnostic.svg");
}

.care-premium-nav-human-resource {
    --care-premium-icon-url: url("../premium-nav-icons/human-resource.svg");
}

.care-premium-nav-finance {
    --care-premium-icon-url: url("../premium-nav-icons/finance.svg");
}

.care-premium-nav-reports {
    --care-premium-icon-url: url("../premium-nav-icons/reports.svg");
}

.care-premium-nav-setup {
    --care-premium-icon-url: url("../premium-nav-icons/setup.svg");
}

@keyframes careSfSymbolSpin {
    to {
        transform: rotate(360deg);
    }
}

/* Primary sidebar Flaticon Uicons */
.main-sidebar .sidebar-menu.verttop > li > a > .care-flaticon-nav-icon,
.skin-blue .main-sidebar .sidebar-menu.verttop > li > a > .care-flaticon-nav-icon {
    background: none !important;
    display: block !important;
    font-family: "uicons-regular-rounded" !important;
    font-size: 30px !important;
    font-style: normal !important;
    height: 32px !important;
    line-height: 32px !important;
    margin: 0 auto 5px !important;
    opacity: 0.92;
    transition: color 160ms ease, opacity 160ms ease, transform 160ms ease;
    width: 32px !important;
    -webkit-mask: none !important;
    mask: none !important;
}

.main-sidebar .sidebar-menu.verttop > li > a > .care-flaticon-nav-icon::before,
.skin-blue .main-sidebar .sidebar-menu.verttop > li > a > .care-flaticon-nav-icon::before {
    display: inline-block !important;
    line-height: 32px !important;
}

.main-sidebar .sidebar-menu.verttop > li > a:hover > .care-flaticon-nav-icon,
.main-sidebar .sidebar-menu.verttop > li.active > a > .care-flaticon-nav-icon,
.skin-blue .main-sidebar .sidebar-menu.verttop > li > a:hover > .care-flaticon-nav-icon,
.skin-blue .main-sidebar .sidebar-menu.verttop > li.active > a > .care-flaticon-nav-icon {
    opacity: 1;
    transform: translateY(-1px) scale(1.06);
}

/* Finder-style direct SVG sidebar icons. Using img tags here avoids icon font
   and mask-loading failures while keeping the heavier outline look visible. */
.main-sidebar .sidebar-menu.verttop > li > a > .care-sidebar-nav-img,
.skin-blue .main-sidebar .sidebar-menu.verttop > li > a > .care-sidebar-nav-img {
    display: block !important;
    flex: 0 0 auto !important;
    height: 35px !important;
    margin: 0 auto 5px !important;
    object-fit: contain !important;
    opacity: 1 !important;
    transition: filter 160ms ease, transform 160ms ease !important;
    width: 35px !important;
}

.main-sidebar .sidebar-menu.verttop > li > a:hover > .care-sidebar-nav-img,
.main-sidebar .sidebar-menu.verttop > li.active > a > .care-sidebar-nav-img,
.skin-blue .main-sidebar .sidebar-menu.verttop > li > a:hover > .care-sidebar-nav-img,
.skin-blue .main-sidebar .sidebar-menu.verttop > li.active > a > .care-sidebar-nav-img {
    filter: brightness(0) !important;
    transform: translateY(-1px) scale(1.04) !important;
}