:root{
		--brand-rgb:255,99,0; /*ff6300*/
	
	}
	.bg-brand  {background-color:rgb(var(--brand-rgb));}
	.bg-brand-1{background-color:rgba(var(--brand-rgb),.1);}
	.bg-brand-2{background-color:rgba(var(--brand-rgb),.2);}
	.bg-brand-3{background-color:rgba(var(--brand-rgb),.3);}
	.bg-brand-4{background-color:rgba(var(--brand-rgb),.4);}
	.bg-brand-5{background-color:rgba(var(--brand-rgb),.5);}
	.bg-brand-6{background-color:rgba(var(--brand-rgb),.6);}
	.bg-brand-7{background-color:rgba(var(--brand-rgb),.7);}
	.bg-brand-8{background-color:rgba(var(--brand-rgb),.8);}
	.bg-brand-9{background-color:rgba(var(--brand-rgb),.9);}
	
    .text-brand  {color:rgb(var(--brand-rgb));}
	.text-brand-1{color:rgba(var(--brand-rgb),.1);}
	.text-brand-2{color:rgba(var(--brand-rgb),.2);}
	.text-brand-3{color:rgba(var(--brand-rgb),.3);}
	.text-brand-4{color:rgba(var(--brand-rgb),.4);}
	.text-brand-5{color:rgba(var(--brand-rgb),.5);}
	.text-brand-6{color:rgba(var(--brand-rgb),.6);}
	.text-brand-7{color:rgba(var(--brand-rgb),.7);}
	.text-brand-8{color:rgba(var(--brand-rgb),.8);}
	.text-brand-9{color:rgba(var(--brand-rgb),.9);}
	
	.navbar-nav .nav-item .nav-link{
		padding-left:1.6vw;
		padding-right:1.6vw;
	}
	.nav-link.active{
		color:rgba(var(--brand-rgb),.9)!important;
		background-color:rgba(var(--brand-rgb),.1);
	}
	
	.title{margin-bottom:20px;text-align:center;}
	
	.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
		background-color: rgba(var(--brand-rgb),.1);
	}
	.nav-link {
		color: rgb(var(--brand-rgb));
	}

	.nav-pills .nav-link {
		border-radius: 0;
	}
	
	.breadcrumb-item+.breadcrumb-item::before,.breadcrumb-item a{color:#fff;}
	
	.server-item:hover>div{
		height:100%;
		background:rgba(var(--brand-rgb),.6);
		display:flex!important;
		align-items: center!important;
		text-align:center;
	}

	.btn-outline-danger {
		color: rgb(var(--brand-rgb));
		border-color: rgb(var(--brand-rgb));
	}
	.btn-outline-danger:hover{
		color:#fff;
		background-color:rgb(var(--brand-rgb));
	}
	/*
	#carousel .carousel-item>div{
	background:linear-gradient(to bottom,rgba(var(--brand-rgb),.7) 60px,rgba(var(--brand-rgb),.3) 50%,rgba(0,77,102,.7) 100%);
	}
	*/

#carousel .carousel-item{
	height:400px;
}

.card a:not(:last-child){
	border-bottom:1px solid rgba(0,0,0,.05);
}

.accordion-body,.accordion-button{
	padding:.5rem 1rem!important;
}
.accordion-button:not(.collapsed) {
    color: rgba(var(--dark-rgb),.9)!important;;
    background-color: rgba(var(--brand-rgb),.1)!important;;
}

[onclick]{
	cursor:pointer;
}