:root {
    --eva-menu-bg-color: #525b61;
    --eva-orange-color: #f58220;
    --eva-orange-ripe-color: #EA5704;
    --eva-green-color: #66cb03;
}

.btn-primary {
    background-color: #F58220;
    border-color: #F58220;
}

[data-css="login-container-fluid"] .btn-primary {
    padding: 12px 64px;
    font-size: 18px;
    font-weight: bold;
    border: none;
    border-radius: 4px !important;
    filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.1)) drop-shadow(4px 8px 8px rgba(0, 0, 0, 0.1));
    width: unset;
    margin: 0 auto;
}

[data-css="login-container-fluid"] .btn-primary:hover {
    background-color: #F58220;
    border-color: #F58220;
}

[data-css="login-container-fluid"] .alert-info {
    padding: 10px;
    background: #F58220;
    border-color: #F58220;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 0;
}

[data-css="login-container-fluid"] div.col.text-center {
    margin: 24px auto 8px auto;
}

[data-css="login-container-fluid"] a.reset {
    font-size: 18px;
    text-decoration: underline;
    color: #fff;
}

[data-css="login-container-fluid"] a.reset:hover {
    color: #fff;
}

body {
    background-color: var(--eva-menu-bg-color);
}

.navbar-glass {
    background-color: var(--eva-menu-bg-color);
}

.brand-hamburger-area {
    width: inherit;
    display: grid !important;
    grid-template-columns: 40px auto;
}

.navbar-brand {
    width: fit-content;
    justify-self: center;
}

.navbar-glass-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.navbar-toggle-icon::after,
.navbar-toggle-icon::before,
.navbar-toggle-icon .toggle-line {
    background-color: #fff;
}

.navbar-toggler-humburger-icon:hover,
.navbar-toggler-humburger-icon:focus {
    background-color: unset;
    box-shadow: none !important;
    outline: none !important;
}

.navbar-toggler-humburger-icon:hover .navbar-toggle-icon::after,
.navbar-toggler-humburger-icon:hover .navbar-toggle-icon::before,
.navbar-toggler-humburger-icon:hover .toggle-line,
.navbar-toggler-humburger-icon:focus .navbar-toggle-icon::after,
.navbar-toggler-humburger-icon:focus .navbar-toggle-icon::before,
.navbar-toggler-humburger-icon:focus .toggle-line {
    background-color: var(--eva-green-color);
}

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

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: var(--eva-green-color);
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.active:focus,
.navbar-light .navbar-nav .nav-link.active:hover {
    color: var(--eva-green-color) !important;
}

.navbar-light .navbar-nav .show > .nav-link {
    color: var(--eva-orange-color);
}

.navbar-vertical .navbar-collapse {
    background-color: var(--eva-menu-bg-color);
}

.nav-link-icon svg {
    fill: #fff;
    width: 24px;
}

.navbar-light .navbar-nav .nav-link:hover .nav-link-icon svg {
    fill: var(--eva-green-color);
}

.navbar-light .navbar-nav .nav-link.active .nav-link-icon svg {
    fill: var(--eva-green-color);
}

.navbar-vertical.navbar-card .navbar-nav .nav-item .nav-link:hover,
.navbar-vertical.navbar-card .navbar-nav .nav-item .nav-link:focus {
    color: var(--eva-green-color) !important;
}

.breadcrumb-item.active {
    color: var(--eva-orange-color);
}

.breadcrumb-item a {
    color: #fff;
}

.breadcrumb-item + .breadcrumb-item::before  {
    color: #fff;
}

.media.position-relative:hover img {
    background-color: transparent;
    border-color: transparent;
    filter: invert(55%) sepia(64%) saturate(1364%) hue-rotate(347deg) brightness(99%) contrast(94%);
}

.card-body .stretched-link {
    color: #5e6e82;
}

a {
    color: #344050;
}

.card-body .stretched-link:hover {
    color: var(--eva-orange-color);
}

.card-body .media img svg {
    fill: var(--eva-orange-color);
}

.btn-primary {
    background-color: var(--eva-orange-color);
    border-color: var(--eva-orange-color);
}

.btn-primary:hover {
    background-color: var(--eva-orange-ripe-color);
    border-color: var(--eva-orange-ripe-color);
}

.btn-primary:disabled {
    background-color: var(--eva-orange-color);
    border-color: var(--eva-orange-color);
    opacity: 0.65;
}

.btn-primary:focus {
    background-color: var(--eva-orange-ripe-color);
    border-color: var(--eva-orange-ripe-color);
    -webkit-box-shadow: 0 0 0 0 rgba(234, 87, 4, 0.5);
    box-shadow: 0 0 0 0 rgba(234, 87, 4, 0.5);
}

.btn-primary:not(:disabled):not(.disabled):active {
    background-color: var(--eva-orange-ripe-color);
    border-color: var(--eva-orange-ripe-color);
}

.page-item.active .page-link {
    background-color: var(--eva-orange-color);
    border-color: var(--eva-orange-color);
}

.page-link:hover {
    background-color: var(--eva-orange-color);
    border-color: var(--eva-orange-color);
}

.fancy-tab .nav-bar {
    border-bottom: none;
}

.fancy-tab .nav-bar .nav-bar-item.active,
.fancy-tab .nav-bar .nav-bar-item:hover {
    color: var(--eva-orange-color) !important;
}

.fancy-tab .nav-bar .tab-indicator {
    background-color: var(--eva-orange-color);
}

.avatar-name.bg-primary {
    background-color: var(--eva-orange-color) !important;
}

footer .text-600 {
    color: #fff !important;
}

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

.card .nav-pills .nav-link {
    color: var(--eva-orange-color);
}

.nav-pills .nav-link.active {
    background-color: var(--eva-orange-color);
    color: #fff;
}

.fancy-tab .nav-bar.nav-bar-center .nav-bar-item {
    color: #fff;
}

.avatar-name.bg-primary {
    background-color: var(--eva-orange-color) !important;
}

.fa.fa-pencil {
    color: var(--eva-green-color)!important;
}

[data-css="index-page"] .nav-tabs .nav-link:not(.active):hover {
    color: var(--eva-orange-color);
    border-bottom: none;
}

[data-css="index-page"] .nav-tabs .nav-link.active {
    color: var(--eva-orange-color);
    border-bottom-color: var(--eva-orange-color);
}

[data-css="index-page-media"] i,
[data-css="index-page-media"] svg {
    color: #5e6e82;
}

[data-css="index-page-media"]:hover i,
[data-css="index-page-media"]:hover svg {
    color: var(--eva-orange-color);
}

.badge.badge-info {
    background-color: var(--eva-orange-color) !important;
}

a:hover,
a:focus {
    color: var(--eva-orange-color);
}