

:root {
  --bs-primary: ;
  
  --bs-secondary: 254,130,29;

  --bs-primary-rgb: 254,130,29;

/* Body */
  --bs-rm-body-bg: 39,43,48;
  --bs-body-color: 170,170,170;
  --bs-body-secondary-color: 30,33,37; 
  --bs-body-font-size: 13px; 
  --bs-font-family: Roboto;
  --bs-rm-body-pic: url(/includes/expansion/default/images/no_background.png);
  --bs-rm-content-style-bg: transparent;
  --bs-rm-reg-pic: url(/includes/expansion/slate/images/slate_login_bg.jpg);

/* Links */
  --bs-link-color: 254,130,29;
  --bs-link-hover-color: 196,89,1;

/* Navigaton */
  --bs-nav-border-top-color-rgb: 254,130,29;
  --bs-nav-border-top-size: 1px;
  --bs-nav-bg-rgb: 58,63,68;
  --bs-nav-sec-bg-rgb: 43,46,50;
  --bs-nav-font-size: 18px;

  --bs-rm-nav-link-color-rgb: 217,217,217;
  --bs-rm-nav-link-hover-color-rgb: 255,255,255;
  --bs-rm-nav-link-hover-bg-rgb: ;

/* Navigaton Dropdown*/
  --bs-rm-navdrp-link-color-rgb: 217,217,217;
  --bs-rm-navdrp-link-hover-color-rgb: 58,63,68;
  --bs-rm-navdrp-link-bg-rgb: 58,63,68;  
  --bs-rm-navdrp-link-hover-bg-rgb: 245,245,245;

/* Card */
  --bs-card-border-color-rgb: 146,143,143;
  --bs-card-bg-rgb: 50,56,62;

/*Button & Card Radius*/  
    --bs-button-border-radius: 0px;
    --bs-border-radius: 0px;
    --bs-rm-card-inner-border-radius: calc(0px - 1px);

/*Footer*/
    --bs-rm-foot-bg-rgb: 58,63,68;
    --bs-rm-foot-color-rgb: 255,255,255;
    --bs-rm-foot-color-h3-rgb: 255,255,255;
    --bs-rm-foot-border-top-rgb: 146,143,143;
    --bs-rm-foot-link-rgb: 254,130,29;


/*Footer Copyright*/
--bs-rm-foot-cr-color-rgb: 255,255,255;


/*----------Footer---------------*/
/*.footer {
    
    
    
}

.footer h3 {
   
    
}

.copyright {
     background: rgb(254,130,29);
     
    
}



/*----------Footer---------------*/

/*Login*/
   --bs-login_color-rgb: 58,63,68;

/*Login*/
--bs-login_color_pic_text-rgb: 255,255,255;      

/*Carousel*/
--bs-carousel_h1_color-rgb: ;
--bs-carousel_h1_span_color-rgb: 254,130,29;
--bs-carousel_text_color-rgb: ;
--bs-carousel_indicators_color-rgb: 254,130,29;

}


/* Login ==================================== */

.bg-image {
background-image: url(/includes/themes/slate/images/slate_login_bg.jpg); 
}




<!-- Primary ==================================== -->

.btn-primary{}
.btn-primary{
color: rgb(245,245,245);
background-color: rgb(58,63,68);
border-color: rgb(170,170,170);
}
.btn-primary:hover{
color: rgb(245,245,245);
background-color: rgb(49,54,58);
border-color: rgb(84,91,98);
}
.btn-primary.focus,.btn-primary:focus{
color: rgb(245,245,245);
background-color: rgb(49,54,58);
border-color: rgb(170,170,170);
}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{
color: rgb(245,245,245);
background-color: rgb(49,54,58);
border-color: rgb(84,91,98);
}


<!-- Secondary ==================================== -->

.btn-secondary{}
.btn-secondary{
color: rgb(245,245,245);
background-color: rgb(122,130,136);
border-color: rgb(170,170,170);
}

.btn.btn-secondary:hover {
color: rgb(245,245,245);
background-color: rgb(104,111,116);
border-color: rgb(84,91,98); 
}
    
.btn.btn-secondary:focus, .btn.btn-secondary.focus {
color: rgb(245,245,245);
background-color: rgb(104,111,116);
border-color: rgb(84,91,98); 
}

.btn-secondary.active,.btn-secondary:active,.open>.dropdown-toggle.btn-secondary{
color: rgb(245,245,245);
background-color: rgb(104,111,116);
border-color: rgb(84,91,98);
}

<!-- Success ==================================== -->

.btn-success{}
.btn-success{
color: rgb(245,245,245);
background-color: rgb(98,196,98);
border-color: rgb(170,170,170);
}
.btn-success.focus,.btn-success:focus{
color: rgb(245,245,245);
background-color: rgb(83,167,83);
border-color: rgb(84,91,98);
}
.btn-success:hover{
color: rgb(245,245,245);
background-color: rgb(83,167,83);
border-color: rgb(84,91,98);
}
.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{
color: rgb(245,245,245);
background-color: rgb(83,167,83);
border-color: rgb(84,91,98);
}

<!-- Danger ==================================== -->

.btn-danger{}
.btn-danger{
color: rgb(245,245,245);
background-color: rgb(238,95,91);
border-color: rgb(170,170,170);
}
.btn-danger.focus,.btn-danger:focus{
color: rgb(245,245,245);
background-color: rgb(202,81,77);
border-color: rgb(170,170,170);
}
.btn-danger:hover{
color: rgb(245,245,245);
background-color: rgb(202,81,77);
border-color: rgb(84,91,98);
}
.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{
color: rgb(245,245,245);
background-color: rgb(202,81,77);
border-color: rgb(84,91,98);
}

<!-- warning ==================================== -->

.btn-warning{}
.btn-warning{
color: rgb(0,0,0);
background-color: rgb(248,148,6);
border-color: rgb(170,170,170);
}
.btn-warning.focus,.btn-warning:focus{
color: rgb(0,0,0);
background-color: rgb(211,126,5);
border-color: rgb(170,170,170);
}
.btn-warning:hover{
color: rgb(0,0,0);
background-color: rgb(211,126,5);
border-color: rgb(84,91,98);
}
.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{
color: rgb(0,0,0);
background-color: rgb(211,126,5);
border-color: rgb(84,91,98);
}

<!-- Info ==================================== -->

.btn-info{}
.btn-info{
color: rgb(245,245,245);
background-color: rgb(91,192,222);
border-color: rgb(170,170,170);
}
.btn-info.focus,.btn-info:focus{
color: rgb(245,245,245);
background-color: rgb(77,163,189);
border-color: rgb(170,170,170);
}
.btn-info:hover{
color: rgb(245,245,245);
background-color: rgb(77,163,189);
border-color: rgb(84,91,98);
}
.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{
color: rgb(245,245,245);
background-color: rgb(77,163,189);
border-color: rgb(84,91,98);
}

<!-- Light ==================================== -->

.btn-light{}
.btn-light{
color: rgb(0,0,0);
background-color: rgb(233,236,239);
border-color: rgb(170,170,170);
}
.btn-light.focus,.btn-light:focus{
color: rgb(0,0,0);
background-color: rgb(198,201,203);
border-color: rgb(170,170,170);
}
.btn-light:hover{
color: rgb(0,0,0);
background-color: rgb(198,201,203);
border-color: rgb(84,91,98);
}
.btn-light.active,.btn-light:active,.open>.dropdown-toggle.btn-light{
color: rgb(0,0,0);
background-color: rgb(198,201,203);
border-color: rgb(84,91,98);
}

<!-- Dark ==================================== -->

.btn-dark{}
.btn-dark{
color: rgb(245,245,245);
background-color: rgb(39,43,48);
border-color: rgb(170,170,170);
}
.btn-dark.focus,.btn-dark:focus{
color: rgb(245,245,245);
background-color: rgb(71,75,79);
border-color: rgb(170,170,170);
}
.btn-dark:hover{
color: rgb(245,245,245);
background-color: rgb(71,75,79);
border-color: rgb(84,91,98);
}
.btn-dark.active,.btn-dark:active,.open>.dropdown-toggle.btn-dark{
color: rgb(245,245,245);
background-color: rgb(71,75,79);
border-color: rgb(84,91,98);
}

<!-- Link ==================================== -->

.btn-link{}
.btn-link{
color: rgb(254,130,29);
}
.btn-link.focus,.btn-link:focus{
color: rgb(254,130,29);
}
.btn-link:hover{
color: rgb(196,89,1);
}
.btn-link.active,.btn-link:active,.open>.dropdown-toggle.btn-link{
color: rgb(196,89,1);
}
