:root {
    --kabayan-primary: #e98d4c;
    --kabayan-hover-primary: #d3793a;
}

::selection {
    background: var(--kabayan-primary);
    color: #ffffff;
}

::-moz-selection {
    background: var(--kabayan-primary);
    color: #ffffff;
}

body {
    overflow: auto !important;
}

.text-kabayan-primary {
    color: var(--kabayan-primary);
}

.text-kabayan-primary:hover {
    color: var(--kabayan-hover-primary);
}

.btn-kabayan-primary {
    background-color: var(--kabayan-primary);
    color: #fff !important;
}

.btn-kabayan-primary:hover {
    background-color: var(--kabayan-hover-primary);
    color: #fff;
}

.bg-kabayan-primary {
    background-color: var(--kabayan-primary);
    color: #fff !important;
}


/* pagination edit */
.page-item.previous .page-link {
    background-color: transparent !important;
    /* border: 1px solid black; */
}

.page-item.next .page-link {
    background-color: transparent !important;
    /* border: 1px solid black; */
}

.page-item .page-link {
    background-color: transparent !important;
    color: #666;
}

.page-item.active .page-link {
    background-color: var(--kabayan-primary) !important;
    /* border: 1px solid black; */
    color: #fff;
}

/* /. pagination edit */


body {
    overflow-x: hidden;
}

.text-hover-kabayan-primary:hover {
    color: #d3793a !important;
}

.alert-kabayan {
    color: #fff;
    background-color: var(--kabayan-hover-primary);
    border-color: var(--kabayan-primary);
}

/* badge */
.badge-kabayan-primary {
    background-color: var(--kabayan-primary);
}


.nav-tabs {
    border: 0;
}

.form-check.form-check-kabayan-primary .form-check-input {
    width: 20px !important;
    height: 20px !important;
}

.form-check.form-check-kabayan-primary .form-check-input:checked {
    background-color: #e98d4c;
    border-color: transparent;
}

.nav-item .nav-link.active {
    color: black;
    border-bottom: 2px solid var(--kabayan-primary) !important;
}

.nav-item .nav-link:hover {
    border-bottom: 2px solid var(--kabayan-primary) !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    background: #fab07c36 !important;
    color: #333 !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
    background: #fab07c36 !important;
    color: #000 !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option:not(.select2-results__option--group):hover {
    background-color: #fab07c36 !important;
    color: #000 !important;
}


.btn-light.btn-active-light-kabayan-primary:hover {
    background-color: #fab07c36 !important;
    color: #e98d4c !important;
}

.btn-light.btn-active-light-kabayan-primary:focus {
    background-color: #fab07c36 !important;
    color: #e98d4c !important;
}

.btn-light-kabayan-primary {
    border: 1px solid #f0b78f !important;
    background-color: #fab07c36 !important;
    color: #e98d4c !important;
}

.btn-light-kabayan-primary:hover {
    background-color: #e98d4c !important;
    color: #fff !important;
}

.menu-item.show .menu-link-parrent .menu-icon,
.menu-item.show .menu-link-parrent .menu-title {
    color: #e98d4c !important;
}

.menu-item .menu-link:hover .menu-icon,
.menu-item .menu-link:hover .menu-title {
    color: #e98d4c !important;
}

.menu-item .menu-link.active .menu-icon,
.menu-item .menu-link.active .menu-title {
    color: #e98d4c !important;
}

.menu-item .menu-link-parrent.active {
    background-color: #fab07c36 !important;
}

.menu-item .menu-sub .menu-link:hover {
    background-color: #fab07c36 !important;
}

.menu-item .menu-sub .menu-link.active {
    background-color: #fab07c36 !important;
}

.menu-item .menu-link.active .bullet-dot {
    background-color: #e98d4c !important;
}

.menu-item.hover .menu-link-parrent .menu-icon,
.menu-item.hover .menu-link-parrent .menu-title {
    color: #e98d4c !important;
}

.menu-item .menu-link:hover .bullet-dot {
    background-color: #e98d4c !important;
}

.menu-link-profile:hover {
    background-color: #fab07c36 !important;
    color: #e98d4c !important;
}


table td,
table th {
    vertical-align: middle;
}

.btn-check:active+.btn.btn-active-light-customized,
.btn-check:checked+.btn.btn-active-light-customized,
.btn.btn-active-light-customized.active,
.btn.btn-active-light-customized.show,
.btn.btn-active-light-customized:active:not(.btn-active),
.btn.btn-active-light-customized:focus:not(.btn-active),
.btn.btn-active-light-customized:hover:not(.btn-active),
.show>.btn.btn-active-light-customized {
    color: #009ef7;
    border-color: #f1faff;
    background-color: #f1faff !important
}

.btn-check:active+.btn.btn-active-light-customized i,
.btn-check:checked+.btn.btn-active-light-customized i,
.btn.btn-active-light-customized.active i,
.btn.btn-active-light-customized.show i,
.btn.btn-active-light-customized:active:not(.btn-active) i,
.btn.btn-active-light-customized:focus:not(.btn-active) i,
.btn.btn-active-light-customized:hover:not(.btn-active) i,
.show>.btn.btn-active-light-customized i {
    color: #009ef7
}

.btn-check:active+.btn.btn-active-light-customized .svg-icon svg [fill]:not(.permanent):not(g),
.btn-check:checked+.btn.btn-active-light-customized .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-light-customized.active .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-light-customized.show .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-light-customized:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-light-customized:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-light-customized:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.show>.btn.btn-active-light-customized .svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #009ef7
}

.btn-check:active+.btn.btn-active-light-customized .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn-check:checked+.btn.btn-active-light-customized .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-active-light-customized.active .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-active-light-customized.show .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-active-light-customized:active:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-active-light-customized:focus:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g),
.btn.btn-active-light-customized:hover:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g),
.show>.btn.btn-active-light-customized .svg-icon svg:hover [fill]:not(.permanent):not(g) {
    transition: fill .3s ease
}

.btn-check:active+.btn.btn-active-light-customized.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-light-customized.dropdown-toggle:after,
.btn.btn-active-light-customized.active.dropdown-toggle:after,
.btn.btn-active-light-customized.show.dropdown-toggle:after,
.btn.btn-active-light-customized:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-light-customized:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-light-customized:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-light-customized.dropdown-toggle:after {
    color: #009ef7
}

.btn.btn-active-light-customized.btn-outline:not(.btn-outline-default) {
    border-color: #999999 !important
}

.btn.btn-active-light-customized.btn-outline:hover:not(.btn-outline-default) {
    border-color: #009ef7 !important
}