.RedText{
	color: #ff283b !important;
}

.RedText:hover{
	color: #ffa400 !important;
}

.RedText:focus{
	color: #ffa400 !important;
}

.YellowText{
	color: #ffa400  !important;
}

.YellowText:hover{
	color: #FFFFFF !important;
}

.YellowText:focus{
	color: #FFFFFF !important;
}

.WhiteText{
	color: #ffffff !important;
	font-family: 'GRB' !important;
	font-weight: 700 !important;
	font-size:12px !important;
}

.WhiteText:hover{
	color: grey !important;
}

.WhiteText:focus{
	color: grey !important;
	}

.dropdown-menu{
	background-color: #000 !important;
}

.dropdown-item{
color: #525252 !important;
    border: 2px solid transparent !important;
    border-image: linear-gradient(to right, #52525200 0%, #2e2e2e 100%) !important;
    border-image-slice: 1 !important;
    border-left: 0 !important;
    text-align: end !important;
    background-image: linear-gradient(to right, #29292900 , #0e0e0e) !important;
    font-family: 'GRB' !important;
    font-weight: 700 !important;
    font-size: 12px !important;
}

.dropdown-item:hover{
	color: white !important;
	border: 2px solid transparent !important;
	border-image: linear-gradient(to right, #52525200 0%, #525252 100%) !important;
	border-image-slice: 1 !important;
	border-left:0 !important;
	text-align: end !important;
	background-image: linear-gradient(to right, #29292900 , #292929) !important;
	font-family: 'GRB' !important;
	font-weight: 700 !important;
	font-size:12px !important;
}

.dropdown-item:focus{
	color: white !important;
	border: 2px solid transparent !important;
	border-image: linear-gradient(to right, #52525200 0%, #525252 100%) !important;
	border-image-slice: 1 !important;
	border-left:0 !important;
	text-align: end !important;
	background-image: linear-gradient(to right, #29292900 , #292929) !important;
	font-family: 'GRB' !important;
	font-weight: 700 !important;
	font-size:12px !important;
}

.verticaltext{
	width:1px;
	word-wrap: break-word;
	white-space:pre-wrap; 
	text-align: center;
}

#nav {
	position:fixed;
	width: 200px;
	z-index: 1000;
	left: 0;
	top: 0;
	border-right: 1px solid #162636;
	height: 100%;
}

.sidebar {
	height:  calc(100% - 60px);
	width: 60px;
	position: fixed;
	z-index: 1;
	top: 60px;
	left: 0;
	background-color: #000;
	overflow-x: hidden;
	display: none;  
}

@media(min-width:1200px){
	.sidebar{
		display: initial !important;  
	}
	
	.hideItem{
		display: none !important;  
	}
}

.hideItem{
	display: initial;  
}

#outerbar:hover{
	cursor:pointer;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
	supported by Chrome, Edge, Opera and Firefox */
	
	touch-action: pan-y;
}









/* -------------------------------- */
/* ---------- HEADER ---------- */
/* -------------------------------- */

/* ---------- CEAG ---------- */
.HeaderText_Ceag{
	color: #543600 !important;
	font-family: 'GRB'; 
	font-weight: 500 !important;
}

.HeaderTextActive_Ceag{
	color: #ffa400 !important;
	font-family: 'GRB'; 
	font-weight: 500 !important;
}

.HeaderText_Ceag:Hover{
	color: #ffa400 !important;
	font-family: 'GRB'; 
	font-weight: 500 !important;
}

/* ---------- ROYAL ---------- */

.HeaderText_Royal{
	color: #540d13 !important;
	font-family: 'GRB'; 
	font-weight: 500 !important;
}

.HeaderTextActive_Royal{
	color: #ff283b !important;
	font-family: 'GRB'; 
	font-weight: 500 !important;
}

.HeaderText_Royal:Hover{
	color: #ff283b !important;
	font-family: 'GRB'; 
	font-weight: 500 !important;
}

/* ---------- OTECH ---------- */

.HeaderText_Otech{
	color: #4f4408 !important;
	font-family: 'GRB'; 
	font-weight: 500 !important;
}

.HeaderTextActive_Otech{
	color: #eed01a !important;
	font-family: 'GRB'; 
	font-weight: 500 !important;
}

.HeaderText_Otech:Hover{
	color: #eed01a !important;
	font-family: 'GRB'; 
	font-weight: 500 !important;
}

/* ---------- CEAG ---------- */
.HeaderText_White{
	color: #929292 !important;
	font-family: 'GRB'; 
	font-weight: 500 !important;
}

.HeaderTextActive_White{
	color: #FFFFFF !important;
	font-family: 'GRB'; 
	font-weight: 500 !important;
}

.HeaderText_White:Hover{
	color: #FFFFFF !important;
	font-family: 'GRB'; 
	font-weight: 500 !important;
}



/* -------------------------------- */
/* ---------- MOBILE MENU --------- */
/* -------------------------------- */

.ROYALText{
	color: #ff283b  !important;
}

.CEAGText{
	color: #ffa400  !important;
}

.OTECHText{
	color: #eed01a  !important;
}


/* ------------------------------ */
/* ---------- SIDE BAR ---------- */
/* ------------------------------ */

.verticalButton{
	padding: 0px !important;
    margin: 0px !important;
    background-color: transparent !important;
    height: 100% !important;
	border: transparent !important;
	font-family: 'Gotham' !important;
	font-weight: 700 !important;
}


/* ---------- CEAG -------------- */
.sidebar_ceag_active{
	color: #ffa400 !important;
	 font-family: 'GRB' !important;
}

.sidebar_ceag_inactive{
	color: #543600 !important;
	 font-family: 'GRB' !important;
}

.sidebar_ceag_inactive:hover{
	color: #ffa400 !important;
	 font-family: 'GRB' !important;
}


/* ---------- ROYAL ---------- */
.sidebar_royal_active{
	color: #ff283b !important;
	 font-family: 'GRB' !important;
}

.sidebar_royal_inactive{
	color: #540d13 !important;
	 font-family: 'GRB' !important;
}

.sidebar_royal_inactive:hover{
	color: #ff283b !important;
	 font-family: 'GRB' !important;
}

/* ---------- OTECH ---------- */

.sidebar_otech_active{
	color: #eed01a!important;
	 font-family: 'GRB' !important;
}

.sidebar_otech_inactive{
	color: #4f4508 !important;
	 font-family: 'GRB' !important;
}

.sidebar_otech_inactive:hover{
	color: #eed01a !important;
	 font-family: 'GRB' !important;
}

/* ---------- WHITE ---------- */

.sidebar_white_active{
	color: #FFFFFF !important;
	 font-family: 'GRB' !important;
}

.sidebar_white_inactive{
	color: #FFFFFF !important;
	 font-family: 'GRB' !important;
}

.sidebar_white_inactive:hover{
	color: #FFFFFF !important;
	 font-family: 'GRB' !important;
}
















.navbar-toggler:focus{
	border:none !important;
	outline:none !important;
	color:transparent;
	background: none;
}

.navbar-toggler:hover{
	border:none !important;
	outline:none !important;
	color:transparent;
	background: none;
}

.navbar-toggler:active{
	border:none !important;
	outline:none !important;
	color:transparent;
	background: none;
}

.navbar-toggler{
    height: 52px;
}





.navbar-collapse{
	
	max-height: 800px !important;  
	overflow: auto !important;
}


.navbar-collapse.noscroll.collapse.show{
	max-height: 100vh !important;  
	min-height: 100vh !important;  
}




@media(min-width:1200px){
	.navbar-collapse{
		max-height: none !important;  
		overflow: visible !important;
		
	}
	
	#hamburger{
		display:none!important;
	}
}


#hamburger{
	display:block;
}