/*-----------------------------------------------
|   Theme Styles
-----------------------------------------------*/
:root,
:root.light,
:root .light {
    --falcon-primary: #A36024;
    --falcon-primary-rgb: 163, 96, 36;
    --falcon-soft-primary: #f8e6d6; 
    
    --falcon-secondary: #6A6B6E;
    --falcon-secondary-rgb: 106, 107, 110;

    --falcon-info: #6A6B6E;
    --falcon-info-rgb: 106, 107, 110;

    --falcon-link-color: #be8b54;
    --falcon-link-hover-color: #7e5b36;

    --falcon-btn-falcon-primary-hover-color: #7e5b36;

    --falcon-btn-color: #fff;
    --falcon-btn-bg: #A36024;
    
    --falcon-card-bg: #A36024;
    /* color: rgb(255, 238, 0); */
    --falcon-line-chart-gradient: linear-gradient(-45deg, #b66c2b, #c79056);
    --falcon-card-gradient: linear-gradient(-45deg, #a15512, #ff8a23);
    --falcon-bg-shape-bg-ltd: linear-gradient(-45deg, #ff8a23, #a15512);
    --falcon-bg-shape-bg-dtl: linear-gradient(-45deg, #a15512, #ff8a23);

    /* grays */
    --falcon-gray-100: #f9fafd;
    --falcon-gray-100-rgb: 249, 250, 253;

    /* shapes */
    --falcon-bg-shape-bg: #d47c2f;

    /* scroll bar */
    --falcon-navbar-vertical-scrollbar-color: #dda365;
    --falcon-scrollbar-bg: #dda365;

    input[type="checkbox"], input[type="radio"]{
        accent-color: #A36024;
    }
}

.windows.chrome .navbar-vertical.navbar-vibrant .scrollbar::-webkit-scrollbar-thumb, .windows.chrome .navbar-vertical.navbar-vibrant .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-thumb, .dataTables_wrapper .dataTables_scroll .windows.chrome .navbar-vertical.navbar-vibrant .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background-color: #dda365;
}

.icon-spin path{
    fill: #A36024 !important;
}

.ripple:after, .ripple:before {
    border: 3px solid rgba(var(--falcon-info-rgb), 0.4);
}

.btn-primary, .navbar-vertical .btn-purchase, .tox .tox-menu__footer .tox-button:last-child, .tox .tox-dialog__footer .tox-button:last-child {
    --falcon-btn-color: #fff;
    --falcon-btn-bg: #A36024;
    --falcon-btn-border-color: #A36024;
    --falcon-btn-hover-color: #fff;
    --falcon-btn-hover-bg: #7c4515;
    --falcon-btn-hover-border-color: #a15415;
    --falcon-btn-focus-shadow-rgb: 195, 84, 40;
    --falcon-btn-active-color: #fff;
    --falcon-btn-active-bg: #a15415;
    --falcon-btn-active-border-color: #9f4905;
    --falcon-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --falcon-btn-disabled-color: #fff;
    --falcon-btn-disabled-bg: #A36024;
    --falcon-btn-disabled-border-color: #A36024;
}

.navbar-vertical.navbar-vibrant .navbar-collapse {
    background-image: -o-linear-gradient(135deg, rgba(233, 124, 30, 0.86), #a15512), url(../img/generic/bg-navbar.png);
    background-image: linear-gradient(-45deg, rgba(233, 124, 30, 0.86), #a15512), url(../img/generic/bg-navbar.png);
}

/* .dark {
    --falcon-primary: #e63757;
    --falcon-primary-rgb: 230, 55, 87;

    .card {
        --falcon-card-bg: #00d27a;
    }
} */