@charset "UTF-8";
/* FONT STACK */
body,
input, select, textarea {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.1;
}

/* BASE LAYOUT */

html {
	background-color: #aaa;
	height: 100%;
	/* change the box model to exclude the padding from the calculation of 100% height (IE8+) */
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

html.inverse {
	background-color: #022636;
}

.ie6 html {
	height: 100%;
}

html * {
	margin: 0;
}

body {
	background: #ffffff;
	color: #333333;
	margin: 0 auto;
	max-width: 960px;
	overflow-x: hidden; /* prevents box-shadow causing a horizontal scrollbar in firefox when viewport < 960px wide */
	   -moz-box-shadow: 0 0 0.3em #255b17;
	-webkit-box-shadow: 0 0 0.3em #255b17;
	        box-shadow: 0 0 0.3em #255b17;
}

#grailsLogo {
	background-color: #abbf78;
}

/* replace with .no-boxshadow body if you have modernizr available */
.ie6 body,
.ie7 body,
.ie8 body {
	border-color: #255b17;
	border-style: solid;
	border-width: 0 1px;
}

.ie6 body {
	height: 100%;
}

a:link, a:visited, a:hover {
	color: #48802c;
}

a:hover, a:active {
	outline: none; /* prevents outline in webkit on active links but retains it for tab focus */
}

h1 {
	color: #48802c;
	font-weight: normal;
	font-size: 1.25em;
	margin: 0.8em 0 0.3em 0;
}

ul {
	padding: 0;
}

img {
	border: 0;
}

/* GENERAL */

#grailsLogo a {
	display: inline-block;
	margin: 1em;
}

.content {
}

.content h1 {
	border-bottom: 1px solid #CCCCCC;
	margin: 0.8em 1em 0.3em;
	padding: 0 0.25em;
}

.scaffold-list h1 {
	border: none;
}

.footer {
	background: #abbf78;
	color: #000;
	clear: both;
	font-size: 0.8em;
	margin-top: 1.5em;
	padding: 1em;
	min-height: 1em;
}

.footer a {
	color: #255b17;
}

.spinner {
	background: url(wfFzcfRobKch6xhBY59UEzN5sWtGz1GLvH7nDOT6P58.gif) 50% 50% no-repeat transparent;
	height: 16px;
	width: 16px;
    padding: 0.5em;
    position: absolute;
    right: 0;
	top: 0;
	text-indent: -9999px;
}

/* NAVIGATION MENU */

.nav {
	background-color: #efefef;
	padding: 0.5em 0.75em;
	   -moz-box-shadow: 0 0 3px 1px #aaaaaa;
	-webkit-box-shadow: 0 0 3px 1px #aaaaaa;
	        box-shadow: 0 0 3px 1px #aaaaaa;
	zoom: 1;
}

.nav.nav-inverse {
	background-color: #022636;
	color: #ffffff;
}

.nav ul {
	overflow: hidden;
	padding-left: 0;
	zoom: 1;
}

.nav li {
	display: block;
	float: left;
	list-style-type: none;
	margin-right: 0.5em;
	padding: 0;
}

.nav a {
	color: #666666;
	display: block;
	padding: 0.25em 0.7em;
	text-decoration: none;
}

.nav.nav-inverse a {
	color: #FFD7AA;
}

.nav a:active, .nav a:visited {
	color: #666666;
}

nav.nav-inverse a:active, .nav.nav-inverse a:visited {
	color: #FFD7AA;
}

.nav a:focus, .nav a:hover {
	background-color: #999999;
	color: #ffffff;
	outline: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.nav.nav-inverse a:focus, .nav.nav-inverse a:hover {
	background-color: #6E92A1;
	color: #000000;
	outline: none;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}

.no-borderradius .nav a:focus, .no-borderradius .nav a:hover {
	background-color: transparent;
	color: #444444;
	text-decoration: underline;
}

.nav a.home, .nav a.list, .nav a.create {
	background-position: 0.7em center;
	background-repeat: no-repeat;
	text-indent: 25px;
}

.nav a.home {
	background-image: url(XZxwq2CdhKQxLth7CqP7LcbI3LaYjCwJKkxHLHDpe0x.png);
}

.nav a.list {
	background-image: url(RdALDCN57QSCqXqRNdXsEvVFyPLe8pmO0DRCrEZJtEW.png);
}

.nav a.create {
	background-image: url(0yisl7281lTvwY6VcTEi0AwvMESNU2VvH0gCkLacD7T.png);
}

/* CREATE/EDIT FORMS AND SHOW PAGES */

fieldset,
.property-list {
	margin: 0.6em 1.25em 0 1.25em;
	padding: 0.3em 1.8em 1.25em;
	position: relative;
	zoom: 1;
	border: none;
}

.property-list .fieldcontain {
	list-style: none;
	overflow: hidden;
	zoom: 1;
}

.fieldcontain {
	margin-top: 1em;
}

.fieldcontain label,
.fieldcontain .property-label {
	color: #666666;
	width: 25%;
}

.fieldcontain .property-label {
	float: left;
}

.fieldcontain .property-value {
	display: block;
	margin-left: 27%;
}

label {
	cursor: pointer;
	display: inline-block;
	margin: 0 0.25em 0 0;
}

input, select, textarea {
	background-color: #fcfcfc;
	border: 1px solid #cccccc;
	font-size: 1em;
	padding: 0.2em 0.4em;
}

select {
	padding: 0.2em 0.2em 0.2em 0;
}

select[multiple] {
	vertical-align: top;
}

textarea {
	width: 250px;
	height: 150px;
	overflow: auto; /* IE always renders vertical scrollbar without this */
	vertical-align: top;
}

input[type=checkbox], input[type=radio] {
	background-color: transparent;
	border: 0;
	padding: 0;
}

input:focus, select:focus, textarea:focus {
	background-color: #ffffff;
	border: 1px solid #56CBF5;
	outline: 0;
	   -moz-box-shadow: 0 0 0.5em #ffffff;
	-webkit-box-shadow: 0 0 0.5em #ffffff;
	        box-shadow: 0 0 0.5em #ffffff;
}

.required-indicator {
	color: #48802C;
	display: inline-block;
	font-weight: bold;
	margin-left: 0.3em;
	position: relative;
	top: 0.1em;
}

ul.one-to-many {
	display: inline-block;
	list-style-position: inside;
	vertical-align: top;
}

.ie6 ul.one-to-many, .ie7 ul.one-to-many {
	display: inline;
	zoom: 1;
}

ul.one-to-many li.add {
	list-style-type: none;
}

/* EMBEDDED PROPERTIES */

fieldset.embedded {
	background-color: transparent;
	border: 1px solid #CCCCCC;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	   -moz-box-shadow: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

fieldset.embedded legend {
	margin: 0 1em;
}

/* MESSAGES AND ERRORS */

.errors,
.message {
	font-size: 0.8em;
	line-height: 2;
	margin: 1em 2em;
	padding: 0.25em;
}

.message {
	background: #f3f3ff;
	border: 1px solid #b2d1ff;
	color: #006dba;
	   -moz-box-shadow: 0 0 0.25em #b2d1ff;
	-webkit-box-shadow: 0 0 0.25em #b2d1ff;
	        box-shadow: 0 0 0.25em #b2d1ff;
}

.errors {
	background: #fff3f3;
	border: 1px solid #ffaaaa;
	color: #cc0000;
	   -moz-box-shadow: 0 0 0.25em #ff8888;
	-webkit-box-shadow: 0 0 0.25em #ff8888;
	        box-shadow: 0 0 0.25em #ff8888;
}

.errors ul,
.message ul {
   padding: 0;
   width: 96%;
   display: inline-block;
   vertical-align: middle;
}

.message ul {
   display: inline-block;
}

.errors li {
	list-style: none;
	background: transparent url(X2My6nLGuGXO73LuKEeTYWgyGjihrVLVBKfMfLY17mq.png) 0.5em 50% no-repeat;
	text-indent: 2.2em;
}

.message li {
   list-style: none;
   background: transparent url(5r7Rwd8PayLGhpjX1Cu8uUF6AB9prDYFb0MemFibdy.png) 0.5em 50% no-repeat;
   text-indent: 2.2em;
}

/* form fields with errors */

.error input, .error select, .error textarea {
	background: #fff3f3;
	border-color: #ffaaaa;
	color: #cc0000;
}

.error input:focus, .error select:focus, .error textarea:focus {
	   -moz-box-shadow: 0 0 0.5em #ffaaaa;
	-webkit-box-shadow: 0 0 0.5em #ffaaaa;
	        box-shadow: 0 0 0.5em #ffaaaa;
}

/* same effects for browsers that support HTML5 client-side validation (these have to be specified separately or IE will ignore the entire rule) */

input:invalid, select:invalid, textarea:invalid {
	background: #fff3f3;
	border-color: #ffaaaa;
	color: #cc0000;
}

input:invalid:focus, select:invalid:focus, textarea:invalid:focus {
	   -moz-box-shadow: 0 0 0.5em #ffaaaa;
	-webkit-box-shadow: 0 0 0.5em #ffaaaa;
	        box-shadow: 0 0 0.5em #ffaaaa;
}

/* TABLES */

table {
	border-top: 1px solid #DFDFDF;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 1em;
}

tr {
	border: 0;
}

tr>td:first-child, tr>th:first-child {
	padding-left: 1.25em;
}

tr>td:last-child, tr>th:last-child {
	padding-right: 1.25em;
}

td, th {
	line-height: 1.5em;
	padding: 0.5em 0.6em;
	text-align: left;
	vertical-align: top;
}

th {
	background-color: #efefef;
	background-image: -moz-linear-gradient(top, #ffffff, #eaeaea);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #eaeaea));
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#ffffff', EndColorStr = '#eaeaea');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea')";
	color: #666666;
	font-weight: bold;
	line-height: 1.7em;
	padding: 0.2em 0.6em;
}

thead th {
	white-space: nowrap;
}

th a {
	display: block;
	text-decoration: none;
}

th a:link, th a:visited {
	color: #666666;
}

th a:hover, th a:focus {
	color: #333333;
}

th.sortable a {
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 1.1em;
}

th.asc a {
	background-image: url(RXl7rSoN1AVnxXlZT2CrwXA7PXpoSw226yjB1A1N2HZ.gif);
}

th.desc a {
	background-image: url(f3V8fyTt1I004HCWmfaK3dijJYB1pRuaCoNtuCWfmZt.gif);
}

.odd {
	background: #f7f7f7;
}

.even {
	background: #ffffff;
}

th:hover, tr:hover {
	background: #E1F2B6;
}

/* PAGINATION */

.pagination {
	border-top: 0;
	margin: 0;
	padding: 0.3em 0.2em;
	text-align: center;
	   -moz-box-shadow: 0 0 3px 1px #AAAAAA;
	-webkit-box-shadow: 0 0 3px 1px #AAAAAA;
	        box-shadow: 0 0 3px 1px #AAAAAA;
	background-color: #EFEFEF;
}

.pagination a,
.pagination .currentStep {
	color: #666666;
	display: inline-block;
	margin: 0 0.1em;
	padding: 0.25em 0.7em;
	text-decoration: none;
	   -moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	        border-radius: 0.3em;
}

.pagination a:hover, .pagination a:focus,
.pagination .currentStep {
	background-color: #999999;
	color: #ffffff;
	outline: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.no-borderradius .pagination a:hover, .no-borderradius .pagination a:focus,
.no-borderradius .pagination .currentStep {
	background-color: transparent;
	color: #444444;
	text-decoration: underline;
}

/* ACTION BUTTONS */

.buttons {
	background-color: #efefef;
	overflow: hidden;
	padding: 0.3em;
	   -moz-box-shadow: 0 0 3px 1px #aaaaaa;
	-webkit-box-shadow: 0 0 3px 1px #aaaaaa;
	        box-shadow: 0 0 3px 1px #aaaaaa;
	margin: 0.1em 0 0 0;
	border: none;
}

.buttons input,
.buttons a {
	background-color: transparent;
	border: 0;
	color: #666666;
	cursor: pointer;
	display: inline-block;
	margin: 0 0.25em 0;
	overflow: visible;
	padding: 0.25em 0.7em;
	text-decoration: none;

	   -moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	        border-radius: 0.3em;
}

.buttons input:hover, .buttons input:focus,
.buttons a:hover, .buttons a:focus {
	background-color: #999999;
	color: #ffffff;
	outline: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
	   -moz-box-shadow: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.no-borderradius .buttons input:hover, .no-borderradius .buttons input:focus,
.no-borderradius .buttons a:hover, .no-borderradius .buttons a:focus {
	background-color: transparent;
	color: #444444;
	text-decoration: underline;
}

.buttons .delete, .buttons .edit, .buttons .save, .buttons .showAction {
	background-position: 0.7em center;
	background-repeat: no-repeat;
	text-indent: 25px;
}

.ie6 .buttons input.delete, .ie6 .buttons input.edit, .ie6 .buttons input.save,
.ie7 .buttons input.delete, .ie7 .buttons input.edit, .ie7 .buttons input.save {
	padding-left: 36px;
}

.buttons .delete {
	background-image: url(ss6KmFAHwuHg1DyNPDkahZ1ZiycD7T96evRysdmaiEm.png);
}

.buttons .edit, .buttons .editInContext, .buttons .edit, .buttons .editVersion {
	background-image: url(El0e01veMPBnf1OAeE8CxbYtoSWHtdzL7sWbN0u6SRa.png);
}

.buttons .save {
	background-image: url(9jLQuJhY3Jlq4wV1AeE2l5sWVWUENNWa9XdeTwXJjrB.png);
}

.buttons .show,
.buttons .showInContext,
.buttons .showOriginal {
   background-image: url(ol6I2evmSz0DYBDrY3NQDotiCETwPcYJDa3g0dPDxgb.png);
}

.buttons .print {
   background-image: url(cxPI0Xnlz9xyPC11dkxQO39lWSlEkzApgs11IRkt1lu.png);
}

.buttons .convertToReusable {
   background-image: url(OXMxwKumKnwUgf8vORX37HFTNH4uMtdF3bCtGUB9rLw.png);
}
.buttons .convertToReusable.disabled {
	pointer-events: none;
	cursor: default;
	color: #d3d3d3;
}

.buttons .newVersion {
   background-image: url(5Lv5GVs7u1s2KWnPaJ9ZW1QwvTLpbeUBPIe5w2T0Lz3.png);
}


.buttons .activate {
   background-image: url(OHI0kP91QbVJA7TQYVGpzBGarx0hNI28ER4CjbE5ghH.png);
}

.buttons .clone {
   background-image: url(0yisl7281lTvwY6VcTEi0AwvMESNU2VvH0gCkLacD7T.png);
}

.buttons .deactivate {
   background-image: url(eEk702ZpFbcFluVqx95pC0tqmlz3SO0kNz7BMkQheiB.png);
}

.buttons .undoSoftDelete {
   background-image: url(46q1CXYXo37XXBJHfRAk3b85hMNIpFnhq705ai7FSqf.png);
}

.buttons .search-ip-on-my-tado {
	background-image: url(ol6I2evmSz0DYBDrY3NQDotiCETwPcYJDa3g0dPDxgb.png);
}

.buttons .search-incidents-on-my-tado {
	background-image: url(ol6I2evmSz0DYBDrY3NQDotiCETwPcYJDa3g0dPDxgb.png);
}

a.skip {
	position: absolute;
	left: -9999px;
}

#status {
   background-color: #eee;
   border: .2em solid #fff;
   margin: 2em 2em 1em;
   padding: 1em;
   width: 12em;
   float: left;
   -moz-box-shadow: 0px 0px 1.25em #ccc;
   -webkit-box-shadow: 0px 0px 1.25em #ccc;
   box-shadow: 0px 0px 1.25em #ccc;
   -moz-border-radius: 0.6em;
   -webkit-border-radius: 0.6em;
   border-radius: 0.6em;
}

.ie6 #status {
   display: inline; /* float double margin fix http://www.positioniseverything.net/explorer/doubled-margin.html */
}

#status ul {
   font-size: 0.9em;
   list-style-type: none;
   margin-bottom: 0.6em;
   padding: 0;
}

#status li {
   line-height: 1.3;
}

#status h1 {
   text-transform: uppercase;
   font-size: 1.1em;
   margin: 0 0 0.3em;
}

#page-body {
   margin: 2em 1em 1.25em 18em;
}

h2 {
   margin-top: 1em;
   margin-bottom: 0.3em;
   font-size: 1em;
}

p {
   line-height: 1.5;
   margin: 0.25em 0;
}

#controller-list ul {
   list-style-position: inside;
}

#controller-list li {
   line-height: 1.3;
   list-style-position: inside;
   margin: 0.25em 0;
}

@media screen and (max-width: 480px) {
   #status {
      display: none;
   }

   #page-body {
      margin: 0 1em 1em;
   }

   #page-body h1 {
      margin-top: 0;
   }
}
      
/* Styles for mobile devices */

@media screen and (max-width: 480px) {
	.nav {
		padding: 0.5em;
	}

	.nav li {
		margin: 0 0.5em 0 0;
		padding: 0.25em;
	}

	/* Hide individual steps in pagination, just have next & previous */
	.pagination .step, .pagination .currentStep {
		display: none;
	}

	.pagination .prevLink {
		float: left;
	}

	.pagination .nextLink {
		float: right;
	}

	/* pagination needs to wrap around floated buttons */
	.pagination {
		overflow: hidden;
	}

	/* slightly smaller margin around content body */
	fieldset,
	.property-list {
		padding: 0.3em 1em 1em;
	}

	input, textarea {
		width: 100%;
		   -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		        box-sizing: border-box;
	}

	select, input[type=checkbox], input[type=radio], input[type=submit], input[type=button], input[type=reset] {
		width: auto;
	}

	/* hide all but the first column of list tables */
	.scaffold-list td:not(:first-child),
	.scaffold-list th:not(:first-child) {
		display: none;
	}

	.scaffold-list thead th {
		text-align: center;
	}

	/* stack form elements */
	.fieldcontain {
		margin-top: 0.6em;
	}

	.fieldcontain label,
	.fieldcontain .property-label,
	.fieldcontain .property-value {
		display: block;
		float: none;
		margin: 0 0 0.25em 0;
		text-align: left;
		width: auto;
	}

	.errors ul,
	.message p {
		margin: 0.5em;
	}

	.error ul {
		margin-left: 0;
	}
}

/* Body */

body {
   box-shadow: 0 0 0.3em #25175B;
   min-width: 95%;
   width: auto;
}

ul {
    padding-left: 1em;
}

.main-content > .show {
   padding-bottom: 200px;
}

/* Summary pop ups */

.bubble-summary {
   position: fixed;
   background: white;
   display: none;
   padding: 1em;
   z-index: 1000;
   box-shadow: 0 0 3px 1px #aaa;
   border-radius: 10px;
   min-width: 200px;
   overflow: auto;
   text-decoration: none;
   text-align: left;
   color: #333;
}

.bubble-summary h3 {
   display: table-row;
}

.bubble-summary h3 .short-summary-logo, 
.bubble-summary h3 .short-summary-name {
   display: table-cell;
   vertical-align: middle;
   padding-bottom: 0.3em;
}
 
.bubble-summary h3 .short-summary-logo img {
   width: 75px;
   margin-right: 1em;
   box-shadow: 0 0 3px 1px #eee;
}

.bubble-summary .actions {
   position: absolute;
   right: 5px;
   top: 5px;
}

.bubble-summary .actions a {
   width: 20px;
   display: inline-block;
   color: transparent;
   background: no-repeat;
}

.bubble-summary .actions a[data-action="show"] {
   background-image: url(ol6I2evmSz0DYBDrY3NQDotiCETwPcYJDa3g0dPDxgb.png);
}

.bubble-summary .actions a[data-action="edit"] {
   background-image: url(El0e01veMPBnf1OAeE8CxbYtoSWHtdzL7sWbN0u6SRa.png);
}

/* Logo and header */

.nav a.home { 
   text-indent: 0;
   width: 60px;
   padding-left: 0;
   padding-right: 0;
   color: transparent;
   background-image: url(7X4CCmbM51VyaG4LShToIFjS9dF1BrHBvQZEQLcnhTB.png);
}

.nav.nav-inverse a.home {
   background-color: #ffffff;
}

.nav a.home:focus, .nav a.home:hover {
   color: transparent;
   text-shadow: none;
}

.nav .home img {
   height: 16px;
}

.nav ul ul {
   display: none;
   position: absolute;
   background-color: transparent;
}

.nav ul li:hover > ul {
   display: block;
}

.nav ul ul li {
   float: none; 
   position: relative;
   z-index: 1000;
}

.nav ul ul li a {
   background-color: #dedede;
   padding: 0.4em;
}

.nav.nav-inverse ul ul li a {
   background-color: #022636;
}

/* Shortcuts */

#current-shortcuts-description li > strong {
   width: 2.4em;
   display: inline-block;
}

/* Footer */

.footer {
   background-color: #fff;
}

/* Common texts, placeholders and links configurations */

h1, a, a:link, a:visited, a:hover {
   color: #482C80;
}

span.nestedLink[data-link] {
   text-decoration: underline;
}

span.nestedLink[data-link]:hover {
   background-color: #ffee80;
}

a.external {
   background: url("H77AwNMrRgtbrdqOrUbHGYBtauOOqQf2C2fdxBdrtOV.png") no-repeat right center;
   padding-right: 20px;
   margin-right: 2px;
}

.separator {
   clear: both;
   height: 0;
   width: 0;
   overflow: hidden;
}

div[data-placeholder]:empty:before {
   content: attr(data-placeholder);
   display: block;
   margin-top: 2em;
   text-align: center;
   font-size: 1.1em;
   color: #aaa;
}

/* Flash and errors */

.status-messages .messages-list, .status-messages .remove {
   display: inline-block;
   vertical-align: middle;
}

.status-messages .messages-list {
   float: left;
   max-width: 95%;
}

.status-messages .remove {
   float: right;
}

.message .remove, .errors .remove {
   display: inline-block;
   float: right;
   padding-right: 1em;
   position: relative;
   cursor: pointer;
   background: url("HME80ppVJNHuRVOTaFVW3gHm2NqVba2aNcyRBiOu7TT.png") no-repeat left center;
   width: 16px;
   overflow: hidden;
   color: transparent;
}

.errors li, .message li {
   background-position: 8px 50%;
   text-indent: 0;
}

.errors li , .message li{
   padding-left: 32px;
}

/* Loading box */

.loading.spinner {
   background-color: white;
   right: 50%;
   padding: 0.3em;
   background-position: 3% 50%;
   text-indent: 18px;
   width: auto; 
   box-shadow: 0 0 0.3em #25175B;
   background-color: #ffb;
   position: fixed;
   top: 0;
}

/* Content images */

.main-content {
   margin: 0 1em;
}

.main-content img {
   box-shadow: 0 0 3px 1px #aaa;
   background-color: white;  
}

/* Lightbox */

#HVACCompatibiltyDB .lb-close {
   display: none;
}

#HVACCompatibiltyDB .lb-image {
   background-color: #fff;
}

#HVACCompatibiltyDB .lb-outerContainer {
   max-width: 80%;
   background-color: transparent;
}

/* General layout */

.main-content > .list, .main-content > .show {
   float: left;
   overflow-x: auto;
}

.main-content > .list {
   width: 29%;
}

.main-content > .show {
   border-left: 1px dashed #CCCCCC;
   margin-left: 1%;
   padding-left: 1%;
}

.main-content.inlined-list > .show {
   width: 67%;
}

.main-content.no-list > .show {
   width: 97%;
}

.main-content .list.GenericSystem,
.main-content .list.Interface {
   width: 40%
}

.main-content.inlined-list .show.GenericSystem,
.main-content.inlined-list .show.Interface {
   width: 57%;
}

/* Create, update, show try to look similar */

.selectedItem h1 {
   max-width: 70%;
   margin-top: -0.5em;
}

body fieldset, body .property-list {
   margin: 0;
   padding: 0;
}

fieldset.property-list {
   margin-bottom: 0.7em;
}

fieldset .fieldcontain {
   clear: both;
   border-bottom: 1px dashed #ddd;
   display: block;
   margin: 0;
   padding: 0.5em 0;
}

fieldset .fieldcontain.section-end {
   border-bottom: none;
   margin-bottom: 2em;
}

fieldset .fieldcontain.section-end:after {
   content: '';
   width: 100%;
   position: absolute;
   height: 3px;
   box-shadow: 0px 0px 5px 2px #ccc;
   display: block;
   margin-top: 1.5em;
   background-color: #ddd;
}

fieldset .fieldcontain .field-label,
fieldset .fieldcontain .field-input {
   display: block;
   float: left;
}

fieldset .fieldcontain .field-label {
   width: 11%;
   margin-top: 0.2em;
}

fieldset .fieldcontain .field-input {
   margin-right: 0.2em;
   margin-left: 0.1em;
   width: 87%;
}

.fieldcontain .field-label label {
   text-align: left;
}

@media all and (max-width: 1000px) {
   fieldset .fieldcontain .field-label,
   fieldset .fieldcontain .field-input {
      float: none;
      width: 100%;
   }
}

.invalid .field-label label {
   color: #c44;
}

/* Create and update specific */

.fieldcontain label, .fieldcontain .property-label {
   width: auto;
}

.fieldcontain .field-label label .required-indicator {
   margin-left: 0.1em;
}

.fieldcontain .property-value {
   padding-top: 0.1em;
   margin: 0;
}

/* Merge specific */

fieldset.merge-fields .title { 
   clear: right;
   border-bottom: 1px dashed #ddd;
   display: block;
   width: 100%;
   padding-bottom: 0.5em;
   margin-bottom: 0.5em;
   font-weight: bold;
}   

fieldset.merge-fields .merge-option {
   padding-bottom: 1em;
} 

/* Form widgets */

textarea {
    height: 100px;
    width: 90%;
}

textarea[readonly] {
    resize: none;
    border: none;
    height: auto;
    color: #000;
} 

input[readonly] {
    border: none;
    color: #000;
}

/* Form actions and other buttons */

.persist-area .buttons .action {
   display: inline-block;
}

fieldset.buttons.common {
   text-align: right;
}

fieldset.buttons {
   background-color: transparent;
   border: none;
   box-shadow: none;
   margin: 0.2em 1.25em 0;
}


.buttons a,
.buttons input {
   background-color: #f5f5f5;
   outline: none;
   background-position: 10px center;
   background-repeat: no-repeat;
   text-indent: 25px;
   box-shadow: 0 0 0.1em #45375B;
}

.buttons a:hover,
.buttons input:hover {
   background-color: #999;
}

button {
   outline: none;
}

button:not(.text-button) {
   background: no-repeat scroll 0 0 transparent;
   border: none;
   color: transparent;
   height: 16px;
   padding: 0;
   width: 16px;
   cursor: pointer;
}


.buttons .showAction {
   background-image: url("ol6I2evmSz0DYBDrY3NQDotiCETwPcYJDa3g0dPDxgb.png");
}

.buttons .traverse {
   background-image: url("rjk9LtplWog2oMXAH6Q2pSImMa02kBZxK9B7T71ylkJ.png");
}

.buttons .validate {
   background-image: url("xWWYZB4sQS4LMzX46KiTtksSW70ssC5x870lfkWLG8y.png");
}

.buttons .overview {
   background-image: url("AzyzrENxLtgnuxZonkFNUdZ00acSRuXyMzJVPv12HKb.png");
}

.buttons .cancel {
   background-image: url("c0R7WkZoClSZn00k8CjbRWHSzmJZ89qydLfh5KDwj8o.png");
}

.buttons a.add,
.buttons input[type="submit"].add,
.buttons a.create,
.buttons input[type="submit"].create {
   background-image: url("0yisl7281lTvwY6VcTEi0AwvMESNU2VvH0gCkLacD7T.png");
}

button.add, button.custom-add {
   background-image: url("li8X6WihaZGfQwMdyrySfQJ4qM2TlO0jiwTCKAJz2AF.png");
}

button.info {
   background-image: url("5r7Rwd8PayLGhpjX1Cu8uUF6AB9prDYFb0MemFibdy.png");
}

button.remove {
   background-image: url("HME80ppVJNHuRVOTaFVW3gHm2NqVba2aNcyRBiOu7TT.png");
}

button.toggle-button {
   background-image: url("y0dNYcujjm9aOus1drcNykcu54zMnm8fMWl2l2NY6uc.png");
}

button.untoggle-button {
   background-image: url("87v3CYfIA0d0p6fhZpe4Rq5ifon2obS5zzURVuXzwI3.png");
}

button.text-button.boolean-button {
   border-radius: 4px;
   border-width: 1px;
   border-style: solid;
   background: #ddd -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));
   text-shadow: 1px 1px 0 rgba(255,255,255,.67);
}

button.text-button.boolean-button.on {
   background-image:-moz-linear-gradient(top, rgba(75,75,75,.4), rgba(255,255,255,.4));
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75,.4)), to(rgba(255,255,255,.4)));
}

button.today {
   background-image: url("dlTrhOkC2v50w6ZFnr33OflhhTim2EzMbAf3OlNYtG8.png");
   height: 22px;
   width: 22px;
}

span.clear {
   position: relative;
}

span.clear span {
   position: absolute;
   display: block;
   top: 3px;
   right: 2px;
   width: 16px;
   height: 16px;
   background: url('hwRLY4rpe0BEonLhTQharUuxnEQ2qXbL9AQwIlPnxar.png');
   cursor: pointer;
}

span.deleteicon input {
   padding-right: 16px;
}

/* List */

.list table {
   margin: auto;
   margin-bottom: 1em;
   width: 98%;
}

.odd {
   background: none;
}

.list .odd {
   background-color: #eaf6ff;
}

.list table th:hover, 
.list table tr:hover,
.list table tr.selected:hover {
   background: #dae6ef;
}

.list table tr.selected {
   background-color: #ffd;
   box-shadow: 0 0 0.3em #25175B;
}

.list table tr.selected td a {
   font-weight: bold;
}

.allItems img {
   max-width: 75px;
   max-height: 75px;
}

/* Soft-deleted items */

.list table tr.soft-deleted {
   opacity: 0.30;
}

.show.selectedItem .property-list.soft-deleted {
   opacity: 0.75;
}

.system-name.soft-deleted {
   opacity: 0.5;
}

.system-name.soft-deleted a {
   color: #888;
}

.selectable-item.soft-deleted {
   opacity: 0.5;
}

.selectable-item.soft-deleted a {
   color: #888;
}

/* Selectables */

.fieldcontain img.preview,
.fieldcontain .selectable-item {
   width: 75px;
   height: 75px;
   text-align: center;
}

.selectable-input {
   float: left;
}

.selectable-input .filter-container {
   text-align: right;
   margin: 0 0.5em 0.5em 0;
}

.selectable-input .selected-items,
.selectable-input .unselected-items {
   padding: 0.1em 0 0 1em;
   float: left;
}

.selectable-input .selected-items {
   width: 100px;
}

.selectable-input .unselected-items {
   border-left: 1px dashed #CCCCCC;
   height: 200px;
   margin-left: 0.5em;
   overflow-y: auto;
   padding: 0.1em 0 0 1em;
   width: 350px;
}

.selectable-input .selectable-item {
   display: inline-block;
   vertical-align: top;
   margin-right: 1em;
   margin-bottom: 0.75em;
   padding: 0.5em;
   cursor: pointer;
   box-shadow: 0 0 3px 1px #aaa;
   border-radius: 10px;
   background-color: white;
}

.edit .selectable-item.selected {
   box-shadow: 0 0 0.5em #2517AB;
}

.selectable-input .selectable-item img {
   box-shadow: none;
}

.selectable-input-controls {
   margin-left: 1em;
}

.selectable-item.starts-row {
   clear: left;
}

.selectable-item.ends-row {
   clear: right;
}

/* Sortables */

.sortable-placeholder {
   background: #FBF9EE;
   border: 1px solid #FCEFA1;
}

.sortable .sort-grabber {
   background: url("SpiuwGM22qrwJ5U4BVYC2TXMMgn9x0Pbw0j97zTntXS.png") no-repeat scroll 0 0 transparent;
   border: medium none;
   color: transparent;
   cursor: pointer;
   display: block;
   height: 16px;
   width: 16px;
   margin: 0;
   padding: 0;
}

button.sort-substeps {
   margin-top: 1em;
}

button.sort-contents {
   margin-bottom: 1em;
}

/* File uploader */

.file-uploader-container .uploadr {
   width: auto;
}

.file-uploader-container .uploadr .placeholder {
   color: #89a;
   font-size: 18px;
   line-height: 27px;
   text-shadow: 0 0.5px 0.5px rgba(0, 0, 0, 0.5);
}

.file-uploader-container .uploadr .files {
   width: 200px;
}

.file-uploader-container .uploadr .file .info .details {
    display: inline-block;
    height: 40px;
    width: 180px
}

.file-uploader-container .uploadr .file .info .controls {
   display: none;
}

.file-uploader-container .uploadr .file .info .details .name {
   font-size: 13px;
}

.file-uploader-container .uploadr .fileinput,
.file-uploader-container .uploadr .badge {
   display: none;
}

.file-uploader-container .uploadr-container {
   clear: both;
}

.uploaded-files .file-info {
   padding-bottom: 0.5em;
   background-color: transparent;
}

.uploaded-files .file-info.even:not([data-index="0"]) {
}

.uploaded-files .main-info {
   float: left;
}

.uploaded-files .doctype-icon img {
   height: 50px;
   width: 50px;
}

.uploaded-files .extended-info {
   float: left;
   margin: 0 0.25em 0 0.75em;
   width: 350px;
}

.uploaded-files .extended-info textarea {
   width: 100%;
   padding: 0;
   height: 50px;
}

.uploaded-files .extended-info select {
   margin-top: 0.1em;
}

.uploaded-files .extended-info textarea {
   width: 100%;
   padding: 0;
   height: 50px;
}

.uploaded-files .edit-info {
   margin-top: 0.5em;
   float: left;
}

.uploaded-files .delete {
   background: url(ss6KmFAHwuHg1DyNPDkahZ1ZiycD7T96evRysdmaiEm.png) no-repeat left center transparent;
   height: 16px;
   width: 16px;
   display: block;
   cursor: pointer;
   margin: 0 0 2px 0;
   border: 0;
   color: transparent;
}

.uploaded-files.sortable .sortable-placeholder {
   width: 100%;
   height: 100px;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
}

/* Image uploading specific */

.Image .file-uploader-container .uploaded-files {
   width: 180px;
   height: 160px;
   margin-left: 1em;
}

.Image .file-uploader-container .uploaded-files[data-empty="true"] { 
   box-shadow: 0 0 3px 1px #aaa;
}

.Image .file-uploader-container .uploaded-files img {
   width: auto;
   height: 160px;
   float: left;
}

.Image .uploaded-files .file-info {
   padding: 0;
}

fieldset .fieldcontain.Image .field-label {
   vertical-align: top;
}

/* Tooltips */

.tooltip-content {
   display:none;
}

.qtip-content td, .qtip-content th {
   text-align: center;
} 

/* Logos */

.list .allItems .logo img { 
   width: 100px;
   height: 100px;
}

.list.GenericSystem .summary .logo img:hover {
   transform: scale(5);
}

.image-popup-on-hover img:hover {
   position: fixed;
   transform: scale(4);
   z-index: 1000;
}

/* Tags */

ul.tagit[data-tagit-readonly="true"] {
   background: none;
   border: none;
}

ul.tagit[data-tagit-readonly="true"] .tagit-new {
   display: none;
}

.categorized-tags > .category-name, .categorized-tags > .tagit {
   display: inline-block;
   vertical-align: middle;
}

/* Interface */

.show.Interface fieldset .fieldcontain .field-label {
   width: 18%;
}

.show.Interface fieldset .fieldcontain .field-input {
   width: 80%;
}

.list.Interface td.name,
.list.Interface td.type {
   max-width: 20em;
   word-break: break-all;
}


/* Interface compatibility */

.selected-interfaces .interface,
.selected-interfaces .interface-fields,
.selected-products .product,
.selected-products .product-fields {
   padding: 0.4em 0;
   width: 100%;
}

.selected-interfaces .interface-fields,
.selected-products .product-fields {
   float: left;
   padding-right: 1em;
   width: 95%;
   border: 1px dashed #ddd;
   padding: 0.5em;
}

.interface {
   display: table;
}

.selected-interfaces .interface .interface-name,
.selected-interfaces .interface .interface-status,
.selected-interfaces .interface .interface-yellow-flags,
.selected-interfaces .interface .connector {
   display: inline-block;
   margin: 0.5em 1em 0.5em 0;
   vertical-align: top;
}

.connectorFieldsAndValues,
.selected-interfaces .interface .terminal-blocks-matchings,
.selected-interfaces .interface .warnings {
   margin: 0.5em 1em 0.5em 0;
}

.connectorFieldsAndValues-legend {
   font-size: 85%;
}

.selected-interfaces .interface .status-YellowFlags {
   display: none
}

.selected-interfaces .interface .warnings .alert {
   max-width: 12em;
}

@media all and (max-width: 1700px) {
   .selected-interfaces .interface .warnings .alert {
      display: inline-block;
      vertical-align: top;
   }
}

.selected-interfaces .interface .connector-field label {
   color: #11b;
   display: inline-block;
   vertical-align: top;
}

.connector-field [data-read-only="true"] .connector-field-value {
   display: inline-block;
   vertical-align: top;
   max-width: 6em;
}

.connector-field.disabled label {
   color: #ccc;
}

.selected-interfaces .interface .connector-field.invalid label,
.connector-field.invalid label {
   color: #c22;
}

.connector-field.invalid .chosen-single, .connector-field.invalid .chosen-drop {
   border-color: #c22; 
}

.connector-field {
   margin-right: 2em; 
   margin-bottom: 0.2em
}

.selected-interfaces .interface .physical-connector, .selected-interfaces .interface .interface-activation {
   margin-bottom: 0.3em;
}

.selected-interfaces .interface .physical-connector label {
   text-align: left;
}

.connector input[type="text"] {
   width: 22em;
}

.selected-interfaces .interface .comments {
   margin: 1em 0 1em 0;
}

.selected-interfaces .interface .comments textarea,
.selected-interfaces .interface .disabling-reason-interface textarea {
   height: 2.5em;
   width: 95%;
}

.selected-interfaces .interface .disabling-reason-interface textarea {
   margin-top: 0.2em;
}

.display .selected-interfaces .interface .attachments label {
   margin: 0.5em 0 0.5em 0;
}

.selected-interfaces .interface .file-info {
   width: 47%;
   float: left;
}

/* Generic system */

.display.GenericSystem h1 {
   display: none;
}

.list.GenericSystem thead {
   display: none;
}

.list.GenericSystem span.summary {
   width: 100%;
}

@media all and (min-width: 1000px) {

   .GenericSystem span.summary {
      display: table;
   }

   .GenericSystem span.summary-group {
      display: table-row;
   }
   
   .GenericSystem .summary .summary-entry {
      display: table-cell;
      vertical-align: top;
      text-align: center;
   }
}

.list.GenericSystem .summary .summary-entry {
   
}

.list.GenericSystem .summary-entry[data-summary-entry-name^="secondaryManufacturer"] {
   
}

.list.GenericSystem .summary .summary-logo-entry.grouped-summary-entry.manufacturers {

}

.display.GenericSystem .summary .status-YellowFlags {
   display: none;
} 

.list.GenericSystem .summary .summary-entry .status-entry {
   display: inline;
}

.display.GenericSystem .summary .summary-entry .full-name {
   font-size: 140%;
   font-weight: bold;
   padding-bottom: 0.2em;
}

.display.GenericSystem .summary .name-entries,
.display.GenericSystem .summary .status-entries {
   display: block;
   float: left;
   padding-left: 1em;
}

.display.GenericSystem .summary .status-entries {
   margin-top: 1em;
}

.display.GenericSystem .summary .status-entry {
   display: block;
   margin-bottom: 0.4em;
}

.display.GenericSystem .summary .full-name {
   display: block;
}

.display.GenericSystem .summary .verbose-name {
   font-size: 95%;
   display: block;
}

.display.GenericSystem .summary .verbose-names td {
   padding: 0.1em 0.5em;
}

.display.GenericSystem .summary .summary-entry .name-entries {
   max-width: 80%;
}

.list.GenericSystem .summary .summary-entry .name-entries,
.list.GenericSystem .summary .summary-entry .other-entries {
   display: block;
   padding-bottom: 0.6em;
}

.list.GenericSystem .summary .summary-entry .other-entries > span {
   display: inline-block;
   font-size: 90%;
   background-repeat: no-repeat;
   background-position-y: 50%;
   padding-left: 17px;
   margin-right: 1em;
   text-align: left;
}

.list.GenericSystem .summary .summary-entry .interfaces-entries {
   max-width: 75%;
}


.list.GenericSystem .summary .summary-entry .flow-entries {
   background-image: url('AzyzrENxLtgnuxZonkFNUdZ00acSRuXyMzJVPv12HKb.png');
}

.list.GenericSystem .summary .summary-entry .interfaces-entries {
   background-image: url('txUlIqIxso5Fp6MCYrZPkmjamFOWVWRs4KxRzRk8ynH.png');
}

.list.GenericSystem .summary .summary-entry .general-comments-entry {
   background-image: url('5r7Rwd8PayLGhpjX1Cu8uUF6AB9prDYFb0MemFibdy.png');
}

.list.GenericSystem .summary .summary-entry .verbose-names {
   display: none;
}

.display.GenericSystem .summary .summary-entry .flow-entries,
.display.GenericSystem .summary .summary-entry .interfaces-entries,
.display.GenericSystem .summary .summary-entry .general-comments-entry {
   display: none;
}

.list.GenericSystem .summary .summary-entry .flow-entries,
.list.GenericSystem .summary .summary-entry .status-entries {
   display: inline-block;
}

.GenericSystem .summary img {
   width: 100px;
   height: auto;
}

.list.GenericSystem .summary img {
   width: 60px;
}

.GenericSystem .summary .summary-logo-entry {
   width: 110px;
}

.GenericSystem .summary .summary-logo-entry.grouped-summary-entry {
   
}

.list.GenericSystem .summary .summary-logo-entry {
   width: 65px;
}

.list.GenericSystem .summary .summary-logo-entry.manufacturers img:nth-child(1) {
   width: 35px;
}

.list.GenericSystem .summary .summary-logo-entry.manufacturers img:not(:nth-child(1)) {
   width: 21px;
}

.list.GenericSystem .summary .summary-logo-entry.manufacturers {
   width: 70px;
} 

.GenericSystem .summary .summary-logo-entry.manufacturers {
   width: 75px;
}

.GenericSystem .summary .summary-logo-entry.manufacturers img:nth-child(1) {
   width: 70px;
}

.GenericSystem .summary .summary-logo-entry.manufacturers img:not(:nth-child(1)) {
   width: 20px;
}


.display.GenericSystem .fieldcontain.summary .field-label {
   display: none;   
}

.fieldcontain.summary .field-input {
   width: 100%;
}

.display.GenericSystem .fieldcontain.summary .status-entries {
   display: block;
}

.display .property-list > .fieldcontain.modelName,
.display .property-list > .fieldcontain.versionName,
.display.GenericSystem .property-list > .fieldcontain.verboseName,
.display.GenericSystem .property-list > .fieldcontain.manufacturers {
   display: none;
}

fieldset.merge-fields .main-properties .modelName,
fieldset.merge-fields .main-properties .status,
fieldset.merge-fields .main-properties .second-group {
   display: none;
}

.fieldcontain.GenericSystem .logo,
.fieldcontain.BoilerControlWithFitsIn .logo {
   float: left;
}

.fieldcontain.GenericSystem .logo img,
.fieldcontain.BoilerControlWithFitsIn .logo img {
   height: 50px;
   width: 50px;
}

.fieldcontain.GenericSystem .name,
.fieldcontain.BoilerControlWithFitsIn .name {
   font-size: 85%;
   overflow: hidden;
   text-overflow: ellipsis;
}

.edit fieldset .fieldcontain.modelName input[type="text"],
.edit fieldset .fieldcontain.versionName input[type="text"],
.edit fieldset .fieldcontain.externalTempSensorConnector input[type="text"] {
   width: 20em;
}

.edit .verboseNamesInputs input {
   width: 20em;
   margin: 0 0.3em 0.3em 0;
}

.fieldcontain.GenericSystem .selectable-item {
   height: auto;
   width: 40%;
}

.fieldcontain.GenericSystem .composed-system .selectable-item,
.fieldcontain.GenericSystem .composed-systems-selectable .selectable-item {
   height: auto;
   width: 125px;
}

.fieldcontain.GenericSystem .selectable-input .selected-items,
.fieldcontain.BoilerControlWithFitsIn .selectable-input .selected-items {
   width: 150px;
}

.fieldcontain.GenericSystem .selected-items .selectable-item,
.fieldcontain.BoilerControlWithFitsIn .selected-items .selectable-item {
   width: 90%;
}

.composed-system-connector {
   display: inline-block;
   vertical-align: middle;
   margin: 1.5em 1em 0 0;
}

.display .fieldcontain.fittableRoomThermostatsConnector .fittableRoomThermostatsConnector:not([data-index="0"]),
.display .fieldcontain.boilerControlsInWhichFitsInConnector .boilerControlsInWhichFitsInConnector:not([data-index="0"]) {
   padding-top: 1em;
   border-top: 1px dashed #CCCCCC;
}

.display .fieldcontain.fittableRoomThermostatsConnector .fittableRoomThermostatsConnector.even,
.display .fieldcontain.boilerControlsInWhichFitsInConnector .boilerControlsInWhichFitsInConnector.even {
   clear: left;
}

.display .fieldcontain.fittableRoomThermostatsConnector .fittableRoomThermostatsConnector.odd,
.display .fieldcontain.boilerControlsInWhichFitsInConnector .boilerControlsInWhichFitsInConnector.odd {
   clear: right;
}

.edit .composed-systems-selectable div[data-first="false"] button.remove {
   margin-top: 1em;
}

.edit .composed-systems-selectable div[data-first="false"] .composed-system
{
   border-top: 1px dashed #CCCCCC;
   margin-top: 0.5em;
   padding-top: 0.5em;
}

.composed-systems-selectable.selectable-input, .composed-systems-selectable .selectable-adder {
   float:none;
   width: 100%;
}

.composed-systems-selectable .Image {
   display: inline-block;
}

.composed-systems-selectable .Image .file-uploader-container {
   margin-top: 0.3em;
}

.composed-systems-selectable button.add {
   display: none;
}

.composed-systems-selectable .property-with-remove-fields {
   float: left;
}

.composed-systems-selectable .unselected-items {
   border-left: none;
   float: left;
   width: 95%;
   border-bottom: 1px dashed #CCCCCC;
   margin-bottom: 1em;
   height: auto;
   min-height: 25px;
   max-height: 150px;
}

.fieldcontain.compatibleReceivers .fieldcontain.GenericSystem .selectable-input .selected-items {
   width: 100%;
}
 
.fieldcontain.compatibleReceivers .fieldcontain.GenericSystem .selected-items .selectable-item {
   width: 125px;
}

.allItems .status-Installable {
   display: block;
   margin-bottom: 0.75em;
}

.display.GenericSystem .selectedItem .fieldcontain.status {
   display: none;
}

.main-properties .status {
   clear: left;
   padding-top: 0.75em;
}

/* Product set */

.fieldcontain.ProductInterfaceCompatibility .interface-name,
.fieldcontain.ProductInterfaceCompatibility .product-set-name {
   display: block;
   margin-bottom: 0.5em;
}

.fieldcontain.ProductInterfaceCompatibility .title {
   display: block;
   margin-bottom: 0.3em;
}

.fieldcontain.ProductInterfaceCompatibility .rtFlowLabelingGuide,
.fieldcontain.ProductInterfaceCompatibility .bcFlowLabelingGuide {
   float: left;
   margin-right: 1.5em;
   width: 45%;
} 

.Interface .fieldcontain.ProductInterfaceCompatibility .interface-name,
.Product .fieldcontain.ProductInterfaceCompatibility .product-set-name {
   display: none;
}


@media all and (min-width: 1400px) {
   
   /* Two columns */
   .show:not(.SketchSystem).edit fieldset.columns .fieldcontain.modelName,
   .edit fieldset.columns .fieldcontain.versionName,
   fieldset.columns .fieldcontain.installFlowVersionsWhereParticipatesSummary,
   .show.display:not(.SketchSystem) fieldset.columns .fieldcontain.generalComments,
   fieldset.columns .fieldcontain.shippingDate,
   .GenericSystem fieldset.columns .fieldcontain.published,
   fieldset.columns .fieldcontain.flowThumbnail,
   fieldset.columns .fieldcontain.realLifeThumbnail,
   fieldset.columns .fieldcontain.selectFittableRtFlowThumbnail,
   fieldset.columns .fieldcontain.selectFittableRtRealLifeThumbnail,
   fieldset.columns .fieldcontain.installFlowsWhereParticipateAsLeadingSystem,
   fieldset.columns .fieldcontain.enabledCompatibilityYellowFlags,
   fieldset.columns .fieldcontain.enabledInstallationYellowFlags,
   fieldset.columns .fieldcontain.power,
   fieldset.columns .fieldcontain.fuel,
   fieldset.columns .fieldcontain.boilerControl,
   fieldset.columns .fieldcontain.fittedInSystem,
   fieldset.columns .fieldcontain.controlUnit,
   fieldset.columns .fieldcontain.furnace {
      display: inline-block;
      vertical-align: bottom;
      clear: none;
      min-height: 2.75em;
      padding-right: 1%;
      width: 48%;
   }
   
   .show:not(.SketchSystem).edit fieldset.columns .fieldcontain.modelName .field-label,
   .edit fieldset.columns .fieldcontain.versionName .field-label,
   .show.display:not(.SketchSystem) fieldset.columns .fieldcontain.generalComments .field-label,
   fieldset.columns .fieldcontain.shippingDate .field-label,
   .GenericSystem fieldset.columns .fieldcontain.published .field-label,
   fieldset.columns .fieldcontain.flowThumbnail .field-label,
   fieldset.columns .fieldcontain.realLifeThumbnail .field-label,
   fieldset.columns .fieldcontain.selectFittableRtFlowThumbnail .field-label,
   fieldset.columns .fieldcontain.selectFittableRtRealLifeThumbnail .field-label,
   fieldset.columns .fieldcontain.installFlowVersionsWhereParticipatesSummary.field-label,
   fieldset.columns .fieldcontain.enabledCompatibilityYellowFlags .field-label,
   fieldset.columns .fieldcontain.enabledInstallationYellowFlags .field-label,
   fieldset.columns .fieldcontain.power .field-label,
   fieldset.columns .fieldcontain.fuel .field-label,
   fieldset.columns .fieldcontain.boilerControl .field-label,
   fieldset.columns .fieldcontain.fittedInSystem .field-label,
   fieldset.columns .fieldcontain.controlUnit .field-label,
   fieldset.columns .fieldcontain.furnace .field-label {
      width: 18%;
   }
   
   .show:not(.SketchSystem).edit fieldset.columns .fieldcontain.modelName .field-input,
   .edit fieldset.columns .fieldcontain.versionName .field-input,
   .show.display:not(.SketchSystem) fieldset.columns .fieldcontain.generalComments .field-input,
   fieldset.columns .fieldcontain.shippingDate .field-input,
   .GenericSystem fieldset.columns .fieldcontain.published .field-input,
   fieldset.columns .fieldcontain.flowThumbnail .field-input,
   fieldset.columns .fieldcontain.realLifeThumbnail .field-input,
   fieldset.columns .fieldcontain.selectFittableRtFlowThumbnail .field-input,
   fieldset.columns .fieldcontain.selectFittableRtRealLifeThumbnail .field-input,
   fieldset.columns .fieldcontain.installFlowVersionsWhereParticipatesSummary.field-input,
   fieldset.columns .fieldcontain.enabledCompatibilityYellowFlags .field-input,
   fieldset.columns .fieldcontain.enabledInstallationYellowFlags .field-input,
   fieldset.columns .fieldcontain.power .field-input,
   fieldset.columns .fieldcontain.fuel .field-input,
   fieldset.columns .fieldcontain.boilerControl .field-input,
   fieldset.columns .fieldcontain.fittedInSystem .field-input,
   fieldset.columns .fieldcontain.controlUnit .field-input,
   fieldset.columns .fieldcontain.furnace .field-input {
      width: 80%;
   }
   
   .edit fieldset.columns .fieldcontain.versionName,
   fieldset.columns .fieldcontain.installFlowVersionsWhereParticipatesSummary,
   .GenericSystem fieldset.columns .fieldcontain.published,
   fieldset.columns .fieldcontain.realLifeThumbnail,
   fieldset.columns .fieldcontain.selectFittableRtRealLifeThumbnail,
   fieldset.columns .fieldcontain.enabledInstallationYellowFlags,
   fieldset.columns .fieldcontain.fuel,
   fieldset.columns .fieldcontain.fittedInSystem,
   fieldset.columns .fieldcontain.furnace {
      padding-left: 0.75em;
      border-left: 1px dashed #DDDDDD;
   }
}

/* Main properties */

.generic-system-naming-tooltip table thead tr[data-index="0"] th[colspan="1"] {
   background: white;
}

.generic-system-naming-tooltip table{ 
   border-top: none;
   padding: 0;
   margin: 0 0 1em 0;
}

.generic-system-naming-tooltip table td {
   padding: 0 1.5em 0.5em 1.5em;
   border-bottom: 1px solid #eee;
   vertical-align: middle;
}

.generic-system-naming-tooltip .reference {
   vertical-align: super;
   color: #500; 
}

.generic-system-naming-tooltip .reference-explanation {
   font-size: 90%;
}

.display .powerSupply .extended-label {
   display: none;
}

.edit .manufacturers .selected-items {
   text-align: center;
}

.edit .manufacturers .selectable-item.selected:nth-child(n+2) {
   width: 45px;
   height: 45px;
}

.edit .manufacturers .selectable-item.selected:nth-child(n+2) img {
   width: 45px;
   height: 45px;
}

/* Power Supply */

.fieldcontain.powerSupply .field-input {
   padding-left: 0.25em;
}

.fieldcontain.powerSupply .power-supply-option {
   margin-bottom: 0.1em;
   display: block;
}

.fieldcontain.powerSupply .power-supply-option input {
   margin: 0 0.1em 0 0.5em;
}

.fieldcontain.powerSupply .power-supply-option.None {
   display: inline-block;
}

/* Fits in / Boiler */

.fieldcontain.boilerControl .name, .fieldcontain.fittedInSystem .name,
.fieldcontain.controlUnit .name, .fieldcontain.furnace .name{
   padding-left: 1em;
}

.edit.ComposedSystem .modelName .field-label {
   display: none;
}

.show.edit.ComposedSystem fieldset.columns .fieldcontain.modelName .field-input {
   width: 100%;
}

.show.edit.ComposedSystem fieldset.columns .fieldcontain.modelName {
   width: 100%;
}

.show.ComposedSystem .fieldcontain.yellowFlags {
   border-bottom: #ccc dashed 1px;
}

.ComposedSystem .allAttachments {
   border-top: #ccc dashed 1px;
   display: flex;
   padding-top: 0.5em;
}

.ComposedSystem .systemAttachments {
   padding-top: 0.5em;
   width: 50%;
}

.ComposedSystem .attachments .file-uploader-container {
   margin-top: 0.5em;
}

/* Audit log */

.auditLog table {
   table-layout: fixed;
   word-wrap: break-word;
}

/* User auth */

#login {
   margin: 15px 0px;
   padding: 0px;
   text-align: center;
}

#login .inner {
   width: 340px;
   padding-bottom: 6px;
   margin: 60px auto;
   text-align: left;
   border: 1px solid #aab;
   background-color: #f0f0fa;
   -moz-box-shadow: 2px 2px 2px #eee;
   -webkit-box-shadow: 2px 2px 2px #eee;
   -khtml-box-shadow: 2px 2px 2px #eee;
   box-shadow: 2px 2px 2px #eee;
}

#login .inner .fheader {
   padding: 18px 26px 14px 26px;
   background-color: #f7f7ff;
   margin: 0px 0 14px 0;
   color: #2e3741;
   font-size: 18px;
   font-weight: bold;
}

#login .inner .cssform p {
   clear: left;
   margin: 0;
   padding: 4px 0 3px 0;
   padding-left: 105px;
   margin-bottom: 20px;
   height: 1%;
}

#login .inner .cssform input[type='text'] {
   width: 120px;
}

#login .inner .cssform label {
   font-weight: bold;
   float: left;
   text-align: right;
   margin-left: -105px;
   width: 110px;
   padding-top: 3px;
   padding-right: 10px;
}

#login #remember_me_holder {
   padding-left: 120px;
}

#login #submit {
   margin-left: 15px;
}

#login #remember_me_holder label {
   float: none;
   margin-left: 0;
   text-align: left;
   width: 200px
}

#login .inner .login_message {
   padding: 6px 25px 20px 25px;
   color: #c33;
}

#login .inner .text_ {
   width: 120px;
}

#login .inner .chk {
   height: 12px;
}

/* Sketch systems */

.SketchSystem .fieldcontain:not(.required),
.SketchSystem .fieldcontain.published {
   display: none;
}

.SketchSystem .fieldcontain.verboseName,
.SketchSystem .fieldcontain.flowThumbnail,
.SketchSystem .fieldcontain.realLifeThumbnail,
.SketchSystem .fieldcontain.attachments,
.SketchSystem .fieldcontain.generalComments,
.SketchSystem .fieldcontain.contributors {
   display: block;
}

.SketchSystem .fieldcontain.installFlowsWhereParticipateAsLeadingSystem,
.SketchSystem .fieldcontain.installFlowsWhereParticipateAsSecondarySystem {
   display: none;
}

/* Install flow */

.main-content .list.InstallFlow,
.main-content .list.Flow {
   width: 19%;
}

.main-content:not(.no-list) .show.display.InstallFlow,
.main-content:not(.no-list) .show.display.Flow {
   width: 77%;
}

.main-content .list.InstallFlow td > a {
   text-decoration: none;
}

.display.InstallFlow > h1 {
   display: none;
   height: 0;
}

.InstallFlow fieldset.show-fields {
   top: -1em;
}

.fields-display.InstallFlow .fieldcontain.summary .field-label,
.fields-display.InstallFlow .fieldcontain.name {
   display: none;
}

.InstallFlow .selectedItem .name {
   font-size: 110%;
}
.InstallFlow .flow-logo {
   float: left;
}

.show.display.InstallFlow .flow-main-name {
   font-size: 115%
}

.InstallFlow .flow-name-and-status .flow-status {
   margin-bottom: 0.5em;
}

.InstallFlow .secondary-name {
   font-size: 85%;
}

.InstallFlow .flow-logo {
   margin-right: 1em;
}

.InstallFlow .flow-logo img {
   height: 75px;
   width: 75px;
}

.InstallFlow.show .name input[name="name"] {
   width: 20em;
}

.InstallFlow .systemsSummary .field-input em {
   display: block; 
   margin: 0.5em;
}

.InstallFlow .systemsSummary .selectable-input .selected-items,
.field-input .oneToMany .selectable-input .selected-items {
   width: 100%;
}

.InstallFlow .systemsSummary .selected-items .selectable-item,
.field-input .oneToMany  .selected-items .selectable-item {
   width: 150px;
}

.InstallFlow .systemsSummary .selected-items .selectable-item .logo img {
   width: 75px;
   height: auto;
}

.InstallFlow .systemsSummary .BoilerControlWithFitsIn .selected-items .selectable-item .logo {
   float: none
}

.InstallFlow .systemsSummary .BoilerControlWithFitsIn .selected-items .selectable-item .logo img {
   width: 125px;
}

.flow-overview .diagram {
   overflow-x: scroll;
   text-align: center;   
}

.flow-overview .diagram-title {
   margin-bottom: 0.5em;
}

.flow-overview .diagram-options {
   display: block;
   margin-bottom: 0.5em;
}

.flow-overview .diagram-option {
   display: block;
}

.flow-overview .diagram-option label {
   text-align: left;
}

.show.display .fieldcontain.leadingParticipantSystems,
.show.display .fieldcontain.secondaryParticipantSystems {
   display: none;
}

fieldset.flow-grouped-element {
   border: 1px dashed #ddd;
   padding: 1em;
}

fieldset.flow-grouped-element.branch,
fieldset.flow-grouped-element.subFlow {
   padding-top: 0.4em;
}

fieldset.flow-grouped-element.new-element:not(.has-errors),
fieldset.flow-grouped-element.new-element.node:not(.has-errors),
fieldset.flow-grouped-element.new-element.branch:not(.has-errors) {
   border-color: #9e9;
}

fieldset.flow-grouped-element.new-element:not(.has-errors) legend,
fieldset.flow-grouped-element.new-element.node:not(.has-errors) legend {
   color: #292;
}

fieldset.flow-grouped-element.step,
fieldset.flow-grouped-element.stepReference,
fieldset.flow-grouped-element.subFlow,
fieldset.flow-grouped-element.conditional,
fieldset.flow-grouped-element.conditionalReference,
fieldset.flow-grouped-element.interfaceBasedConditional,
fieldset.flow-grouped-element.branch {
   border-color: #999;
}

.show.display fieldset.subFlow,
.show.display fieldset.subFlow fieldset.flow-grouped-element,
.show.display fieldset.flow-grouped-element.stepReference,
.show.display fieldset.flow-grouped-element.conditionalReference {
   border-color: #ddd;
}

.show.display fieldset.subFlow .nodes > button,
.show.display fieldset.subFlow legend,
.show.display fieldset.subFlow legend a,
.show.display fieldset.subFlow fieldset.flow-grouped-element legend,
.show.display fieldset.flow-grouped-element.stepReference legend,
.show.display fieldset.flow-grouped-element.conditionalReference legend {
   color: #999;
}

.flow .fieldcontain.reusableName {
   border: none;
   margin: 1em 0;
}

div.node {
   clear: both;
}

div.node, .edit-fields div.branch {
   padding-top: 0.5em;
   margin-top: 0.5em;
}

.new-node-selector {
   padding-top: 0.5em;
   margin-top: 0.5em;
   clear: both;
}

.inline-preview {
   margin-top: 1em;
}

/*
@media all and (min-width: 1200px) { 
   .step-input, .step-preview {
      width: 49%;
      float: left;
   }
   .inline-preview:not(.sub-flow-preview) {
      margin-top: 0;
   }
}
*/

.edit .preview {
   margin-left: 1%;
}

.display .preview,
.preview.full-preview {
   width: 100%;
}

.step .description label {
   width: 100%;
   margin: 0;
}

.step .description textarea {
   height: 2em;
}

.step .message {
   max-width: 75%; 
} 

.step .step-preview img {
   max-width: 100%;
}

.selectedItem.show:not(.display) .step fieldset.buttons {
   display:none;  
}

.selectedItem:not(.show) .step fieldset.buttons {
   float: right;
}

.step fieldset.buttons {
   float: right;
}

.Step.edit .fieldcontain.title {
   border-bottom: 0;
} 

.sub-step, .content:not([data-index="0"]), .new-sub-step-selector, 
.new-content-selector, .new-branch-selector {
   margin-top: 0.5em;
}

.nonDefaultBranchValue {
   margin-bottom: 0.5em;
}

.branch-dead-end {
   margin-left: 0.5em;
}

.operator-group, .branch-value {
   display: block;
   margin-bottom: 0.5em;
}

.operator-group.last {
   display: inline;
}

.operator-group:not(.last) button.remove,
.operator-group.first button.remove {
   display: none;
}

.input-key-selector {
   margin-bottom: 0.5em;
}

.picture img {
   width: 150px;
}

.common-to-all-locales {
   margin-bottom: 1em;
}

.locale {
   width: 16%;
   vertical-align: top;
   display: inline-block;
}

.locale img {
   max-width: 95%;
}

.locale-title {
   width: 100%;
   display: block;
   margin-bottom: 1em;
}

.content label {
   width: 100%;
   display: block;
   margin: 0.5em 0 0.2em 0;
}

.content input[type="text"], .content input[type="number"] {
   width: 80%;
   margin: 0.1em 0;
}

.Flow .available-label-by-value-entries input[type="text"], 
.InstallFlow .available-label-by-value-entries input[type="text"] {
   min-width: 10%;
   width: 50%;
}

.interfaceBasedUserInput .locale.not-default-locale .available-label-by-value-entries-label {
   margin-top: 3.75em;
}

.hidden-state-modifier .inputKey-input {
   margin-bottom: 0.5em;
}

.content .alert-input {
   margin-top: 0.5em;
}

.content .device-property-state-input {
   border: 1px dotted lightgrey;
   padding: 0.25em;
   margin: 0 0.25em 0.25em 0em;
}

.content .device-property-state-input .state-value-input input[type="text"] {
   width: auto;
   max-width: 80%;
}


.locale.not-default-locale .alert-input {
   margin-top: 2em;
}

.locale.not-default-locale .notConnectedText-input-label {
   margin-top: 8.1em;
}

.preview fieldset.step,
.preview fieldset.stepReference,
.preview fieldset.subFlow,
.preview fieldset.conditional,
.preview fieldset.conditionalReference,
.preview fieldset.branch,
.preview fieldset.hiddenStateModifier,
.preview.full-preview fieldset.preview,
.preview .locale-preview  {
   margin-bottom: 1em;
}

.preview .locale-title {
   font-weight: bold;
}

.preview h1 {
   margin-top: 1em;
}

.preview .panel {
   float:left;
   padding-right: 2%;
}

.preview .row {
   width: 100%;
   margin-bottom: 1em;
}

.preview .row.columns-2 .panel,
.preview .row.columns-3 .panel,
.preview .row-as-column {
   width: 30%;
}

.preview .row-as-column {
   float: left;
}

.preview .contentContainer, .preview .locale-preview {
   clear: both;
}

/* Localization state styling */

.localization-state-entries .field-label {
   float: left !important;
   width: 11% !important;
}

.localization-state-entries .field-input {
   float: left !important;
   width: 87% !important;
}

/* Step Edit */
.step-input .localization-state-entries {
   height: 3.5em;
   border-bottom: none;
}

.step-input .localization-state-entries .localization-state .locale-title {
   margin-bottom: 0.5em;
}

/* Step view */
.step-preview .localization-state-entries {
   margin-bottom: 0.5em;
   height: 2.5em;
   border-bottom: 1px dashed #ddd;
}

.step-preview .localization-state-entries .field-label {
   font-weight: bold;
   margin-top: 0;
}

.step-preview .localization-state-entries .localization-state .locale-title {
   text-align: center;
   margin-bottom: 0;
}

.step-preview .localization-state-entries .localization-state .locale-content {
   text-align: center;
   display: block;
}

/* end localization state */

.inline-preview h1 {
   font-size: 105%;
}

.inline-preview .contentContainer {
   font-size: 80%;
}

.inline-preview img {
   width: 125px;
}

.inline-preview .alertAreaIcon i,
.inline-preview .checkPanelIcon i {
   font-size: 25px;
}

.short-summary-preview.preview .row.columns-2 .panel {
   width: 45%;
}

.short-summary-preview .contentContainer, .short-summary-preview button {
   font-size: 50%;
}

.short-summary-preview .device-property-panel select,
.short-summary-preview .connection-panel button {
   display: none;
}

.short-summary-preview h1 {
   font-size: 90%;
}

.short-summary-preview img {
   width: 150px;
}

.short-summary-preview .alert {
   padding: 1px 5px 1px 5px;
}

.short-summary-preview .alertAreaIcon,
.short-summary-preview .checkPanelIcon {
   padding-right: 5px;
}

.short-summary-preview .alertAreaIcon i,
.short-summary-preview .checkPanelIcon i {
   font-size: 20px;
}


.preview select {
   min-width: 5em;
   text-align:right;
}

.InstallFlow .show input[type="text"],
.Flow .show input[type="text"],
.Step .show input[type="text"] {
   min-width: 18em;
}

.flow-grouped-element legend input[type="text"] {
   min-width: 40em;
}

.edit .fieldcontain.installFlowWhereIsRoot,
.edit .fieldcontain.conditionalWhereIsBranch {
   display: none;
}

button.untoggle-all, button.toggle-all, button.untoggle-steps, button.untoggle-steps-subflows,
button.toggle-all-branches, button.untoggle-all-branches {
   width: auto;
   color: black;
   padding-left: 16px;
   margin: 0 1em 1.5em 0;
}

.localeFilter {
   font-size: 85%;
}

.preview p {
   margin: 0 0 10px;
}

.preview img {
   box-shadow: none;
}

.preview .panel button {
   border: 3px solid #ccc;
   border-radius: 5px 5px 5px 5px;
   background-color: transparent;
   background-image: linear-gradient(to bottom, #f6f6f6, #fdfdfd);
   margin-bottom: 0.5em;
   cursor: pointer;
}

.preview .panel button:hover {
   border-color: rgb(153,207,235);
}

.preview .panel button img {
   background-color: transparent;
}

.alert {
   padding: 8px 35px 8px 14px;
   text-shadow: 0 1px 0 rgba(255,255,255,0.5);
   border: 1px solid white;
   border-radius: 4px;
   margin-bottom: 20px; 
}

.alert-warn {
   color: #c09853;
   background-color: #fcf8e3;
   borde-color: #fbeed5;
}

.alert-info {
   color: #3a87ad;
   background-color: #d9edf7;
   border-color: #bce8f1;
}

.alert-not-success,
.alert-not-connected {
   color: #666;
   background-color: #dcdcdc;
   border-color: #bcbcbc;
}

.alert-error, .panel .alert-warn {
   color: #b94a48;
   background-color: #f2dede;
   border-color: #eed3d7;
}

.alert-success {
   color: #468847;
   background-color: #dff0d8;
   border-color: #d6e9c6;
}

.sortable-node-placeholder {
   background: #FBF9EE;
   border: 1px solid #FCEFA1;
   height: 4em;
}

.alertAreaIcon i {
   font-size: 45px;
   line-height: 100%;
}

.checkPanel i {
   font-size: 80px;
   line-height: 100%;
}

.checkPanel .checkPanelIcon,
.checkPanel .checkPanelMessage,
.checkPanel .checkPanelSpinner, 
.alertAreaIcon, 
.alertAreaMessage {
   display: table-cell;
   vertical-align: middle;
}

.alertAreaIcon {
   padding-right: 16px;
} 

.checkPanel .checkPanelIcon,
.checkPanel .checkPanelMessage,
.checkPanel .checkPanelSpinner {
   padding-right: 20px;
}

.checkPanel .checkPanelSpinner {
   width: 56px;
}

.checkPanel .checkPanelSpinner .spinner {
   background-image: none;
}

fieldset.flow-grouped-element.has-errors {
   border-color: #ffaaaa;
}

fieldset.flow-grouped-element.has-errors > legend {
   color: #955;
   font-weight: bold;
}

.show.Step .fieldcontain.title input {
   width: 30em;
}

.flow-validation-section {
   margin: 0 2em 1em 0;
   display: inline-block;
   vertical-align: top;
}

.flow-validation-section-title {
   font-weight: bold;
}

.flow-validation-section ul {
   margin-top: 0.5em;
}

.flow-validation-section.diagram {
   display: block;
}

/* Badge lights */

.badge.green {
    background-color: #468847;
}

.badge.neon_light_green {
   background-color: #b5ff6b;
   color: #333333;
}

.badge.light_green {
    background-color: #79bb7a;
}

.badge.green_to_amber {
   background-color: #a6df6c;
   color: #333333;
}

.badge.amber_to_green {
    background-color: #e7dc10;
}

.badge.amber {
    background-color: #F89406;
}

.badge.amber_to_red {
   background-color: #f86906;
}

.badge.red_to_amber {
   background-color: #d85836;
}

.badge.red {
    background-color: #B94A48;
}

.badge.blue {
    background-color: #3A87AD;
}

.badge.yellow {
    background-color: #e5e555;
    color: #333333;
}

.badge.grey {
   background-color: #999;
}

.badge { 
   border-radius: 15px;
   padding: 3px 9px;
   color: #FFFFFF;
   font-weight: bold;
   font-size: 12px;   
}

.badge:empty {
   display: none;
}

/* Sliders */

.slider-container {
   margin-bottom: 0.5em;
   max-width: 10em;
}

.ui-slider-horizontal .ui-slider-handle {
   height: 12px;
   width: 12px;
   top: -2px;
}

.ui-slider-horizontal .ui-slider-range {
   background: #aaa;
}

.ui-slider {
   height: 9px;
}

/* Eans */

.selected-eans .ean-fields, .selected-eans .ean > button.remove {
   display: inline-block;
   vertical-align: top;
}

.ean .barcode label {
   padding-bottom: 0.5em;
}

.ean .uploaded-files .extended-info {
   width: 75%;
}

.ean .ean-fields {
   width: 90%;
}

@media all and (max-width: 1400px) {
   .selected-eans .ean:not(:nth-child(1)) {
      margin-top: 1em;
      padding-top: 1em;
      border-top: 1px dashed #ccc; 
   }
}

@media all and (min-width: 1400px) {

   .selected-eans .ean, .selected-eans > button.add {
      display: inline-block;
      vertical-align: top;
   }

   .selected-eans .ean {
      width: 40%;
   }

   .selected-eans .ean:nth-child(even) {
      padding-left: 1.5em;
      border-left: 1px dashed #ccc; 
   }
   
   .selected-eans .ean:not(:nth-child(2)):not(:nth-child(1)) {
      margin-top: 1em;
      padding-top: 1em;
      border-top: 1px dashed #ccc;
   }
   
   .selected-eans > button.add:not(:nth-child(2)):not(:nth-child(1)):not(:nth-child(3)) {
      margin: 2em 2em 
   }
}

/* Interface compatibility rule */
.main-content .list.InterfaceCompatibilityRule {
   width: 35%;
}

.main-content.inlined-list .show.InterfaceCompatibilityRule {
   width: 61%;
}

.matched-interface-compatibility-rule {
   font-size: 80%;
   margin-top: 0.3em;
}

.matched-interface-compatibility-rule i {
   margin-right: 0.3em;
   color: #000;
}

/* Multivaluated props */
.multivaluated-property-inputs input,
.multivaluated-property-inputs select {
   margin-right: 0.2em;
}

.multiple-property-with-multiple-selects .property-with-remove-fields {
   max-width: 85%;
   display: inline-block;
   margin-bottom: 0.3em;
}

/* Terminal blocks */

.main-content .list.ProductDeviceTerminalBlock {
   width: 38%;
}

.main-content.inlined-list .show.ProductDeviceTerminalBlock {
   width: 57%;
}

.edit.TerminalBlocksMatching .legend input {
   width: 20em;
}

.terminalLabelsInputs input {
   width: 3em;
}

ul.terminal-block {
   padding: 0;
   margin: 0;
   display: inline-block;
}

.terminal-block-entry {
   display: inline-block;
   vertical-align: top;
   margin-right: 0.2em;
}

.terminal-block-label {
   padding: 0.3em 0.4em;
   margin-bottom: 0.2em;
   text-align: center;
   min-width: 2em;
}

.terminal-block-entry.inactive .terminal-block-label {
   background-color: #F3F3F3;
   color: #777;
}

.terminal-block-data .product-set-terminal-block-label {
   background-color: #48b;
   color: #fff;
}

.terminal-block-data .interface-compatibility-terminal-block-label {
   background-color: #cef;
   color: #118;
}

/* Terminal blocks matching */

.terminal-blocks-matching {
   border: 1px dashed #ddd;
   margin: 0 0 0.5em 0.5em;
   padding: 0.5em;
}

.terminal-blocks-matching .legend {
   padding: 0 0.5em;
}

.terminal-blocks-matching .legend i {
   color: #555;
   margin-right: 0.3em;
   font-size: 130%;
}

.terminal-blocks-matching .legend span {
   cursor: pointer;
   margin-right: 10px;
}
.terminal-blocks-matching .legend span:before {
   content: "\25BC\0020";
}
.terminal-blocks-matching.collapsed .legend span:before {
   content: "\25B6\0020";
}
.terminal-blocks-matching.collapsed .terminal-blocks,
.terminal-blocks-matching.collapsed .matched-interface-compatibility-rule {
   display: none;
}

.terminal-blocks-matching .terminal-blocks,
.terminal-blocks-matching .connected-terminal-blocks,
.terminal-blocks-matching .not-connected-terminal-blocks,
.terminal-blocks-matching .external-power-supply-needed,
.terminal-blocks-matching .jumper-position {
   display: inline-block;
   vertical-align: middle;
}

.terminal-blocks-matching .terminal-blocks svg,
.terminal-blocks-matching .terminal-blocks img,
.terminal-blocks-matching .terminal-blocks object {
   max-width: 100%;
}

.terminal-blocks-matching .terminal-block-data {
   max-width: 4em;
   word-wrap: break-word;
}


.not-connected-terminal-blocks {
   margin-left: 1em;
}

.not-connected-terminal-blocks .terminal-block-title,
.terminal-block-chocolate-block .terminal-block-title {
   display: none;
}

.terminal-block-chocolate-block .product-set-terminal-block-label {
   background-repeat: no-repeat;
   background-position: center center;
   background-color: #eee;
   background-image: url("y3jFtY0T96nwNOen6S5pk6zgRf07AtmRjLV5atHkdQl.png");
   background-size: auto 30px;
   color: transparent
}

.terminal-blocks-matching .external-power-supply-needed,
.terminal-blocks-matching .jumper-position {
   background-repeat: no-repeat;
   background-position: center center;
   background-color: #fff;
   background-size: 47px;
   height: 42px;
   width: 42px;
   color: transparent;
   -moz-border-radius: 47px;
   -webkit-border-radius: 47px;
   padding: 3px;
   border: 2px solid;
}

.terminal-blocks-matching .external-power-supply-needed-true {
   background-image: url("0qXV0HF1K9OYtDI0Hg4yLROtoYno1E8kBWPs1pgwe0G.png");
   border-color: #58a013;
}

.terminal-blocks-matching .external-power-supply-needed-false {
   background-image: url("nouWLRKH8hSQZe2o3Ua8UadyegYu4rAiCdl4fBhM2XJ.png");
   border-color: #a05813;
}

.terminal-blocks-matching .jumper-position-1 {
   background-image: url("K67GjPJFFveWOuiY5vzwtGTIuSsTlUjnx6Pkec1AcYF.svg");
}

.terminal-blocks-matching .jumper-position-2 {
   background-image: url("96Woa5jTryMZgeULIZowpCyLIq1NaB8OIMsn1Hvrenl.svg");
}

/* Typeahead */

.tt-suggestion:hover {
   background-color: #bef;
}

.tt-suggestion {
   border-radius: 12px;
   border: solid 1px #d5d5d5;
   background-color: white;
   padding: 0.3em;
   font-size: 85%;
   margin: 0.1em 0;
   cursor: pointer;
}

/* Copy node */

input.copy-node-search-input {
   width: 30em;
}

/* Audit log */

.auditLogSummary .audit-log-instance-modification {
   padding: 0.2em 0;
   margin-right: 2em;
}

.auditLogSummary .audit-log-instance-modification.even {
   background-color: #f4ffff
}

.auditLogSummary .audit-log-instance-modification.odd {
   background-color: #fffffa;
}

/* Fault codes */

.show-fields.faultCode .reporters {
   display: none;
}

/* Customer friendly name */
.display .customerFriendlyName .locale {
   border-right: 1px #ddd dashed;
   margin: 0 2px;
}

/* Automatic width determination makes box too small */
.timerFunctionality .chosen-container {
   width: 75px !important;
}

.negation .chosen-container {
   width: 75px !important;
}

.interface-activation .interface-activation-active {
   font-weight: bold;
}

/* Branch value styling */
span.branch-value-item {
   color: limegreen;
   font-weight: bold;
}

span.branch-value-item.branch-value-item-not {
   color: red;
}

/* State-dependent styling of localization state */
.localization-state.localization-state-not_required .locale-title,
.localization-state.localization-state-not_required .locale-content {
   color: #999;
}

.localization-state.localization-state-incomplete .locale-title,
.localization-state.localization-state-incomplete .locale-content,
.localization-state.localization-state-outdated .locale-title,
.localization-state.localization-state-outdated .locale-content {
   color: red;
}

/* Wrapper */

.computation-result {
   margin: 1em 3em;
}

.computation-result form {
   margin-top: 1.5em;
}

/* Input */

.computation-result .system {
   display: inline-block;
   margin: 0;
   padding: 1.5em 2em 1.5em 0;
   background-repeat: no-repeat;
   background-position: 0% 50%;
   border-bottom: 1px dashed #ccc;
}

@media all and (min-width: 1750px) {
   .computation-result .system:nth-child(odd) {
      border-left: 1px dashed #ccc;
      padding-left: 2em;
   }
   .computation-result .system.last-row {
      border-bottom: none;
   }
}

.booleanQuestion, .modelQuestion {
   display: block
}

.booleanQuestion {
   vertical-align: top;
}

.modelQuestion {
   vertical-align: middle;
   padding-left: 200px;
}

.computation-result .filtering {
   margin-top: 1em;
   display: block;
}

.computation-result .filteringParam {
   display: inline-block;
   margin-right: 1em; 
}

.computation-result .roomThermostat {
   background-image: url('6uuOyYQISKs9uBrlDcfAMAx6O2rh9O8YBzpXLNyqLZb.png');
}

.computation-result .externalControl {
   background-image: url('Wdi4JaS19uypO0O0A5QK6S0QHbgn3eOPE7AC9pUSPrB.png');
}

.computation-result .rfExternalReceiver {
   background-image: url('wQbzsEOxe3EbwEIDLCaphUoqQnZjie5ImuO5VfSYMJm.png');
}

.computation-result .boilerControl {
   background-image: url('4tWg21srNM0fseRFCFieyRfK0hbN3GGlGS3umkCL1qA.png');
}

.computation-result .booleanQuestion label {
   font-weight: bold;
}

.computation-result .modelQuestion .unselected-items, .modelQuestion .selected-items {
   float: none;
   display: inline-block;
   vertical-align: top;
}

.computation-result .modelQuestion .unselected-items {
   width: 320px;
   height: 150px;
}

.computation-result .modelQuestion .fieldcontain.GenericSystem .selectable-item {
   width: 125px;
}

/* Output */

.logo-footer {
   clear: both
}

.logo-footer {
   box-shadow: 0 0 3px 1px #aaa;
   display: inline-block;
   text-align: center;
   padding-bottom: 0.1em;
   border-radius: 15px;
}

.logo-footer-logo img {
   box-shadow: none;
   width: 100px;
   height: auto;
   background: transparent;
}

.logo-footer-footer {
   padding: 0 0.5em 0.2em 0.5em;
}

.logo-inlined {
   display: block;
}

.logo-inlined-logo img {
   box-shadow: none;
   width: 3em;
   margin-bottom: -1em;
   height: auto;
   background: transparent;
   display: inline-block;
}

.logo-inlined-legend,
.logo-inlined-logo {
   vertical-align: middle;
   display: inline-block;
}

.computation-result .result {
   margin-top: 1.5em;
}

.base-kit-compatibility-result > .title {
   font-weight: bold;
   color: #666;
}

.base-kit-compatibility-result > .content {
   margin-left: 1em;
   margin-bottom: 0.5em;
   padding: 0.2em;
   background-color: #f5f5f5;
   border: 1px solid #e3e3e3;
   border-radius: 4px;
   box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}

.base-kit-compatibility-result > .content:not(.table-wrapper) {
   padding-top: 0.3em;
   padding-bottom: 0.6em;
}

.base-kit-compatibility-result {
   box-shadow: #ccc 0 0 5px 5px;
   padding: 1em;
   margin-top: 1.5em;
}

.base-kit-compatibility-result .summary {
   margin-bottom: 1em;
}

.base-kit-compatibility-result .summary > div {
   display: inline-block;
   vertical-align: middle;
   margin-right: 1em;
}

.base-kit-compatibility-result .kits-kit,
.base-kit-compatibility-result .kits-plus {
   display: inline-block;
   vertical-align: middle;
}

.base-kit-compatibility-result .kits-plus {
   padding: 0 0.5em;
}

.base-kit-compatibility-result .status ul {
   padding: 0;
}

.base-kit-compatibility-result .status li {
   display: inline-block;
   vertical-align: middle;
   list-style: none;
   margin-right: 0.5em;
}

.base-kit-compatibility-result table,
.base-kit-compatibility-result th,
.base-kit-compatibility-result th:hover,
.base-kit-compatibility-result tr,
.base-kit-compatibility-result tr:hover,
.base-kit-compatibility-result td,
.base-kit-compatibility-result td:hover {
   border: none;
   background: transparent none;
   margin: 0;
}

.base-kit-compatibility-result th {
   font-size: 87%;
}

.base-kit-compatibility-result td,
.base-kit-compatibility-result td:hover {
   border-top: 1px solid #ddd;
}

.base-kit-compatibility-result tr:nth-child(odd)>td {
   background-color: #f9f9f9;
}

.base-kit-compatibility-result a.traverse {
   border: 1px solid #cccccc;
   border-radius: 5px;
   color: transparent;
   display: inline-block;
   width: 25px;
   margin-left: 0.2em;
   background: white no-repeat url("rjk9LtplWog2oMXAH6Q2pSImMa02kBZxK9B7T71ylkJ.png") 5px center;
}

.base-kit-compatibility-result .extra-info {
   vertical-align: top;
}


.meta-filters {
   text-align: right;
   margin-bottom: 0.75em;
}

.meta-filters label {
   font-weight: bold;
}


.list .filters {
   text-align: right;
}

.list .filters .fixed-filters.no-custom-filters {
   display: block;
}


.list .filters .filter {
   margin-bottom: 0.2em;
}

.list .filters .filter-input {
   text-align: left;
}

.list .filters .filter label,
.list .filters .filter input,
.list .filters .filter select {
   max-width: 25em;
   font-size: 90%;
}

.list .filters .text-search,
.list .filters .max-results {
   padding: 0.1em 0;
   margin-left: 0.5em;
   display: inline-block;
}

.list .filters .max-results input {
   width: 3em;
}

.matches-search {
   background: #ffd;
}

.custom-filters select, 
.custom-filters .chosen-container {
   font-size: 90%;
   margin-bottom: 0.2em;
   width: 95%;
}

/* Text filter */

.list .filters .filter.text-search {
   display: block;
}

.list .filters .filter.text-search input {
   width: 90%;
}

/* Tags filter */

.list .filters .filter.tags-search select {
   width: 90%;
}


/* Date filters */

.filter-Instant input {
   width: 6em;
}

.filter-Instant[class*="From"], .filter-Instant[class*="To"] {
   display: inline-block;
}

.filter-Instant[class*="To"] {
   margin-left: 0.4em;
}

.filter-Instant[class*="To"] label {
   display: none;
}

/* Boolean filters */

.list .filters .filter-Boolean select,
.list .filters .filter-isNull select,
.list .filters .filter-isNotNull select {
   width: 7em;
}


/* Generic system customizations */

.list.GenericSystem .filters .custom-filters ,
.list.GenericSystem .filters .fixed-filters {
   vertical-align: bottom;
   display: inline-block;
}

.list.GenericSystem .filters .custom-filters {
   margin-right: 1em;
}

.list.GenericSystem .filters .filter[class^='yellowFlags'] {
   width: 50%;
}

.list.GenericSystem .filters .yellowFlags-owner-id-filter,
.list.GenericSystem .filters .yellowFlags-devicesWhereApplies-id-filter {
   display: inline-block;
}

/* Interface customizations */

@media all and (min-width: 1200px) {
   .list.Interface .custom-filters > div.filter:not(.filter-Instant),
   .list.Interface .custom-filters > div.filter.filter-unary {
      display: inline-block;
      width: 48%;
   }

   .list.Interface .custom-filters > div.compatibilityDateFrom-filter {
      width: 60%;
   }
}

.list.Interface .filters-section {
   display: block;
}


.inlined-tabs .inlined-tab {
   margin-bottom: 0.5em;
   display: inline-block;
   margin-left: 0.5em;
}

.inlined-tabs .tab-title {
   cursor: pointer;
   color: blue;
   text-decoration: underline;
}

.inlined-tabs .inlined-tab:not(:nth-child(1)) .tab-title {
   padding-left: 0.5em;
   border-left: 1px solid #000;
}

.inlined-tabs .active-tab .tab-title {
   text-decoration: none;
   color: #000;
}

.inlined-tabs .inlined-tab:not(.active-tab) .tab-title {
   font-size: 85%;
}

/* Fields with no columns layout */

.fieldcontain.flowVersions .field-label,
.fieldcontain.flowVersions .field-input {
   float: none;
   width: auto;
}

.install-flow-version-property.in-summary-property .field-input,
.install-flow-version-property.in-summary-property .field-label,
.install-flow-version-property.systemsSummary .field-input,
.install-flow-version-property.systemsSummary .field-label,
.install-flow-version-property.participantDevices .field-input,
.install-flow-version-property.participantDevices .field-label,
.install-flow-version-property.participantSystemRoles .field-input,
.install-flow-version-property.participantSystemRoles .install-flow-versions .unpublished-version .systemsSummary.field-label,
.install-flow-version-property.publishedLocales .field-input,
.install-flow-version-property.publishedLocales .field-label,
.flow-versions-current-version-fields .auditLogSummary .field-input,
.flow-versions-current-version-fields .auditLogSummary  .field-label,
.flow-versions-current-version-fields .contributors .field-input,
.flow-versions-current-version-fields .contributors .field-label{
   display: inline-block;
   width: auto;
   vertical-align: top;
}

.install-flow-version-property.in-summary-property .field-label {
   width: 9em;
}

/* Properties displaying depending on view mode */

.show.edit .fieldcontain.flowVersions > .field-label {
   display: none;
}

.install-flow-versions.read-only .install-flow-version-property.in-summary-property,
.install-flow-versions.read-only .install-flow-versions-title,
.install-flow-versions:not(.read-only) .install-flow-version-property.diagramAttrs {
   display: none;
}

/* General */

.install-flow-versions {
}


.flow-versions-summary-container,
.flow-versions-current-version-fields {
   margin: 0.5em 0 0 0.5em;
}

.install-flow-version-property.comments textarea {
   min-width: 25em;
}

/* Summary */

.flow-versions-summary-container {
   border-bottom: 1px dashed #ddd;
   margin-bottom: 0.5em;
   padding-bottom: 0.5em;
}

.flow-versions-summary {
   margin: 0;
}

.flow-versions-summary .summary-entry {
   border: 2px solid #F3F3F3;
}

.flow-versions-summary .selected .summary-entry {
   border-width: 3px;
   border-color: #eee;
}

.flow-versions-summary .selected {
   font-weight: bold;
   background: #ffffd0;
   color: #555;
}

.flow-versions-summary .unselected {
   font-size: 90%;
}

.flow-versions-summary .unselected:hover {
   background: none;
}

.flow-versions-summary .buttons,
.publishedLocales .buttons,
.pendingLocales .buttons {
   background-color: transparent;
   padding: 0;
   box-shadow: none;
   margin: 0;
   padding-left: 1em;
   padding-top: 0.25em;
}

.flow-versions-summary .buttons ul {
   padding: 0;
   margin: 0;
}

.flow-versions-summary .unselected .summary-entry-content {
   margin-left: 2px;
}

.flow-versions-summary .unselected .summary-entry-content ul {
   margin-left: 1px;
}

.flow-versions-summary .buttons li {
   list-style-type: none;
   display: inline-block;
   vertical-align: middle;
}

.flow-versions-summary .buttons input,
.flow-versions-summary .buttons a,
.publishedLocales .buttons a,
.pendingLocales .buttons a {
   margin: 4px;
   padding: 0;
   background-color: white;
   color: transparent;
   width: 35px;
   height: 20px;
   border: none;
   text-shadow: none;
   box-shadow: 0 0 0.1em #45375B;
}

.flow-versions-summary .buttons input:hover,
.flow-versions-summary .buttons a:hover,
.publishedLocales .buttons a:hover {
   background-color: #999;
}

/* Traversal validations */

.install-flow-versions .flow-validation h3 {
   display: none;
}

/* Pending locales */

.pendingLocales .field-label {
   float: left !important;
   width: 18% !important;
}

.pendingLocales .field-input {
   float: left !important;
   width: 81% !important;
}

.display .yellow-flag {
   display: inline-block;
}

.edit .yellow-flag:not(:nth-child(1)) {
   margin-top: 0.5em;
   border-top: 1px dashed #ddd;
}

@media all and (min-width: 1550px) {
   .edit .yellow-flag {
      display: inline-block;
      max-width: 45%;
      vertical-align: top;
   }
   
   .edit .yellow-flag:nth-child(even) {
      border-left: 1px dashed #ddd;
      padding-left: 0.5em;
   }
   
   .edit .selected-yellow-flags .yellow-flag:nth-child(1), 
   .edit .selected-yellow-flags .yellow-flag:nth-child(2) {
      border-top: none;
   }
}

.yellow-flag .yellow-flag-fields,
.yellow-flag .remove {
   display: inline-block;
   vertical-align: top;
   margin-right: 0.2em;
}

.yellow-flag-container > div {
   padding-bottom: 0.2em;
}

.yellow-flag textarea {
   height: 90%;
}

.yellow-flag .disable-yellow-flag {
   margin-top: 0.4em;
}

.display .yellow-flag .title,
.display .yellow-flag .explanation {
   display: inline-block;
   padding-right: 0.5em;
}

.yellow-flag-container .productsWhereApplies select {
   min-width: 8em;
}

.yellow-flag-container .title input[type="text"] {
   min-width: 20em;
}

.yellow-flag-container .title label,
.yellow-flag-container .explanation label {
   display: none;
}

/* Generic system specific */

.display.GenericSystem .fieldcontain.yellowFlags,
.display.GenericSystem .fieldcontain.enabledCompatibilityYellowFlags .field-label,
.display.GenericSystem .fieldcontain.enabledInstallationYellowFlags .field-label {
   border-bottom: none;
   display: none;
}

.display.GenericSystem .yellow-flag {
   border: none;
   clear: none;
}

.display.GenericSystem   .yellow-flag-container {
   padding: 0.2em 0 0.2em 0.7em;
   border-radius: 15px;
   border: 1px solid #ddd;
   margin: 0;
   border: none;
   clear: none;
}


.display.GenericSystem .yellow-flag-container.yellow-flag-Compatibility .title {
   background: #ffffaa;
}

.display.GenericSystem .yellow-flag-container.yellow-flag-Installation .title {
   background: #b5ff6b;
}

.display.GenericSystem .yellow-flag-container .yellow-flag-secondary-properties {
   font-size: 90%;
}

/* Interface specific */

.selected-combinable-product-setss > .combinable-product-sets,
.selected-combinable-product-setss > button.add,
.combinable-product-sets > .combinable-product-sets-fields,
.combinable-product-sets > .button.remove,
.selected-devicess > .devices,
.selected-devicess > button.add,
.devices > .devices-fields,
.devices > .button.remove {
   display: inline-block;
   vertical-align: middle;
}

.selected-combinable-product-setss .combinable-product-sets-fields select,
.selected-devicess .devices-fields select {
   min-width: 6em;
}