:root {
        /* Navbar */
        --bs-navbar-background-color : rgb(223,212,208);
        --sc-navbar-hover-color: #000;
        --bs-navbar-box-shadow:  ;
        --sc-navbar-color: #000 ;
        --bs-navbar-font-weight:  ;

        --bs-navbar-offset-x: px ;
        --bs-navbar-offset-y: px ;
        --bs-navbar-blur-radius: px ;
        --bs-navbar-spread-radius: px ;
        --bs-navbar-shadow-color: #fffff ;

        /* End Navbar */

        /* Sidebar */

        --sb-sidenav-dark-bg: rgb(53,57,82);
        --sb-sidenav-dark-color: #fff;
        --sb-sidenav-menu-heading: #6f7379;

        --sb-sidenav-link-dark-color: #000;
       --sb-sidenav-link-bg-color: transparent;
        --sb-sidenav-link-hover-color: rgba(46,51,68,1);

        --sb-sidenav-link-hover-bg: #d1cfba;
        --bs-navbar-hover-color: rgb(209,207,186);
        --sb-sidenav-link-active-color: #fff;
        --sb-sidenav-link-active-bg: #545d85;
        /* End Sidebar */


        /* Content */
        --bs-content-bg-color: rgba(255,252,248);
        --bs-content-bg-position: top;
        --bs-content-bg-size: cover;
        --bs-content-bg-repeat: no-repeat;
        --bs-content-bg-image: url( https://pgn.xrouter.sales-x.store/assets/images/Login-Background-X-Router.jpg );
        /* End Content */

        /* Footer */
        --bs-footer-height : px;
        --bs-footer-background-color : rgba(46,51,68,1);
        --bs-footer-hover-color: #000;
        --bs-footer-box-shadow:  ;
        --bs-footer-color: #fff ;
        --bs-footer-font-weight: 200 ;

        --bs-footer-offset-x: px ;
        --bs-footer-offset-y: px ;
        --bs-footer-blur-radius: px ;
        --bs-footer-spread-radius: px ;
        --bs-footer-shadow-color: #fffff ;

        /* End Footer */

        /* Breadcrumb */
        --bs-breadcrumb-bg : transparent;
        --bs-breadcrumb-border-radius : px;
        --bs-breadcrumb-color : rgba(31, 35, 36, 1);
        --bs-breadcrumb-active-color : rgba(31, 35, 36, 1);
        --bs-breadcrumb-item-active-color : rgba(31, 35, 36, 1);
        --bs-breadcrumb-divider-color : #6c757d;
        --bs-breadcrumb-font-size : px;
        --bs-breadcrumb-font-weight : 400;

        --bs-breadcrumb-title-background-color : ;
        --bs-breadcrumb-title-font-color : ;
        
        --bs-breadcrumb-title-font-size: 32px;

        --bs-breadcrumb-padding-x : px;
        --bs-breadcrumb-padding-y : px;


        /* End Breadcrumb */

        /* Card */
        --bs-card-background-color : #aea4a2;
        --bs-card-font-color : #fff;
        --bs-card-border-color : transparent;
        --bs-card-border-radius : px;

        --bs-card-header-background-color : #E2E0D2;
        --bs-card-header-font-color : #E2E0D2;
        --bs-card-header-font-weight : 400;
        --bs-card-header-border-color : #E2E0D2;

        --bs-card-footer-background-color : #E2E0D2;
        --bs-card-footer-font-color : #E2E0D2;
        --bs-card-footer-font-weight : 400;
        --bs-card-footer-border-color : #E2E0D2;
        /* EndCard */

        /* Table */
        --bs-table-header-background : #5b332b;
        --bs-table-header-color : #fff;
        --bs-table-odd-bg-color : #eee4e2;
        --bs-table-odd-font-color : rgba(31, 35, 36, 1);

        --bs-table-even-bg-color : #e1d4d0;
        --bs-table-even-font-color : rgba(31, 35, 36, 1);

        --bs-table-pagination-active-background : ;
        --bs-table-pagination-active-color : ;
        --bs-table-pagination-active-border-color : ;

        --bs-table-pagination-inactive-background : ;
        --bs-table-pagination-inactive-color : ;
        --bs-table-pagination-inactive-border-color : ;

        --bs-table-pagination-hover-background : ;
        --bs-table-pagination-hover-color : ;

        --bs-table-pagination-disabled-background : ;
        --bs-table-pagination-disabled-color : ;
        /* End Table */

        /* Form */
        --bs-form-background-color: rgba(255, 255, 255, 1);
        --bs-form-font-color: rgba(31, 35, 36, 1);
        --bs-form-border-color: rgba(206, 209, 214, 1);
        --bs-form-border-radius: px;
        --bs-form-focus-background-color: #fff;
        --bs-form-focus-font-color: #000;
        --bs-form-focus-border-color: transparent;
        --bs-form-disabled-background-color : rgba(206, 209, 214, 1);


        --bs-switch-active-background-color : blue;
        --bs-switch-inactive-background-color : red;
        /* End Form */

        /* Login */
        --bs-login-bg-color: rgba(255,252,248);
        --bs-login-bg-position: top;
        --bs-login-bg-size: cover;
        --bs-login-bg-repeat: no-repeat;
        --bs-login-bg-image: url();
        --bs-login-bg: url('https://pgn.xrouter.sales-x.store/assets/images/Login-Background-X-Router.jpg');
        /* End Login */

        /* Nav Tabs */
        --bs-navtab-active-bg: #2E3344;
        --bs-navtab-active-font-color:rgba(251, 252, 255, 1);
        --bs-navtab-active-border-top:#2E3344;
        --bs-navtab-active-border-lr:#2E3344;
        --bs-navtab-active-border-bottom:#1f2324;

        --bs-navtab-hover-bg: #2E3344;
        --bs-navtab-hover-font-color:#fff;
        --bs-navtab-hover-border-top:#e9ecef;
        --bs-navtab-hover-border-lr:#e9ecef;
        --bs-navtab-hover-border-bottom:#dee2e6;
         --bs-navtab-inactive-color:rgba(48, 43, 43, 1);


         /* #e9ecef #e9ecef #dee2e6; */
        /* End Nav Tabs */

/* Button */
        
        --bs-button-primary-bg-color: #9f4c39;
        --bs-button-primary-font-color: #fff;
        --bs-button-primary-border-color: #9f4c39;

        --bs-button-primary-bg-color-hover: #9f4c39;
        --bs-button-primary-font-color-hover: #fff;
        --bs-button-primary-border-color-hover: #9f4c39;

        --bs-button-primary-bg-color-active: #7F301E;
        --bs-button-primary-font-color-active: #fff;
        --bs-button-primary-border-color-active: #7F301E;

        --bs-button-primary-bg-color-disabled: #007bff;
        --bs-button-primary-font-color-disabled: #fff;
        --bs-button-primary-border-color-disabled: #007bff;

        
        --bs-button-outline-primary-bg-color: transparent;
        --bs-button-outline-primary-font-color: rgba(187, 86, 66, 1);;
        --bs-button-outline-primary-border-color: rgba(187, 86, 66, 1);;

        --bs-button-outline-primary-bg-color-hover: transparent;
        --bs-button-outline-primary-font-color-hover: rgba(187, 86, 66, 1);;
        --bs-button-outline-primary-border-color-hover: rgba(187, 86, 66, 1);;

        --bs-button-outline-primary-bg-color-active: transparent;
        --bs-button-outline-primary-font-color-active: rgba(187, 86, 66, 1);;
        --bs-button-outline-primary-border-color-active: rgba(187, 86, 66, 1);;

        --bs-button-outline-primary-bg-color-disabled: transparent;
        --bs-button-outline-primary-font-color-disabled: rgba(187, 86, 66, 1);;
        --bs-button-outline-primary-border-color-disabled: rgba(187, 86, 66, 1);;

        
        --bs-button-secondary-bg-color: #5a6268;
        --bs-button-secondary-font-color: #fff;
        --bs-button-secondary-border-color: #5a6268;

        --bs-button-secondary-bg-color-hover: #5a6268;
        --bs-button-secondary-font-color-hover: #fff;
        --bs-button-secondary-border-color-hover: #5a6268;

        --bs-button-secondary-bg-color-active: #5a6268;
        --bs-button-secondary-font-color-active: #fff;
        --bs-button-secondary-border-color-active: #5a6268;

        --bs-button-secondary-bg-color-disabled: #5a6268;
        --bs-button-secondary-font-color-disabled: #fff;
        --bs-button-secondary-border-color-disabled: #5a6268;

        
        --bs-button-outline-secondary-bg-color: transparent;
        --bs-button-outline-secondary-font-color: #5a6268;
        --bs-button-outline-secondary-border-color: #5a6268;

        --bs-button-outline-secondary-bg-color-hover: transparent;
        --bs-button-outline-secondary-font-color-hover: #5a6268;
        --bs-button-outline-secondary-border-color-hover: #5a6268;

        --bs-button-outline-secondary-bg-color-active: transparent;
        --bs-button-outline-secondary-font-color-active: #5a6268;
        --bs-button-outline-secondary-border-color-active: #5a6268;

        --bs-button-outline-secondary-bg-color-disabled: transparent;
        --bs-button-outline-secondary-font-color-disabled: #5a6268;
        --bs-button-outline-secondary-border-color-disabled: #5a6268;

        
        --bs-button-danger-bg-color: #5a6268;
        --bs-button-danger-font-color: #fff;
        --bs-button-danger-border-color: #5a6268;

        --bs-button-danger-bg-color-hover: #5a6268;
        --bs-button-danger-font-color-hover: #fff;
        --bs-button-danger-border-color-hover: #5a6268;

        --bs-button-danger-bg-color-active: #5a6268;
        --bs-button-danger-font-color-active: #fff;
        --bs-button-danger-border-color-active: #5a6268;

        --bs-button-danger-bg-color-disabled: #5a6268;
        --bs-button-danger-font-color-disabled: #fff;
        --bs-button-danger-border-color-disabled: #5a6268;

        /* End Button */
        
         /* Utils */


        --bs-utils-on-bg-color: ;
        --bs-utils-on-font-color: ;
        --bs-utils-on-border-color: ;

        --bs-utils-off-bg-color: ;
        --bs-utils-off-font-color: ;
        --bs-utils-off-border-color: ;
        --bs-utils-toggle-border-radius: px;



        --bs-utils-modal-background-color: rgba(174, 164, 162, 1);
        --bs-utils-modal-font-color: rgba(31, 35, 36, 1);


        --bs-utils-dropdown-background-color: rgba(47, 50, 54, 1);
        --bs-utils-dropdown-hover-bg-color: rgba(81, 84, 89, 1);
        --bs-utils-dropdown-font-color: rgba(251, 252, 255, 1);
        --bs-utils-dropdown-font-color-hover: rgba(251, 252, 255, 1);

        --bs-utils-scrollbar-track-bg: rgba(241, 231, 227, 1);
        --bs-utils-scrollbar-thumb-bg: rgba(84, 93, 133, 1);
        --bs-utils-scrollbar-thumb-width: 10px;

        --bs-utils-background-primary: rgba(53, 57, 82, 1);
        --bs-utils-background-secondary: rgba(91, 51, 43, 1);
        --bs-utils-background-warning: rgba(159, 76, 57, 1);
        --bs-utils-background-danger: rgba(194, 25, 25, 1);

        --bs-utils-text-primary: rgba(53, 57, 82, 1);
        --bs-utils-text-secondary: rgba(91, 51, 43, 1);
        --bs-utils-text-warning: rgba(159, 76, 57, 1);
        --bs-utils-text-danger: rgba(194, 25, 25, 1);
        --bs-utils-text-white: rgba(242, 243, 245, 1);

        --bs-utils-border-primary: rgba(128, 128, 133, 1);
        --bs-utils-border-secondary: rgba(128, 128, 133, 1);
        --bs-utils-border-warning: #ffc107;
        --bs-utils-border-danger: #dc3545;


        /* End Utils */
    }