

:root {
  --bs-primary: ;
  
  --bs-secondary: 8,166,240;

  --bs-primary-rgb: 8,166,240;

/* Body */
  --bs-rm-body-bg: 255,255,255;
  --bs-body-color: 80,80,80;
  --bs-body-secondary-color: 234,247,254; 
  --bs-body-font-size: 14px; 
  --bs-font-family: Rajdhani;
  --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/inrage/images/inrage_login_bg.jpg);

/* Links */
  --bs-link-color: 8,166,240;
  --bs-link-hover-color: 6,147,213;

/* Navigaton */
  --bs-nav-border-top-color-rgb: 8,166,240;
  --bs-nav-border-top-size: 5px;
  --bs-nav-bg-rgb: 42,41,43;
  --bs-nav-sec-bg-rgb: 42,41,43;
  --bs-nav-font-size: 18px;

  --bs-rm-nav-link-color-rgb: 119,119,119;
  --bs-rm-nav-link-hover-color-rgb: 245,245,245;
  --bs-rm-nav-link-hover-bg-rgb: 8,166,240;

/* 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: 119,119,119;
  --bs-card-bg-rgb: 255,255,255;

/*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;
    --bs-rm-foot-color-rgb: 255,255,255;
    --bs-rm-foot-color-h3-rgb: 255,255,255;
    --bs-rm-foot-border-top-rgb: 8,166,240;
    --bs-rm-foot-link-rgb: 8,166,240;


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


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

.footer h3 {
   
    
}

.copyright {
     background: rgb(8,166,240);
     
    
}



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

/*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: ;
--bs-carousel_text_color-rgb: ;
--bs-carousel_indicators_color-rgb: ;

}


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

.bg-image {
background-image: url(/includes/themes/inrage/images/inrage_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:hover{
color: rgb(255,255,255);
background-color: rgb(6,143,207);
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.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);
}
