/** BOOTSTRAP COLORS OVERRIDE **/

:root
{
    --bs-primary: #f89825;
    --bs-primary-rgb: 248, 152, 37;

    --sanoia-primary: #f89825;
    --sanoia-primary-darker-1: #ec8b18;
    --sanoia-primary-darker-2: #e8870f;
    --sanoia-primary-darker-3: #df8306;
    --sanoia-primary-lighter-1: #ffa940;
}

/* buttons */
.btn-primary
{
    color: #fff;
    background-color: #f89825;
    border-color: #f89825;
    -webkit-box-shadow: 0 2px 6px 0 rgba(248, 152, 37, 0.5);
            box-shadow: 0 2px 6px 0 rgba(248, 152, 37, 0.5);
}
.btn-primary:hover
{
    color: #fff;
    background-color: #ec8b18;
    border-color: #e8870f;
}
.btn-check:focus + .btn-primary, .btn-primary:focus
{
    color: #fff;
    background-color: #ec8b18;
    border-color: #e8870f;
    -webkit-box-shadow: 0 0 0 0.15rem rgba(252, 198, 25, 0.5);
            box-shadow: 0 0 0 0.15rem rgba(252, 198, 25, 0.5);
}
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle
{
    color: #fff;
    background-color: #e8870f;
    border-color: #df8306;
}
.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus
{
    -webkit-box-shadow: 0 0 0 0.15rem rgba(252, 198, 25, 0.5);
            box-shadow: 0 0 0 0.15rem rgba(252, 198, 25, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled
{
    color: #fff;
    background-color: #f89825;
    border-color: #f89825;
}

.btn-primary.dropdown-toggle-split
{
    background-color: #ec8b18;
}

.btn-outline-primary
{
  color: #f89825;
  border-color: #f89825;
}
.btn-outline-primary:hover
{
    color: #fff;
    background-color: #ec8b18;
    border-color: #e8870f;
}
/* buttons ends */

/* a links */
a
{
    color: #f89825;
}
    a:hover
    {
        color: #ec8b18;
    }
/* a links end */

.page-item.active .page-link
{
    background-color: #f89825;
    border-color: #f89825;
}
.nav-link:hover,
.nav-link:focus
{
    color: #ec8b18;
}
.nav-tabs-custom .nav-item .nav-link.active
{
    color: #f89825;
}
.nav-tabs-custom .nav-item .nav-link::after
{
    background: #f89825;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link
{
    background-color: #f89825;
}

/* badge */
.badge.bg-primary[href]:hover, .badge.bg-primary[href]:focus
{
    background-color: #ec8b18 !important;
}

.badge-soft-primary
{
    color: #f89825;
    background-color: rgba(248, 152, 37, 0.18);
}
.badge-soft-primary[href]:hover, .badge-soft-primary[href]:focus
{
    color: #f89825;
    background-color: rgba(248, 152, 37, 0.4);
}
/* badge end */

/* forms */

.form-check-input:checked
{
    background-color: #f89825;
    border-color: #f89825;
}

/* forms end */

/** BOOTSTRAP COLORS OVERRIDE **/


/** BOOTSTRAP DARK MODE COLORS OVERRIDE **/

body[data-layout-mode=dark] .page-item.active .page-link
{
    background-color: #f89825;
    border-color: #f89825;
}

/** BOOTSTRAP DARK MODE COLORS OVERRIDE END **/

/* overlay */

.overlay .loader span
{
    border-color: #f89825;
}

/* overlay end */