html, body {
	height: 100%;
	color: #333;
	background-color: #FFF;
}

h1, h2, a { color: #0A7B95;}
a:hover { color: #000; }

#logo_bg > a,
#logo_bg > a:hover {
  text-decoration: none;
}
#activity-titlebar {
	display:none !important;
}

#activity-titlebar-fixed {
	background-color: #0A7B95;	
    width: 100%;
}
#activity-titlebar-fixed, #activity-titlebar-fixed *{
	box-sizing: border-box;
}
#activity-titlebar-fixed .container {
	padding: 25px 25px;
}
#activity-titlebar-fixed,
#activity-titlebar-fixed h1 {
	color: #fff;
}
#activity-titlebar-fixed .activity-title{
	font-size: var(--ri-fs-size-up-4);
	font-weight: bold;
	line-height: var(--ri-lineh-compact);
	margin-top: 4px;
}
#activity-titlebar-fixed .mode-title {
	font-size: var(--ri-fs-size-up-2);
	margin-top: -2px;
	margin-bottom: 16px;
}

#activity-titlebar-fixed .activity-summary {
	text-align: center;
}
#activity-titlebar-fixed .muted {
	color: unset;
	opacity: 0.65;
}
#activity-titlebar-fixed .facts-inline::before {
	clear: both;
}
#activity-titlebar-fixed .facts-inline > span {
	margin: 0 6px;
}
#activity-titlebar-fixed.scroll-fixed .container {
	padding: 15px 10px;
}
#activity-titlebar-fixed.scroll-fixed .hide-fixed { 
	display: none; 
}
#activity-titlebar-fixed.scroll-fixed .activity-title.reduce-fixed {
	font-size: var(--ri-fs-size-up-2);
	line-height: var(--ri-lineh-compact);
}
#activity-titlebar-fixed.scroll-fixed :not(h1).reduce-fixed {
	font-size: var(--ri-fs-size-dwn-2);
	line-height: var(--ri-lineh-compact);
}

.scroll-fixed {
	border-bottom: solid 1px #333; 
	opacity: 0.95; 
	position: fixed; 
	top: 0; 
	z-index: 99999;	
}

#copyright-customer {
	margin-bottom: 0px;
}
#copyright-customer div p {
	 text-align:center;
}

/***********************************************************
 *							Mobile	/	Tablet
 ***********************************************************/
@media screen and (max-width: 979px) {
	#logo {
		display:none;
	}
	.navbar > .navbar-inner, .navbar > .navbar-inner > .container {
		height: 40px;
	}
	.brand {
		height: 8px;
		min-width: 200px;
		display: block !important;
		background-image: url("/themes/basic/images/header_logo_mobile.png");
		background-size: contain;
		background-repeat: no-repeat;
		margin-top: 6px !important;
		margin-left: 5px !important;
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
	}

	.navbar-inner, .navbar-inverse .navbar-inner {
		border-radius: 0px;
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
	}

	.navbar-inner {
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
	}

	.nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover {
		background-color: #AD0000;
		background-image: none;
		color: white;
		text-shadow: none;
	}

	#content {
		background: white;
		min-height: 300px;
		width: 100%;
	}

	#content-inner {
		padding: 8px;
		margin-bottom: 10px;
	}

	#copyright .container {
		width: auto !important;
		font-size: var(--ri-fs-size-dwn-2);
		text-align: center;
	}

	#poweredby {
		display: none !important;
	}

	.navbar-inverse .btn-navbar,
	.navbar .btn-navbar {
		background-image: none;
		border-color: #fff !important;
		box-shadow: none !important;
		margin-top: 12px !important;
		padding:0 !important;
	}

	.navbar-inverse .btn-navbar:hover,
	.navbar-inverse .btn-navbar:active,
	.navbar-inverse .btn-navbar.active,
	.navbar-inverse .btn-navbar.disabled,
	.navbar-inverse .btn-navbar[disabled],
	.navbar-inverse .nav-collapse .nav>li>a:hover,
	.navbar-inverse .nav-collapse .dropdown-menu a:hover{
		background-color: transparent !important;
		color: #999999 !important;
	}

	.navbar .btn-navbar .icon-bar  {
		background-color: #999999;
		box-shadow: none;
		height: 3px;
		width: 18px;
		margin-bottom: 3px;
	}
	#activity-titlebar-fixed .activity-title,
	#activity-titlebar-fixed .mode-title {
		padding: 0px 10px;
	}
	#activity-titlebar-fixed .activity-title {
		font-size: var(--ri-fs-size-up-2);
	}
	#activity-titlebar-fixed .mode-title{
		font-size: var(--ri-fs-size-default);
	}
}

@media (max-width: 979px) and (min-width: 768px) {
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: auto;
		padding: 0;
	}
}
@media screen and (max-width: 640px) {
	#activity-titlebar-fixed .container {
		padding: 15px 10px;
	}
	#activity-titlebar-fixed .facts-inline {
		font-size: var(--ri-fs-size-dwn-2);
		line-height: var(--ri-lineh-compact);
	}
	#activity-titlebar-fixed .activity-title,
	#activity-titlebar-fixed.scroll-fixed .activity-title.reduce-fixed {
		font-size: var(--ri-fs-size-up-1);
		line-height: var(--ri-lineh-compact);
	}
}