

:root {
  --bs-primary: ;
  
  --bs-secondary: 255,193,7;

  --bs-primary-rgb: 255,193,7;

/* Body */
  --bs-rm-body-bg: 6,6,6;
  --bs-body-color: 173,175,174; 
  --bs-body-font-size: 13px; 
  --bs-font-family: Rajdhani;
  --bs-rm-body-pic: url(/includes/themes/default/images/no_background.png);
  --bs-rm-content-style-bg: transparent;

/* Links */
  --bs-link-color: 255,193,7;
  --bs-link-hover-color: 225,171,6;

/* Navigaton */
  --bs-nav-border-top-color-rgb: 115,87,2;
  --bs-nav-border-top-size: 1px;
  --bs-nav-bg-rgb: 6,6,6;
  --bs-nav-font-size: 20px;

  --bs-rm-nav-link-color-rgb: 173,175,174;
  --bs-rm-nav-link-hover-color-rgb: 255,193,7;
  --bs-rm-nav-link-hover-bg-rgb: ;

/* Navigaton Dropdown*/
  --bs-rm-navdrp-link-color-rgb: 8,166,240;
  --bs-rm-navdrp-link-hover-color-rgb: 245,245,245;
  --bs-rm-navdrp-link-bg-rgb: 42,41,43;  
  --bs-rm-navdrp-link-hover-bg-rgb: 8,166,240;

/* Card */
  --bs-card-border-color-rgb: 115,87,2;
  --bs-card-bg-rgb: 6,6,6;

/*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: 42,41,43;  

/*Login*/
   --bs-login_color-rgb: 8,166,240;

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

/*Carousel*/
--bs-carousel_h1_color-rgb: ;
--bs-carousel_h1_span_color-rgb: 8,166,240;
--bs-carousel_text_color-rgb: ;
--bs-carousel_indicators_color-rgb: 8,166,240;

}  



/* Login ==================================== */
/*.foto {
background:
-webkit-linear-gradient(rgba(var(--bs-login_color-rgb), 0.6), rgba(var(--bs-login_color-rgb), 0.6)),
url(/includes/themes/inrage/images/login_bg.jpg) no-repeat center center fixed; 
background:
linear-gradient(rgba(var(--bs-login_color-rgb), 0.6), rgba(var(--bs-login_color-rgb), 0.6)),
url(/includes/themes/inrage/images/login_bg.jpg) no-repeat center center fixed;    
}*/

.foto {
background-image: url(/includes/themes/inrage/images/login_bg.jpg); 
}




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

.btn-primary{}
.btn-primary{
color: rgb(255,255,255);
background-color: rgb(8,166,240);
border-color: rgb(148,114,100);
}
.btn-primary.focus,.btn-primary:focus{
color: rgb(255,255,255);
background-color: rgb(6,143,207);
border-color: rgb(148,114,100);
}
.btn-primary:hover{
color: rgb(255,255,255);
background-color: rgb(6,143,207);
border-color: rgb(148,114,100);
}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{
color: rgb(255,255,255);
background-color: rgb(6,143,207);
border-color: rgb(148,114,100);
}


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

.btn-secondary{}
.btn-secondary{
color: rgb(87,71,71);
background-color: rgb(255,255,255);
border-color: rgb(87,71,71);
}

.btn.btn-secondary:hover {
color: rgb(87,71,71);
background-color: rgb(182,180,180);
border-color: rgb(57,47,47); 
}
    
.btn.btn-secondary:focus, .btn.btn-secondary.focus {
color: rgb(87,71,71);
background-color: rgb(182,180,180);
border-color: rgb(57,47,47); 
}

.btn-secondary.active,.btn-secondary:active,.open>.dropdown-toggle.btn-secondary{
color: rgb(87,71,71);
background-color: rgb(182,180,180);
border-color: rgb(57,47,47);
}

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

.btn-success{}
.btn-success{
color: rgb(245,245,245);
background-color: rgb(70,148,8);
border-color: rgb(87,71,71);
}
.btn-success.focus,.btn-success:focus{
color: rgb(245,245,245);
background-color: rgb(44,92,5);
border-color: rgb(57,47,47);
}
.btn-success:hover{
color: rgb(245,245,245);
background-color: rgb(44,92,5);
border-color: rgb(57,47,47);
}
.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{
color: rgb(245,245,245);
background-color: rgb(44,92,5);
border-color: rgb(57,47,47);
}

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

.btn-danger{}
.btn-danger{
color: rgb(245,245,245);
background-color: rgb(155,71,159);
border-color: rgb(87,71,71);
}
.btn-danger.focus,.btn-danger:focus{
color: rgb(245,245,245);
background-color: rgb(109,50,112);
border-color: rgb(87,71,71);
}
.btn-danger:hover{
color: rgb(245,245,245);
background-color: rgb(109,50,112);
border-color: rgb(57,47,47);
}
.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{
color: rgb(245,245,245);
background-color: rgb(109,50,112);
border-color: rgb(57,47,47);
}

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

.btn-warning{}
.btn-warning{
color: rgb(245,245,245);
background-color: rgb(217,131,31);
border-color: rgb(87,71,71);
}
.btn-warning.focus,.btn-warning:focus{
color: rgb(245,245,245);
background-color: rgb(223,154,73);
border-color: rgb(87,71,71);
}
.btn-warning:hover{
color: rgb(245,245,245);
background-color: rgb(223,154,73);
border-color: rgb(57,47,47);
}
.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{
color: rgb(245,245,245);
background-color: rgb(223,154,73);
border-color: rgb(57,47,47);
}

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

.btn-info{}
.btn-info{
color: rgb(245,245,245);
background-color: rgb(2,154,207);
border-color: rgb(87,71,71);
}
.btn-info.focus,.btn-info:focus{
color: rgb(245,245,245);
background-color: rgb(1,103,138);
border-color: rgb(87,71,71);
}
.btn-info:hover{
color: rgb(245,245,245);
background-color: rgb(1,103,138);
border-color: rgb(57,47,47);
}
.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{
color: rgb(245,245,245);
background-color: rgb(1,103,138);
border-color: rgb(57,47,47);
}

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

.btn-light{}
.btn-light{
color: rgb(87,71,71);
background-color: rgb(245,245,245);
border-color: rgb(87,71,71);
}
.btn-light.focus,.btn-light:focus{
color: rgb(87,71,71);
background-color: rgb(212,211,211);
border-color: rgb(87,71,71);
}
.btn-light:hover{
color: rgb(87,71,71);
background-color: rgb(212,211,211);
border-color: rgb(57,47,47);
}
.btn-light.active,.btn-light:active,.open>.dropdown-toggle.btn-light{
color: rgb(87,71,71);
background-color: rgb(212,211,211);
border-color: rgb(57,47,47);
}

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

.btn-dark{}
.btn-dark{
color: rgb(245,245,245);
background-color: rgb(55,58,60);
border-color: rgb(87,71,71);
}
.btn-dark.focus,.btn-dark:focus{
color: rgb(245,245,245);
background-color: rgb(104,108,112);
border-color: rgb(87,71,71);
}
.btn-dark:hover{
color: rgb(245,245,245);
background-color: rgb(104,108,112);
border-color: rgb(57,47,47);
}
.btn-dark.active,.btn-dark:active,.open>.dropdown-toggle.btn-dark{
color: rgb(245,245,245);
background-color: rgb(104,108,112);
border-color: rgb(57,47,47);
}

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

.btn-link{}
.btn-link{
color: rgb(8,166,240);
}
.btn-link.focus,.btn-link:focus{
color: rgb(8,166,240);
}
.btn-link:hover{
color: rgb(6,147,213);
}
.btn-link.active,.btn-link:active,.open>.dropdown-toggle.btn-link{
color: rgb(6,147,213);
}
