* {
	box-sizing: border-box;
}

*::before, *::after {
	box-sizing: border-box;
}

body {
	font-family: "Lato", sans-serif;
	font-size: 14px;
	line-height: 1.42857;
	color: hsl(0, 0%, 20%);
	background-color: hsl(0, 0%, 100%);
	margin: 0;
}

ul, ol {
	margin-top: 0px;
	margin-bottom: 10px;
}

p {
	margin: 0 0 10px;
}

img {
	vertical-align: middle;
}

a {
	color: #005293;
	text-decoration: none;
}

a:hover, a:focus {
	text-decoration: underline;
	color: hsl(208, 56%, 31%);
}

a:focus {
	outline: thin dotted;
	outline-offset: -2px;
}

div::before, div::after, .row::after {
	content: " ";
	display: table;
}

.main-nav-list::before, .main-nav-list::after, .social-icons::before, .social-icons::after {
	content: none;
}

div::after, .row::after {
	clear: both;
}

h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
}

h4 {
	font-size: 18px;
}

h4, h5, h6 {
	margin-top: 10px;
	margin-bottom: 10px;
}

input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

#main {
	background: white none repeat scroll 0% 0%;
}

.right {
	float: right;
}

.container {
	margin: 0 auto;
	padding: 0 15px;
}

.container::after {
	clear: both;
	content: " ";
}

.container .nav-bar > ul {
	display: none;
}

#release .download-link {
	width: 372px;
}

@media (max-width: 768px) {
	.nav-bar {
		width: auto;
	}
}

@media (min-width: 768px) {
	.container, #wrapper {
		width: 750px;
	}
}

@media (min-width: 992px) {
	.container, #wrapper {
		width: 970px;
	}

	#release .download-link {
		width: 60%;
	}
}

@media (min-width: 1200px) {
	.container, #wrapper {
		width: 1170px;
	}

	.container .nav-bar > ul {
		display: block;
	}
}

@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('fonts/glyphicons-halflings-regular.eot');
	src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: normal;
	line-height: 1;
}

.glyphicon-home::before {
	content: "";
}

.header-with-title {
	text-align: center;
}

.header-title {
	color: white;
	font-size: 25px;
	font-weight: 500;
	line-height: 95px;
}

header {
	height: 95px;
	background-color: #404545;
	border-bottom: 5px solid #f1c459;
}

header .logo {
	float: left;
}

header .logo a {
	background: url(Images/highgear-logo-dark-bg.svg) no-repeat center center;
	background-size: contain;
	height: 95px;
    width: 240px;
	display: block;
}

.nav-bar {
	line-height: 95px;
	min-height: 1px;
	padding-right: 15px;
	width: 240px;
}

.nav-bar .logout {
	width: 174px;
	margin-right: -15px;
}

.nav-bar > ul {
	list-style: outside none none;
	float: left;
	margin: 0;
	margin-right: 20px;
	margin-left: 1px;
	padding: 0;
}

.nav-bar > ul > li {
	float: left;
	position: relative;
}

.nav-bar > ul > li > a {
	display: block;
	color: hsl(0, 0%, 11%);
	font-weight: 700;
	font-size: 1em;
	padding: 15px 15px;
	line-height: 20px;
}

.nav-bar > ul > li > a:hover {
	color: hsl(202, 100%, 37%);
}

.nav-bar > ul > li > a:hover, .nav-bar > ul > li > a:active, .nav-bar > ul > li > a:focus {
	text-decoration: none;
}

.nav-bar > ul > li > .dropdown-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0px;
	z-index: 1000;
	float: left;
	min-width: 160px;
	padding: 5px 0px;
	margin: 0;
	list-style: outside none none;
	font-size: 14px;
	text-align: left;
	background-color: hsl(0, 0%, 100%);
	border: 1px solid hsla(0, 0%, 0%, 0.2);
	border-radius: 0 0 4px 4px;
	box-shadow: 0px 6px 12px hsla(0, 0%, 0%, 0.2);
	background-clip: padding-box;
}

.nav-bar > ul > li:hover > .dropdown-menu {
	display: block;
	right: auto;
}

.nav-bar > ul > li > .dropdown-menu > .menu-item > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: bold;
	line-height: 1.42857;
	color: hsl(0, 0%, 20%);
	white-space: nowrap;
}

.nav-bar > ul > li > .dropdown-menu > .menu-item > a:hover {
	color: hsl(202, 100%, 37%);
	background-color: hsl(0, 0%, 96%);
	text-decoration: none;
}


#colontop {
	background: hsl(0, 0%, 20%) none repeat scroll 0% 0%;
	padding: 30px 0;
}

footer .site-address a {
	color: hsl(0, 0%, 81%);
}

footer h4 {
	color: hsl(0, 0%, 100%);
	font-weight: bold;
	margin-bottom: 15px;
}

footer p {
	color: hsl(0, 0%, 81%);
}

footer .gray {
	color: hsl(0, 0%, 48%);
}

footer .white {
	color: hsl(0, 0%, 100%);
}

footer .italic {
	font-style: italic;
}

footer .bottom-request-demo h4 {
	font-weight: bold;
	margin-bottom: 22px;
}

footer .au, footer .uk {
	margin-top: 25px;
}

footer .syd, footer .lon {
	text-decoration: underline;
	padding-left: 5px;
}

footer .bottom-nav h4 {
	font-weight: bold;
	margin-bottom: 15px;
}

footer .bottom-nav .list-group-item {
	background-color: hsl(0, 0%, 20%);
	margin-bottom: 0px;
	padding: 0px 15px;
}

footer .bottom-nav a {
	color: hsl(0, 0%, 81%);
}

footer .social-icons {
	margin-top: 25px;
}

.list-inline {
	padding-left: 0px;
	list-style: outside none none;
	margin-left: -5px;
}

.list-inline > li {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}

.list-group {
	margin-bottom: 20px;
	padding-left: 0px;
}

.row {
	margin-left: -15px;
	margin-right: -15px;
}

.col-md-2 {
	width: 16.6667%;
}

.col-md-4 {
	width: 33.3333%;
}

.col-md-5 {
	width: 41.6667%;
}

.col-md-10 {
	width: 83.3333%;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3,
.col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5,
.col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7,
.col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	padding: 0 15px;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-md-10, .col-md-11, .col-md-12 {
	float: left;
}

.form-group {
	margin-bottom: 15px;
}

.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857;
	color: hsl(0, 0%, 33%);
	background-color: hsl(0, 0%, 100%);
	background-image: none;
	border: 1px solid hsl(0, 0%, 80%);
	border-radius: 4px;
	box-shadow: 0px 1px 1px hsla(0, 0%, 0%, 0.1) inset;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.form-control:focus {
	border-color: hsl(207, 75%, 66%);
	outline: 0px none;
	box-shadow: 0px 1px 1px hsla(0, 0%, 0%, 0.1) inset, 0px 0px 8px hsla(207, 75%, 66%, 0.6);
}

footer .bottom-request-demo input#name {
	background: hsl(0, 0%, 100%) url("Images/name-icon.png") no-repeat scroll 95% 50%;
}

footer .bottom-request-demo input#email {
	background: hsl(0, 0%, 100%) url("Images/email-icon.png") no-repeat scroll 95% 50%;
}

footer .bottom-request-demo input#phone {
	background: hsl(0, 0%, 100%) url("Images/phone-icon.png") no-repeat scroll 95% 50%;
}

.btn {
	display: inline-block;
	margin-bottom: 0px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 15px;
	font-size: 14px;
	line-height: 1.42857;
	border-radius: 4px;
	-moz-user-select: none;
	transition: all 0.1s ease-out;
	outline: none;
}

.btn:hover, .btn:active, .btn:focus {
	text-decoration: none;
}

.btn-lg, .btn-group-lg > .btn {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33333;
	border-radius: 6px;
}

.btn.cancel {
	color: #494949;
	background: #C7C7C7;
}

.btn.cancel:focus, .btn.cancel:hover {
	background-color: #b8b8b8;
}

.btn.cancel:active {
	background-color: #b0b0b0;
	box-shadow: none;
}

.btn-danger {
	color: hsl(0, 0%, 100%);
	background-color: hsl(2, 64%, 58%);
}

.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active,
.btn-danger.active, .open > .dropdown-toggle.btn-danger {
	color: hsl(0, 0%, 100%);
	background-color: hsl(2, 64%, 48%);
	text-decoration: none;
}

footer .bottom-request-demo .btn-danger {
	font-weight: bold;
	padding-left: 25px !important;
	padding-right: 25px !important;
}

footer .bottom-request-demo .terms-condition {
	clear: both;
	float: right;
	font-size: 12px;
	margin-top: 0;
	text-align: right;
	width: 52%;
	color: hsl(0, 0%, 51%);
}

#colophon {
	background: hsl(0, 0%, 18%) none repeat scroll 0% 0%;
	padding-bottom: 10px;
	padding-top: 15px;
	font-size: 12px;
}

#colophon a {
	text-decoration: underline;
	color: hsl(0, 0%, 51%);
}

#colophon a:hover {
	text-decoration: none;
}

#colophon .copyright, #colophon p {
	color: hsl(0, 0%, 51%);
}

#wrapper {
	padding-bottom: 50px;
	padding-top: 50px;
	margin: 0 auto;
}

.caret {
	display: inline-block;
	width: 0px;
	height: 0px;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}


/* Account */

#login {
	width: 460px;
	margin: 20px auto;
	padding: 0;
	background-color: hsl(0, 0%, 100%);
	border: 1px solid hsl(0, 0%, 87%);
	border-radius: 4px;
	box-shadow: 0px 1px 1px hsla(0, 0%, 0%, 0.1);
	overflow: hidden;
}

#login-header {
	background-color: #404545;
	text-align: center;
	border-color: hsl(0, 0%, 88%);
}

#login-header h1 {
	font-weight: normal;
	color: hsl(0, 0%, 100%);
	font-size: 20px;
}

#login-section {
	padding: 30px;
}

#UserName {
	background: hsl(0, 0%, 100%) url("Images/name-icon.png") no-repeat scroll 95% 50%;
}

#Password {
	background: hsl(0, 0%, 100%) url("Images/padlock.png") no-repeat scroll 96% 50%;
}

#UserName, #Password {
	float: none;
}

#login input[type="text"], #login input[type="password"], #ChangePassword input[type="password"] {
	display: block;
	width: 80%;
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
}

#login .controls, #ChangePassword .controls {
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	line-height: 36px;
}

#login .controls a {
	display: inline-block;
	text-decoration: none;
	color: #005293;
	font-size: 1.1em;
	float: right;
}

#login .controls a:hover {
	text-decoration: underline;
}

#login .error {
	list-style: none;
	padding: 0;
}

#login .error li {
	width: 75%;
	margin: 0 auto;
	text-align: center;
}

.controls .login.btn, .logout .btn, .btn.submit {
	color: #494949;
	background: #f4d17e;
}

.controls .login.btn:focus, .logout .btn:focus, .btn.submit:focus,
.controls .login.btn:hover, .logout .btn:hover, .btn.submit:hover {
	background-color: #f2c762;
}

.controls .login.btn:active, .logout .btn:active, .btn.submit:active {
	background-color: #f0c254;
	box-shadow: none;
}

#ChangePassword {
	width: 35%;
	margin: 0 auto;
}

#ChangePassword h2 {
	text-align: center;
}

#ChangePassword .controls {
	width: 51%;
	margin: 0 auto;
	margin-top: 20px;
}

#ChangePassword .controls .submit {
	float: left;
}

#ChangePassword .controls .cancel {
	float: right;
	vertical-align: middle;
}


/* Sidebar */

#sidebar {
	float: left;
	width: 210px;
}

#sidebar ul {
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
}

#sidebar .nav {
	display: block;
	margin-top: 12px;
	font-size: 13px;
	padding: 10px 0px;
}

#sidebar .logout {
	margin-top: 5px;
}

#navigation {
	padding: 0;
}

#navigation > li {
	border-bottom: 1px solid hsl(0, 0%, 80%);
}

#navigation li {
	line-height: 20px;
	background: 0;
	padding: 10px 0px;
	font-size: 18px;
}

#navigation ul li {
	margin-left: 25px;
}

#navigation li a, #sidebar .nav {
	text-decoration: none;
	cursor: pointer;
}

#navigation li.active a {
	font-weight: bold;
}
	
#navigation li.active a, #navigation li a:hover, #sidebar .nav:hover {
	color: #f99f1b;
}

#content {
	width: 70%;
	float: right;
	padding-left: 40px;
	padding-right: 20px;
}

#content h2, #ChangePassword h2 {
	font-size: 36px;
	line-height: 36px;
	margin-top: 0;
}

#release {
	color: hsl(0, 0%, 40%);
}

#release strong {
	color: hsl(204, 10%, 62%);
}

#release h3 {
	color: hsl(204, 100%, 36%);
	font-size: 36px;
}

#release h2 .date {
	font-weight: normal;
	font-size: .7em;
}

#release .download {
	border-bottom: 1px solid hsl(0, 0%, 80%);
}

#release .download-link {
	font-size: 2em;
	text-align: center;
	margin-bottom: 16px;
	display: block;
}

#release .prev-versions {
	margin: 50px 0 25px 0;
}

#release .prev-versions ul {
	padding-left: 25px;
}

#release .prev-versions li {
	font-size: 140%;
}

#release .release-notes {
	color: hsl(0, 0%, 30%);
	font: 12px/20px Arial, Helvetica, sans-serif;
}

#release .release-notes h1 { font-size: 32px; }
#release .release-notes h2 { font-size: 26px; margin-top: 25px; }
#release .release-notes h3 { font-size: 18px; }
#release .release-notes h4 { font-size: 16px; }
#release .release-notes h5 { font-size: 14px; }
#release .release-notes h6 { font-size: 12px; }

#content h2, #ChangePassword h2, #release .release-notes h3, #release .release-notes h6 {
	color: #515151;
}

#release .release-notes p {
	font-size: 13px;
	margin-bottom: 15px;
	line-height: 1.8em;
}

#release .release-notes span.version {
	font-weight: bold;
}

#release .release-notes b {
	font-size: 1em;
	font-weight: bold;
}

#release .release-notes ul {
	margin: 0 0 15px 10px;
	padding: 0;
}

#wrapper .message {
	width: 680px;
	margin: 20px auto 0 auto;
}

.date {
	color: #527B94;
	margin-left: 15px;
}

.error {
	font-size: 1.1em;
	background-color: #FFF;
	border: 1px solid #d06367;
	color: #515151;
	border-radius: 3px;
	line-height: 32px;
	margin-bottom: 20px;
	margin-top: -10px;
	padding: 5px 15px;
}

#ChangePassword .error {
	border: none;
	color: #d06367;
}

.validation-summary-errors {
	color: #d06367;
}

/* Portamento */
#portamento_container {
	float: left;
	position: relative;
}

#portamento_container #sidebar {
	float: none;
	position: absolute;
}

#portamento_container #sidebar.fixed {
	position: fixed;
}