/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

*:focus {
    outline: none;
}

/********************************************************
 * 
 * CLEARFIX
 *
 * For those nasty float height issues.
 *
 ********************************************************/
 
 
 
 .clearfix:after {
    display: table;
    clear: both;
    content: "";
}
/********************************************************
 * 
 * BORDER-BOX SIZING
 *
 * Because dimensions should include padding.
 *
 ********************************************************/
 
 
 
 * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=43e14c5ba08d1dc3d06c)
 * Config saved to config.json and https://gist.github.com/43e14c5ba08d1dc3d06c
 */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.row {
  margin-left: -20px;
  margin-right: -20px;
}
.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;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .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;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
/********************************************************
 * 
 * FOUNDATION
 *
 * Common structural styles.
 *
 ********************************************************/
 
 
 
/* RESPONSIVE DISPLAY
--------------------------------------------------------*/
@media screen and (min-width: 768px) {
	.visible-mobile {
		display: none !important;
	}
}
@media screen and (min-width: 1280px) {
	.visible-tablet {
		display: none !important;
	}
	.hidden-desktop {
		display: none !important;
	}
}
@media screen and (max-width: 1279px) {
	.visible-desktop {
		display: none !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
	.hidden-tablet {
		display: none !important;
	}
}
@media screen and (max-width: 767px) {
	.visible-tablet {
		display: none !important;
	}
	.hidden-mobile {
		display: none !important;
	}
}
 
 
 
/* VERTICALLY CENTERED CONTENT
--------------------------------------------------------*/
@media screen and (min-height: 600px) {
	.center-vertical {
		display: table;
		width: 100%;
		height: 100%;
	}
	.center-vertical-content {
		display: table-cell;
		vertical-align: middle;
	}
}

 
 
/* SCROLLING CONTENT
--------------------------------------------------------*/
 .container-scroll {
	height: 100%;
	overflow: auto;
}
.container-scroll-x {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}
.container-scroll-y {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

@media screen and (max-width: 767px) {
	 .container-scroll-mobile {
		height: 100%;
		overflow: auto;
	}
	.container-scroll-x-mobile {
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.container-scroll-y-mobile {
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
	}
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
 .container-scroll-tablet {
	height: 100%;
	overflow: auto;
}
.container-scroll-x-tablet {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}
.container-scroll-y-tablet {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}
}

@media screen and (min-width: 1280px) {
 .container-scroll-desktop {
	height: 100%;
	overflow: auto;
}
.container-scroll-x-desktop {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}
.container-scroll-y-desktop {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}
}
 
 
 
/* THREE FLOAT COLUMNS
--------------------------------------------------------*/
.column-float-3 {
	width: 29%;
	float: left;
}
.column-float-3 + .column-float-3 {
	margin-left: 2.5%;
}

@media screen and (max-width: 767px) {
	.column-float-3-mobile {
		width: 29%;
		float: left;
	}
	.column-float-3-mobile + .column-float-3-mobile {
		margin-left: 2.5%;
	}
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
	.column-float-3-tablet {
		width: 29%;
		float: left;
	}
	.column-float-3-tablet + .column-float-3-tablet {
		margin-left: 2.5%;
	}
}

@media screen and (min-width: 1280px) {
	.column-float-3-desktop {
		width: 29%;
		float: left;
	}
	.column-float-3-desktop + .column-float-3-desktop {
		margin-left: 2.5%;
	}
}
/********************************************************
 * 
 * COMMON TYPOGRAPHY
 *
 * Commonly used typographic elements throughout the
 * site.
 *
 ********************************************************/



/* HEADERS
--------------------------------------------------------*/
h1 {
	font-size: 3.8em;
}
h2 {
	font-size: 2.4em;
}
h3 {
	font-size: 1.6em;
	line-height: 1.4;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1em;
}
h6 {
	font-size: 0.8em;
}



/* LINKS
--------------------------------------------------------*/
a, a * {
	cursor: pointer;
}



/* PARAGRAPHS
--------------------------------------------------------*/
p + p {
	margin-top: 1.4em;
}
@font-face {
	font-family: 'font-icons';
	src:  url('/static/css/_assets/fonts/font-icons.eot?xpdnbw&a37d3663332f');
	src:  url('/static/css/_assets/fonts/font-icons.eot?xpdnbw&a37d3663332f#iefix') format('embedded-opentype'),
	  url('/static/css/_assets/fonts/font-icons.ttf?xpdnbw&a37d3663332f') format('truetype'),
	  url('/static/css/_assets/fonts/font-icons.woff?xpdnbw&a37d3663332f') format('woff'),
	  url('/static/css/_assets/fonts/font-icons.svg?xpdnbw&a37d3663332f#font-icons') format('svg');
	font-weight: normal;
	font-style: normal;
  }
  
  [class^="icon-"], [class*=" icon-"] {
	font-family: 'font-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
  
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }
  
  .icon-steps:before {
	content: "\e600";
  }
  .icon-resistor:before {
	content: "\33";
  }
  .icon-upload:before {
	content: "\32";
  }
  .icon-download:before {
	content: "\31";
  }
  .icon-help:before {
	content: "\30";
  }
  .icon-cd:before {
	content: "\2f";
  }
  .icon-settings:before {
	content: "\25";
  }
  .icon-save:before {
	content: "\2b";
  }
  .icon-spinner:before {
	content: "\2e";
  }
  .icon-stopwatch:before {
	content: "\21";
  }
  .icon-stop:before {
	content: "\22";
  }
  .icon-pause:before {
	content: "\23";
  }
  .icon-play:before {
	content: "\24";
  }
  .icon-file-pdf:before {
	content: "\26";
  }
  .icon-plus:before {
	content: "\27";
  }
  .icon-minus:before {
	content: "\28";
  }
  .icon-exit:before {
	content: "\2a";
  }
  .icon-home:before {
	content: "\e00b";
  }
  .icon-menu:before {
	content: "\e000";
  }
  .icon-folder-open:before {
	content: "\29";
  }
  .icon-undo:before {
	content: "\2c";
  }
  .icon-zoom-in:before {
	content: "\2d";
  }
  .icon-zoom-out:before {
	content: "\34";
  }
  .icon-spinner2:before {
	content: "\35";
  }
  .icon-font-size:before {
	content: "\37";
  }
  .icon-landscape:before {
	content: "\36";
  }
  .icon-safari:before {
	content: "\38";
  }
  .icon-chrome:before {
	content: "\39";
  }
  .icon-statistics:before {
	content: "\e601";
  }
  .icon-question:before {
	content: "\e603";
  }
  .icon-newtab:before {
	content: "\e602";
  }
  .icon-enlarge:before {
	content: "\e989";
  }
  
/********************************************************
 * 
 * BUTTONS
 *
 * Buttons.
 *
 ********************************************************/
 
 
 
/* GLOBAL
--------------------------------------------------------*/
button {
	-webkit-appearance: none;
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	font: inherit;
	letter-spacing: 0.01em;
}
button, 
button * {
	cursor: pointer;
}

/********************************************************
 * 
 * INPUTS
 *
 * Any inputs that are not buttons.
 *
 ********************************************************/
 
 
 
/* LABELS
--------------------------------------------------------*/
form label {
	display: block;
}



/* TEXT-BASED
--------------------------------------------------------*/
input {
	-webkit-appearance: none;
	margin: 0;
	font: inherit;
	font-size: 16px; /* Lowest value for font size without zooming in on iOS devices */
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type="email"],
input[type="number"],
input[type="password"],
input[type="text"] {
	height: 2.188em;
	border-radius: 0;
	cursor: text;
}

@media screen and (min-width: 1280px) {
	input {
		font-size: 1.071em;
	}
	input[type="email"],
	input[type="number"],
	input[type="password"],
	input[type="text"] {
		height: 1.467em;
	}
}



/* CUSTOM CHECKBOXES
--------------------------------------------------------*/
.radio input[type="radio"] {
	display: none;
}
.radio .box {
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	vertical-align: middle;
}

.radio input[type="radio"]:not(:checked) + .box {
	background-color: #3a3a3a !important;
}

.radio input[type="radio"]:checked + .box {
	background-color: #ffffff !important;
}

.radio:hover input[type="radio"]:not(:checked) + .box, 
.radio:focus input[type="radio"]:not(:checked) + .box  {
	background-color: #4a4a4a !important;
}

@media screen and (min-width: 1025px) {
	.radio input[type="radio"] {
		display: block;
		width: 100%;
		height: 1px; /* There needs to be a height so it can be tabbed to */
		margin: -1px 0 0; /* Negative top margin to offset height */
		padding: 0;
		opacity: 0; /* Hide it. Display: none and visibility:hidden prevent tabbing */
	}
}

@media screen and (min-width: 1280px) {
	.radio .box {
		font-size: 1.071em;
		width: 1.467em;
		height: 1.467em;
	}
}

/* CUSTOM CHECKBOXES
--------------------------------------------------------*/
.checkbox input[type="checkbox"] {
	display: none;
}
.checkbox .box {
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	vertical-align: middle;
}

.checkbox input[type="checkbox"]:not(:checked) + .box {
	background-color: #3a3a3a !important;
}

.checkbox:hover input[type="checkbox"]:not(:checked) + .box, 
.checkbox:focus input[type="checkbox"]:not(:checked) + .box,
.checkbox input[type="checkbox"]:focus:not(:checked) + .box {
	background-color: #4a4a4a !important;
}

@media screen and (min-width: 1025px) {
	.checkbox input[type="checkbox"] {
		display: block;
		width: 100%;
		height: 1px; /* There needs to be a height so it can be tabbed to */
		margin: -1px 0 0; /* Negative top margin to offset height */
		padding: 0;
		opacity: 0; /* Hide it. Display: none and visibility:hidden prevent tabbing */
	}
}

@media screen and (min-width: 1280px) {
	.checkbox .box {
		font-size: 1.071em;
		width: 1.467em;
		height: 1.467em;
	}
}

/* Fix Firefox arrow issue */
input[type=number] {
    -moz-appearance:textfield;
}
/********************************************************
 * 
 * VALIDATION
 *
 * Validation messages for form inputs.
 *
 ********************************************************/
 
 

.message {
	margin-top: 4px;
	margin-bottom: 4px;
}
/********************************************************
 * 
 * TRANSITIONS
 *
 * Common transitions properties.
 *
 ********************************************************/
 
 

/* DEFAULT PROPERTIES
--------------------------------------------------------*/
[class*="transition"] {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/* BACKGROUND
--------------------------------------------------------*/
.transition-bkg {
	-webkit-transition-property: background;
	-moz-transition-property: background;
	-o-transition-property: background;
	transition-property: background;
}

/* OPACITY
--------------------------------------------------------*/
.transition-opacity {
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}

/* PADDING
--------------------------------------------------------*/
@media screen and (min-width: 1280px) {
	.transition-padding-desktop {
		-webkit-transition-property: padding;
		-moz-transition-property: padding;
		-o-transition-property: padding;
		transition-property: padding;
	}
}

/* POSITION
--------------------------------------------------------*/
@media screen and (min-width: 1280px) {
	.transition-left-desktop {
		-webkit-transition-property: left;
		-moz-transition-property: left;
		-o-transition-property: left;
		transition-property: left;
	}
}

/* WIDTH
--------------------------------------------------------*/
.transition-width {
	-webkit-transition-property: width;
	-moz-transition-property: width;
	-o-transition-property: width;
	transition-property: width;
}
@media (min-width: 1280px) {
	.transition-width-desktop {
		-webkit-transition-property: width;
		-moz-transition-property: width;
		-o-transition-property: width;
		transition-property: width;
	}
}

/* TRANSITION TIMING FUNCTION
--------------------------------------------------------*/


/* TRANSITION DURATIONS
--------------------------------------------------------*/
.transition-100 {
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;
}
.transition-200 {
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
.transition-300 {
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.transition-400 {
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
@media screen and (max-width: 767px) {
	.transition-100-mobile {
		-webkit-transition-duration: 0.1s;
		-moz-transition-duration: 0.1s;
		-o-transition-duration: 0.1s;
		transition-duration: 0.1s;
	}
	.transition-200-mobile {
		-webkit-transition-duration: 0.2s;
		-moz-transition-duration: 0.2s;
		-o-transition-duration: 0.2s;
		transition-duration: 0.2s;
	}
	.transition-300-mobile {
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	.transition-400-mobile {
		-webkit-transition-duration: 0.4s;
		-moz-transition-duration: 0.4s;
		-o-transition-duration: 0.4s;
		transition-duration: 0.4s;
	}
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
	.transition-100-tablet {
		-webkit-transition-duration: 0.1s;
		-moz-transition-duration: 0.1s;
		-o-transition-duration: 0.1s;
		transition-duration: 0.1s;
	}
	.transition-200-tablet {
		-webkit-transition-duration: 0.2s;
		-moz-transition-duration: 0.2s;
		-o-transition-duration: 0.2s;
		transition-duration: 0.2s;
	}
	.transition-300-tablet {
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	.transition-400-tablet {
		-webkit-transition-duration: 0.4s;
		-moz-transition-duration: 0.4s;
		-o-transition-duration: 0.4s;
		transition-duration: 0.4s;
	}
}
@media screen and (min-width: 1280px) {
	.transition-100-desktop {
		-webkit-transition-duration: 0.1s;
		-moz-transition-duration: 0.1s;
		-o-transition-duration: 0.1s;
		transition-duration: 0.1s;
	}
	.transition-200-desktop {
		-webkit-transition-duration: 0.2s;
		-moz-transition-duration: 0.2s;
		-o-transition-duration: 0.2s;
		transition-duration: 0.2s;
	}
	.transition-300-desktop {
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	.transition-400-desktop {
		-webkit-transition-duration: 0.4s;
		-moz-transition-duration: 0.4s;
		-o-transition-duration: 0.4s;
		transition-duration: 0.4s;
	}
}
/********************************************************
 * 
 * KEYFRAME ANIMATIONS
 *
 * Common keyframe animations.
 *
 ********************************************************/
 


/* ROTATE
--------------------------------------------------------*/
.loading > .keyframe-spin {
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@keyframes spin {	
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@-webkit-keyframes delayed-hide {
	from { display: block; }
	to { display: none; }
}
@-moz-keyframes delayed-hide {
	from { display: block; }
	to { display: none; }
}
@keyframes delayed-hide {
	from { display: block; }
	to { display: none; }
}

/********************************************************
 * 
 * FOUNDATION
 *
 * Setting up the base layout of the site.
 *
 ********************************************************/
 
 

/* BASIC LAYOUT
--------------------------------------------------------*/
body {	
	background-color: #1F1F1F;
	overflow-x: hidden;
	color: #BBB;
	font-size: 14px;
	letter-spacing: 0.01em;
}
.column-left {
	width: 100%;
}
.column-right {
	width: 100%;
}
 #display-info-body {
 	opacity: 1;
 }
.loading #display-info-body {
 	opacity: 0;
 }
 .inline-block {
 	display: inline-block;
 }
.slideout-overlay {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: 101;
	background-color: #000;
	opacity: 0;
}
.expanded .slideout-overlay {
	display: block;
	opacity: 0.8;
}

@media (min-width: 1280px) {
	html {
		height: 100%;
		overflow: hidden;
	}	
	body {	
		height: 100%;
	}	
	.wrapper {
		height: 100%;
	}
	.view-settings .column-left {
		width: 640px;
	}
	.view-graphs .column-left {
		width: 450px;
	}
	.view-graphs.extended .column-left {
		width: 900px;
	}
	.view-graphs.full-width .column-left {
		width: 100%;
	}
	.column-right {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
	}
	.view-settings .column-right {
		padding-left: 640px;
	}
	.view-graphs .column-right {
		padding-left: 490px;
	}
	.view-graphs.extended .column-right {
		padding-left: 940px;
	}
	.view-graphs.full-width .column-right {
		padding-left: 100%;			
	    -webkit-animation: delayed-hide 0.4s linear infinite;
	    -moz-animation: delayed-hide 0.4s linear infinite;
	    animation: delayed-hide 0.4s linear infinite;
	}
	#display-info {
		position: relative;
		z-index: 2;
		margin-top: 1px;
		margin-bottom: 1px;
		padding: 0;
		overflow: auto;
	}
	#initial-settings,
	#graphs {
	 	display: none;
	 	filter: alpha(opacity=0);
	 	opacity: 0;
	}
}



/* CONTENT ORDER
--------------------------------------------------------*/
.flex-columns.view-settings #display-info {
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-webkit-order: 1;
	-moz-order: 1;
	order: 1;
}
.flex-columns.view-graphs #display-info {
	-webkit-box-ordinal-group: 3;
	-moz-box-ordinal-group: 3;
	-webkit-order: 3;
	-moz-order: 3;
	order: 3;
}
.flex-columns .view-simulator {
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-webkit-order: 2;
	-moz-order: 2;
	order: 2;
}

@media (min-width: 1280px) {	
	.flex-columns.view-settings #display-info {	
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-webkit-order: 1;
		-moz-order: 1;
		order: 1;
	}
	.flex-columns.view-graphs #display-info {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-webkit-order: 2;
		-moz-order: 2;
		order: 2;
	}
	.flex-columns.view-simulator {
		-webkit-box-ordinal-group: 3;
		-moz-box-ordinal-group: 3;
		-webkit-order: 3;
		-moz-order: 3;
		order: 3;
	}
}



/* BUTTONS AND LINKS
--------------------------------------------------------*/
a,
button {
	display: inline-block;
	position: relative;
	background-color: transparent;
}
button.primary {
	width: 90%;
	max-width: 340px;
	height: 48px;
	padding: 0 20px;
	background-color: #EFEFEF;
	color: #222;
	font-size: 1.400rem;
	line-height: 48px;
}
button.primary.highlight {
	background-color: #FD6B3D;
	color: white;
}
button.primary.highlight:hover,
button.primary.highlight:hover {
	background-color: #D0471C;
}
button.primary.reduced {
	font-size: 1rem;
}



/* COLLAPSER
--------------------------------------------------------*/
.collapser {
	cursor: pointer;
}
.collapser [class*="css-arrow-"] {
	position: absolute;
	top: 50%;
	left: 8px;
	margin-top: -2px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.collapser.expanded [class*="css-arrow-"] {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate (180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
/********************************************************
 * 
 * TYPOGRAPHY
 *
 * Commonly used typographic elements throughout this
 * specific site.
 *
 ********************************************************/
 
 
 
 /* CUSTOM FONTS
 -------------------------------------------------------*/
body,
[class*="icon-"] > *,
.tooltipster-default .tooltipster-content {
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-weight: 300;
}



/* HEADERS
--------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	color: #EFEFEF;
}
h3 {
	font-size: 1.429em;
}
h4 {
	padding-bottom: 4px;
}
.lined-heading {
	display: table;
	width: 100%;
	vertical-align: middle;
}
.lined-heading .line {
	position: relative;
	display: table-cell;
	width: 49%;
}
.lined-heading .line:before {
	content: '';
	position: absolute;
	top: 50%;
	width: 100%;
	height: 0;
	border-top: 1px solid;
	opacity: 0.4;
}
.lined-heading .title {
	display: table-cell;
	padding-left: 4px;
	padding-right: 4px;
}




/* LINKS
--------------------------------------------------------*/
a {
	display: inline-block;
	color: white;
}
a:hover,
a:focus {
	text-decoration: none;
}



/* LABELS
--------------------------------------------------------*/
label {	
	color: #B9B9B9;
}
sup {
	font-size: 0.8em;
	vertical-align: super;
}
sub {
	font-size: 0.8em;
	vertical-align: sub;
}
.unit {
	font-size: 1em;
}
.separator-for,
.separator-colon {
	height: 2.500em;
	margin-left: 8px;
	margin-right: 8px;
	font-size: 1em;
	line-height: 2.500em;
}
.live-graph-values span + .separator-at {
	font-size: 0.7em;
	color: #CCC;
}

@media (min-width: 1280px) {
	.separator-for,
	.separator-colon {
		height: 1.571em;
		line-height: 1.571em;
	}
}



/* LISTS
--------------------------------------------------------*/
.list-bullets {
	margin-left: 2.4em;
}



/* CONTENT
--------------------------------------------------------*/
.html-content p + *,
.html-content * + p,
.html-content ul + *,
.html-content * + ul,
.html-content ol + *,
.html-content * + ol {
	margin-top: 1.4em;
}
.text-center {
	text-align: center;
}
/********************************************************
 * 
 * EDITORS
 *
 * Form inputs.
 *
 ********************************************************/



 /* TEXT-BASED
--------------------------------------------------------*/
input[type="email"],
input[type="number"],
input[type="password"],
input[type="text"] {
	background-color: #3C3C3C;
	border: none;
	border-radius: 0;
	color: #F4F4F4;
}
input[type="email"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="text"]:hover {
	background-color: #404040;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="text"]:focus {
	background-color: #4A4A4A;
}



/* CHECKBOXES
--------------------------------------------------------*/
.checkbox,
.checkbox .label {
	cursor: pointer;
}
.checkbox .box {
	background-color: #3A3A3A;
	border: 4px solid #3A3A3A;
}
.checkbox:focus .box,
.checkbox input[type="checkbox"]:focus + .box {
	background-color: #4A4A4A;
	border-color: #4A4A4A;
}
.checkbox input[type="checkbox"]:checked + .box {
	background-color: #F4F4F4;
}

@media screen and (min-width:1280px) {
	.checkbox:hover .box {
		background-color: #4A4A4A;
		border-color: #4A4A4A;
	}
}



/* TOGGLE SWITCH
--------------------------------------------------------*/
.toggle-switch {
	padding-bottom: 4px;
}
.toggle-switch-group {
	position: relative;
	width: 10em;
	background-color: #3A3A3A
}
.toggle-switch .toggle-option {
	position: relative;
	width: 50%;
	padding: 0;
	z-index: 2;
	float: left;
	cursor: pointer;
}
.toggle-switch .toggle-option input {
	display: none;
}
.toggle-switch .toggle-option input[type="radio"]:checked + .label {
	color: #444;
}
.toggle-switch .toggle-option .label {
	width: 100%;
	padding: 10px;
	text-align: center;
}
.toggle-switch .toggle-option:hover .label,
.toggle-switch .toggle-option:focus .label {
	background-color: rgba(255,255,255,0.05);
}
.toggle-switch-slider {
	position: absolute;
	left: 0;
	width: 50%;
	height: 100%;
	z-index: 1;
	background-color: #DDD;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translate3d(0,0,0);	
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
[class*="selected-"].toggle-switch .toggle-switch-slider {
	opacity: 1;
	filter: alpha(opacity=100);
}

@media screen and (min-width: 1280px) {
	.toggle-switch .toggle-option .label {
		padding: 4px;
	}
}



/* VALIDATION
--------------------------------------------------------*/
.error.message-global {
	position: relative;
	margin-bottom: 2em;
	padding: 10px;
	background-color: #792C2C;
	font-size: 1.1em;
}
.error.message-global .message {
	color: white; 
}
.error {
	color: #EE6060;
}
.error input[type="password"],
.error input[type="text"] {
	background-color: #5C3B3B;
}
.error input[type="password"]:hover,
.error input[type="text"]:hover {
	background-color: #633838;
}
.error input[type="password"]:focus,
.error input[type="text"]:focus {
	background-color: #6F3B3B;
}
/********************************************************
 * 
 * ASSETS
 *
 * Assets for the site. Includes background images and
 * icons.
 *
 ********************************************************/
 
 
 
 /* FONT ICONS
--------------------------------------------------------*/
.setting [class*="icon-"]:before {
	width: 40px;
	height: 40px;
	font-size: 0.857em;
	line-height: 40px;
}
#toggle-circuit-diagram[class*="icon-"]:before {
	font-size: 2.000em;
}
.container-controls [class*="icon-"]:before {
	width: auto;
}
.container-sim-options [class*="icon-"]:before {
	width: 40px;
	height: 40px;
	font-size: 1.429em;
	line-height: 40px;
}

.logo-ua {
	display: inline-block;
	margin-left: -14px;
	padding: 14px;
}

@media screen and (min-width: 1280px) {
	.setting [class*="icon-"].default:before {
		height: 30px;
		line-height: 30px;
	}
	.container-sim-options [class*="icon-"]:before {
		height: 35px;
		line-height: 35px;
	}
	#display-info > .icon-spinner {
		position: fixed;
		top: 50%;
		left: 320px;
		margin-top: -16px;
		margin-left: -16px;
	}
	.container-graphs-full > .icon-spinner {
		position: fixed;
		top: 50%;
		left: 50%;
		margin-top: -16px;
		margin-left: 244px;
	}
}

/********************************************************
 * 
 * LOGIN VIEW
 *
 * Login view styles.
 *
 ********************************************************/
 
 

/* CONTAINERS
--------------------------------------------------------*/
body {
	line-height: 1.4;
}
#view-login #page {
	position: relative;
	max-width: 80em;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #CCC;
}
#view-login form {
	margin-bottom: 30px;
}

@media screen and (min-width: 600px) {
	#view-login #page {
		padding: 40px 5%;
	}
}

@media screen and (min-width: 768px) {
	#view-login #page {
		padding-left: 15%;
		padding-right: 15%;
	}
}

@media screen and (min-width: 992px) {
	#view-login #page {
		padding-left: 80px;
		padding-right: 80px;
	}
}

@media screen and (min-width: 1280px) {
	#view-login #page {
		padding-left: 100px;
		padding-right: 100px;
	}
}
 
 

/* HEADER
--------------------------------------------------------*/
#view-login .headline {
	margin-top: 20px;
	margin-bottom: 40px;
	color: white;
	line-height: 0.9;
}

#view-login .headline .main {	
	font-size: 2.286em;
}

#view-login .headline .sub {
	color: #EEE;
	font-size: 2em;
}

#view-login .headline .alt {
	color: #DDD;
	font-size: 1.2em;	
}

@media screen and (min-width: 600px) {
	#view-login .headline {
		margin-top: 0;
		margin-bottom: 30px;
	}
	#view-login .headline .main {
		font-size: 3.429em;
	}
}

  
/* CONTENT
--------------------------------------------------------*/
#view-login p a:not(.logo-ua) {
	display: inline;
}
.main-content {
	margin-bottom: 20px;
	font-size: 1.1em;
}

.alert {
	color: #FD6B3D;
}

.login > label:not(.error) {
	margin-bottom: 10px;
	color: #DDD;
}
.login label {
	position: relative;
}
.login .error.message-global {
	margin-bottom: 20px;
}
.login .message {
	display: none;
}
.login .error .message {
	display: block;
}
.login .disclaimer {
	padding-left: 0.9em;
	color: #888;
	font-size: 0.929em;
}
.login .disclaimer:before {
	display: inline-block;
	margin-left: -0.9em;
	color: #888;
	content: "*";
}

.login button{
	display: block;	
	margin-left: auto; 
	margin-right: auto;
}
.login-guest{	
	margin-top: 30px;
}
.login-guest a {
	padding: 10px;
	display: inline-block;	
}


@media screen and (min-width: 992px) {
	.main-content {
		margin-bottom: 0;
	}
	.login button {
		max-width: none;
	}	
	.login-guest a{
		padding: 2px;
	}
}



/* INPUTS
--------------------------------------------------------*/
.login input {
	width: 100%;
	height: 2.5em;
	padding: 6px;
}



/* SUBMIT BUTTON
--------------------------------------------------------*/
.login button {
	width: 100%;
	margin-top: 30px;
}
.login-guest button {
	margin-top: 0;
}

/********************************************************
 * 
 * ION THEME
 *
 * Specific colours for the ion theme.
 *
 ********************************************************/



/* Na+ COLOURS
--------------------------------------------------------*/
.na .setting-title,
.na input,
.na label,
.na .label,
.na .unit {
	color: #2AE8F8;
}
.na .wrapper-slider input {
	border-left-color: #28828A;
}
.na .wrapper-slider input:focus {
	border-left-color: #31A5AF;
}
.na .ui-slider-range,
.na .checkbox input[type="checkbox"]:checked + .box {
	background-color: #00CCDE;
}
.na .css-arrow-up:before {
	border-bottom-color: #00CCDE;
}

@media screen and (min-width:1280px) {
	.na .wrapper-slider input:hover {
		border-left-color: #31A5AF;
	}
}



/* K+ COLOURS
--------------------------------------------------------*/
.k .setting-title,
.k input,
.k label,
.k .label,
.k .unit{
	color: #EEA9FF;
}
.k .wrapper-slider input {
	border-left-color: #79687E;
}
.k .wrapper-slider input:focus {
	border-left-color: #9E5FAD;
}
.k .ui-slider-range,
.k .checkbox input[type="checkbox"]:checked + .box {
	background-color: #C381D3;
}
.k .css-arrow-up:before {
	border-bottom-color: #C381D3;
}

@media screen and (min-width:1280px) {
	.k .wrapper-slider input:hover {
		border-left-color: #9E5FAD;
	}
}



/* Cl- COLOURS
--------------------------------------------------------*/
.cl .setting-title,
.cl input,
.cl label,
.cl .label,
.cl .unit {
	color: #FFD7AD;
}
.cl .wrapper-slider input {
	border-left-color: #e7a158;
}
.cl .wrapper-slider input:focus {
	border-left-color: #de903e;
}
.cl .ui-slider-range,
.cl .checkbox input[type="checkbox"]:checked + .box {
	background-color: #FF9F3A;
}
.cl .css-arrow-up:before {
	border-bottom-color: #ffc180;
}

@media screen and (min-width:1280px) {
	.cl .wrapper-slider input:hover {
		border-left-color: #de903e;
	}
}



/* AMPA EXCITATORY COLOURS
--------------------------------------------------------*/
.excitatory .setting-title,
.excitatory input,
.excitatory > label,
.excitatory > .label
.excitatory .unit {
	color: #FFC8C4;
}
.excitatory .wrapper-slider input {
	border-left-color: #B9706B;
}

.excitatory .ui-slider-range,
.excitatory .checkbox input[type="checkbox"]:checked + .box,
.excitatory .toggle-switch-slider {
	background-color: #E0655B;
}
.excitatory.toggle-switch .toggle-option input[type="radio"]:checked + .label {
	color: white;
}
.excitatory .css-arrow-down {
	border-top-color: #FFB3AD;
}

/* NMDA EXCITATORY COLOURS
--------------------------------------------------------*/
.nmda.excitatory .setting-title,
.nmda.excitatory input,
.nmda.excitatory > label,
.nmda.excitatory > .label
.nmda.excitatory .unit {
	color: #F8DC70;
}
.nmda.excitatory .ui-slider-range,
.nmda.excitatory .checkbox input[type="checkbox"]:checked + .box,
.nmda.excitatory .toggle-switch-slider {
	background-color: #F8DC70;
}

.nmda.excitatory .wrapper-slider input {
	border-left-color: #F8DC70;
}


/* INHIBITORY COLOURS
--------------------------------------------------------*/
.inhibitory .setting-title,
.inhibitory input,
.inhibitory label,
.inhibitory .label
.inhibitory .unit {
	color: #ABC6FF;
}
.inhibitory .wrapper-slider input {
	border-left-color: #4D70B9;
}
.inhibitory .wrapper-slider input:focus {
	border-left-color: #7191D5;
}
.inhibitory .ui-slider-range,
.inhibitory .checkbox input[type="checkbox"]:checked + .box,
.inhibitory .toggle-switch-slider {
	background-color: #3363CA;
}
.inhibitory.toggle-switch .toggle-option input[type="radio"]:checked + .label {
	color: white;
}
.inhibitory .css-arrow-down {
	border-top-color: #89AEFC;
}



/* VOLTAGE COLOURS
--------------------------------------------------------*/
.voltage .setting-title,
.voltage input,
.voltage > label,
.voltage > .label,
.voltage .unit {
	color: #55DA65;
}
.voltage .wrapper-slider input {
	border-left-color: #3C8545;
}
.voltage .wrapper-slider input:focus {
	border-left-color: #42A24E;
}
.voltage .ui-slider-range,
.voltage .checkbox input[type="checkbox"]:checked + .box {
	background-color: #4DB95B;
}
.voltage .css-arrow-up:before {
	border-bottom-color: #39DB4C;
}

@media screen and (min-width:1280px) {
	.voltage .wrapper-slider input:hover {
		border-left-color: #42A24E;
	}
}



/* CURRENT COLOURS
--------------------------------------------------------*/
.current .setting-title,
.current input,
.current > label,
.current > .label,
.current .unit {
	color: #F1EFB5;
}
.current .wrapper-slider input {
	border-left-color: #858865;
}
.current .wrapper-slider input:focus {
	border-left-color: #ACB369;
}
.current .ui-slider-range,
.current .checkbox input[type="checkbox"]:checked + .box {
	background-color: #FFFB9B;
}

@media screen and (min-width:1280px) {
	.current .wrapper-slider input:hover {
		border-left-color: #ACB369;
	}
}


/* ACCENTS
--------------------------------------------------------*/
a[class*="icon-"],
button[class*="icon-"] {
	background-color: transparent;
	color: #BBB;
	text-decoration: none;
}
a[class*="icon-"].expanded,
button[class*="icon-"].expanded,
button.loading,
#toggle-circuit-diagram.active,
.zoomed .ui-slider-range,
button.zoomed {
	opacity: 1;
	background-color: #FD6B3D;
	color: white;
}
button.loading .icon-spinner {
	color: white;
}
.container-sim-content {
	border-bottom: 4px solid #FD6B3D;
}
.headline .main > span:first-child {
	color: #FD6B3D;
}
#elapsed-time.zoomed,
.container-slider #zoom-start-time,
.container-slider #zoom-end-time {
	color: #FF9971;
}

@media screen and (min-width: 1025px) {
	.mobile-menu-toggler,
	button:hover,
	button:active,
	button[class*="icon-"]:hover,
	button[class*="icon-"]:active,
	a:hover,
	a:active,
	a[class*="icon-"]:hover,
	a[class*="icon-"]:active,
	#toggle-circuit-diagram:hover,
	.setting-toggler.remove:hover,
	.setting-toggler.remove:active,
	.filter-controls .label:hover,
	.filter-controls .label:active,
	.wrapper-sim-selector .selector-help:hover,
	.wrapper-sim-selector .selector-help:active {
		opacity: 1;
		background-color: #FD6B3D;
		color: white;
	}	
	.mfp-content .link-button:hover,
	.mfp-content .link-button:active {
		border-color: #FD6B3D;
	}
}