:root {
        /* Navbar */
        --bs-navbar-background-color : rgb(25, 118, 210);
        --sc-navbar-hover-color: rgb(255, 255, 255);
        --bs-navbar-box-shadow: 0 4px 20px rgba(0,0,0,0.03);
        --sc-navbar-color: rgb(255, 255, 255) ;
        --bs-navbar-font-weight: 600;

        --bs-navbar-offset-x: px ;
        --bs-navbar-offset-y: 2px ;
        --bs-navbar-blur-radius: 4px ;
        --bs-navbar-spread-radius: px ;
        --bs-navbar-shadow-color: rgba(0, 0, 0, 0.1) ;

        /* End Navbar */

        /* Sidebar */

        --sb-sidenav-dark-bg: rgb(24, 30, 42);
        --sb-sidenav-dark-color: rgb(200, 200, 200);
        --sb-sidenav-menu-heading: rgb(170, 170, 170);

        --sb-sidenav-link-dark-color: rgb(200, 200, 200);
        --sb-sidenav-link-bg-color: rgb(24, 30, 42);
        --sb-sidenav-link-hover-color: rgb(255, 255, 255);

        --sb-sidenav-link-hover-bg: rgba(0, 100, 180, 0.2);
        --bs-navbar-hover-color: rgb(255, 255, 255);
        --sb-sidenav-link-active-color: rgb(255, 255, 255);
        --sb-sidenav-link-active-bg: rgb(25, 118, 210);
        /* End Sidebar */


        /* Content */
        --bs-content-bg-color: rgb(248, 249, 250);
        --bs-content-bg-position: top left;
        --bs-content-bg-size: auto;
        --bs-content-bg-repeat: no-repeat;
        --bs-content-bg-image: url(  );
        /* End Content */

        /* Footer */
        --bs-footer-height : 50px;
        --bs-footer-background-color : rgb(233, 236, 239);
        --bs-footer-hover-color: rgb(25, 118, 210);
        --bs-footer-box-shadow: 0 -2px 10px rgba(0,0,0,0.03);
        --bs-footer-color: rgb(52, 58, 64) ;
        --bs-footer-font-weight: 400 ;

        --bs-footer-offset-x: px ;
        --bs-footer-offset-y: -2px ;
        --bs-footer-blur-radius: 4px ;
        --bs-footer-spread-radius: px ;
        --bs-footer-shadow-color: rgba(0, 0, 0, 0.08) ;

        /* End Footer */

        /* Breadcrumb */
        --bs-breadcrumb-bg : rgb(255, 255, 255);
        --bs-breadcrumb-border-radius : 4px;
        --bs-breadcrumb-color : rgb(108, 117, 125);
        --bs-breadcrumb-active-color : rgb(25, 118, 210);
        --bs-breadcrumb-item-active-color : rgba(31, 35, 36, 1);
        --bs-breadcrumb-divider-color : rgb(206, 212, 218);
        --bs-breadcrumb-font-size : 14px;
        --bs-breadcrumb-font-weight : 400;

        --bs-breadcrumb-title-background-color : rgb(248, 249, 250);
        --bs-breadcrumb-title-font-color : rgb(33, 37, 41);
        --bs-breadcrumb-title-font-size: 24px;

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


        /* End Breadcrumb */

        /* Card */
        --bs-card-background-color : rgb(255, 255, 255);
        --bs-card-font-color : rgb(33, 37, 41);
        --bs-card-border-color : rgba(0, 0, 0, 0.125);
        --bs-card-border-radius : 8px;

        --bs-card-header-background-color : rgba(0, 0, 0, 0.03);
        --bs-card-header-font-color : rgb(33, 37, 41);
        --bs-card-header-font-weight : 600;
        --bs-card-header-border-color : rgba(0, 0, 0, 0.125);

        --bs-card-footer-background-color : rgba(0, 0, 0, 0.03);
        --bs-card-footer-font-color : rgb(33, 37, 41);
        --bs-card-footer-font-weight : 400;
        --bs-card-footer-border-color : rgba(0, 0, 0, 0.125);
        /* EndCard */

        /* Table */
        --bs-table-header-background : rgb(25, 118, 210);
        --bs-table-header-color : rgb(255, 255, 255);
        --bs-table-odd-bg-color : rgb(248, 249, 250);
        --bs-table-odd-font-color : rgb(33, 37, 41);

        --bs-table-even-bg-color : rgb(255, 255, 255);
        --bs-table-even-font-color : rgb(33, 37, 41);

        --bs-table-pagination-active-background : rgb(25, 118, 210);
        --bs-table-pagination-active-color : rgb(255, 255, 255);
        --bs-table-pagination-active-border-color : rgb(25, 118, 210);

        --bs-table-pagination-inactive-background : rgb(255, 255, 255);
        --bs-table-pagination-inactive-color : rgb(25, 118, 210);
        --bs-table-pagination-inactive-border-color : rgb(222, 226, 230);

        --bs-table-pagination-hover-background : rgb(80, 160, 230);
        --bs-table-pagination-hover-color : rgb(255, 255, 255);

        --bs-table-pagination-disabled-background : rgb(222, 226, 230);
        --bs-table-pagination-disabled-color : rgb(108, 117, 125);
        /* End Table */

        /* Form */
        --bs-form-background-color: rgb(255, 255, 255);
        --bs-form-font-color: rgb(33, 37, 41);
        --bs-form-border-color: rgb(206, 212, 218);
        --bs-form-border-radius: 4px;
        --bs-form-focus-background-color: rgb(255, 255, 255);
        --bs-form-focus-font-color: rgb(33, 37, 41);
        --bs-form-focus-border-color: rgba(0, 123, 255, 0.5);
        --bs-form-disabled-background-color : rgb(233, 236, 239);

        --bs-form-label-font-color: rgb(33, 37, 41);
        --bs-form-label-font-size: 16px;
        --bs-form-label-font-weight: 600;

        --bs-switch-active-background-color : rgb(25, 118, 210);
        --bs-switch-inactive-background-color : rgb(108, 117, 125);
         --bs-switch-active-rounded-background-color: rgb(25, 118, 210);
         --bs-switch-inactive-rounded-background-color: rgb(108, 117, 125);
        /* End Form */

        /* Login */
        --bs-login-bg-color: rgb(240, 245, 250);
        --bs-login-bg-position: top;
        --bs-login-bg-size: cover;
        --bs-login-bg-repeat: no-repeat;
        --bs-login-bg-image: url();
                --bs-login-bg: none;
                /* End Login */

        /* Nav Tabs */
        --bs-navtab-active-bg: rgb(255, 255, 255);
        --bs-navtab-active-font-color:rgb(25, 118, 210);
        --bs-navtab-active-border-top:rgb(25, 118, 210);
        --bs-navtab-active-border-lr:rgb(222, 226, 230);
        --bs-navtab-active-border-bottom:rgb(255, 255, 255);

        --bs-navtab-hover-bg: rgb(248, 249, 250);
        --bs-navtab-hover-font-color:rgb(33, 37, 41);
        --bs-navtab-hover-border-top:rgb(222, 226, 230);
        --bs-navtab-hover-border-lr:rgb(222, 226, 230);
        --bs-navtab-hover-border-bottom:rgb(222, 226, 230);
         --bs-navtab-inactive-color:rgb(108, 117, 125);


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

/* Button */
        
        --bs-button-primary-bg-color: rgb(25, 118, 210);
        --bs-button-primary-font-color: rgb(255, 255, 255);
        --bs-button-primary-border-color: rgb(25, 118, 210);

        --bs-button-primary-bg-color-hover: rgb(18, 88, 158);
        --bs-button-primary-font-color-hover: rgb(255, 255, 255);
        --bs-button-primary-border-color-hover: rgb(18, 88, 158);

        --bs-button-primary-bg-color-active: rgb(12, 60, 108);
        --bs-button-primary-font-color-active: rgb(255, 255, 255);
        --bs-button-primary-border-color-active: rgb(12, 60, 108);

        --bs-button-primary-bg-color-disabled: rgb(173, 216, 230);
        --bs-button-primary-font-color-disabled: rgb(255, 255, 255);
        --bs-button-primary-border-color-disabled: rgb(173, 216, 230);

        
        --bs-button-outline-primary-bg-color: rgba(0, 0, 0, 0);
        --bs-button-outline-primary-font-color: rgb(25, 118, 210);
        --bs-button-outline-primary-border-color: rgb(25, 118, 210);

        --bs-button-outline-primary-bg-color-hover: rgb(25, 118, 210);
        --bs-button-outline-primary-font-color-hover: rgb(255, 255, 255);
        --bs-button-outline-primary-border-color-hover: rgb(25, 118, 210);

        --bs-button-outline-primary-bg-color-active: rgb(18, 88, 158);
        --bs-button-outline-primary-font-color-active: rgb(255, 255, 255);
        --bs-button-outline-primary-border-color-active: rgb(18, 88, 158);

        --bs-button-outline-primary-bg-color-disabled: rgba(0, 0, 0, 0);
        --bs-button-outline-primary-font-color-disabled: rgb(173, 216, 230);
        --bs-button-outline-primary-border-color-disabled: rgb(173, 216, 230);

        
        --bs-button-secondary-bg-color: rgb(108, 117, 125);
        --bs-button-secondary-font-color: rgb(255, 255, 255);
        --bs-button-secondary-border-color: rgb(108, 117, 125);

        --bs-button-secondary-bg-color-hover: rgb(86, 95, 103);
        --bs-button-secondary-font-color-hover: rgb(255, 255, 255);
        --bs-button-secondary-border-color-hover: rgb(86, 95, 103);

        --bs-button-secondary-bg-color-active: rgb(68, 75, 81);
        --bs-button-secondary-font-color-active: rgb(255, 255, 255);
        --bs-button-secondary-border-color-active: rgb(68, 75, 81);

        --bs-button-secondary-bg-color-disabled: rgb(206, 212, 218);
        --bs-button-secondary-font-color-disabled: rgb(255, 255, 255);
        --bs-button-secondary-border-color-disabled: rgb(206, 212, 218);

        
        --bs-button-outline-secondary-bg-color: rgba(0, 0, 0, 0);
        --bs-button-outline-secondary-font-color: rgb(108, 117, 125);
        --bs-button-outline-secondary-border-color: rgb(108, 117, 125);

        --bs-button-outline-secondary-bg-color-hover: rgb(108, 117, 125);
        --bs-button-outline-secondary-font-color-hover: rgb(255, 255, 255);
        --bs-button-outline-secondary-border-color-hover: rgb(108, 117, 125);

        --bs-button-outline-secondary-bg-color-active: rgb(86, 95, 103);
        --bs-button-outline-secondary-font-color-active: rgb(255, 255, 255);
        --bs-button-outline-secondary-border-color-active: rgb(86, 95, 103);

        --bs-button-outline-secondary-bg-color-disabled: rgba(0, 0, 0, 0);
        --bs-button-outline-secondary-font-color-disabled: rgb(206, 212, 218);
        --bs-button-outline-secondary-border-color-disabled: rgb(206, 212, 218);

        
        --bs-button-danger-bg-color: rgb(220, 53, 69);
        --bs-button-danger-font-color: rgb(255, 255, 255);
        --bs-button-danger-border-color: rgb(220, 53, 69);

        --bs-button-danger-bg-color-hover: rgb(187, 45, 59);
        --bs-button-danger-font-color-hover: rgb(255, 255, 255);
        --bs-button-danger-border-color-hover: rgb(187, 45, 59);

        --bs-button-danger-bg-color-active: rgb(153, 37, 48);
        --bs-button-danger-font-color-active: rgb(255, 255, 255);
        --bs-button-danger-border-color-active: rgb(153, 37, 48);

        --bs-button-danger-bg-color-disabled: rgb(240, 173, 177);
        --bs-button-danger-font-color-disabled: rgb(255, 255, 255);
        --bs-button-danger-border-color-disabled: rgb(240, 173, 177);

        /* End Button */
        
         /* Utils */


        --bs-utils-on-bg-color: rgb(25, 118, 210);
        --bs-utils-on-font-color: rgb(255, 255, 255);
        --bs-utils-on-border-color: rgb(25, 118, 210);

        --bs-utils-off-bg-color: rgb(108, 117, 125);
        --bs-utils-off-font-color: rgb(255, 255, 255);
        --bs-utils-off-border-color: rgb(108, 117, 125);
        --bs-utils-toggle-border-radius: 50px;



        --bs-utils-modal-background-color: rgb(255, 255, 255);
        --bs-utils-modal-font-color: rgb(33, 37, 41);


        --bs-utils-dropdown-background-color: rgb(255, 255, 255);
        --bs-utils-dropdown-hover-bg-color: rgb(230, 240, 250);
        --bs-utils-dropdown-font-color: rgb(33, 37, 41);
        --bs-utils-dropdown-font-color-hover: rgb(25, 118, 210);

        --bs-utils-scrollbar-track-bg: rgb(240, 240, 240);
        --bs-utils-scrollbar-thumb-bg: rgb(170, 170, 170);
        --bs-utils-scrollbar-thumb-width: 8px;

        --bs-utils-background-primary: rgb(25, 118, 210);
        --bs-utils-background-secondary: rgb(108, 117, 125);
        --bs-utils-background-warning: rgb(255, 193, 7);
        --bs-utils-background-danger: rgb(220, 53, 69);

        --bs-utils-text-primary: rgb(25, 118, 210);
        --bs-utils-text-secondary: rgb(108, 117, 125);
        --bs-utils-text-warning: rgb(159, 100, 0);
        --bs-utils-text-danger: rgb(220, 53, 69);
        --bs-utils-text-white: rgb(255, 255, 255);

        --bs-utils-border-primary: rgb(25, 118, 210);
        --bs-utils-border-secondary: rgb(108, 117, 125);
        --bs-utils-border-warning: rgb(255, 193, 7);
        --bs-utils-border-danger: rgb(220, 53, 69);


        /* End Utils */
    }