/* Avatar Variants Definitions */
.card--accordion .card-header { background: none; border-bottom: none; cursor: pointer; color: #3F4651; text-decoration: none; }

.card--accordion .card-header:hover { color: #17191d; text-decoration: none; }

/* Avatar Variants Definitions */
.sidebar--animations-enabled { /* &.sidebar--slim.sidebar--collapsed { // Slim Submenus .sidebar-menu__entry > .sidebar-submenu { display: block !important; opacity: 0; transform: translateY(-40px) scale(0.8); transition: opacity 200ms ease-in-out, transform 200ms cubic-bezier(0.645, 0.045, 0.465, 1.305); transition-delay: 200ms; } .sidebar-menu__entry:hover > .sidebar-submenu { opacity: 1; transform: translateY(0) scale(1); } } */ }

.sidebar--animations-enabled.sidebar--animate-slim--progress .active > a { background-color: transparent !important; box-shadow: none !important; color: #1EB7FF !important; }

.sidebar--animations-enabled.sidebar--animate-slim--progress .sidebar-menu__entry__link::after, .sidebar--animations-enabled.sidebar--animate-slim--progress .sidebar-submenu__entry__link::after { opacity: 0; }

.sidebar--animations-enabled.sidebar--animate-slim--progress .sidebar-menu .badge { opacity: 0; }

.sidebar--animations-enabled.sidebar--animate-entry-complete .sidebar__section { opacity: 1; }

.sidebar--animations-enabled .sidebar__section { opacity: 0; }

.sidebar--animations-enabled .sidebar-menu__entry__link::after { transition: opacity 200ms ease-in; }

.sidebar--animations-enabled .sidebar-menu__entry.active .sidebar-menu__entry__link { transition: background-color 200ms ease-in-out box-shadow 200ms ease-in-out; }

.sidebar--animations-enabled .sidbear-menu .badge { transition: opacity 200ms ease-in-out; }

/* Avatar Variants Definitions */
/* Variant Generator */
/* Avatar Base */
.avatar { position: relative; display: inline-block; }

.avatar__content { border-radius: 50%; width: 100%; height: 100%; overflow: hidden; position: relative; z-index: 0; mask-image: -webkit-radial-gradient(white, black); -webkit-mask-image: -webkit-radial-gradient(white, black); }

.avatar__badge { position: absolute; display: block; transform: translate(50%, -50%); z-index: 1; }

.avatar__icon { position: absolute; display: block; transform: translate(50%, 50%); z-index: 1; }

.avatar__icon--stack > .fa { display: block; }

.avatar__icon--stack > .fa ~ .fa { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.avatar-font { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }

.avatar-font__text { flex: 0 0 auto; font-size: 11px; font-weight: 600; }

.avatar-font--sm .avatar-font__text { font-size: 10px; }

.avatar-font--lg .avatar-font__text { font-size: 24px; }

.avatar-image { display: inline-block; position: relative; }

.avatar-image__image { position: relative; visibility: hidden; z-index: 0; }

.avatar-image__image img { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.avatar-image__placeholder { position: absolute; top: 0; left: 0; z-index: 1; }

.avatar-image--loaded .avatar-image__image { visibility: visible; }

.avatar--sm { width: 20px; height: 20px; }

.avatar--sm .avatar__icon:not(.avatar__icon--nested) { right: 1px; bottom: 3px; }

.avatar--sm .avatar__icon:not(.avatar__icon--nested) > *:first-child { font-size: 14px; }

.avatar--sm .avatar__icon:not(.avatar__icon--nested) > * ~ * { font-size: 9.8px; }

.avatar--sm .avatar__icon:not(.avatar__icon--nested) > * ~ *.avatar__icon--small { font-size: 5.46px; }

.avatar--sm .avatar__icon.avatar__icon--nested { right: -2px; bottom: 3px; }

.avatar--sm .avatar__icon.avatar__icon--nested > *:first-child { font-size: 25px; }

.avatar--sm .avatar__icon.avatar__icon--nested > * ~ * { font-size: 19.5px; }

.avatar--sm .avatar__icon.avatar__icon--nested > * ~ *.avatar__icon__inner { font-size: 9.75px; }

.avatar--sm .avatar__badge { right: 1px; top: 1px; }

.avatar--sm .avatar__badge .badge, .avatar--sm .avatar__badge .label { font-size: 9px; }

.avatar--md { width: 30px; height: 30px; }

.avatar--md .avatar__icon:not(.avatar__icon--nested) { right: -1px; bottom: 5px; }

.avatar--md .avatar__icon:not(.avatar__icon--nested) > *:first-child { font-size: 15px; }

.avatar--md .avatar__icon:not(.avatar__icon--nested) > * ~ * { font-size: 10.5px; }

.avatar--md .avatar__icon:not(.avatar__icon--nested) > * ~ *.avatar__icon--small { font-size: 5.4px; }

.avatar--md .avatar__icon.avatar__icon--nested { right: 1px; bottom: 5px; }

.avatar--md .avatar__icon.avatar__icon--nested > *:first-child { font-size: 25px; }

.avatar--md .avatar__icon.avatar__icon--nested > * ~ * { font-size: 19.5px; }

.avatar--md .avatar__icon.avatar__icon--nested > * ~ *.avatar__icon__inner { font-size: 9px; }

.avatar--md .avatar__badge { right: 2px; top: 3px; }

.avatar--lg { width: 60px; height: 60px; }

.avatar--lg .avatar__icon:not(.avatar__icon--nested) { right: 10px; bottom: 8px; }

.avatar--lg .avatar__icon:not(.avatar__icon--nested) > *:first-child { font-size: 15px; }

.avatar--lg .avatar__icon:not(.avatar__icon--nested) > * ~ * { font-size: 10.5px; }

.avatar--lg .avatar__icon:not(.avatar__icon--nested) > * ~ *.avatar__icon--small { font-size: 5.4px; }

.avatar--lg .avatar__icon.avatar__icon--nested { right: 10px; bottom: 8px; }

.avatar--lg .avatar__icon.avatar__icon--nested > *:first-child { font-size: 25px; }

.avatar--lg .avatar__icon.avatar__icon--nested > * ~ * { font-size: 19.5px; }

.avatar--lg .avatar__icon.avatar__icon--nested > * ~ *.avatar__icon__inner { font-size: 9px; }

.avatar--lg .avatar__badge { right: 10px; top: 5px; }

/* Avatar Variants Definitions */
.custom-card--color-100 { --card-color: #F8F9FA; }

.custom-card--color-200 { --card-color: #E9ECEF; }

.custom-card--color-300 { --card-color: #DEE2E6; }

.custom-card--color-400 { --card-color: #CED4DA; }

.custom-card--color-500 { --card-color: #ADB5BD; }

.custom-card--color-600 { --card-color: #868E96; }

.custom-card--color-700 { --card-color: #5D636D; }

.custom-card--color-800 { --card-color: #3F4651; }

.custom-card--color-900 { --card-color: #353C48; }

.custom-card--color-blue { --card-color: #1EB7FF; }

.custom-card--color-indigo { --card-color: #6610f2; }

.custom-card--color-purple { --card-color: #CA8EFF; }

.custom-card--color-pink { --card-color: #e83e8c; }

.custom-card--color-red { --card-color: #ED1C24; }

.custom-card--color-orange { --card-color: #F27212; }

.custom-card--color-yellow { --card-color: #F7BF47; }

.custom-card--color-green { --card-color: #1BB934; }

.custom-card--color-teal { --card-color: #20c997; }

.custom-card--color-cyan { --card-color: #33AE9A; }

.custom-card--color-white { --card-color: #FFF; }

.custom-card--color-gray { --card-color: #868E96; }

.custom-card--color-gray-dark { --card-color: #3F4651; }

.custom-card--color-facebook { --card-color: #3A5E95; }

.custom-card--color-twitter { --card-color: #60ADDB; }

.custom-card--color-lastfm { --card-color: #E01132; }

.custom-card--color-pinterest { --card-color: #BD0520; }

.custom-card--color-linkedin { --card-color: #057CB2; }

.custom-card--color-medium { --card-color: #5cb85c; }

.custom-card--color-skype { --card-color: #0AB2EF; }

.custom-card--color-foursquare { --card-color: #F84978; }

.custom-card--color-android { --card-color: #A6C843; }

.custom-card--color-spotify { --card-color: #2FD665; }

.custom-card--color-paypal { --card-color: #2A9AD7; }

.custom-card--color-dribble { --card-color: #F16898; }

.custom-card--color-youtube { --card-color: #ED1922; }

.custom-card--color-windows { --card-color: #10BFF2; }

.custom-card--color-amazon { --card-color: #FEA320; }

.custom-card--color-black-01 { --card-color: rgba(31, 45, 61, 0.1); }

.custom-card--color-black-02 { --card-color: rgba(31, 45, 61, 0.2); }

.custom-card--color-black-03 { --card-color: rgba(31, 45, 61, 0.3); }

.custom-card--color-black-04 { --card-color: rgba(31, 45, 61, 0.4); }

.custom-card--color-black-05 { --card-color: rgba(31, 45, 61, 0.5); }

.custom-card--color-black-06 { --card-color: rgba(31, 45, 61, 0.6); }

.custom-card--color-black-07 { --card-color: rgba(31, 45, 61, 0.7); }

.custom-card--color-black-08 { --card-color: rgba(31, 45, 61, 0.8); }

.custom-card--color-black-09 { --card-color: rgba(31, 45, 61, 0.9); }

.custom-card--color-white-01 { --card-color: rgba(255, 255, 255, 0.1); }

.custom-card--color-white-02 { --card-color: rgba(255, 255, 255, 0.2); }

.custom-card--color-white-03 { --card-color: rgba(255, 255, 255, 0.3); }

.custom-card--color-white-04 { --card-color: rgba(255, 255, 255, 0.4); }

.custom-card--color-white-05 { --card-color: rgba(255, 255, 255, 0.5); }

.custom-card--color-white-06 { --card-color: rgba(255, 255, 255, 0.6); }

.custom-card--color-white-07 { --card-color: rgba(255, 255, 255, 0.7); }

.custom-card--color-white-08 { --card-color: rgba(255, 255, 255, 0.8); }

.custom-card--color-white-09 { --card-color: rgba(255, 255, 255, 0.9); }

.custom-card--color-primary-01 { --card-color: rgba(30, 183, 255, 0.1); }

.custom-card--color-primary-02 { --card-color: rgba(30, 183, 255, 0.2); }

.custom-card--color-primary-03 { --card-color: rgba(30, 183, 255, 0.3); }

.custom-card--color-primary-04 { --card-color: rgba(30, 183, 255, 0.4); }

.custom-card--color-primary-05 { --card-color: rgba(30, 183, 255, 0.5); }

.custom-card--color-primary-06 { --card-color: rgba(30, 183, 255, 0.6); }

.custom-card--color-primary-07 { --card-color: rgba(30, 183, 255, 0.7); }

.custom-card--color-primary-08 { --card-color: rgba(30, 183, 255, 0.8); }

.custom-card--color-primary-09 { --card-color: rgba(30, 183, 255, 0.9); }

.custom-card--color-info-01 { --card-color: rgba(51, 174, 154, 0.1); }

.custom-card--color-info-02 { --card-color: rgba(51, 174, 154, 0.2); }

.custom-card--color-info-03 { --card-color: rgba(51, 174, 154, 0.3); }

.custom-card--color-info-04 { --card-color: rgba(51, 174, 154, 0.4); }

.custom-card--color-info-05 { --card-color: rgba(51, 174, 154, 0.5); }

.custom-card--color-info-06 { --card-color: rgba(51, 174, 154, 0.6); }

.custom-card--color-info-07 { --card-color: rgba(51, 174, 154, 0.7); }

.custom-card--color-info-08 { --card-color: rgba(51, 174, 154, 0.8); }

.custom-card--color-info-09 { --card-color: rgba(51, 174, 154, 0.9); }

.custom-card--color-success-01 { --card-color: rgba(27, 185, 52, 0.1); }

.custom-card--color-success-02 { --card-color: rgba(27, 185, 52, 0.2); }

.custom-card--color-success-03 { --card-color: rgba(27, 185, 52, 0.3); }

.custom-card--color-success-04 { --card-color: rgba(27, 185, 52, 0.4); }

.custom-card--color-success-05 { --card-color: rgba(27, 185, 52, 0.5); }

.custom-card--color-success-06 { --card-color: rgba(27, 185, 52, 0.6); }

.custom-card--color-success-07 { --card-color: rgba(27, 185, 52, 0.7); }

.custom-card--color-success-08 { --card-color: rgba(27, 185, 52, 0.8); }

.custom-card--color-success-09 { --card-color: rgba(27, 185, 52, 0.9); }

.custom-card--color-warning-01 { --card-color: rgba(242, 114, 18, 0.1); }

.custom-card--color-warning-02 { --card-color: rgba(242, 114, 18, 0.2); }

.custom-card--color-warning-03 { --card-color: rgba(242, 114, 18, 0.3); }

.custom-card--color-warning-04 { --card-color: rgba(242, 114, 18, 0.4); }

.custom-card--color-warning-05 { --card-color: rgba(242, 114, 18, 0.5); }

.custom-card--color-warning-06 { --card-color: rgba(242, 114, 18, 0.6); }

.custom-card--color-warning-07 { --card-color: rgba(242, 114, 18, 0.7); }

.custom-card--color-warning-08 { --card-color: rgba(242, 114, 18, 0.8); }

.custom-card--color-warning-09 { --card-color: rgba(242, 114, 18, 0.9); }

.custom-card--color-danger-01 { --card-color: rgba(237, 28, 36, 0.1); }

.custom-card--color-danger-02 { --card-color: rgba(237, 28, 36, 0.2); }

.custom-card--color-danger-03 { --card-color: rgba(237, 28, 36, 0.3); }

.custom-card--color-danger-04 { --card-color: rgba(237, 28, 36, 0.4); }

.custom-card--color-danger-05 { --card-color: rgba(237, 28, 36, 0.5); }

.custom-card--color-danger-06 { --card-color: rgba(237, 28, 36, 0.6); }

.custom-card--color-danger-07 { --card-color: rgba(237, 28, 36, 0.7); }

.custom-card--color-danger-08 { --card-color: rgba(237, 28, 36, 0.8); }

.custom-card--color-danger-09 { --card-color: rgba(237, 28, 36, 0.9); }

.custom-card--color-yellow-01 { --card-color: rgba(247, 191, 71, 0.1); }

.custom-card--color-yellow-02 { --card-color: rgba(247, 191, 71, 0.2); }

.custom-card--color-yellow-03 { --card-color: rgba(247, 191, 71, 0.3); }

.custom-card--color-yellow-04 { --card-color: rgba(247, 191, 71, 0.4); }

.custom-card--color-yellow-05 { --card-color: rgba(247, 191, 71, 0.5); }

.custom-card--color-yellow-06 { --card-color: rgba(247, 191, 71, 0.6); }

.custom-card--color-yellow-07 { --card-color: rgba(247, 191, 71, 0.7); }

.custom-card--color-yellow-08 { --card-color: rgba(247, 191, 71, 0.8); }

.custom-card--color-yellow-09 { --card-color: rgba(247, 191, 71, 0.9); }

.custom-card--color-secondary-01 { --card-color: rgba(134, 142, 150, 0.1); }

.custom-card--color-secondary-02 { --card-color: rgba(134, 142, 150, 0.2); }

.custom-card--color-secondary-03 { --card-color: rgba(134, 142, 150, 0.3); }

.custom-card--color-secondary-04 { --card-color: rgba(134, 142, 150, 0.4); }

.custom-card--color-secondary-05 { --card-color: rgba(134, 142, 150, 0.5); }

.custom-card--color-secondary-06 { --card-color: rgba(134, 142, 150, 0.6); }

.custom-card--color-secondary-07 { --card-color: rgba(134, 142, 150, 0.7); }

.custom-card--color-secondary-08 { --card-color: rgba(134, 142, 150, 0.8); }

.custom-card--color-secondary-09 { --card-color: rgba(134, 142, 150, 0.9); }

.custom-card--color-dark-01 { --card-color: rgba(63, 70, 81, 0.1); }

.custom-card--color-dark-02 { --card-color: rgba(63, 70, 81, 0.2); }

.custom-card--color-dark-03 { --card-color: rgba(63, 70, 81, 0.3); }

.custom-card--color-dark-04 { --card-color: rgba(63, 70, 81, 0.4); }

.custom-card--color-dark-05 { --card-color: rgba(63, 70, 81, 0.5); }

.custom-card--color-dark-06 { --card-color: rgba(63, 70, 81, 0.6); }

.custom-card--color-dark-07 { --card-color: rgba(63, 70, 81, 0.7); }

.custom-card--color-dark-08 { --card-color: rgba(63, 70, 81, 0.8); }

.custom-card--color-dark-09 { --card-color: rgba(63, 70, 81, 0.9); }

.custom-card--color-light-01 { --card-color: rgba(248, 249, 250, 0.1); }

.custom-card--color-light-02 { --card-color: rgba(248, 249, 250, 0.2); }

.custom-card--color-light-03 { --card-color: rgba(248, 249, 250, 0.3); }

.custom-card--color-light-04 { --card-color: rgba(248, 249, 250, 0.4); }

.custom-card--color-light-05 { --card-color: rgba(248, 249, 250, 0.5); }

.custom-card--color-light-06 { --card-color: rgba(248, 249, 250, 0.6); }

.custom-card--color-light-07 { --card-color: rgba(248, 249, 250, 0.7); }

.custom-card--color-light-08 { --card-color: rgba(248, 249, 250, 0.8); }

.custom-card--color-light-09 { --card-color: rgba(248, 249, 250, 0.9); }

.custom-card--color-purple-01 { --card-color: rgba(202, 142, 255, 0.1); }

.custom-card--color-purple-02 { --card-color: rgba(202, 142, 255, 0.2); }

.custom-card--color-purple-03 { --card-color: rgba(202, 142, 255, 0.3); }

.custom-card--color-purple-04 { --card-color: rgba(202, 142, 255, 0.4); }

.custom-card--color-purple-05 { --card-color: rgba(202, 142, 255, 0.5); }

.custom-card--color-purple-06 { --card-color: rgba(202, 142, 255, 0.6); }

.custom-card--color-purple-07 { --card-color: rgba(202, 142, 255, 0.7); }

.custom-card--color-purple-08 { --card-color: rgba(202, 142, 255, 0.8); }

.custom-card--color-purple-09 { --card-color: rgba(202, 142, 255, 0.9); }

.custom-card--color-primary { --card-color: #1EB7FF; }

.custom-card--color-secondary { --card-color: #868E96; }

.custom-card--color-success { --card-color: #1BB934; }

.custom-card--color-info { --card-color: #33AE9A; }

.custom-card--color-warning { --card-color: #F27212; }

.custom-card--color-danger { --card-color: #ED1C24; }

.custom-card--color-light { --card-color: #F8F9FA; }

.custom-card--color-dark { --card-color: #3F4651; }

.custom-card-header--background { color: #FFF; background-color: var(--card-color); }

.custom-card-header--border { border-bottom: 2px solid var(--card-color); background: none; }

.custom-card--border-dash, .custom-card--border-dot, .custom-card--border { border-color: var(--card-color); }

.custom-card--side-border--left { border-left-width: 2px; border-left-color: var(--card-color); }

.custom-card--side-border--right { border-right-width: 2px; border-right-color: var(--card-color); }

.custom-card--side-border--top { border-top-width: 2px; border-top-color: var(--card-color); }

.custom-card--side-border--bottom { border-bottom-width: 2px; border-bottom-color: var(--card-color); }

.custom-card--background { color: #FFF; background-color: var(--card-color); }

.custom-card--border-dash { border-style: dashed; border-width: 2px; border-color: #CED4DA; }

.custom-card--border-dot { border-style: dotted; border-width: 2px; border-color: #CED4DA; }

.custom-card--shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(31, 45, 61, 0.075); }

.custom-card--shadow { box-shadow: 0 0.5rem 1rem rgba(31, 45, 61, 0.15); }

.custom-card--shadow-lg { box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.175); }

.custom-card--none { border: none; background: none; }

/* Avatar Variants Definitions */
.hr-text { display: flex; align-items: center; }

.hr-text:before, .hr-text:after { flex: 1 1 auto; border-top: 1px solid #DEE2E6; }

.hr-text:after { content: " "; }

.hr-text > *:first-child { padding-left: 0; padding-right: 1rem; text-align: left; color: #8493A5; }

.hr-text.hr-text-center:before { content: " "; }

.hr-text.hr-text-center > *:first-child { text-align: center; padding-left: 1rem; }

.hr-text.hr-text-right:before { content: " "; }

.hr-text.hr-text-right:after { content: none; }

.hr-text.hr-text-right > *:first-child { text-align: right; padding-left: 1rem; padding-right: 0; }

.icon-with-badge { position: relative; display: inline-block; }

.icon-with-badge .icon-with-badge__badge { position: absolute; right: -8px; top: -4px; padding: 2px 5px; line-height: 12px; }

/* Avatar Variants Definitions */
.layout { display: flex; min-height: 100vh; }

.layout__navbar { position: sticky; top: 0; left: 250px; right: 0; z-index: 1030; background: #F9FAFC; /* noscript fallback */ }

@media (max-width: 991.98px) { .layout__navbar { left: 0; background: #FFF; border-bottom: 1px solid #CED4DA; } }

.layout__navbar + .layout__navbar { top: 56px; }

.layout__navbar .navbar { z-index: 2; }

.layout__navbar .navbar + .navbar { z-index: 1; }

.layout__sidebar { flex: 0 0 auto; height: 100vh; width: 250px; }

@media (min-width: 992px) { .layout__sidebar--slim { width: 60px; } .layout__sidebar--slim ~ .layout__wrap .layout__navbar { left: 60px; } .layout__sidebar--collapsed { width: 0; } .layout__sidebar--collapsed ~ .layout__wrap .layout__navbar { left: 0; } }

@media (max-width: 991.98px) { .layout__sidebar { width: 0; } }

.layout__content { padding: 1.5rem; }

@media (max-width: 991.98px) { .layout__content { padding: 0.5rem; } }

.layout__wrap { flex: 1 1 auto; width: 100%; }

.layout--only-navbar .layout__navbar { background: #FFF; border-bottom: 1px solid #CED4DA; }

/* Avatar Variants Definitions */
.sidebar { position: fixed; top: 0; border-right: 1px solid #DEE2E6; box-shadow: 0 0.125rem 0.25rem rgba(31, 45, 61, 0.035); left: 0; bottom: 0; z-index: 1031; display: flex; width: 250px; flex-direction: column; background: #FFF; }

.sidebar__section { flex: 0 0 auto; padding: 1.5rem; }

.sidebar__section--fluid { flex: 1 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }

.sidebar__section--fluid::-webkit-scrollbar { display: none; width: 0.25rem; }

.sidebar__section--fluid::-webkit-scrollbar-track { background-color: #F8F9FA; }

.sidebar__section--fluid::-webkit-scrollbar-thumb { background-color: #DEE2E6; }

.sidebar__section--cover { padding: 0; }

.sidebar__close { display: none; }

.sidebar__close > a { color: #DEE2E6; }

.sidebar__close > a:hover { color: #ADB5BD; }

.sidebar__brand { color: #1EB7FF; }

.sidebar__brand:hover { color: #1EB7FF; }

.sidebar__link { color: #1EB7FF; }

.sidebar__link:hover { color: #1EB7FF; text-decoration: none; }

.sidebar__link:active, .sidebar__link:focus { text-decoration: none; }

.sidebar__link--muted { color: #5D636D; }

.sidebar__show-slim { display: none; }

.sidebar__mobile-fluid { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; }

@media (max-width: 991.98px) { .sidebar__mobile-fluid { overflow-y: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .sidebar__mobile-fluid::-webkit-scrollbar { display: none; width: 0.25rem; } .sidebar__mobile-fluid::-webkit-scrollbar-track { background-color: #F8F9FA; } .sidebar__mobile-fluid::-webkit-scrollbar-thumb { background-color: #DEE2E6; } .sidebar__mobile-fluid .sidebar__section--fluid { flex: 1 0 auto; overflow-y: initial; -webkit-overflow-scrolling: unset; } }

@media (min-width: 992px) { .sidebar--slim.sidebar--collapsed { width: 60px; } .sidebar--slim.sidebar--collapsed .sidebar__section:not(.sidebar__section--cover) { padding: 1rem; text-align: center; } .sidebar--slim.sidebar--collapsed .sidebar__show-slim { display: block; } .sidebar--slim.sidebar--collapsed .sidebar__hide-slim { display: none; } .sidebar--slim.sidebar--collapsed .sidebar__section--fluid { overflow-y: visible; } .sidebar.sidebar--collapsed:not(.sidebar--slim) { display: none; } }

@media (max-width: 991.98px) { .sidebar { position: fixed; top: 0; bottom: 0; left: 0; right: auto; touch-action: none; transform: translateZ(0); transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1); } .sidebar--collapsed { transform: translateZ(0) translateX(-100%); } .sidebar--animations-disabled { transition: none; } .sidebar__close { position: absolute; top: 1rem; right: 1rem; display: block; } .sidebar:not(.sidebar--collapsed) { box-shadow: 0px 0px 1rem 0px rgba(31, 45, 61, 0.15); } }

/* Avatar Variants Definitions */
.sidebar-menu { list-style-type: none; padding: 0; }

.sidebar-menu__entry.active:not(.open) > .sidebar-menu__entry__link { background-color: transparent; color: #1F2D3D; }

.sidebar-menu__entry__link { display: flex; align-items: center; color: #8493A5; padding-top: 0.5rem; padding-right: 1.5rem; padding-bottom: 0.5rem; padding-left: calc(1.5rem + 0px); }

.sidebar-menu__entry__link > i:first-child { margin-right: 0.5rem; flex: 0 0 auto; }

.sidebar-menu__entry__link > span:not(.badge) { flex: 1 1 auto; }

.sidebar-menu__entry__link:hover { text-decoration: none; background-color: transparent; color: #1F2D3D; }

.sidebar-menu__entry--nested .sidebar-menu__entry__link::after { flex: 0 0 auto; margin-left: 0.5rem; width: 1.28571em; text-align: center; font-family: FontAwesome; content: "\f104"; }

.sidebar-menu__entry--nested .sidebar-menu__entry__link:hover::after { color: #1F2D3D; }

.sidebar-menu__entry--nested.open .sidebar-menu__entry__link::after { content: "\f107"; }

.sidebar-menu__entry--no-caret .sidebar-menu__entry__link::after { content: none !important; }

.sidebar-submenu { padding: 0; list-style-type: none; height: 0; overflow: hidden; }

.sidebar-submenu__entry.active:not(.open) > .sidebar-submenu__entry__link { background-color: transparent; color: #1F2D3D; }

.sidebar-submenu__entry--nested > .sidebar-submenu__entry__link::after { flex: 0 0 auto; margin-left: 0.5rem; width: 1.28571em; text-align: center; font-family: FontAwesome; content: "\f104"; }

.sidebar-submenu__entry--nested.open > .sidebar-submenu__entry__link::after { content: "\f107"; }

.sidebar-submenu__entry__link { display: flex; padding-top: 0.5rem; padding-right: 1.5rem; padding-bottom: 0.5rem; padding-left: calc(2.5rem + 1rem); color: #8493A5; }

.sidebar-submenu__entry__link > span { flex: 1 1 auto; }

.sidebar-submenu__entry__link:hover { text-decoration: none; background-color: transparent; color: #1F2D3D; }

.open.sidebar-menu__entry--nested > .sidebar-submenu__entry__link::after { content: "\f107"; }

.open > .sidebar-submenu { height: auto; }

.sidebar-submenu .sidebar-submenu .sidebar-submenu__entry__link { padding-top: 0.5rem; padding-right: 1.5rem; padding-bottom: 0.5rem; padding-left: calc(2.5rem + 2rem); font-size: 12px; }

/* ------ Slim Sidebar ---------- */
@media (min-width: 992px) { .sidebar--collapsed .sidebar-menu--slim .sidebar-menu__entry--nested { position: relative; } .sidebar--collapsed .sidebar-menu--slim .sidebar-menu__entry--nested .sidebar-menu__entry__link::after { content: none; } .sidebar--collapsed .sidebar-menu--slim .sidebar-menu__entry--nested > .sidebar-submenu { display: none; position: absolute; left: calc(100% - 3px); top: 0; right: auto; bottom: auto; min-width: 250px; background: #FFF; border: 1px solid #DEE2E6; padding-top: 0.5rem; padding-bottom: 0.5rem; border-radius: 5px; box-shadow: none; } .sidebar--collapsed .sidebar-menu--slim .sidebar-menu__entry--nested > .sidebar-submenu .sidebar-submenu__entry__link { padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-left: calc(1.5rem + 0.5rem); } .sidebar--collapsed .sidebar-menu--slim .sidebar-menu__entry--nested > .sidebar-submenu .sidebar-submenu__entry__link:hover { text-decoration: none; } .sidebar--collapsed .sidebar-menu--slim .sidebar-menu__entry--nested > .sidebar-submenu > .sidebar-submenu__entry > .sidebar-submenu__entry__link { padding-left: 1rem; } .sidebar--collapsed .sidebar-menu--slim .sidebar-menu__entry--nested:hover > .sidebar-submenu { display: block; height: auto; } .sidebar--collapsed .sidebar-menu--slim .sidebar-menu__entry__link { justify-content: center; padding-top: 1rem; padding-bottom: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; } .sidebar--collapsed .sidebar-menu--slim .sidebar-menu__entry__link > span { display: none; } .sidebar--collapsed .sidebar-menu--slim .sidebar-menu__entry__link > i:first-child { margin-right: 0; } .sidebar--collapsed .sidebar-menu--slim .sidebar-menu__entry:hover .sidebar-menu__entry__link { text-decoration: none; } }

/* Avatar Variants Definitions */
.navbar.navbar-shadow { box-shadow: 0px -4px 10px 2px rgba(206, 212, 218, 0.5); border-bottom: 1px solid #DEE2E6; }

.navbar-toggler.nav-link { font-size: 0.875rem; }

.navbar .navbar-nav.nav-pills .nav-link { padding: 0.5rem 1rem; }

.navbar .nav-link { outline: none !important; }

/** Adding this class to the Navbar will allow to have a collapsesd menu with additional UNCOLLAPSABLE elements after. This will push the collapse container to be the last in the navbar. */
.navbar-multi-collapse.navbar-expand-sm .navbar-collapse { align-self: stretch; }

@media (max-width: 575.98px) { .navbar-multi-collapse.navbar-expand-sm .navbar-collapse-wrap { display: flex; } .navbar-multi-collapse.navbar-expand-sm .navbar-collapse { order: 999; } }

.navbar-multi-collapse.navbar-expand-md .navbar-collapse { align-self: stretch; }

@media (max-width: 767.98px) { .navbar-multi-collapse.navbar-expand-md .navbar-collapse-wrap { display: flex; } .navbar-multi-collapse.navbar-expand-md .navbar-collapse { order: 999; } }

.navbar-multi-collapse.navbar-expand-lg .navbar-collapse { align-self: stretch; }

@media (max-width: 991.98px) { .navbar-multi-collapse.navbar-expand-lg .navbar-collapse-wrap { display: flex; } .navbar-multi-collapse.navbar-expand-lg .navbar-collapse { order: 999; } }

.navbar-multi-collapse.navbar-expand-xl .navbar-collapse { align-self: stretch; }

@media (max-width: 1199.98px) { .navbar-multi-collapse.navbar-expand-xl .navbar-collapse-wrap { display: flex; } .navbar-multi-collapse.navbar-expand-xl .navbar-collapse { order: 999; } }

/** Nav Accent  ================================= */
.navbar-nav.nav-accent { align-self: stretch; margin-top: -0.5rem; margin-bottom: -0.5rem; }

.navbar-nav.nav-accent .nav-item { display: flex; align-self: stretch; }

.navbar-nav.nav-accent .nav-item .nav-link { display: flex; align-self: stretch; align-items: center; margin-left: 1px; margin-right: 1px; padding: 1rem; }

@media (max-width: 575.98px) { .navbar-expand-sm .nav-accent { align-self: center; margin: 0; } .navbar-expand-sm .nav-accent .nav-item { display: block; } .navbar-expand-sm .nav-accent .nav-item .nav-link { display: block; margin: 0; padding: 0.5rem 1rem; } .navbar-expand-sm .nav-accent .nav-item .nav-link.active, .navbar-expand-sm .nav-accent .nav-item .nav-link:hover { box-shadow: none; } .navbar-expand-sm .nav-accent .nav-item .nav-link.active { background-color: #E9ECEF; color: #1F2D3D; } .navbar-expand-sm .nav-accent .dropdown-menu { background: none; border: none; } .navbar-expand-sm .nav-accent .nav-item .nav-link, .navbar-expand-sm .nav-accent .dropdown-menu .dropdown-item { border-radius: 0.25rem; } .navbar-expand-sm .nav-accent .dropdown.show > .nav-link { box-shadow: none; } .navbar-expand-sm.navbar-light .nav-accent .dropdown-menu .dropdown-item { color: #8493A5; box-shadow: none; } .navbar-expand-sm.navbar-light .nav-accent .dropdown-menu .dropdown-item.active { color: #1F2D3D; } .navbar-expand-sm.navbar-light .nav-accent .nav-item .nav-link:hover { box-shadow: none; } .navbar-expand-sm.navbar-light .nav-accent .dropdown.show > .nav-link { color: #1F2D3D; } .navbar-expand-sm.navbar-dark .nav-accent .dropdown-menu .dropdown-item { color: rgba(255, 255, 255, 0.5); box-shadow: none; } .navbar-expand-sm.navbar-dark .nav-accent .dropdown-menu .dropdown-item.active { color: #1F2D3D; } .navbar-expand-sm.navbar-dark .nav-accent .dropdown-menu .dropdown-item:hover { box-shadow: none; } .navbar-expand-sm.navbar-dark .nav-accent .nav-item .nav-link:hover { box-shadow: none; } .navbar-expand-sm.navbar-dark .nav-accent .dropdown.show > .nav-link { color: rgba(255, 255, 255, 0.75); } }

@media (max-width: 767.98px) { .navbar-expand-md .nav-accent { align-self: center; margin: 0; } .navbar-expand-md .nav-accent .nav-item { display: block; } .navbar-expand-md .nav-accent .nav-item .nav-link { display: block; margin: 0; padding: 0.5rem 1rem; } .navbar-expand-md .nav-accent .nav-item .nav-link.active, .navbar-expand-md .nav-accent .nav-item .nav-link:hover { box-shadow: none; } .navbar-expand-md .nav-accent .nav-item .nav-link.active { background-color: #E9ECEF; color: #1F2D3D; } .navbar-expand-md .nav-accent .dropdown-menu { background: none; border: none; } .navbar-expand-md .nav-accent .nav-item .nav-link, .navbar-expand-md .nav-accent .dropdown-menu .dropdown-item { border-radius: 0.25rem; } .navbar-expand-md .nav-accent .dropdown.show > .nav-link { box-shadow: none; } .navbar-expand-md.navbar-light .nav-accent .dropdown-menu .dropdown-item { color: #8493A5; box-shadow: none; } .navbar-expand-md.navbar-light .nav-accent .dropdown-menu .dropdown-item.active { color: #1F2D3D; } .navbar-expand-md.navbar-light .nav-accent .nav-item .nav-link:hover { box-shadow: none; } .navbar-expand-md.navbar-light .nav-accent .dropdown.show > .nav-link { color: #1F2D3D; } .navbar-expand-md.navbar-dark .nav-accent .dropdown-menu .dropdown-item { color: rgba(255, 255, 255, 0.5); box-shadow: none; } .navbar-expand-md.navbar-dark .nav-accent .dropdown-menu .dropdown-item.active { color: #1F2D3D; } .navbar-expand-md.navbar-dark .nav-accent .dropdown-menu .dropdown-item:hover { box-shadow: none; } .navbar-expand-md.navbar-dark .nav-accent .nav-item .nav-link:hover { box-shadow: none; } .navbar-expand-md.navbar-dark .nav-accent .dropdown.show > .nav-link { color: rgba(255, 255, 255, 0.75); } }

@media (max-width: 991.98px) { .navbar-expand-lg .nav-accent { align-self: center; margin: 0; } .navbar-expand-lg .nav-accent .nav-item { display: block; } .navbar-expand-lg .nav-accent .nav-item .nav-link { display: block; margin: 0; padding: 0.5rem 1rem; } .navbar-expand-lg .nav-accent .nav-item .nav-link.active, .navbar-expand-lg .nav-accent .nav-item .nav-link:hover { box-shadow: none; } .navbar-expand-lg .nav-accent .nav-item .nav-link.active { background-color: #E9ECEF; color: #1F2D3D; } .navbar-expand-lg .nav-accent .dropdown-menu { background: none; border: none; } .navbar-expand-lg .nav-accent .nav-item .nav-link, .navbar-expand-lg .nav-accent .dropdown-menu .dropdown-item { border-radius: 0.25rem; } .navbar-expand-lg .nav-accent .dropdown.show > .nav-link { box-shadow: none; } .navbar-expand-lg.navbar-light .nav-accent .dropdown-menu .dropdown-item { color: #8493A5; box-shadow: none; } .navbar-expand-lg.navbar-light .nav-accent .dropdown-menu .dropdown-item.active { color: #1F2D3D; } .navbar-expand-lg.navbar-light .nav-accent .nav-item .nav-link:hover { box-shadow: none; } .navbar-expand-lg.navbar-light .nav-accent .dropdown.show > .nav-link { color: #1F2D3D; } .navbar-expand-lg.navbar-dark .nav-accent .dropdown-menu .dropdown-item { color: rgba(255, 255, 255, 0.5); box-shadow: none; } .navbar-expand-lg.navbar-dark .nav-accent .dropdown-menu .dropdown-item.active { color: #1F2D3D; } .navbar-expand-lg.navbar-dark .nav-accent .dropdown-menu .dropdown-item:hover { box-shadow: none; } .navbar-expand-lg.navbar-dark .nav-accent .nav-item .nav-link:hover { box-shadow: none; } .navbar-expand-lg.navbar-dark .nav-accent .dropdown.show > .nav-link { color: rgba(255, 255, 255, 0.75); } }

@media (max-width: 1199.98px) { .navbar-expand-xl .nav-accent { align-self: center; margin: 0; } .navbar-expand-xl .nav-accent .nav-item { display: block; } .navbar-expand-xl .nav-accent .nav-item .nav-link { display: block; margin: 0; padding: 0.5rem 1rem; } .navbar-expand-xl .nav-accent .nav-item .nav-link.active, .navbar-expand-xl .nav-accent .nav-item .nav-link:hover { box-shadow: none; } .navbar-expand-xl .nav-accent .nav-item .nav-link.active { background-color: #E9ECEF; color: #1F2D3D; } .navbar-expand-xl .nav-accent .dropdown-menu { background: none; border: none; } .navbar-expand-xl .nav-accent .nav-item .nav-link, .navbar-expand-xl .nav-accent .dropdown-menu .dropdown-item { border-radius: 0.25rem; } .navbar-expand-xl .nav-accent .dropdown.show > .nav-link { box-shadow: none; } .navbar-expand-xl.navbar-light .nav-accent .dropdown-menu .dropdown-item { color: #8493A5; box-shadow: none; } .navbar-expand-xl.navbar-light .nav-accent .dropdown-menu .dropdown-item.active { color: #1F2D3D; } .navbar-expand-xl.navbar-light .nav-accent .nav-item .nav-link:hover { box-shadow: none; } .navbar-expand-xl.navbar-light .nav-accent .dropdown.show > .nav-link { color: #1F2D3D; } .navbar-expand-xl.navbar-dark .nav-accent .dropdown-menu .dropdown-item { color: rgba(255, 255, 255, 0.5); box-shadow: none; } .navbar-expand-xl.navbar-dark .nav-accent .dropdown-menu .dropdown-item.active { color: #1F2D3D; } .navbar-expand-xl.navbar-dark .nav-accent .dropdown-menu .dropdown-item:hover { box-shadow: none; } .navbar-expand-xl.navbar-dark .nav-accent .nav-item .nav-link:hover { box-shadow: none; } .navbar-expand-xl.navbar-dark .nav-accent .dropdown.show > .nav-link { color: rgba(255, 255, 255, 0.75); } }

.navbar-expand .nav-accent { align-self: center; margin: 0; }

.navbar-expand .nav-accent .nav-item { display: block; }

.navbar-expand .nav-accent .nav-item .nav-link { display: block; margin: 0; padding: 0.5rem 1rem; }

.navbar-expand .nav-accent .nav-item .nav-link.active, .navbar-expand .nav-accent .nav-item .nav-link:hover { box-shadow: none; }

.navbar-expand .nav-accent .nav-item .nav-link.active { background-color: #E9ECEF; color: #1F2D3D; }

.navbar-expand .nav-accent .dropdown-menu { background: none; border: none; }

.navbar-expand .nav-accent .nav-item .nav-link, .navbar-expand .nav-accent .dropdown-menu .dropdown-item { border-radius: 0.25rem; }

.navbar-expand .nav-accent .dropdown.show > .nav-link { box-shadow: none; }

.navbar-expand.navbar-light .nav-accent .dropdown-menu .dropdown-item { color: #8493A5; box-shadow: none; }

.navbar-expand.navbar-light .nav-accent .dropdown-menu .dropdown-item.active { color: #1F2D3D; }

.navbar-expand.navbar-light .nav-accent .nav-item .nav-link:hover { box-shadow: none; }

.navbar-expand.navbar-light .nav-accent .dropdown.show > .nav-link { color: #1F2D3D; }

.navbar-expand.navbar-dark .nav-accent .dropdown-menu .dropdown-item { color: rgba(255, 255, 255, 0.5); box-shadow: none; }

.navbar-expand.navbar-dark .nav-accent .dropdown-menu .dropdown-item.active { color: #1F2D3D; }

.navbar-expand.navbar-dark .nav-accent .dropdown-menu .dropdown-item:hover { box-shadow: none; }

.navbar-expand.navbar-dark .nav-accent .nav-item .nav-link:hover { box-shadow: none; }

.navbar-expand.navbar-dark .nav-accent .dropdown.show > .nav-link { color: rgba(255, 255, 255, 0.75); }

.navbar-light .nav-accent .nav-item .nav-link:hover { box-shadow: inset 0px -3px 0px 0px #f8fafc; }

.navbar-light .nav-accent .dropdown.show > .nav-link { box-shadow: inset 0px -3px 0px 0px #f8fafc; color: #1F2D3D; }

.navbar-dark .nav-accent .nav-item .nav-link:hover { box-shadow: inset 0px -3px 0px 0px rgba(153, 153, 153, 0.75); }

.navbar-dark .nav-accent .dropdown.show > .nav-link { box-shadow: inset 0px -3px 0px 0px rgba(153, 153, 153, 0.75); color: #FFF; }

.navbar-light .nav-accent .nav-item .nav-link.active, .navbar-dark .nav-accent .nav-item .nav-link.active { box-shadow: inset 0px -3px 0px 0px #1EB7FF; }

/** Nav Pills =================================== */
.navbar .nav.nav-pills .dropdown.show > .nav-link { color: #fff; }

.navbar.navbar-dark .nav.nav-pills .nav-link { color: rgba(255, 255, 255, 0.5); }

.navbar.navbar-dark .nav.nav-pills .nav-link.active { color: #fff; }

.navbar.navbar-light .nav.nav-pills .nav-link { color: #8493A5; }

.navbar.navbar-light .nav.nav-pills .nav-link.active { color: #fff; }

@media (max-width: 575.98px) { .navbar.navbar-expand-sm .nav-pills .dropdown-item.active, .navbar.navbar-expand-sm .nav-pills .nav-link.active { background-color: #E9ECEF; color: #1F2D3D; border-radius: 0.25rem; box-shadow: none; } .navbar.navbar-expand-sm .nav-pills .dropdown-item, .navbar.navbar-expand-sm .nav-pills .dropdown-item:hover, .navbar.navbar-expand-sm .nav-pills .dropdown-item:focus { background: none; } .navbar.navbar-expand-sm .nav-pills .nested-dropdown__submenu-item--open > .dropdown-item, .navbar.navbar-expand-sm .nav-pills .dropdown.show > .nav-link { background: none; } .navbar.navbar-expand-sm .nav-pills .nested-dropdown__submenu-item--open .dropdown-menu, .navbar.navbar-expand-sm .nav-pills .dropdown-menu.show { background: none; border: none; } .navbar.navbar-expand-sm.navbar-light .nav-pills .nested-dropdown__submenu-item--open > .dropdown-item, .navbar.navbar-expand-sm.navbar-light .nav-pills .dropdown.show > .nav-link { color: #1F2D3D; } .navbar.navbar-expand-sm.navbar-light .nav-pills .dropdown-item { color: #8493A5; } .navbar.navbar-expand-sm.navbar-light .nav-pills .dropdown-item.active { color: #1F2D3D; } .navbar.navbar-expand-sm.navbar-dark .nav-pills .nested-dropdown__submenu-item--open > .dropdown-item, .navbar.navbar-expand-sm.navbar-dark .nav-pills .dropdown.show > .nav-link { color: rgba(255, 255, 255, 0.75); } .navbar.navbar-expand-sm.navbar-dark .nav-pills .dropdown-item { color: rgba(255, 255, 255, 0.5); } .navbar.navbar-expand-sm.navbar-dark .nav-pills .dropdown-item.active { color: #1F2D3D; } }

@media (max-width: 767.98px) { .navbar.navbar-expand-md .nav-pills .dropdown-item.active, .navbar.navbar-expand-md .nav-pills .nav-link.active { background-color: #E9ECEF; color: #1F2D3D; border-radius: 0.25rem; box-shadow: none; } .navbar.navbar-expand-md .nav-pills .dropdown-item, .navbar.navbar-expand-md .nav-pills .dropdown-item:hover, .navbar.navbar-expand-md .nav-pills .dropdown-item:focus { background: none; } .navbar.navbar-expand-md .nav-pills .nested-dropdown__submenu-item--open > .dropdown-item, .navbar.navbar-expand-md .nav-pills .dropdown.show > .nav-link { background: none; } .navbar.navbar-expand-md .nav-pills .nested-dropdown__submenu-item--open .dropdown-menu, .navbar.navbar-expand-md .nav-pills .dropdown-menu.show { background: none; border: none; } .navbar.navbar-expand-md.navbar-light .nav-pills .nested-dropdown__submenu-item--open > .dropdown-item, .navbar.navbar-expand-md.navbar-light .nav-pills .dropdown.show > .nav-link { color: #1F2D3D; } .navbar.navbar-expand-md.navbar-light .nav-pills .dropdown-item { color: #8493A5; } .navbar.navbar-expand-md.navbar-light .nav-pills .dropdown-item.active { color: #1F2D3D; } .navbar.navbar-expand-md.navbar-dark .nav-pills .nested-dropdown__submenu-item--open > .dropdown-item, .navbar.navbar-expand-md.navbar-dark .nav-pills .dropdown.show > .nav-link { color: rgba(255, 255, 255, 0.75); } .navbar.navbar-expand-md.navbar-dark .nav-pills .dropdown-item { color: rgba(255, 255, 255, 0.5); } .navbar.navbar-expand-md.navbar-dark .nav-pills .dropdown-item.active { color: #1F2D3D; } }

@media (max-width: 991.98px) { .navbar.navbar-expand-lg .nav-pills .dropdown-item.active, .navbar.navbar-expand-lg .nav-pills .nav-link.active { background-color: #E9ECEF; color: #1F2D3D; border-radius: 0.25rem; box-shadow: none; } .navbar.navbar-expand-lg .nav-pills .dropdown-item, .navbar.navbar-expand-lg .nav-pills .dropdown-item:hover, .navbar.navbar-expand-lg .nav-pills .dropdown-item:focus { background: none; } .navbar.navbar-expand-lg .nav-pills .nested-dropdown__submenu-item--open > .dropdown-item, .navbar.navbar-expand-lg .nav-pills .dropdown.show > .nav-link { background: none; } .navbar.navbar-expand-lg .nav-pills .nested-dropdown__submenu-item--open .dropdown-menu, .navbar.navbar-expand-lg .nav-pills .dropdown-menu.show { background: none; border: none; } .navbar.navbar-expand-lg.navbar-light .nav-pills .nested-dropdown__submenu-item--open > .dropdown-item, .navbar.navbar-expand-lg.navbar-light .nav-pills .dropdown.show > .nav-link { color: #1F2D3D; } .navbar.navbar-expand-lg.navbar-light .nav-pills .dropdown-item { color: #8493A5; } .navbar.navbar-expand-lg.navbar-light .nav-pills .dropdown-item.active { color: #1F2D3D; } .navbar.navbar-expand-lg.navbar-dark .nav-pills .nested-dropdown__submenu-item--open > .dropdown-item, .navbar.navbar-expand-lg.navbar-dark .nav-pills .dropdown.show > .nav-link { color: rgba(255, 255, 255, 0.75); } .navbar.navbar-expand-lg.navbar-dark .nav-pills .dropdown-item { color: rgba(255, 255, 255, 0.5); } .navbar.navbar-expand-lg.navbar-dark .nav-pills .dropdown-item.active { color: #1F2D3D; } }

@media (max-width: 1199.98px) { .navbar.navbar-expand-xl .nav-pills .dropdown-item.active, .navbar.navbar-expand-xl .nav-pills .nav-link.active { background-color: #E9ECEF; color: #1F2D3D; border-radius: 0.25rem; box-shadow: none; } .navbar.navbar-expand-xl .nav-pills .dropdown-item, .navbar.navbar-expand-xl .nav-pills .dropdown-item:hover, .navbar.navbar-expand-xl .nav-pills .dropdown-item:focus { background: none; } .navbar.navbar-expand-xl .nav-pills .nested-dropdown__submenu-item--open > .dropdown-item, .navbar.navbar-expand-xl .nav-pills .dropdown.show > .nav-link { background: none; } .navbar.navbar-expand-xl .nav-pills .nested-dropdown__submenu-item--open .dropdown-menu, .navbar.navbar-expand-xl .nav-pills .dropdown-menu.show { background: none; border: none; } .navbar.navbar-expand-xl.navbar-light .nav-pills .nested-dropdown__submenu-item--open > .dropdown-item, .navbar.navbar-expand-xl.navbar-light .nav-pills .dropdown.show > .nav-link { color: #1F2D3D; } .navbar.navbar-expand-xl.navbar-light .nav-pills .dropdown-item { color: #8493A5; } .navbar.navbar-expand-xl.navbar-light .nav-pills .dropdown-item.active { color: #1F2D3D; } .navbar.navbar-expand-xl.navbar-dark .nav-pills .nested-dropdown__submenu-item--open > .dropdown-item, .navbar.navbar-expand-xl.navbar-dark .nav-pills .dropdown.show > .nav-link { color: rgba(255, 255, 255, 0.75); } .navbar.navbar-expand-xl.navbar-dark .nav-pills .dropdown-item { color: rgba(255, 255, 255, 0.5); } .navbar.navbar-expand-xl.navbar-dark .nav-pills .dropdown-item.active { color: #1F2D3D; } }

.navbar.navbar-expand .nav-pills .dropdown-item.active, .navbar.navbar-expand .nav-pills .nav-link.active { background-color: #E9ECEF; color: #1F2D3D; border-radius: 0.25rem; box-shadow: none; }

.navbar.navbar-expand .nav-pills .dropdown-item, .navbar.navbar-expand .nav-pills .dropdown-item:hover, .navbar.navbar-expand .nav-pills .dropdown-item:focus { background: none; }

.navbar.navbar-expand .nav-pills .nested-dropdown__submenu-item--open > .dropdown-item, .navbar.navbar-expand .nav-pills .dropdown.show > .nav-link { background: none; }

.navbar.navbar-expand .nav-pills .nested-dropdown__submenu-item--open .dropdown-menu, .navbar.navbar-expand .nav-pills .dropdown-menu.show { background: none; border: none; }

.navbar.navbar-expand.navbar-light .nav-pills .nested-dropdown__submenu-item--open > .dropdown-item, .navbar.navbar-expand.navbar-light .nav-pills .dropdown.show > .nav-link { color: #1F2D3D; }

.navbar.navbar-expand.navbar-light .nav-pills .dropdown-item { color: #8493A5; }

.navbar.navbar-expand.navbar-light .nav-pills .dropdown-item.active { color: #1F2D3D; }

.navbar.navbar-expand.navbar-dark .nav-pills .nested-dropdown__submenu-item--open > .dropdown-item, .navbar.navbar-expand.navbar-dark .nav-pills .dropdown.show > .nav-link { color: rgba(255, 255, 255, 0.75); }

.navbar.navbar-expand.navbar-dark .nav-pills .dropdown-item { color: rgba(255, 255, 255, 0.5); }

.navbar.navbar-expand.navbar-dark .nav-pills .dropdown-item.active { color: #1F2D3D; }

/* Avatar Variants Definitions */
/** background, border, border-slim-submenu, theme-color, brand-color, text-color, text-color-muted, link-color, link-color-hover, link-color-muted, scroll-rail-color, scroll-thumb-color, navbar-background, navbar-brand, navbar-menu-item-bg, navbar-menu-item-color, menu-background-color, menu-text-color, menu-icon-color, menu-arrow-color (OPTIONAL) menu-slim-backgroud-color, menu-slim-text-color, menu-slim-icon-color, menu-slim-arrow-color menu-background-color-hover, menu-text-color-hover, menu-icon-color-hover, menu-arrow-color-hover (OPTIONAL) menu-slim-background-color-hover, menu-slim-text-color-hover, menu-slim-icon-color-hover, menu-slim-arrow-color-hover menu-background-color-active, menu-text-color-active, menu-icon-color-active, menu-arrow-color-active (OPTIONAL) menu-slim-background-color-active, menu-slim-text-color-active, menu-slim-icon-color-active, menu-slim-arrow-color-active */
/** All of the variables from apply-sidebar-theme and additional menu-accent-color, (OPTIONAL) menu-accent-color-hover menu-accent-color-active */
/** Theme Colors */
/** DARK Theme */
[class*="layout--theme--dark--"], [class*="sidebar-dark-"] { --theme-sidebar-background: #3F4651; --theme-sidebar-border: none; --theme-sidebar-border-slim-submenu: 1px solid rgba(255, 255, 255, 0.2); --theme-sidebar-close-color: #FFF; --theme-sidebar-text-color: #FFF; --theme-sidebar-text-color-muted: #868E96; --theme-sidebar-link-color: #FFF; --theme-sidebar-link-color-hover: white; --theme-sidebar-link-color-muted: #868E96; --theme-sidebar-scroll-rail-color: transparent; --theme-sidebar-scroll-thumb-color: transparent; --theme-menu-background-color: transparent; --theme-menu-text-color: #868E96; --theme-menu-icon-color: #868E96; --theme-menu-slim-icon-color: #868E96; --theme-menu-arrow-color: #868E96; --theme-menu-background-color-hover: transparent; --theme-menu-slim-background-color-hover: transparent; --theme-menu-text-color-hover: #FFF; --theme-menu-slim-text-color-hover: #FFF; --theme-menu-icon-color-hover: #FFF; --theme-menu-slim-icon-color-hover: #FFF; --theme-menu-arrow-color-hover: #FFF; --theme-menu-background-color-active: transparent; --theme-menu-slim-background-color-active: transparent; --theme-menu-text-color-active: #FFF; --theme-menu-slim-text-color-active: #FFF; --theme-menu-icon-color-active: #FFF; --theme-menu-slim-icon-color-active: #FFF; --theme-menu-arrow-color-active: #FFF; }

[class*="layout--theme--dark--"], [class*="navbar-dark-"] { --theme-navbar-background: #3F4651; --theme-navbar-between-border-color: #3F4651; --theme-navbar-menu-item-color: #868E96; --theme-navbar-menu-item-hover-color: #FFF; --theme-navbar-menu-item-active-background: rgba(0, 0, 0, 0.1); --theme-navbar-menu-item-active-color: #FFF; --theme-navbar-menu-item-accent-hover-color: #868E96; --theme-navbar-dropdown-active-color: #FFF; }

.layout--theme--dark--primary, .theme-dark-primary { --theme-theme-color: #1EB7FF; }

.layout--theme--dark--primary, .sidebar-dark-primary { --theme-sidebar-brand-color: #1EB7FF; --theme-menu-accent-color: #1EB7FF; --theme-menu-accent-color-hover: #1EB7FF; }

.layout--theme--dark--primary, .navbar-dark-primary { --theme-navbar-brand-color: #1EB7FF; --theme-navbar-menu-item-accent-color: #1EB7FF; --theme-navbar-dropdown-active-background: #1EB7FF; }

.layout--theme--dark--success, .theme-dark-success { --theme-theme-color: #1BB934; }

.layout--theme--dark--success, .sidebar-dark-success { --theme-sidebar-brand-color: #1BB934; --theme-menu-accent-color: #1BB934; --theme-menu-accent-color-hover: #1BB934; }

.layout--theme--dark--success, .navbar-dark-success { --theme-navbar-brand-color: #1BB934; --theme-navbar-menu-item-accent-color: #1BB934; --theme-navbar-dropdown-active-background: #1BB934; }

.layout--theme--dark--info, .theme-dark-info { --theme-theme-color: #33AE9A; }

.layout--theme--dark--info, .sidebar-dark-info { --theme-sidebar-brand-color: #33AE9A; --theme-menu-accent-color: #33AE9A; --theme-menu-accent-color-hover: #33AE9A; }

.layout--theme--dark--info, .navbar-dark-info { --theme-navbar-brand-color: #33AE9A; --theme-navbar-menu-item-accent-color: #33AE9A; --theme-navbar-dropdown-active-background: #33AE9A; }

.layout--theme--dark--danger, .theme-dark-danger { --theme-theme-color: #ED1C24; }

.layout--theme--dark--danger, .sidebar-dark-danger { --theme-sidebar-brand-color: #ED1C24; --theme-menu-accent-color: #ED1C24; --theme-menu-accent-color-hover: #ED1C24; }

.layout--theme--dark--danger, .navbar-dark-danger { --theme-navbar-brand-color: #ED1C24; --theme-navbar-menu-item-accent-color: #ED1C24; --theme-navbar-dropdown-active-background: #ED1C24; }

.layout--theme--dark--warning, .theme-dark-warning { --theme-theme-color: #F27212; }

.layout--theme--dark--warning, .sidebar-dark-warning { --theme-sidebar-brand-color: #F27212; --theme-menu-accent-color: #F27212; --theme-menu-accent-color-hover: #F27212; }

.layout--theme--dark--warning, .navbar-dark-warning { --theme-navbar-brand-color: #F27212; --theme-navbar-menu-item-accent-color: #F27212; --theme-navbar-dropdown-active-background: #F27212; }

.layout--theme--dark--indigo, .theme-dark-indigo { --theme-theme-color: #6610f2; }

.layout--theme--dark--indigo, .sidebar-dark-indigo { --theme-sidebar-brand-color: #6610f2; --theme-menu-accent-color: #6610f2; --theme-menu-accent-color-hover: #6610f2; }

.layout--theme--dark--indigo, .navbar-dark-indigo { --theme-navbar-brand-color: #6610f2; --theme-navbar-menu-item-accent-color: #6610f2; --theme-navbar-dropdown-active-background: #6610f2; }

.layout--theme--dark--purple, .theme-dark-purple { --theme-theme-color: #CA8EFF; }

.layout--theme--dark--purple, .sidebar-dark-purple { --theme-sidebar-brand-color: #CA8EFF; --theme-menu-accent-color: #CA8EFF; --theme-menu-accent-color-hover: #CA8EFF; }

.layout--theme--dark--purple, .navbar-dark-purple { --theme-navbar-brand-color: #CA8EFF; --theme-navbar-menu-item-accent-color: #CA8EFF; --theme-navbar-dropdown-active-background: #CA8EFF; }

.layout--theme--dark--pink, .theme-dark-pink { --theme-theme-color: #e83e8c; }

.layout--theme--dark--pink, .sidebar-dark-pink { --theme-sidebar-brand-color: #e83e8c; --theme-menu-accent-color: #e83e8c; --theme-menu-accent-color-hover: #e83e8c; }

.layout--theme--dark--pink, .navbar-dark-pink { --theme-navbar-brand-color: #e83e8c; --theme-navbar-menu-item-accent-color: #e83e8c; --theme-navbar-dropdown-active-background: #e83e8c; }

.layout--theme--dark--yellow, .theme-dark-yellow { --theme-theme-color: #F7BF47; }

.layout--theme--dark--yellow, .sidebar-dark-yellow { --theme-sidebar-brand-color: #F7BF47; --theme-menu-accent-color: #F7BF47; --theme-menu-accent-color-hover: #F7BF47; }

.layout--theme--dark--yellow, .navbar-dark-yellow { --theme-navbar-brand-color: #F7BF47; --theme-navbar-menu-item-accent-color: #F7BF47; --theme-navbar-dropdown-active-background: #F7BF47; }

/** LIGHT Theme */
[class*="layout--theme--light--"], [class*="sidebar-light-"] { --theme-sidebar-background: #FFF; --theme-sidebar-border: 1px solid #DEE2E6; --theme-sidebar-border-slim-submenu: 1px solid #DEE2E6; --theme-sidebar-close-color: #8493A5; --theme-sidebar-text-color: #1F2D3D; --theme-sidebar-text-color-muted: #8493A5; --theme-sidebar-link-color: #1F2D3D; --theme-sidebar-link-color-hover: #30465f; --theme-sidebar-link-color-muted: #8493A5; --theme-sidebar-scroll-rail-color: transparent; --theme-sidebar-scroll-thumb-color: transparent; --theme-menu-background-color: transparent; --theme-menu-text-color: #8493A5; --theme-menu-icon-color: #CED4DA; --theme-menu-slim-icon-color: #8493A5; --theme-menu-arrow-color: #CED4DA; --theme-menu-background-color-hover: transparent; --theme-menu-slim-background-color-hover: transparent; --theme-menu-text-color-hover: #1F2D3D; --theme-menu-slim-text-color-hover: #1F2D3D; --theme-menu-icon-color-hover: #1F2D3D; --theme-menu-slim-icon-color-hover: #1F2D3D; --theme-menu-arrow-color-hover: #1F2D3D; --theme-menu-background-color-active: transparent; --theme-menu-slim-background-color-active: transparent; --theme-menu-text-color-active: #1F2D3D; --theme-menu-slim-text-color-active: #1F2D3D; --theme-menu-icon-color-active: #1F2D3D; --theme-menu-slim-icon-color-active: #1F2D3D; --theme-menu-arrow-color-active: #1F2D3D; }

[class*="layout--theme--light--"], [class*="navbar-light-"] { --theme-navbar-background: #FFF; --theme-navbar-between-border-color: #E9ECEF; --theme-navbar-menu-item-color: #8493A5; --theme-navbar-menu-item-hover-color: #1F2D3D; --theme-navbar-menu-item-active-background: rgba(0, 0, 0, 0.05); --theme-navbar-menu-item-active-color: #1F2D3D; --theme-navbar-menu-item-accent-hover-color: #1F2D3D; --theme-navbar-dropdown-active-color: #FFF; }

.layout--theme--light--primary, .theme-light-primary { --theme-theme-color: #1EB7FF; }

.layout--theme--light--primary, .sidebar-light-primary { --theme-sidebar-brand-color: #1EB7FF; --theme-menu-accent-color: #1EB7FF; --theme-menu-accent-color-hover: #1EB7FF; }

.layout--theme--light--primary, .navbar-light-primary { --theme-navbar-brand-color: #1EB7FF; --theme-navbar-menu-item-accent-color: #1EB7FF; --theme-navbar-dropdown-active-background: #1EB7FF; }

.layout--theme--light--success, .theme-light-success { --theme-theme-color: #1BB934; }

.layout--theme--light--success, .sidebar-light-success { --theme-sidebar-brand-color: #1BB934; --theme-menu-accent-color: #1BB934; --theme-menu-accent-color-hover: #1BB934; }

.layout--theme--light--success, .navbar-light-success { --theme-navbar-brand-color: #1BB934; --theme-navbar-menu-item-accent-color: #1BB934; --theme-navbar-dropdown-active-background: #1BB934; }

.layout--theme--light--info, .theme-light-info { --theme-theme-color: #33AE9A; }

.layout--theme--light--info, .sidebar-light-info { --theme-sidebar-brand-color: #33AE9A; --theme-menu-accent-color: #33AE9A; --theme-menu-accent-color-hover: #33AE9A; }

.layout--theme--light--info, .navbar-light-info { --theme-navbar-brand-color: #33AE9A; --theme-navbar-menu-item-accent-color: #33AE9A; --theme-navbar-dropdown-active-background: #33AE9A; }

.layout--theme--light--danger, .theme-light-danger { --theme-theme-color: #ED1C24; }

.layout--theme--light--danger, .sidebar-light-danger { --theme-sidebar-brand-color: #ED1C24; --theme-menu-accent-color: #ED1C24; --theme-menu-accent-color-hover: #ED1C24; }

.layout--theme--light--danger, .navbar-light-danger { --theme-navbar-brand-color: #ED1C24; --theme-navbar-menu-item-accent-color: #ED1C24; --theme-navbar-dropdown-active-background: #ED1C24; }

.layout--theme--light--warning, .theme-light-warning { --theme-theme-color: #F27212; }

.layout--theme--light--warning, .sidebar-light-warning { --theme-sidebar-brand-color: #F27212; --theme-menu-accent-color: #F27212; --theme-menu-accent-color-hover: #F27212; }

.layout--theme--light--warning, .navbar-light-warning { --theme-navbar-brand-color: #F27212; --theme-navbar-menu-item-accent-color: #F27212; --theme-navbar-dropdown-active-background: #F27212; }

.layout--theme--light--indigo, .theme-light-indigo { --theme-theme-color: #6610f2; }

.layout--theme--light--indigo, .sidebar-light-indigo { --theme-sidebar-brand-color: #6610f2; --theme-menu-accent-color: #6610f2; --theme-menu-accent-color-hover: #6610f2; }

.layout--theme--light--indigo, .navbar-light-indigo { --theme-navbar-brand-color: #6610f2; --theme-navbar-menu-item-accent-color: #6610f2; --theme-navbar-dropdown-active-background: #6610f2; }

.layout--theme--light--purple, .theme-light-purple { --theme-theme-color: #CA8EFF; }

.layout--theme--light--purple, .sidebar-light-purple { --theme-sidebar-brand-color: #CA8EFF; --theme-menu-accent-color: #CA8EFF; --theme-menu-accent-color-hover: #CA8EFF; }

.layout--theme--light--purple, .navbar-light-purple { --theme-navbar-brand-color: #CA8EFF; --theme-navbar-menu-item-accent-color: #CA8EFF; --theme-navbar-dropdown-active-background: #CA8EFF; }

.layout--theme--light--pink, .theme-light-pink { --theme-theme-color: #e83e8c; }

.layout--theme--light--pink, .sidebar-light-pink { --theme-sidebar-brand-color: #e83e8c; --theme-menu-accent-color: #e83e8c; --theme-menu-accent-color-hover: #e83e8c; }

.layout--theme--light--pink, .navbar-light-pink { --theme-navbar-brand-color: #e83e8c; --theme-navbar-menu-item-accent-color: #e83e8c; --theme-navbar-dropdown-active-background: #e83e8c; }

.layout--theme--light--yellow, .theme-light-yellow { --theme-theme-color: #F7BF47; }

.layout--theme--light--yellow, .sidebar-light-yellow { --theme-sidebar-brand-color: #F7BF47; --theme-menu-accent-color: #F7BF47; --theme-menu-accent-color-hover: #F7BF47; }

.layout--theme--light--yellow, .navbar-light-yellow { --theme-navbar-brand-color: #F7BF47; --theme-navbar-menu-item-accent-color: #F7BF47; --theme-navbar-dropdown-active-background: #F7BF47; }

/** COLOR Theme */
[class*="layout--theme--color--"], [class*="sidebar-color-"] { --theme-sidebar-border: none; --theme-sidebar-border-slim-submenu: 1px solid rgba(255, 255, 255, 0.5); --theme-sidebar-brand-color: #FFF; --theme-sidebar-close-color: rgba(255, 255, 255, 0.7); --theme-sidebar-text-color: #FFF; --theme-sidebar-text-color-muted: rgba(255, 255, 255, 0.7); --theme-sidebar-link-color: #FFF; --theme-sidebar-link-color-hover: rgba(255, 255, 255, 0.9); --theme-sidebar-link-color-muted: rgba(255, 255, 255, 0.7); --theme-sidebar-scroll-rail-color: transparent; --theme-sidebar-scroll-thumb-color: transparent; --theme-menu-accent-color: #FFF; --theme-menu-accent-color-hover: #FFF; --theme-menu-background-color: transparent; --theme-menu-text-color: rgba(255, 255, 255, 0.7); --theme-menu-icon-color: rgba(255, 255, 255, 0.7); --theme-menu-slim-icon-color: rgba(255, 255, 255, 0.7); --theme-menu-arrow-color: rgba(255, 255, 255, 0.7); --theme-menu-background-color-hover: transparent; --theme-menu-slim-background-color-hover: transparent; --theme-menu-text-color-hover: #FFF; --theme-menu-slim-text-color-hover: #FFF; --theme-menu-icon-color-hover: #FFF; --theme-menu-slim-icon-color-hover: #FFF; --theme-menu-arrow-color-hover: #FFF; --theme-menu-background-color-active: transparent; --theme-menu-slim-background-color-active: transparent; --theme-menu-text-color-active: #FFF; --theme-menu-slim-text-color-active: #FFF; --theme-menu-icon-color-active: #FFF; --theme-menu-slim-icon-color-active: #FFF; --theme-menu-arrow-color-active: #FFF; }

[class*="layout--theme--color--"], [class*="navbar-color-"] { --theme-navbar-brand-color: #FFF; --theme-navbar-menu-item-color: rgba(255, 255, 255, 0.8); --theme-navbar-menu-item-hover-color: #FFF; --theme-navbar-menu-item-active-background: rgba(31, 45, 61, 0.1); --theme-navbar-menu-item-active-color: #FFF; --theme-navbar-menu-item-accent-color: #FFF; --theme-navbar-menu-item-accent-hover-color: rgba(255, 255, 255, 0.5); --theme-navbar-dropdown-active-color: #FFF; }

.layout--theme--color--primary { --theme-theme-color: #1EB7FF; --theme-navbar-background: #1EB7FF; --theme-navbar-between-border-color: #1EB7FF; --theme-navbar-dropdown-active-background: #1EB7FF; --theme-sidebar-background: #1EB7FF; }

.layout--theme--color--primary .layout__navbar .navbar-themed .icon-with-badge .icon-with-badge__badge { background-color: #66ceff !important; }

.layout--theme--color--primary .layout__sidebar .sidebar .badge { background-color: rgba(255, 255, 255, 0.5); }

.theme-color-primary { --theme-theme-color: #1EB7FF; }

.navbar-color-primary { --theme-theme-color: #1EB7FF; --theme-navbar-background: #1EB7FF; --theme-navbar-between-border-color: #1EB7FF; --theme-navbar-dropdown-active-background: #1EB7FF; }

.navbar-color-primary.navbar .icon-with-badge .icon-with-badge__badge, .navbar-color-primary .navbar.navbar-themed .icon-with-badge .icon-with-badge__badge { background-color: #66ceff !important; }

.sidebar-color-key { --theme-theme-color: #1EB7FF; --theme-sidebar-background: #1EB7FF; }

.sidebar-color-key .badge { background-color: rgba(255, 255, 255, 0.4); }

.layout--theme--color--success { --theme-theme-color: #1BB934; --theme-navbar-background: #1BB934; --theme-navbar-between-border-color: #1BB934; --theme-navbar-dropdown-active-background: #1BB934; --theme-sidebar-background: #1BB934; }

.layout--theme--color--success .layout__navbar .navbar-themed .icon-with-badge .icon-with-badge__badge { background-color: #79ec8c !important; }

.layout--theme--color--success .layout__sidebar .sidebar .badge { background-color: rgba(255, 255, 255, 0.5); }

.theme-color-success { --theme-theme-color: #1BB934; }

.navbar-color-success { --theme-theme-color: #1BB934; --theme-navbar-background: #1BB934; --theme-navbar-between-border-color: #1BB934; --theme-navbar-dropdown-active-background: #1BB934; }

.navbar-color-success.navbar .icon-with-badge .icon-with-badge__badge, .navbar-color-success .navbar.navbar-themed .icon-with-badge .icon-with-badge__badge { background-color: #79ec8c !important; }

.sidebar-color-key { --theme-theme-color: #1BB934; --theme-sidebar-background: #1BB934; }

.sidebar-color-key .badge { background-color: rgba(255, 255, 255, 0.4); }

.layout--theme--color--info { --theme-theme-color: #33AE9A; --theme-navbar-background: #33AE9A; --theme-navbar-between-border-color: #33AE9A; --theme-navbar-dropdown-active-background: #33AE9A; --theme-sidebar-background: #33AE9A; }

.layout--theme--color--info .layout__navbar .navbar-themed .icon-with-badge .icon-with-badge__badge { background-color: #89dccf !important; }

.layout--theme--color--info .layout__sidebar .sidebar .badge { background-color: rgba(255, 255, 255, 0.5); }

.theme-color-info { --theme-theme-color: #33AE9A; }

.navbar-color-info { --theme-theme-color: #33AE9A; --theme-navbar-background: #33AE9A; --theme-navbar-between-border-color: #33AE9A; --theme-navbar-dropdown-active-background: #33AE9A; }

.navbar-color-info.navbar .icon-with-badge .icon-with-badge__badge, .navbar-color-info .navbar.navbar-themed .icon-with-badge .icon-with-badge__badge { background-color: #89dccf !important; }

.sidebar-color-key { --theme-theme-color: #33AE9A; --theme-sidebar-background: #33AE9A; }

.sidebar-color-key .badge { background-color: rgba(255, 255, 255, 0.4); }

.layout--theme--color--danger { --theme-theme-color: #ED1C24; --theme-navbar-background: #ED1C24; --theme-navbar-between-border-color: #ED1C24; --theme-navbar-dropdown-active-background: #ED1C24; --theme-sidebar-background: #ED1C24; }

.layout--theme--color--danger .layout__navbar .navbar-themed .icon-with-badge .icon-with-badge__badge { background-color: #f47176 !important; }

.layout--theme--color--danger .layout__sidebar .sidebar .badge { background-color: rgba(255, 255, 255, 0.5); }

.theme-color-danger { --theme-theme-color: #ED1C24; }

.navbar-color-danger { --theme-theme-color: #ED1C24; --theme-navbar-background: #ED1C24; --theme-navbar-between-border-color: #ED1C24; --theme-navbar-dropdown-active-background: #ED1C24; }

.navbar-color-danger.navbar .icon-with-badge .icon-with-badge__badge, .navbar-color-danger .navbar.navbar-themed .icon-with-badge .icon-with-badge__badge { background-color: #f47176 !important; }

.sidebar-color-key { --theme-theme-color: #ED1C24; --theme-sidebar-background: #ED1C24; }

.sidebar-color-key .badge { background-color: rgba(255, 255, 255, 0.4); }

.layout--theme--color--warning { --theme-theme-color: #F27212; --theme-navbar-background: #F27212; --theme-navbar-between-border-color: #F27212; --theme-navbar-dropdown-active-background: #F27212; --theme-sidebar-background: #F27212; }

.layout--theme--color--warning .layout__navbar .navbar-themed .icon-with-badge .icon-with-badge__badge { background-color: #f7a96e !important; }

.layout--theme--color--warning .layout__sidebar .sidebar .badge { background-color: rgba(255, 255, 255, 0.5); }

.theme-color-warning { --theme-theme-color: #F27212; }

.navbar-color-warning { --theme-theme-color: #F27212; --theme-navbar-background: #F27212; --theme-navbar-between-border-color: #F27212; --theme-navbar-dropdown-active-background: #F27212; }

.navbar-color-warning.navbar .icon-with-badge .icon-with-badge__badge, .navbar-color-warning .navbar.navbar-themed .icon-with-badge .icon-with-badge__badge { background-color: #f7a96e !important; }

.sidebar-color-key { --theme-theme-color: #F27212; --theme-sidebar-background: #F27212; }

.sidebar-color-key .badge { background-color: rgba(255, 255, 255, 0.4); }

.layout--theme--color--indigo { --theme-theme-color: #6610f2; --theme-navbar-background: #6610f2; --theme-navbar-between-border-color: #6610f2; --theme-navbar-dropdown-active-background: #6610f2; --theme-sidebar-background: #6610f2; }

.layout--theme--color--indigo .layout__navbar .navbar-themed .icon-with-badge .icon-with-badge__badge { background-color: #a26ef7 !important; }

.layout--theme--color--indigo .layout__sidebar .sidebar .badge { background-color: rgba(255, 255, 255, 0.5); }

.theme-color-indigo { --theme-theme-color: #6610f2; }

.navbar-color-indigo { --theme-theme-color: #6610f2; --theme-navbar-background: #6610f2; --theme-navbar-between-border-color: #6610f2; --theme-navbar-dropdown-active-background: #6610f2; }

.navbar-color-indigo.navbar .icon-with-badge .icon-with-badge__badge, .navbar-color-indigo .navbar.navbar-themed .icon-with-badge .icon-with-badge__badge { background-color: #a26ef7 !important; }

.sidebar-color-key { --theme-theme-color: #6610f2; --theme-sidebar-background: #6610f2; }

.sidebar-color-key .badge { background-color: rgba(255, 255, 255, 0.4); }

.layout--theme--color--purple { --theme-theme-color: #CA8EFF; --theme-navbar-background: #CA8EFF; --theme-navbar-between-border-color: #CA8EFF; --theme-navbar-dropdown-active-background: #CA8EFF; --theme-sidebar-background: #CA8EFF; }

.layout--theme--color--purple .layout__navbar .navbar-themed .icon-with-badge .icon-with-badge__badge { background-color: #b766ff !important; }

.layout--theme--color--purple .layout__sidebar .sidebar .badge { background-color: rgba(255, 255, 255, 0.5); }

.theme-color-purple { --theme-theme-color: #CA8EFF; }

.navbar-color-purple { --theme-theme-color: #CA8EFF; --theme-navbar-background: #CA8EFF; --theme-navbar-between-border-color: #CA8EFF; --theme-navbar-dropdown-active-background: #CA8EFF; }

.navbar-color-purple.navbar .icon-with-badge .icon-with-badge__badge, .navbar-color-purple .navbar.navbar-themed .icon-with-badge .icon-with-badge__badge { background-color: #b766ff !important; }

.sidebar-color-key { --theme-theme-color: #CA8EFF; --theme-sidebar-background: #CA8EFF; }

.sidebar-color-key .badge { background-color: rgba(255, 255, 255, 0.4); }

.layout--theme--color--pink { --theme-theme-color: #e83e8c; --theme-navbar-background: #e83e8c; --theme-navbar-between-border-color: #e83e8c; --theme-navbar-dropdown-active-background: #e83e8c; --theme-sidebar-background: #e83e8c; }

.layout--theme--color--pink .layout__navbar .navbar-themed .icon-with-badge .icon-with-badge__badge { background-color: #ef76ae !important; }

.layout--theme--color--pink .layout__sidebar .sidebar .badge { background-color: rgba(255, 255, 255, 0.5); }

.theme-color-pink { --theme-theme-color: #e83e8c; }

.navbar-color-pink { --theme-theme-color: #e83e8c; --theme-navbar-background: #e83e8c; --theme-navbar-between-border-color: #e83e8c; --theme-navbar-dropdown-active-background: #e83e8c; }

.navbar-color-pink.navbar .icon-with-badge .icon-with-badge__badge, .navbar-color-pink .navbar.navbar-themed .icon-with-badge .icon-with-badge__badge { background-color: #ef76ae !important; }

.sidebar-color-key { --theme-theme-color: #e83e8c; --theme-sidebar-background: #e83e8c; }

.sidebar-color-key .badge { background-color: rgba(255, 255, 255, 0.4); }

.layout--theme--color--yellow { --theme-theme-color: #F7BF47; --theme-navbar-background: #F7BF47; --theme-navbar-between-border-color: #F7BF47; --theme-navbar-dropdown-active-background: #F7BF47; --theme-sidebar-background: #F7BF47; }

.layout--theme--color--yellow .layout__navbar .navbar-themed .icon-with-badge .icon-with-badge__badge { background-color: #f9cc6c !important; }

.layout--theme--color--yellow .layout__sidebar .sidebar .badge { background-color: rgba(255, 255, 255, 0.5); }

.theme-color-yellow { --theme-theme-color: #F7BF47; }

.navbar-color-yellow { --theme-theme-color: #F7BF47; --theme-navbar-background: #F7BF47; --theme-navbar-between-border-color: #F7BF47; --theme-navbar-dropdown-active-background: #F7BF47; }

.navbar-color-yellow.navbar .icon-with-badge .icon-with-badge__badge, .navbar-color-yellow .navbar.navbar-themed .icon-with-badge .icon-with-badge__badge { background-color: #f9cc6c !important; }

.sidebar-color-key { --theme-theme-color: #F7BF47; --theme-sidebar-background: #F7BF47; }

.sidebar-color-key .badge { background-color: rgba(255, 255, 255, 0.4); }

/* Theme Helpers */
.text-theme { color: var(--theme-theme-color) !important; }

.bg-theme { background-color: var(--theme-theme-color) !important; }

.badge-theme { background-color: var(--theme-theme-color); color: #fff; }

.navbar-brand { color: var(--theme-theme-color); }

.navbar-brand > a { color: var(--theme-theme-color); }

/* Navbar Styling */
.navbar-themed { background-color: var(--theme-navbar-background); /* General Navbar Elements ============= */ /* NavAccent Menu Theming */ /* NavPills Menu Theming =============== */ }

.navbar-themed .nav-item > .avatar-image .avatar__icon--stack > .fa-circle:first-child, .navbar-themed .nav-item > .avatar-font .avatar__icon--stack > .fa-circle:first-child, .navbar-themed .nav-link > .avatar-image .avatar__icon--stack > .fa-circle:first-child, .navbar-themed .nav-link > .avatar-font .avatar__icon--stack > .fa-circle:first-child { color: var(--theme-navbar-background) !important; }

.navbar-themed + nav { border-top: 1px solid var(--theme-navbar-between-border-color, var(--theme-navbar-background)); }

.navbar-themed .navbar-brand { color: var(--theme-navbar-brand-color); }

.navbar-themed .navbar-toggler { color: var(--theme-navbar-menu-item-color); }

.navbar-themed .nav .nav-link, .navbar-themed .navbar-nav .nav-link { color: var(--theme-navbar-menu-item-color); }

.navbar-themed .nav .nav-link:hover, .navbar-themed .navbar-nav .nav-link:hover { color: var(--theme-navbar-menu-item-hover-color); }

.navbar-themed .nav .nav-link.active, .navbar-themed .navbar-nav .nav-link.active { color: var(--theme-navbar-menu-item-active-color); background: none; font-weight: 500; }

.navbar-themed .nav .nav-link.active:hover, .navbar-themed .navbar-nav .nav-link.active:hover { color: var(--theme-navbar-menu-item-active-color); }

.navbar-themed .nav-accent .nav-item .nav-link:hover { box-shadow: inset 0px -3px 0px 0px var(--theme-navbar-menu-item-accent-hover-color); }

.navbar-themed .nav-accent .nav-item .nav-link.active { box-shadow: inset 0px -3px 0px 0px var(--theme-navbar-menu-item-accent-color); }

.navbar-themed .nav-accent .dropdown.show > .nav-link { box-shadow: inset 0px -3px 0px 0px var(--theme-navbar-menu-item-accent-hover-color); color: var(--theme-navbar-menu-item-active-color); }

.navbar-themed .nav-accent .dropdown-menu .dropdown-item:active, .navbar-themed .nav-accent .dropdown-menu .dropdown-item.active { background-color: var(--theme-navbar-dropdown-active-background); color: var(--theme-navbar-dropdown-active-color); }

@media (max-width: 575.98px) { .navbar-themed.navbar-expand-sm .nav.nav-accent .dropdown-item.active, .navbar-themed.navbar-expand-sm .nav.nav-accent .nav-link.active { background-color: var(--theme-navbar-menu-item-active-background); color: var(--theme-navbar-menu-item-active-color); box-shadow: none; } .navbar-themed.navbar-expand-sm .nav.nav-accent .nav-link, .navbar-themed.navbar-expand-sm .nav.nav-accent .nav-link:hover, .navbar-themed.navbar-expand-sm .nav.nav-accent .nav-link:focus, .navbar-themed.navbar-expand-sm .nav.nav-accent .dropdown-item, .navbar-themed.navbar-expand-sm .nav.nav-accent .dropdown-item:hover, .navbar-themed.navbar-expand-sm .nav.nav-accent .dropdown-item:focus { color: var(--theme-navbar-menu-item-color); box-shadow: none; } .navbar-themed.navbar-expand-sm .nav.nav-accent .nested-dropdown__submenu-item--open > .dropdown-item, .navbar-themed.navbar-expand-sm .nav.nav-accent .dropdown.show > .nav-link { color: var(--theme-navbar-menu-item-hover-color); box-shadow: none; } .navbar-themed.navbar-expand-sm .nav.nav-accent .nested-dropdown__submenu-item--open .dropdown-menu, .navbar-themed.navbar-expand-sm .nav.nav-accent .dropdown-menu.show { background: none; } .navbar-themed.navbar-expand-sm .nav.nav-accent .nested-dropdown__submenu-item--open .dropdown-menu > .dropdown-item, .navbar-themed.navbar-expand-sm .nav.nav-accent .dropdown-menu.show > .dropdown-item { box-shadow: none; } }

@media (max-width: 767.98px) { .navbar-themed.navbar-expand-md .nav.nav-accent .dropdown-item.active, .navbar-themed.navbar-expand-md .nav.nav-accent .nav-link.active { background-color: var(--theme-navbar-menu-item-active-background); color: var(--theme-navbar-menu-item-active-color); box-shadow: none; } .navbar-themed.navbar-expand-md .nav.nav-accent .nav-link, .navbar-themed.navbar-expand-md .nav.nav-accent .nav-link:hover, .navbar-themed.navbar-expand-md .nav.nav-accent .nav-link:focus, .navbar-themed.navbar-expand-md .nav.nav-accent .dropdown-item, .navbar-themed.navbar-expand-md .nav.nav-accent .dropdown-item:hover, .navbar-themed.navbar-expand-md .nav.nav-accent .dropdown-item:focus { color: var(--theme-navbar-menu-item-color); box-shadow: none; } .navbar-themed.navbar-expand-md .nav.nav-accent .nested-dropdown__submenu-item--open > .dropdown-item, .navbar-themed.navbar-expand-md .nav.nav-accent .dropdown.show > .nav-link { color: var(--theme-navbar-menu-item-hover-color); box-shadow: none; } .navbar-themed.navbar-expand-md .nav.nav-accent .nested-dropdown__submenu-item--open .dropdown-menu, .navbar-themed.navbar-expand-md .nav.nav-accent .dropdown-menu.show { background: none; } .navbar-themed.navbar-expand-md .nav.nav-accent .nested-dropdown__submenu-item--open .dropdown-menu > .dropdown-item, .navbar-themed.navbar-expand-md .nav.nav-accent .dropdown-menu.show > .dropdown-item { box-shadow: none; } }

@media (max-width: 991.98px) { .navbar-themed.navbar-expand-lg .nav.nav-accent .dropdown-item.active, .navbar-themed.navbar-expand-lg .nav.nav-accent .nav-link.active { background-color: var(--theme-navbar-menu-item-active-background); color: var(--theme-navbar-menu-item-active-color); box-shadow: none; } .navbar-themed.navbar-expand-lg .nav.nav-accent .nav-link, .navbar-themed.navbar-expand-lg .nav.nav-accent .nav-link:hover, .navbar-themed.navbar-expand-lg .nav.nav-accent .nav-link:focus, .navbar-themed.navbar-expand-lg .nav.nav-accent .dropdown-item, .navbar-themed.navbar-expand-lg .nav.nav-accent .dropdown-item:hover, .navbar-themed.navbar-expand-lg .nav.nav-accent .dropdown-item:focus { color: var(--theme-navbar-menu-item-color); box-shadow: none; } .navbar-themed.navbar-expand-lg .nav.nav-accent .nested-dropdown__submenu-item--open > .dropdown-item, .navbar-themed.navbar-expand-lg .nav.nav-accent .dropdown.show > .nav-link { color: var(--theme-navbar-menu-item-hover-color); box-shadow: none; } .navbar-themed.navbar-expand-lg .nav.nav-accent .nested-dropdown__submenu-item--open .dropdown-menu, .navbar-themed.navbar-expand-lg .nav.nav-accent .dropdown-menu.show { background: none; } .navbar-themed.navbar-expand-lg .nav.nav-accent .nested-dropdown__submenu-item--open .dropdown-menu > .dropdown-item, .navbar-themed.navbar-expand-lg .nav.nav-accent .dropdown-menu.show > .dropdown-item { box-shadow: none; } }

@media (max-width: 1199.98px) { .navbar-themed.navbar-expand-xl .nav.nav-accent .dropdown-item.active, .navbar-themed.navbar-expand-xl .nav.nav-accent .nav-link.active { background-color: var(--theme-navbar-menu-item-active-background); color: var(--theme-navbar-menu-item-active-color); box-shadow: none; } .navbar-themed.navbar-expand-xl .nav.nav-accent .nav-link, .navbar-themed.navbar-expand-xl .nav.nav-accent .nav-link:hover, .navbar-themed.navbar-expand-xl .nav.nav-accent .nav-link:focus, .navbar-themed.navbar-expand-xl .nav.nav-accent .dropdown-item, .navbar-themed.navbar-expand-xl .nav.nav-accent .dropdown-item:hover, .navbar-themed.navbar-expand-xl .nav.nav-accent .dropdown-item:focus { color: var(--theme-navbar-menu-item-color); box-shadow: none; } .navbar-themed.navbar-expand-xl .nav.nav-accent .nested-dropdown__submenu-item--open > .dropdown-item, .navbar-themed.navbar-expand-xl .nav.nav-accent .dropdown.show > .nav-link { color: var(--theme-navbar-menu-item-hover-color); box-shadow: none; } .navbar-themed.navbar-expand-xl .nav.nav-accent .nested-dropdown__submenu-item--open .dropdown-menu, .navbar-themed.navbar-expand-xl .nav.nav-accent .dropdown-menu.show { background: none; } .navbar-themed.navbar-expand-xl .nav.nav-accent .nested-dropdown__submenu-item--open .dropdown-menu > .dropdown-item, .navbar-themed.navbar-expand-xl .nav.nav-accent .dropdown-menu.show > .dropdown-item { box-shadow: none; } }

.navbar-themed.navbar-expand .nav.nav-accent .dropdown-item.active, .navbar-themed.navbar-expand .nav.nav-accent .nav-link.active { background-color: var(--theme-navbar-menu-item-active-background); color: var(--theme-navbar-menu-item-active-color); box-shadow: none; }

.navbar-themed.navbar-expand .nav.nav-accent .nav-link, .navbar-themed.navbar-expand .nav.nav-accent .nav-link:hover, .navbar-themed.navbar-expand .nav.nav-accent .nav-link:focus, .navbar-themed.navbar-expand .nav.nav-accent .dropdown-item, .navbar-themed.navbar-expand .nav.nav-accent .dropdown-item:hover, .navbar-themed.navbar-expand .nav.nav-accent .dropdown-item:focus { color: var(--theme-navbar-menu-item-color); box-shadow: none; }

.navbar-themed.navbar-expand .nav.nav-accent .nested-dropdown__submenu-item--open > .dropdown-item, .navbar-themed.navbar-expand .nav.nav-accent .dropdown.show > .nav-link { color: var(--theme-navbar-menu-item-hover-color); box-shadow: none; }

.navbar-themed.navbar-expand .nav.nav-accent .nested-dropdown__submenu-item--open .dropdown-menu, .navbar-themed.navbar-expand .nav.nav-accent .dropdown-menu.show { background: none; }

.navbar-themed.navbar-expand .nav.nav-accent .nested-dropdown__submenu-item--open .dropdown-menu > .dropdown-item, .navbar-themed.navbar-expand .nav.nav-accent .dropdown-menu.show > .dropdown-item { box-shadow: none; }

.navbar-themed .nav.nav-pills .dropdown.show > .nav-link { background-color: var(--theme-navbar-menu-item-active-background); color: var(--theme-navbar-menu-item-active-color); }

.navbar-themed .nav.nav-pills .dropdown-menu .dropdown-item:active, .navbar-themed .nav.nav-pills .dropdown-menu .dropdown-item.active { background-color: var(--theme-navbar-dropdown-active-background); color: var(--theme-navbar-dropdown-active-color); font-weight: 500; }

@media (max-width: 575.98px) { .navbar-themed.navbar-expand-sm .nav.nav-pills .dropdown-item.active, .navbar-themed.navbar-expand-sm .nav.nav-pills .nav-link.active { background-color: var(--theme-navbar-menu-item-active-background); color: var(--theme-navbar-menu-item-active-color); box-shadow: none; } .navbar-themed.navbar-expand-sm .nav.nav-pills .nav-link, .navbar-themed.navbar-expand-sm .nav.nav-pills .nav-link:hover, .navbar-themed.navbar-expand-sm .nav.nav-pills .nav-link:focus, .navbar-themed.navbar-expand-sm .nav.nav-pills .dropdown-item, .navbar-themed.navbar-expand-sm .nav.nav-pills .dropdown-item:hover, .navbar-themed.navbar-expand-sm .nav.nav-pills .dropdown-item:focus { color: var(--theme-navbar-menu-item-color); box-shadow: none; } .navbar-themed.navbar-expand-sm .nav.nav-pills .nested-dropdown__submenu-item--open > .dropdown-item, .navbar-themed.navbar-expand-sm .nav.nav-pills .dropdown.show > .nav-link { color: var(--theme-navbar-menu-item-hover-color); box-shadow: none; } .navbar-themed.navbar-expand-sm .nav.nav-pills .nested-dropdown__submenu-item--open .dropdown-menu, .navbar-themed.navbar-expand-sm .nav.nav-pills .dropdown-menu.show { background: none; } .navbar-themed.navbar-expand-sm .nav.nav-pills .nested-dropdown__submenu-item--open .dropdown-menu > .dropdown-item, .navbar-themed.navbar-expand-sm .nav.nav-pills .dropdown-menu.show > .dropdown-item { box-shadow: none; } }

@media (max-width: 767.98px) { .navbar-themed.navbar-expand-md .nav.nav-pills .dropdown-item.active, .navbar-themed.navbar-expand-md .nav.nav-pills .nav-link.active { background-color: var(--theme-navbar-menu-item-active-background); color: var(--theme-navbar-menu-item-active-color); box-shadow: none; } .navbar-themed.navbar-expand-md .nav.nav-pills .nav-link, .navbar-themed.navbar-expand-md .nav.nav-pills .nav-link:hover, .navbar-themed.navbar-expand-md .nav.nav-pills .nav-link:focus, .navbar-themed.navbar-expand-md .nav.nav-pills .dropdown-item, .navbar-themed.navbar-expand-md .nav.nav-pills .dropdown-item:hover, .navbar-themed.navbar-expand-md .nav.nav-pills .dropdown-item:focus { color: var(--theme-navbar-menu-item-color); box-shadow: none; } .navbar-themed.navbar-expand-md .nav.nav-pills .nested-dropdown__submenu-item--open > .dropdown-item, .navbar-themed.navbar-expand-md .nav.nav-pills .dropdown.show > .nav-link { color: var(--theme-navbar-menu-item-hover-color); box-shadow: none; } .navbar-themed.navbar-expand-md .nav.nav-pills .nested-dropdown__submenu-item--open .dropdown-menu, .navbar-themed.navbar-expand-md .nav.nav-pills .dropdown-menu.show { background: none; } .navbar-themed.navbar-expand-md .nav.nav-pills .nested-dropdown__submenu-item--open .dropdown-menu > .dropdown-item, .navbar-themed.navbar-expand-md .nav.nav-pills .dropdown-menu.show > .dropdown-item { box-shadow: none; } }

@media (max-width: 991.98px) { .navbar-themed.navbar-expand-lg .nav.nav-pills .dropdown-item.active, .navbar-themed.navbar-expand-lg .nav.nav-pills .nav-link.active { background-color: var(--theme-navbar-menu-item-active-background); color: var(--theme-navbar-menu-item-active-color); box-shadow: none; } .navbar-themed.navbar-expand-lg .nav.nav-pills .nav-link, .navbar-themed.navbar-expand-lg .nav.nav-pills .nav-link:hover, .navbar-themed.navbar-expand-lg .nav.nav-pills .nav-link:focus, .navbar-themed.navbar-expand-lg .nav.nav-pills .dropdown-item, .navbar-themed.navbar-expand-lg .nav.nav-pills .dropdown-item:hover, .navbar-themed.navbar-expand-lg .nav.nav-pills .dropdown-item:focus { color: var(--theme-navbar-menu-item-color); box-shadow: none; } .navbar-themed.navbar-expand-lg .nav.nav-pills .nested-dropdown__submenu-item--open > .dropdown-item, .navbar-themed.navbar-expand-lg .nav.nav-pills .dropdown.show > .nav-link { color: var(--theme-navbar-menu-item-hover-color); box-shadow: none; } .navbar-themed.navbar-expand-lg .nav.nav-pills .nested-dropdown__submenu-item--open .dropdown-menu, .navbar-themed.navbar-expand-lg .nav.nav-pills .dropdown-menu.show { background: none; } .navbar-themed.navbar-expand-lg .nav.nav-pills .nested-dropdown__submenu-item--open .dropdown-menu > .dropdown-item, .navbar-themed.navbar-expand-lg .nav.nav-pills .dropdown-menu.show > .dropdown-item { box-shadow: none; } }

@media (max-width: 1199.98px) { .navbar-themed.navbar-expand-xl .nav.nav-pills .dropdown-item.active, .navbar-themed.navbar-expand-xl .nav.nav-pills .nav-link.active { background-color: var(--theme-navbar-menu-item-active-background); color: var(--theme-navbar-menu-item-active-color); box-shadow: none; } .navbar-themed.navbar-expand-xl .nav.nav-pills .nav-link, .navbar-themed.navbar-expand-xl .nav.nav-pills .nav-link:hover, .navbar-themed.navbar-expand-xl .nav.nav-pills .nav-link:focus, .navbar-themed.navbar-expand-xl .nav.nav-pills .dropdown-item, .navbar-themed.navbar-expand-xl .nav.nav-pills .dropdown-item:hover, .navbar-themed.navbar-expand-xl .nav.nav-pills .dropdown-item:focus { color: var(--theme-navbar-menu-item-color); box-shadow: none; } .navbar-themed.navbar-expand-xl .nav.nav-pills .nested-dropdown__submenu-item--open > .dropdown-item, .navbar-themed.navbar-expand-xl .nav.nav-pills .dropdown.show > .nav-link { color: var(--theme-navbar-menu-item-hover-color); box-shadow: none; } .navbar-themed.navbar-expand-xl .nav.nav-pills .nested-dropdown__submenu-item--open .dropdown-menu, .navbar-themed.navbar-expand-xl .nav.nav-pills .dropdown-menu.show { background: none; } .navbar-themed.navbar-expand-xl .nav.nav-pills .nested-dropdown__submenu-item--open .dropdown-menu > .dropdown-item, .navbar-themed.navbar-expand-xl .nav.nav-pills .dropdown-menu.show > .dropdown-item { box-shadow: none; } }

.navbar-themed.navbar-expand .nav.nav-pills .dropdown-item.active, .navbar-themed.navbar-expand .nav.nav-pills .nav-link.active { background-color: var(--theme-navbar-menu-item-active-background); color: var(--theme-navbar-menu-item-active-color); box-shadow: none; }

.navbar-themed.navbar-expand .nav.nav-pills .nav-link, .navbar-themed.navbar-expand .nav.nav-pills .nav-link:hover, .navbar-themed.navbar-expand .nav.nav-pills .nav-link:focus, .navbar-themed.navbar-expand .nav.nav-pills .dropdown-item, .navbar-themed.navbar-expand .nav.nav-pills .dropdown-item:hover, .navbar-themed.navbar-expand .nav.nav-pills .dropdown-item:focus { color: var(--theme-navbar-menu-item-color); box-shadow: none; }

.navbar-themed.navbar-expand .nav.nav-pills .nested-dropdown__submenu-item--open > .dropdown-item, .navbar-themed.navbar-expand .nav.nav-pills .dropdown.show > .nav-link { color: var(--theme-navbar-menu-item-hover-color); box-shadow: none; }

.navbar-themed.navbar-expand .nav.nav-pills .nested-dropdown__submenu-item--open .dropdown-menu, .navbar-themed.navbar-expand .nav.nav-pills .dropdown-menu.show { background: none; }

.navbar-themed.navbar-expand .nav.nav-pills .nested-dropdown__submenu-item--open .dropdown-menu > .dropdown-item, .navbar-themed.navbar-expand .nav.nav-pills .dropdown-menu.show > .dropdown-item { box-shadow: none; }

.navbar-themed .nav-pills .show > .nav-link { background-color: var(--theme-navbar-menu-item-active-background); color: var(--theme-navbar-menu-item-active-color); }

.navbar-themed .nav-item > .avatar-image .avatar__icon--stack > .fa-circle:first-child, .navbar-themed .nav-item > .avatar-font .avatar__icon--stack > .fa-circle:first-child, .navbar-themed .nav-link > .avatar-image .avatar__icon--stack > .fa-circle:first-child, .navbar-themed .nav-link > .avatar-font .avatar__icon--stack > .fa-circle:first-child { color: var(--theme-navbar-background) !important; }

.navbar-themed + nav { border-top: 1px solid var(--theme-navbar-between-border-color, var(--theme-navbar-background)); }

/* Sidebar Styling */
.sidebar { background: var(--theme-sidebar-background); color: var(--theme-sidebar-text-color); border-right: var(--theme-sidebar-border); }

.sidebar .avatar__icon--stack > .fa-circle:first-child { color: var(--theme-sidebar-background) !important; }

.sidebar .text-muted { color: var(--theme-sidebar-text-color-muted) !important; }

.sidebar__brand { color: var(--theme-sidebar-brand-color); }

.sidebar__close > a { color: var(--theme-sidebar-close-color); }

.sidebar__link { color: var(--theme-sidebar-link-color); }

.sidebar__link:hover { color: var(--theme-sidebar-link-color-hover); }

.sidebar__link.text-muted, .sidebar__link .text-muted, .sidebar__link--muted { color: var(--theme-sidebar-link-color-muted) !important; }

.sidebar__section--fluid::-webkit-scrollbar-track { background-color: var(--theme-sidebar-scroll-rail-color); }

.sidebar__section--fluid::-webkit-scrollbar-thumb { background-color: var(--theme-sidebar-scroll-thumb-color); }

.sidebar-menu__entry__icon { color: var(--theme-menu-icon-color); }

.sidebar-menu__entry__link { color: var(--theme-menu-text-color); background-color: var(--theme-menu-background-color); }

.sidebar-menu__entry__link::after { color: var(--theme-menu-arrow-color); }

.sidebar-menu__entry__link:hover { color: var(--theme-menu-text-color-hover); background-color: var(--theme-menu-background-color-hover); }

.sidebar-menu__entry__link:hover .sidebar-menu__entry__icon { color: var(--theme-menu-icon-color-hover); }

.sidebar-menu__entry__link:hover::after { color: var(--theme-menu-arrow-color-hover) !important; }

.sidebar-menu__entry.active:not(.open) > .sidebar-menu__entry__link { color: var(--theme-menu-text-color-active); background-color: var(--theme-menu-background-color-active); font-weight: 500; }

.sidebar-menu__entry.active:not(.open) > .sidebar-menu__entry__link .sidebar-menu__entry__icon { color: var(--theme-menu-icon-color-active); }

.sidebar-menu__entry.active:not(.open) > .sidebar-menu__entry__link::after { color: var(--theme-menu-arrow-color-active) !important; }

.sidebar-submenu__entry__link { color: var(--theme-menu-text-color); background-color: var(--theme-menu-background-color); }

.sidebar-submenu__entry__link::after { color: var(--theme-menu-arrow-color); }

.sidebar-submenu__entry__link:hover { color: var(--theme-menu-text-color-hover); background-color: var(--theme-menu-background-color-hover); }

.sidebar-submenu__entry__link:hover::after { color: var(--theme-menu-arrow-color-hover); }

.sidebar-submenu__entry.active:not(.open) > .sidebar-submenu__entry__link { color: var(--theme-menu-text-color-active); background-color: var(--theme-menu-background-color-active); font-weight: 500; }

.sidebar-submenu__entry.active:not(.open) > .sidebar-submenu__entry__link .sidebar-submenu__entry__icon { color: var(--theme-menu-icon-color-active); }

.sidebar-submenu__entry.active:not(.open) > .sidebar-submenu__entry__link::after { color: var(--theme-menu-arrow-color-active) !important; }

@media (min-width: 992px) { .sidebar.sidebar--collapsed .sidebar-menu--slim .sidebar-menu__entry > .sidebar-menu__entry__link > .sidebar-menu__entry__icon { color: var(--theme-menu-slim-icon-color); } .sidebar.sidebar--collapsed .sidebar-menu--slim .sidebar-menu__entry:hover > .sidebar-menu__entry__link { background-color: var(--theme-menu-slim-background-color-hover); color: var(--theme-menu-slim-text-color-hover); } .sidebar.sidebar--collapsed .sidebar-menu--slim .sidebar-menu__entry:hover > .sidebar-menu__entry__link > .sidebar-menu__entry__icon { color: var(--theme-menu-slim-icon-color-hover); } .sidebar.sidebar--collapsed .sidebar-menu--slim .sidebar-menu__entry.active.open > .sidebar-menu__entry__link { background-color: var(--theme-menu-slim-background-color-active); color: var(--theme-menu-slim-text-color-active); } .sidebar.sidebar--collapsed .sidebar-menu--slim .sidebar-menu__entry.active.open > .sidebar-menu__entry__link > .sidebar-menu__entry__icon { color: var(--theme-menu-slim-icon-color-active); } .sidebar.sidebar--collapsed .sidebar-menu--slim .sidebar-menu__entry--nested > .sidebar-submenu { background: var(--theme-sidebar-background); color: var(--theme-sidebar-text-color); border: var(--theme-sidebar-border-slim-submenu); } .sidebar.sidebar--collapsed .sidebar-menu--slim .sidebar-menu__entry--nested > .sidebar-submenu .sidebar-submenu__entry.active:not(.open) > .sidebar-submenu__entry__link { background-color: var(--theme-menu-slim-background-color-active); color: var(--theme-menu-slim-color-active); } .sidebar.sidebar--collapsed .sidebar-menu--slim .sidebar-menu__entry--nested > .sidebar-submenu .sidebar-submenu__entry.active:not(.open) > .sidebar-submenu__entry__link::after { color: var(--theme-menu-slim-color-active); } .sidebar.sidebar--collapsed .sidebar-menu--slim .sidebar-menu__entry--nested > .sidebar-submenu .sidebar-submenu__entry__link:hover { background-color: var(--theme-menu-slim-background-color-hover); color: var(--theme-menu-slim-text-color-hover); } }

.sidebar-submenu__entry__link { position: relative; transition: color 250ms cubic-bezier(0.645, 0.045, 0.355, 1); }

.sidebar-submenu__entry__link::before { content: " "; position: absolute; display: block; transition: transform 150ms cubic-bezier(0.645, 0.045, 0.355, 1); transform-origin: center center; height: 100%; width: 100%; left: 0; top: 0; box-shadow: inset 3px 0 0 0 var(--theme-menu-accent-color-hover); transform: translateZ(0) scaleY(0); pointer-events: none; }

.sidebar-submenu__entry__link::after { transition: color 250ms cubic-bezier(0.645, 0.045, 0.355, 1); }

.sidebar-submenu__entry.active:not(.open) > .sidebar-submenu__entry__link::before { transform: translateZ(0) scaleY(1); }

.sidebar-menu__entry__link { position: relative; transition: color 250ms cubic-bezier(0.645, 0.045, 0.355, 1); }

.sidebar-menu__entry__link::before { content: " "; position: absolute; display: block; transition: transform 150ms cubic-bezier(0.645, 0.045, 0.355, 1); transform-origin: center center; height: 100%; width: 100%; left: 0; top: 0; box-shadow: inset 3px 0 0 0 var(--theme-menu-accent-color-hover); transform: translateZ(0) scaleY(0); pointer-events: none; }

.sidebar-menu__entry__link .sidebar-menu__entry__icon { transition: color 250ms cubic-bezier(0.645, 0.045, 0.355, 1); }

.sidebar-menu__entry__link::after { transition: color 250ms cubic-bezier(0.645, 0.045, 0.355, 1); }

.sidebar-menu__entry.active:not(.open) > .sidebar-menu__entry__link::before { transform: translateZ(0) scaleY(1); }

.sidebar--slim.sidebar--collapsed .sidebar-menu__entry.active > .sidebar-menu__entry__link::before { transform: scaleY(1); }

.sidebar--slim.sidebar--collapsed .sidebar-submenu__entry > .sidebar-submenu__entry__link::before { transform: translateZ(0) scaleY(0); }

/* Avatar Variants Definitions */
.dropdown-menu.extended-dropdown { flex-direction: column; padding-top: 0; padding-bottom: 0; width: 100vw; max-width: 370px; }

.dropdown-menu.extended-dropdown.show { display: flex; }

.dropdown-menu .extended-dropdown__section { flex: 0 0 auto; padding: 0.75rem 1.25rem; }

.dropdown-menu .extended-dropdown__section:not(:last-child) { border-bottom: 1px solid #E9ECEF; }

.dropdown-menu .extended-dropdown__section--list { flex: 1 1 auto; max-height: 320px; padding: 0; overflow-y: auto; }

.dropdown-menu .extended-dropdown__section--list > .list-group > .list-group-item { border-width: 0; margin-bottom: 0; }

.dropdown-menu .extended-dropdown__section--list > .list-group > .list-group-item + .list-group-item { border-top-width: 1px; }

.dropdown-menu .extended-dropdown__section--list > .list-group > .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; }

.dropdown-menu .extended-dropdown__section--list > .list-group > .list-group-item:last-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.dropdown-menu a.extended-dropdown__section { color: #353C48; }

.dropdown-menu a.extended-dropdown__section:hover { color: #868E96; text-decoration: none; }

@media (max-width: 575.98px) { .navbar .nav .dropdown-menu.extended-dropdown, .navbar .navbar-nav .dropdown-menu.extended-dropdown { position: fixed; top: 56px; bottom: 0; right: 0; left: 0; max-width: none; } .navbar .nav .dropdown-menu.extended-dropdown .extended-dropdown__section--list, .navbar .navbar-nav .dropdown-menu.extended-dropdown .extended-dropdown__section--list { max-height: none; } }

/* Avatar Variants Definitions */
.fullscreen { min-height: 100vh; display: flex; flex-direction: column; }

.fullscreen__section { flex: 0 0 auto; }

.fullscreen__section--center { flex: 1 1 auto; display: flex; justify-content: center; align-items: center; }

.fullscreen__section__child { flex: 0 1 auto; }

@media (max-width: 767.98px) { .fullscreen { min-height: auto; padding: 15px; } }

.nested-dropdown__submenu-item { position: relative; }

.nested-dropdown__submenu-item__link { position: relative; }

.nested-dropdown__submenu-item__link::after { position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%); content: "\f105"; font: normal normal normal 14px/1 FontAwesome; }

.nested-dropdown__submenu-item__menu-wrap { position: absolute; top: -2px; left: 100%; padding-left: 2px; }

.nested-dropdown__submenu-item__menu.dropdown-menu { position: static; }

@media (max-width: 575.98px) { .navbar-expand-sm .navbar-nav .nested-dropdown__submenu-item:hover, .navbar-expand-sm .navbar-nav .nested-dropdown__submenu-item:active { background-color: transparent; } .navbar-expand-sm .navbar-nav .nested-dropdown__submenu-item--open .nested-dropdown__submenu-item__menu.dropdown-menu { display: block; } .navbar-expand-sm .navbar-nav .nested-dropdown__submenu-item__link::after { content: "\f107"; position: static; right: auto; top: auto; transform: none; margin-left: 0.5rem; } .navbar-expand-sm .navbar-nav .nested-dropdown__submenu-item__menu-wrap { position: static; padding: 0; } .navbar-expand-sm .navbar-nav .nested-dropdown__submenu-item__menu.dropdown-menu { border: none; padding: 0; } .navbar-expand-sm .navbar-nav .nested-dropdown__submenu-item__menu.dropdown-menu .dropdown-item { padding-left: 2rem; } }

@media (min-width: 576px) { .navbar-expand-sm .navbar-nav .nested-dropdown__submenu-item:hover .nested-dropdown__submenu-item__menu { display: block; } }

@media (max-width: 767.98px) { .navbar-expand-md .navbar-nav .nested-dropdown__submenu-item:hover, .navbar-expand-md .navbar-nav .nested-dropdown__submenu-item:active { background-color: transparent; } .navbar-expand-md .navbar-nav .nested-dropdown__submenu-item--open .nested-dropdown__submenu-item__menu.dropdown-menu { display: block; } .navbar-expand-md .navbar-nav .nested-dropdown__submenu-item__link::after { content: "\f107"; position: static; right: auto; top: auto; transform: none; margin-left: 0.5rem; } .navbar-expand-md .navbar-nav .nested-dropdown__submenu-item__menu-wrap { position: static; padding: 0; } .navbar-expand-md .navbar-nav .nested-dropdown__submenu-item__menu.dropdown-menu { border: none; padding: 0; } .navbar-expand-md .navbar-nav .nested-dropdown__submenu-item__menu.dropdown-menu .dropdown-item { padding-left: 2rem; } }

@media (min-width: 768px) { .navbar-expand-md .navbar-nav .nested-dropdown__submenu-item:hover .nested-dropdown__submenu-item__menu { display: block; } }

@media (max-width: 991.98px) { .navbar-expand-lg .navbar-nav .nested-dropdown__submenu-item:hover, .navbar-expand-lg .navbar-nav .nested-dropdown__submenu-item:active { background-color: transparent; } .navbar-expand-lg .navbar-nav .nested-dropdown__submenu-item--open .nested-dropdown__submenu-item__menu.dropdown-menu { display: block; } .navbar-expand-lg .navbar-nav .nested-dropdown__submenu-item__link::after { content: "\f107"; position: static; right: auto; top: auto; transform: none; margin-left: 0.5rem; } .navbar-expand-lg .navbar-nav .nested-dropdown__submenu-item__menu-wrap { position: static; padding: 0; } .navbar-expand-lg .navbar-nav .nested-dropdown__submenu-item__menu.dropdown-menu { border: none; padding: 0; } .navbar-expand-lg .navbar-nav .nested-dropdown__submenu-item__menu.dropdown-menu .dropdown-item { padding-left: 2rem; } }

@media (min-width: 992px) { .navbar-expand-lg .navbar-nav .nested-dropdown__submenu-item:hover .nested-dropdown__submenu-item__menu { display: block; } }

@media (max-width: 1199.98px) { .navbar-expand-xl .navbar-nav .nested-dropdown__submenu-item:hover, .navbar-expand-xl .navbar-nav .nested-dropdown__submenu-item:active { background-color: transparent; } .navbar-expand-xl .navbar-nav .nested-dropdown__submenu-item--open .nested-dropdown__submenu-item__menu.dropdown-menu { display: block; } .navbar-expand-xl .navbar-nav .nested-dropdown__submenu-item__link::after { content: "\f107"; position: static; right: auto; top: auto; transform: none; margin-left: 0.5rem; } .navbar-expand-xl .navbar-nav .nested-dropdown__submenu-item__menu-wrap { position: static; padding: 0; } .navbar-expand-xl .navbar-nav .nested-dropdown__submenu-item__menu.dropdown-menu { border: none; padding: 0; } .navbar-expand-xl .navbar-nav .nested-dropdown__submenu-item__menu.dropdown-menu .dropdown-item { padding-left: 2rem; } }

@media (min-width: 1200px) { .navbar-expand-xl .navbar-nav .nested-dropdown__submenu-item:hover .nested-dropdown__submenu-item__menu { display: block; } }

.navbar-expand .navbar-nav .nested-dropdown__submenu-item:hover, .navbar-expand .navbar-nav .nested-dropdown__submenu-item:active { background-color: transparent; }

.navbar-expand .navbar-nav .nested-dropdown__submenu-item--open .nested-dropdown__submenu-item__menu.dropdown-menu { display: block; }

.navbar-expand .navbar-nav .nested-dropdown__submenu-item__link::after { content: "\f107"; position: static; right: auto; top: auto; transform: none; margin-left: 0.5rem; }

.navbar-expand .navbar-nav .nested-dropdown__submenu-item__menu-wrap { position: static; padding: 0; }

.navbar-expand .navbar-nav .nested-dropdown__submenu-item__menu.dropdown-menu { border: none; padding: 0; }

.navbar-expand .navbar-nav .nested-dropdown__submenu-item__menu.dropdown-menu .dropdown-item { padding-left: 2rem; }

.navbar-expand .navbar-nav .nested-dropdown__submenu-item:hover .nested-dropdown__submenu-item__menu { display: block; }

.timeline .timeline-date { display: block; max-width: 210px; position: relative; padding-top: 8px; }

.timeline .timeline-date:before { background: #DEE2E6; border-radius: 2px; bottom: -30px; content: ""; height: 24px; left: 12px; position: absolute; width: 1px; }

.timeline.timeline-datetime .timeline-item { margin-left: 117px; }

.timeline.timeline-datetime .timeline-date { text-align: center; }

.timeline.timeline-datetime .timeline-date:before { left: calc(50% - 1px); }

.timeline .timeline-item { margin-top: 25px; margin-bottom: 25px; margin-left: 25px; position: relative; }

.timeline .timeline-item:first-child { margin-top: 0; }

.timeline .timeline-item .timeline-item-time { position: absolute; top: 10px; right: calc(100% + 35px); text-align: right; }

.timeline .timeline-item .timeline-item-inner { padding: 10px; position: relative; }

.timeline .timeline-item .timeline-item-head { border-bottom: 1px solid #DEE2E6; margin-bottom: 8px; padding-bottom: 8px; }

.timeline .timeline-item .timeline-item-head .user-detail h5 { margin: 0 0 2px 0; }

.timeline .timeline-item .timeline-item-head .post-type > p { font-weight: bold; text-transform: uppercase; font-size: .7em; margin: 0; line-height: 17px; }

.timeline .timeline-item .timeline-item-head .post-time > p { text-transform: uppercase; letter-spacing: 1px; font-size: .6em; line-height: 15px; margin: 0; }

.timeline .timeline-item .timeline-item-content p { margin: 0; }

.timeline .timeline-item .timeline-icon:before { background: #DEE2E6; border-radius: 2px; bottom: -28px; content: ""; height: 100%; left: -14px; position: absolute; width: 1px; }

.timeline .timeline-item .timeline-icon i { left: -19px; position: absolute; top: 10px; }

.theme-config { width: 200px; position: fixed; top: 50%; right: 0; bottom: auto; left: auto; transform: translateX(100%) translateY(-50%); transition: transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1); z-index: 1500; }

.theme-config--active { transform: translateY(-50%); }

.theme-config .theme-config__body.card { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.theme-config .theme-config__trigger { border-top-right-radius: 0; border-bottom-right-radius: 0; position: absolute; top: 50%; left: 0; transform: translate(-100%, -50%); }

.progress--slim { height: 0.3rem; }

.dropdown-menu-demo { position: static !important; display: block !important; }

.dropdown-menu-demo-customs { position: static !important; display: flex !important; }

.modal-demo > * { position: static !important; display: block !important; }

/*# sourceMappingURL=style.css.map */