:root {
        /* Navbar */
        --bs-navbar-background-color : rgba(223, 223, 223, 1);
        --sc-navbar-hover-color: rgba(30, 125, 186, 1);
        --bs-navbar-box-shadow:  ;
        --sc-navbar-color: rgba(40, 44, 45, 1) ;
        --bs-navbar-font-weight: 24 ;
        --bs-navbar-toggler-color: rgba(40, 44, 45, 1) ;

        --bs-navbar-link-hover-bg-color:tansparent;

        --bs-navbar-subnavbar-bg-image: url();
        --bs-navbar-subnavbar-bg-position: top;
        --bs-navbar-subnavbar-bg-size: auto;
        --bs-navbar-subnavbar-bg-repeat: repeat;
        --bs-navbar-subnavbar-max-height: 150px;

        /* End Navbar */

        /* Sidebar */

        --sb-sidenav-dark-bg: rgba(26, 35, 73, 1);
        --sb-sidenav-dark-color: rgba(247, 248, 250, 1);
        --sb-sidenav-menu-heading: rgba(206, 209, 214, 1);

        --sb-sidenav-link-dark-color: rgba(247, 248, 250, 1);
       --sb-sidenav-link-bg-color: rgba(44, 60, 66, 1);
        --sb-sidenav-link-hover-color: rgba(247, 248, 250, 1);

        --sb-sidenav-link-hover-bg: rgba(43, 79, 121, 1);
        --bs-navbar-hover-color: rgba(30, 125, 186, 1);
        --sb-sidenav-link-active-color: rgba(247, 248, 250, 1);
        --sb-sidenav-link-active-bg: rgba(43, 79, 121, 1);
        /* End Sidebar */


        /* Content */
        --bs-content-bg-color: rgba(248, 248, 248, 1);
        --bs-content-bg-position: bottom right;
        --bs-content-bg-size: cover;
        --bs-content-bg-repeat: no-repeat;
        --bs-content-bg-image: url(  );
        --bs-content-border-left-color: transparent;
        --bs-content-border-right-color: transparent;

        /* End Content */

        /* Header */
        --bs-header-background-color : rgba(46,51,68,1);
        --bs-header-hover-color: #000;
        --bs-header-box-shadow:  ;
        --bs-header-color: #fff ;
        --bs-header-font-weight: 200 ;
        --bs-header-bg-position: top;
        --bs-header-bg-size: cover;
        --bs-header-bg-repeat: no-repeat;
        --bs-header-bg-image: url(  );
        --bs-header-min-height: px;

        /* End Header */
        /* Footer */
        --bs-footer-background-color : rgba(26, 35, 73, 1);
        --bs-footer-bg-image : ;
        --bs-footer-hover-color: rgba(30, 125, 186, 1);
        --bs-footer-box-shadow:  ;
        --bs-footer-color: rgba(247, 248, 250, 1) ;
        --bs-footer-font-weight: 200 ;
        --bs-footer-bg-position: top;
        --bs-footer-bg-size: cover;
        --bs-footer-bg-repeat: no-repeat;
        --bs-footer-bg-image: url(  );
        --bs-footer-min-height: px;


        --bs-sub-footer-background-color : rgba(26, 35, 73, 1);
        --bs-sub-footer-hover-color: rgba(30, 125, 186, 1);
        --bs-sub-footer-box-shadow:  ;
        --bs-sub-footer-color: rgba(247, 248, 250, 1) ;
        --bs-sub-footer-font-weight: 200 ;
        /* End Footer */

        /* Footer */
        --bs-breadcrumb-bg : transparent;
        --bs-breadcrumb-border-radius : px;
        --bs-breadcrumb-color : rgba(40, 44, 45, 1);
        --bs-breadcrumb-active-color : rgba(43, 79, 121, 1);
        --bs-breadcrumb-item-active-color : rgba(31, 35, 36, 1);
        --bs-breadcrumb-divider-color : rgba(40, 44, 45, 1);
        --bs-breadcrumb-font-size : 16px;
        --bs-breadcrumb-font-weight : 400;
        /* End Footer */

        /* Card */
        --bs-card-background-color : rgba(255, 255, 255, 1);
        --bs-card-font-color : rgba(40, 44, 45, 1);

        --bs-card-header-background-color : rgba(255, 255, 255, 1);
        --bs-card-header-font-color : rgba(40, 44, 45, 1);
        --bs-card-header-font-weight : 16;
        --bs-card-header-border-color : #E2E0D2;

        --bs-card-footer-background-color : rgba(255, 255, 255, 1);
        --bs-card-footer-font-color : rgba(40, 44, 45, 1);
        --bs-card-footer-font-weight : 14;
        --bs-card-footer-border-color : #E2E0D2;
        /* EndCard */

        /* Table */
        --bs-table-header-background : rgba(26, 35, 73, 1);
        --bs-table-header-color : rgba(247, 248, 250, 1);
        --bs-table-odd-bg-color : rgba(244, 244, 244, 1);
        --bs-table-odd-font-color : rgba(40, 44, 45, 1);

        --bs-table-even-bg-color : rgba(203, 213, 219, 1);
        --bs-table-even-font-color : rgba(40, 44, 45, 1);

        --bs-table-pagination-active-background : rgba(30, 125, 186, 1);
        --bs-table-pagination-active-color : rgba(255, 255, 255, 1);
        --bs-table-pagination-active-border-color : rgba(30, 125, 186, 1);

        --bs-table-pagination-inactive-background : rgba(255, 255, 255, 1);
        --bs-table-pagination-inactive-color : rgba(102, 102, 102, 1);
        --bs-table-pagination-inactive-border-color : rgba(255, 255, 255, 1);

        --bs-table-pagination-hover-background : rgba(51, 146, 214, 1);
        --bs-table-pagination-hover-color : rgba(255, 255, 255, 1);

        --bs-table-pagination-disabled-background : rgba(189, 189, 189, 1);
        --bs-table-pagination-disabled-color : rgba(102, 102, 102, 1);
        /* End Table */

        /* Form */
        --bs-form-background-color: rgba(255, 255, 255, 1);
        --bs-form-font-color: rgba(111, 115, 121, 1);
        --bs-form-border-color: rgba(206, 209, 214, 1);
        --bs-form-border-radius: 8px;
        --bs-form-focus-background-color: rgba(255, 255, 255, 1);
        --bs-form-focus-font-color: rgba(40, 44, 45, 1);
        --bs-form-focus-border-color: rgba(30, 125, 186, 1);
        --bs-form-disabled-background-color : rgba(184, 184, 184, 1);
        /* End Form */

        /* Login */
        --bs-login-button-bg: #0d6efd;
        --bs-login-button-color: rgba(255,252,248);

        --bs-login-bg-color: rgba(223, 223, 223, 1);
        --bs-login-bg-position: top;
        --bs-login-bg-size: cover;
        --bs-login-bg-repeat: no-repeat;
        
        --bs-login-bg: url('https://cdn.cube-x.net/view/b58761142d1bc7a402dc470818667801ddba6f568ea0eb1b48d7a8e90cdb3819');
        
        /* End Login */

        /* Nav Tabs */
        --bs-navtab-active-bg: rgba(199, 199, 199, 1);
        --bs-navtab-active-font-color:rgba(0, 0, 0, 1);
        --bs-navtab-active-border-top:rgba(199, 199, 199, 1);
        --bs-navtab-active-border-lr:rgba(199, 199, 199, 1);
        --bs-navtab-active-border-bottom:rgba(199, 199, 199, 1);

        --bs-navtab-hover-bg: rgba(30, 125, 186, 1);
        --bs-navtab-hover-font-color:rgba(255, 255, 255, 1);
        --bs-navtab-hover-border-top:rgba(30, 125, 186, 1);
        --bs-navtab-hover-border-lr:rgba(30, 125, 186, 1);
        --bs-navtab-hover-border-bottom:rgba(30, 125, 186, 1);


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

 /* Button */
        
        --bs-button-primary-bg-color: rgba(30, 125, 186, 1);
        --bs-button-primary-font-color: rgba(255, 255, 255, 1);
        --bs-button-primary-border-color: rgba(30, 125, 186, 1);

        --bs-button-primary-bg-color-hover: rgba(73, 155, 214, 1);
        --bs-button-primary-font-color-hover: rgba(255, 255, 255, 1);
        --bs-button-primary-border-color-hover: rgba(73, 155, 214, 1);

        --bs-button-primary-bg-color-active: rgba(22, 96, 148, 1);
        --bs-button-primary-font-color-active: rgba(255, 255, 255, 1);
        --bs-button-primary-border-color-active: rgba(22, 96, 148, 1);

        --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: rgba(30, 125, 186, 0);
        --bs-button-outline-primary-font-color: rgba(30, 125, 186, 1);
        --bs-button-outline-primary-border-color: rgba(30, 125, 186, 1);

        --bs-button-outline-primary-bg-color-hover: rgba(213, 226, 237, 1);
        --bs-button-outline-primary-font-color-hover: rgba(30, 125, 186, 1);
        --bs-button-outline-primary-border-color-hover: rgba(30, 125, 186, 1);

        --bs-button-outline-primary-bg-color-active: rgba(184, 206, 224, 1);
        --bs-button-outline-primary-font-color-active: rgba(30, 125, 186, 1);
        --bs-button-outline-primary-border-color-active: rgba(30, 125, 186, 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: rgba(196, 145, 50, 0);
        --bs-button-secondary-font-color: rgba(44, 60, 66, 1);
        --bs-button-secondary-border-color: rgba(44, 60, 66, 1);

        --bs-button-secondary-bg-color-hover: rgba(69, 90, 99, 1);
        --bs-button-secondary-font-color-hover: rgba(44, 60, 66, 1);
        --bs-button-secondary-border-color-hover: rgba(69, 90, 99, 1);

        --bs-button-secondary-bg-color-active: rgba(17, 35, 43, 0.5);
        --bs-button-secondary-font-color-active: rgba(44, 60, 66, 1);
        --bs-button-secondary-border-color-active: rgba(17, 35, 43, 1);

        --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;

        /* End Button */


    }