@import url('https://fonts.googleapis.com/css?family=Open+Sans');

:root {
    --theme-primary: #ff3e5e;
    --theme-primary-hover: #e11d48;
    --theme-primary-light: #fff5f7;
    --theme-primary-subtle: #fff1f3;
    --theme-primary-border: #fecdd3;
    --theme-gradient: linear-gradient(135deg, #ff3e5e 0%, #fa709a 100%);
    --theme-gradient-hover: linear-gradient(135deg, #f43f5e 0%, #be123c 100%);
    --theme-primary-shadow: rgba(255, 62, 94, 0.28);
    --theme-primary-shadow-hover: rgba(255, 62, 94, 0.38);
    --theme-accent: #ff3e5e;
    --theme-danger: #dc2626;
    --theme-danger-light: #fee2e2;
    --theme-info: #2563eb;
    --theme-info-light: #dbeafe;
}

.dangerColor {
    color: #ff4444 !important;
}

.dangerColorDarlk {
    color: #CC0000 !important;
}

.warningColor {
    color: #ffbb33 !important;
}

.warningColorDarlk {
    color: #FF8800 !important;
}

.successColor {
    color: #00C851 !important;
}

.successColorDark {
    color: #007E33 !important;
}

.infoColor {
    color: #33b5e5 !important;
}

.infoColorDarlk {
    color: #0099CC !important;
}

.disableColor {
    color: #D6EAF8 !important;
}

.orangeColor {
    color: orange !important;
}
.breadcrumbheader {
    background: #ff3e5e;
    color: #fff !important;
    padding: 8px;
    padding-left: 40px;
    position: fixed !important;
    top: 0px;
    left: 0px;
    z-index: 999;
    width: 100%;
}

.breadcrumbheader a {
    color: #fff !important;
    padding-right: 5px;
}

.breadcrumbheaderdialog {
    background: #faf1f2 !important;
    color: #ff3e5e !important;
    z-index: 999;
    width: 100%;
    border-bottom: solid 1px #fc6a82;
}
.breadcrumbheaderdialog button {
    color: #ff3e5e !important;
}

.breadcrumbheaderdialog a {
    color: #ff3e5e !important;
    padding: 10px !important;
    vertical-align: middle;
    position: relative;
}

.breadcrumbheaderdialoglight {
    background: #fff;
    color: #ff3e5e !important;
    z-index: 999;
    width: 100%;
}

.breadcrumbheaderdialoglight a {
    color: #ff3e5e !important;
    padding: 10px !important;
    vertical-align: middle;
    position: relative;
}

.action-bar {
    border-bottom: solid 2px var(--theme-primary, #ff3e5e) !important;
}

.nav-img,
.nav-icons {
    filter: invert(35%) sepia(91%) saturate(3470%) hue-rotate(334deg) brightness(103%) contrast(101%);
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.action-bar .nav-item:hover .nav-img {
    opacity: 0.85;
    transform: scale(1.15);
}