:root {
    --primary-color: #ff5e00; 
    --primary-hover: #e65400;
    --primary-active: #cc4b00;
}

.page-content {
    background: var(--primary-color);
}

.navbar .logo-box {
    background: var(--primary-color);
}

    .navbar .logo-box a {
        color: #fff;
    }

.sidebar {
    background: var(--primary-color);
}

.sidebar-header {
    background: var(--primary-color);
}

.sidebar-profile span small {
    color: #edecec;
}

.menu {
    background: var(--primary-color);
}

    .menu.accordion-menu a {
        color: #ffffff;
    }

    .menu.accordion-menu > li > a:hover {
        background: #0000002e;
        color: #fff;
    }

    .menu.accordion-menu > li.active > a,
    .menu.accordion-menu > li.active.open > a {
        background: #0000002e;
        color: #fff;
    }

    .small-sidebar:not(.page-sidebar-fixed) .accordion-menu li.droplink:hover > a,
    .horizontal-bar .accordion-menu > li.droplink:hover > a,
    .menu.accordion-menu ul,
    .menu.accordion-menu li.open > a,
    .hover-menu .accordion-menu > li.droplink:hover > a {
        background: #0000002e;
        color: #fff;
    }

        .menu.accordion-menu ul li a:hover,
        .menu.accordion-menu ul li.active a {
            background: var(--primary-color);
            color: #fff;
        }

        .menu.accordion-menu ul li a {
            color: #ffffff;
        }

.topmenu-outer {
    background: #34425a;
}


.top-menu .navbar-nav > li > a {
    color: #fff;
}

.topmenu-outer {
    background: var(--primary-color);
}


.top-menu .navbar-nav > li > a {
    color: #fff;
}

.show-onbl-thm, .show-sm-all-thm, .show-sm-onbl-thm {
    display: none;
}

.small-sidebar .show-all-thm {
    display: none;
}


.small-sidebar .show-sm-all-thm {
    display: block !important;
    padding: 0 !important;
}


.badge.badge-success {
    background: #4CAF50;
}

.box-header {
    color: #fff;
    display: block;
    padding: 10px;
    position: relative;
    background: var(--primary-color) !important;
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 0;
    background-color: var(--primary-color) !important;
    text-align: center;
    color: white;
}

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

.k-grid-toolbar .k-button.k-button-icontext.k-grid-excel {
    background-color: var(--primary-color);
    color: white;
    border-color: var(--primary-color);
    font-size: small;
}

    .k-grid-toolbar .k-button.k-button-icontext.k-grid-excel:hover {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }


button.k-button.k-button-icontext.k-grid-pdf {
    background-color: var(--primary-color) !important;
    color: white !important;
    border-color: var(--primary-color) !important;
    font-size: small;
}

    button.k-button.k-button-icontext.k-grid-pdf:hover {
        background-color: var(--primary-color) !important;
        border-color: var(--primary-color) !important;
    }

button.k-button.k-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}


/*Top Nav Hover Color*/

a.waves-effect.waves-button.waves-classic.sidebar-toggle:hover {
    background: #0000002e;
}

a.waves-effect.waves-button.waves-classic.cd-nav-trigger:hover {
    background: #0000002e;
}

a.waves-effect.waves-button.waves-classic.toggle-fullscreen:hover {
    background: #0000002e;
}

a.dropdown-toggle.waves-effect.waves-button.waves-classic:hover {
    background: #0000002e;
}

a.log-out.waves-effect.waves-button.waves-classic:hover {
    background: #0000002e;
}

/*End Top Nav Hover Color*/

/*Login Page*/

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 0;
    background-color: var(--primary-color) !important;
    text-align: center;
    color: white;
}

.img-holder {
    background-color: var(--primary-color) !important;
    width: 600px !important;
}

.form-content .form-button .ibtn {
    background-color: var(--primary-color) !important;
}

a.active {
    color: var(--primary-color) !important;
}
/*Login Page End*/

/*Button*/

.btn-primary {
    color: #fff;
    background-color: var(--primary-color) !important;
    border-color: transparent;
    border-radius: 5px !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--primary-hover) !important;
    box-shadow: 0 4px 12px rgba(255, 94, 0, 0.35);
    transform: translateY(-1px);
    color: #fff;
}
.btn {
    border-radius: 5px !important;
}

.btn-default {
    background-color: #f4f4f4 !important 
}

.btn-info {
    color: #fff;
    background-color: #12AFCB;
    border-color: transparent;
    border-radius: 5px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
}

.btn-info:hover,
.btn-info:focus {
    background-color: #0f95ad; /* darker teal */
    box-shadow: 0 4px 12px rgba(18, 175, 203, 0.35);
    transform: translateY(-1px);
    color: #fff;
}

.btn-warning {
    color: #000000;
    background-color: #f2ca4c;
    border-color: transparent;
    border-radius: 5px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
}

.btn-warning:hover,
.btn-warning:focus {
    background-color: #e0b83f; /* darker yellow */
    box-shadow: 0 4px 12px rgba(242, 202, 76, 0.35);
    transform: translateY(-1px);
    color: #000000;
}

.btn-success {
    color: #fff;
    background-color: #3DAE2B; /* success green */
    border-color: transparent;
    border-radius: 5px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
}

.btn-success:hover,
.btn-success:focus {
    background-color: #2f8f21; /* darker green */
    box-shadow: 0 4px 12px rgba(61, 174, 43, 0.35);
    transform: translateY(-1px);
    color: #fff;
}
.btn-secondary {
    color: #fff;
    background-color: #6c757d; /* secondary gray */
    border-color: transparent;
    border-radius: 5px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
}

.btn-secondary:hover,
.btn-secondary:focus {
    background-color: #5a6268; /* darker gray */
    box-shadow: 0 4px 12px rgba(108, 117, 125, 0.35);
    transform: translateY(-1px);
    color: #fff;
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: transparent;
    border-radius: 5px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
}

.btn-light:hover,
.btn-light:focus {
    background-color: #e2e6ea;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    transform: translateY(-1px);
    color: #212529;
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: transparent;
    border-radius: 5px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
}

    .btn-light:hover,
    .btn-light:focus {
        background-color: #e2e6ea;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
        transform: translateY(-1px);
        color: #212529;
    }

.btn-dark {
    color: #fff;
    background-color: #212529;
    border-color: transparent;
    border-radius: 5px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
}

    .btn-dark:hover,
    .btn-dark:focus {
        background-color: #121416;
        box-shadow: 0 4px 12px rgba(33, 37, 41, 0.4);
        transform: translateY(-1px);
        color: #fff;
    }

.btn:disabled,
.btn.disabled {
    opacity: 0.65;
    cursor: not-allowed;
    pointer-events: none;
    box-shadow: none !important;
}

.btn:disabled:hover,
.btn.disabled:hover {
    transform: none;
    background-color: inherit;
}


.btn {
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
}

/*Button*/