/* MS Edge */
input::-ms-clear {
 	display: none;
}

/* LINKS */
a:link,
a:visited {
	color:#2bb5e9;
	text-decoration:none;
	font-weight:bold;
	outline: none;
}

a:hover {
	color:#0882b6;
	text-decoration:none;
}

a:active {
	color:#f47925;
	text-decoration:none;
}

a.button {
	display:inline-block;
	color: #fff;
	font-weight:600;
}

a.button.disabled,
a.button.disabled:hover {
	cursor: default;
	pointer-events: none;
}

a img {
	border:0;
}

li a:link, li a:visited, ul a:link, ul a:visited {
	font-weight:normal;
}

body {
	color:#333;
	font-family:"Open Sans", "Trebuchet MS", Arial, sans-serif;
	font-size:12px;
	margin:10px auto;
	min-width:800px;
	max-width:1100px;
	padding:0;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 
body.mobile {
	min-width: auto;
	margin: auto;
}

body:after {
	content:url(/assets/button-poll.png) url(/assets/button-poll-hover.png) url(/assets/button-poll-pressed.png) url(/assets/button-cancel-medium.png);
	display:none;
}

body.activity {
	margin: 0px auto 10px;
}

/* Kosmos landing page */
body#page-landing-index {
	min-width: auto;
	max-width: unset;
	margin: 0;
	padding:0;
	overflow-x: hidden;
}

body#page-education-index,
body#page-terms-index {
	min-width: auto;
	max-width: unset;
	margin: 0;
	padding:0;
	overflow-x: hidden;
}

body#page-createaccount-index {
	min-width: auto;
	max-width: unset;
	margin: 0;
	padding:0;
	overflow-x: hidden;
}

body#page-login-index,
body#page-privacy-index {
	min-width: auto;
	max-width: unset;
	margin: 0;
	padding:0;
	overflow-x: hidden;
}

body#job-detail {
	min-width: auto;
	max-width: unset;
	margin: 0;
	padding:0;
	overflow-x: hidden;
}

body#page-contact-index {
	min-width: auto;
	max-width: unset;
	margin: 0;
	padding:0;
	overflow-x: hidden;
}

body#page-landing-index.mobile {
	min-width: auto;
} 

@media screen and (min-width: 1100px) {
	body#page-landing-index {
		max-width: 100vw;
		width: auto;
	}
}

/* Kosmos Onboarding page */
body#page-kosmos-createapplication {
	min-width: unset;
	max-width: 100%;
	margin-bottom: 0;
}

#page.kosmos.onboarding.mobile,
#page.kosmos.provisioning.mobile {
	height: 98vh;
}

#page.kosmos.onboarding:not(.mobile) {
	min-width: 800px;
}

/* Kosmos Provisioning page */
body[id^="page-kosmos-provisioning-"] {
	max-width: 100%;
}

/* BUTTONS (general) */

button {
	background-color:transparent;
	background-repeat: no-repeat;
	outline: 0;
	border: none;
	cursor: pointer;
	padding: 0;
	margin: 0;
	text-align: left;
	color: #2bb5e9;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

button:hover {
	color: #0882b6;
}

button:active {
	color: #f47925;
}

/* Firefox: Remove extra padding from button pseudo-elements */
@-moz-document url-prefix() {
button::-moz-focus-inner {
	padding: 0;
	border: 0 none;
	}
}

@-moz-document url-prefix() {
	.alert-controls .view-rule, 
	.alert-controls .delete-alert{
		vertical-align: top;
		margin-top: -3px;
	}
}

/* BUTTONS (text) */

.button {
	font-size:14px;
	font-weight:600;
	background-color:#2bb5e9;
	color:#fff;
	border:1px solid #95daf4;
	border-radius:14px;
	padding:4px 15px 5px; 
	text-transform:none;
	cursor:pointer;
	text-align:center;
	display:inline-block;
	height:auto;
}

.button:hover {
	border-color:#2bb5e9;
	color:#fff;
	background-color:#0882b6;
}

.button:active {
	border-color:#f9bc91;
	color:#fff;
	background-color:#f47925;
}

.button:disabled,
.button:disabled:hover,
.activity-devices.kosmos.offline .button.save-rule,
.activity-devices.kosmos.offline .button.save-rule:hover,
.button.disabled,
.button.disabled:hover {
	border-color:#95daf4;
	color:#fff;
	background-color:#95daf4;
	cursor:default;
	pointer-events: none;
}

.button.small {
	font-size:12px;
	border-radius:14px;
	padding:4px 12px;
}

.button.large {
	font-size:18px;
	border-width:2px;
	border-radius:18px;
	padding:4px 20px 5px;
}

.button.xlarge {
	font-size:28px;
	border-width:3px;
	border-radius:24px;
	padding:3px 40px 6px;
}

/* square */
.button.xsmall {
	font-size:10px;
	border-radius:0px;
	padding:1px 6px;
	text-transform:uppercase;
	font-weight: bold;
}

/* Padding between adjacent buttons */
.button + .button {
	margin-left: 7px;
}

@media screen and (min-width:0\0) { 
.button.large {
	padding:4px 20px;
}

.button.small {
	padding: 5px 12px 4px;
}

.button.xsmall {
	padding: 1px 6px 2px;
}
}

.button.white {
	background-color:#fff;
	color:#2bb5e9;
}

.button.white:hover {
	border-color:#2bb5e9;
	color:#0882b6;
}

.button.white:active {
	border-color:#f9bc91;
	color:#f47925;
}

.button.green {
	background-color:#0c0;
	border-color:#72e382;
	color:#fff;
}

.button.api-signup,
.old-login .button.login {
	background-image: linear-gradient(315deg, #2BB5E9 0%, #72E382 100%);
	background-image: -webkit-linear-gradient(315deg, #2BB5E9 0%, #72E382 100%);
	border: none;
}

.old-login .button.login {
	width: 300px;
	height: auto;
	font-size: 20px;
}

.button.api-signup:hover,
.old-login .button.login:hover {
	box-shadow: 1px 2px 6px #354951;
	transition: box-shadow 0.3s ease-in-out;
}

.button.green:hover {
	border-color:#0c0;
	background-color:#0b0;
}

.button.green:active {
	border-color:#f9bc91;
	background-color:#f47925;
}

.button.greenblue {
	background-color:#1AC798;
	border-color:#44dfab;
	color:#fff;
}

.button.greenblue:hover,
.button.greenblue:active {
	border-color:#1AC798;
	background-color:#17ae85;
}

.button.lightgreen {
	background-color:#21f5bc;
	border-color:#21f5bc;
	color:#fff;
}

.button.lightgreen:hover,
.button.lightgreen:active {
	border-color:#1edeab;
	background-color:#1edeab;
}

.button.green.white {
	background-color:#fff;
	border-color:#0c0;
	color:#0c0;
}

.button.darkgreen {
	background-color: #11CA64;
	border-color: #13DE6E;
}

.button.darkgreen:hover,
.button.darkgreen:active {
	background-color: #0fB459;
	border-color: #11CA64;
}

.button.green.white:hover,
.button.green.white:active {
	border-color:#0b0;
	color: #0b0;
}

.button.orange {
	background-color:#f47925;
	color:#fff;
	border-color:#f9bc91;
}

.button.orange:hover {
	border-color:#f47925;
	background-color:#d25703;
}

.button.orange:active {
	border-color:#95daf4;
	background-color:#2bb5e9;
}

.button.orange.white {
	color:#f47925;
	background-color:#fff;
	border-color:#f9bc91;
}

.button.orange.white:hover {
	color:#e36814;
	border-color:#f47925;
}

.button.orange.white:active {
	color: #2bb5e9;
	border-color:#95daf4;
}

.button.indigo {
	color:#fff;
	background-color:#03c;
	border-color:#36f;
}

.button.indigo:hover {
	background-color:#009;
	border-color:#03c;
}

.button.indigo:active {
	background-color:#f47925;
	border-color:#f9bc91;
}

.button.indigo.white {
	background-color: #fff;
	color:#03c;
	border-color:#36f;
}

.button.indigo.white:hover {
	color:#009;
	border-color:#03c;
}

.button.indigo.white:active {
	color: #f47925;
	border-color:#f9bc91;
}

.button.pink.white {
	background-color: #fff;
	color: #d8297b;
	border-color: #d8297b;
}

.button.pink.white:hover {
	color: #af0052;
	border-color: #af0052;
}

.button.pink.white:active {
	color: #af0052;
	border-color: #af0052;
}

.button.transparent {
	background-color: transparent;
	color: #fff;
	border-color: #fff;
}

.button.transparent:hover {
	background-color: transparent;
	color: #caecf9;
	border-color: #caecf9;
}


/* BUTTONS (custom & graphical) */

/* Icons */

/* default 16 x 16 icon */
.icon {
	background-position: right top;
	background-repeat: no-repeat;
}

.icon:hover {
	background-position: right -16px;
}

.icon:active {
	background-position: right -32px;
}

.icon.right {
	background-position: right top;
	padding-right: 20px;
}

.icon.left {
	background-position: left top;
	padding-left: 20px;
}

.icon.close {
	background-image:url("/assets/button-close-new.png");
	height: 16px;
	width: 16px;
	background-size: 16px;
}

.icon.close.small,
button.close.small {
	background-image:url("/assets/button-close-small.png");
	height: 12px;
	width: 12px;
}

.icon.close.small:hover {
	background-position: right -12px;
}

.icon.close.small:active {
	background-position: right -24px;
}

.icon.close.small-gray {
	background-image:url("/assets/button-close-tab.png");
}

.icon.close.small-white-on-blue {
	background-image:url("/assets/graphic-x-cloudcontrols-lib-callout.png");
	background-size: 100%;
}

.icon.delete {
	background-image:url('/assets/button-delete.png');
	width: 12px;
	height: 17px;
	background-position: right -9px top -6px;
}

.icon.delete:hover {
	background-position: right -9px top -36px;
}

.icon.delete:active {
	background-position: right -9px top -66px;
}

.icon.delete-small {
	background-image: url('/assets/button-delete-small.png');
	background-position: left top;
	width: 9px;
	height: 16px;
}

.icon.delete-small:hover {
	background-position: 0px -20px;
}

.icon.delete-small:active {
	background-position: 0px -40px;
}

a.feedback,
button.feedback {
	background-image:url('/assets/button-feedback.png');
}

.icon.minus {
	background-image: url('/assets/button-minus.png');
	background-position: 0 -3px;
	width: 14px;
	height: 14px;
}

.icon.minus:hover {
	background-position: 0 -23px;
}

.icon.minus:active {
	background-position: 0 -43px;
}

.icon.minus:disabled,
.icon.minus.disabled {
	background-position: 0 -63px;
}

.icon.plus {
	background-image: url('/assets/button-plus.png');
	background-position: 0 -6px;
	width: 14px;
	height: 14px;
}

.icon.plus:hover {
	background-position: 0 -31px;
}

.icon.plus:active {
	background-position: 0 -56px;
}

.icon.plus:disabled,
.icon.plus.disabled {
	background-position: 0 -81px;
}

.export-container button.export:hover,
.export-container button.export:active,
button.download-link:hover,
button.download-link:active {
	color: #2293bd;
}

.icon.export {
	background-image: url('/assets/button-downloadfile-small.png');
	background-size: 72px;
	height: 20px;
	width: 18px;
	background-position: left top;
}

.icon.export.download,
* > .icon.export.download {
	background-position: left top;
}

.icon.export.download:hover, 
*:hover > .icon.export.download,
.icon.export.download:active, 
*:active > .icon.export.download {
	background-position: left -20px;
}

.icon.export.download.disabled, 
*.disabled > .icon.export.download,
.export-container.disabled .icon.export.download {
	background-position: left -40px;
}

.icon.export.download-source,
* > .icon.export.download-source {
	background-position: -54px top;
}

.icon.export.download-source:hover, 
*:hover > .icon.export.download-source,
.icon.export.download-source:active, 
*:active > .icon.export.download-source {
	background-position: -54px -20px;
}

.icon.export.download-source.disabled, 
*.disabled > .icon.export.download-source,
.export-container.disabled .icon.export.download-source {
	background-position: -54px -40px;
}

.icon.export.github,
* > .icon.export.github {
	background-position: -18px top;
}

.icon.export.github:hover,
*:hover > .icon.export.github,
.icon.export.github:active,
*:active > .icon.export.github {
	background-position: -18px -20px;
}

.icon.export.github.disabled,
*.disabled > .icon.export.github,
.export-container.disabled .icon.export.github {
	background-position: -18px -40px;
}

.icon.export.ccs,
* > .icon.export.ccs {
	background-position: -36px top;
}

.icon.export.ccs:hover,
*:hover > .icon.export.ccs,
.icon.export.ccs:active,
*:active > .icon.export.ccs {
	background-position: -36px -20px;
}

.icon.export.ccs.disabled,
*.disabled > .icon.export.ccs,
.export-container.disabled .icon.export.ccs {
	background-position: -36px -40px;
}

a.switch {
	position: relative;
	background: #2bb5e9;
	border: 1px solid #2bb5e9;
	overflow: hidden;
	text-transform: uppercase;
	color: #2bb5e9;
}

a.switch.off {
	background: #bbb;
	border-color:#bbb;
	color: #bbb;
}

a.switch:hover {
	cursor: pointer;
	border-color: #0882b6;
	background-color: #0882b6;
	color: #0882b6;
}

a.switch:active {
	border-color: #f47925;
	background-color: #f47925;
	color: #f47925;
}

a.switch .slider {
	position: absolute;
	top: 0;
	overflow: hidden;
}

a.switch .slider.left {
	left: 0;
}

a.switch span {
	position: absolute;
	display: block;
	top: 0;	
	background: #fff;
	padding: 0;
	margin: 0;
}

a.switch span.left {
	left: 0;
	text-align: left;
}

a.switch span.right {
	right: 0px;
	text-align: right;	
}

button.copy-all,
button.select-all {
	background-color: #2bb5e9; 
	border: solid 1px #ccc;
	color: white;
	cursor: pointer;
	font-size: 9px;
	font-weight: bold;
	height: 17px;
	line-height: 16px;
	padding: 0px 5px;
	text-transform: uppercase;
}

/* Firefox has longstanding bugs with line-height on inputs. Blah. */
@-moz-document url-prefix() {
button.copy-all,
button.select-all {
	line-height: 9px;
	padding: 2px 5px 6px 5px;
}
}

button.copy-all.zeroclipboard-is-hover {
	background-color:#0882b6;
}

/* end button styles */

/* SPINNERS */

.spinner-container {
	position: relative;
	min-height: 30px;
}

/* for .button.large */
.spinner {
	background: url('/assets/spinner.gif') right top;
	height: 30px;
	width: 30px;
	position: absolute;
	top: 0;
	display: none;
}

.spinner.left {
	left: 0;
}

.spinner.center {
	left: 0;
	right: 0;
	margin: 0 auto;
}

.spinner.right {
	right: 0;
}

em.stylized {
	font-style: normal;
	color: #F47825;
}

form {
	padding:20px 0;
}

form p {
	margin-bottom:0;
	margin-top:0;
}

/* TITLE STYLE */
h1,
.title-large {
	font-size:48px;
	font-weight:200;
}

h2,
.title {
	font-size:30px;
	font-weight:200;
}

h3,
.title-small {
	font-size:21px;
}

h4 {
	font-size:14px;
	font-weight:normal;
}

input[type=password],
input[type=text],
textarea {
	border:solid 1px #ccc;
	color:#333;
	font-size:12px;
	margin-bottom:20px;
	padding:4px;
	width:300px;
	outline-color:#2bb5e9;
}

input[type=radio] {
	margin-bottom:20px;
}

label {
	font-size:15px;
	margin:20px 0 10px;
	text-transform:uppercase;
}

p.body {
	margin:10px 0;
}

pre.prettyprint, pre.uglyprint {
	margin:16px 0; /* affects pre.prettyprint ~ .select-all top, below */
}

@-moz-document url-prefix() {
pre.prettyprint, pre.uglyprint {
	white-space: pre-wrap;
}
}

pre.prettyprint + button.copy-all,
pre.prettyprint + button.select-all,
pre.uglyprint + button.copy-all,
pre.uglyprint + button.select-all {
	float: right;
	position: relative;
	top: -33px;		/* 17px height offset */
}

.mobile pre.prettyprint + button.copy-all,
.mobile pre.prettyprint + button.select-all,
.mobile pre.uglyprint + button.copy-all,
.mobile pre.uglyprint + button.select-all { 
	display: none;
}

pre.run-mode-component.prettyprint, pre.run-mode-component.uglyprint {
	margin:11px 0 0 0; /* affects pre.prettyprint ~ .select-all top, below */	
}

pre.run-mode-component.prettyprint + button.copy-all,
pre.run-mode-component.prettyprint + button.select-all,
pre.run-mode-component.uglyprint + button.copy-all,
pre.run-mode-component.uglyprint + button.select-all {
	float: right;
	position: relative;
	top: -17px;		/* 17px height offset */
}

pre.prettyprint + button.copy-all, pre.uglyprint + button.copy-all {
	box-shadow:-6px -5px 12px 1px #fff;
	-moz-box-shadow:-6px -5px 12px 1px #fff;
	-webkit-box-shadow:-6px -5px 12px 1px #fff;	
}

pre.prettyprint + button.copy-all.tmb-copyable-active, pre.uglyprint + button.copy-all.tmb-copyable-active {
	border-color:#2bb5e9;
}

select.tmb {
	background:#fff url(/assets/dropdown-triangle.png) no-repeat right top;
	border:solid 1px #ccc;
	border-radius:0;
	cursor:pointer;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	color:#333;
	font-size:12px;
	padding:4px 4px 4px 4px;
	outline-color:#2bb5e9;
	/* attempt to remove user agent styling */
	-webkit-appearance:none;
}

select.tmb:hover {
	background-position:right -22px;
}

select.tmb:active {
	background-position:right -44px;
}

select.tmb option.tmb-placeholder {
	display:none;
}

select.tmb option.tmb-placeholder[disabled]{
	color:#eee;	
}

textarea {
	font-family:"Open Sans", "Trebuchet MS", Arial, sans-serif;
	padding:4px;
	overflow:auto;
}

.alert {
	color:#C00 !important;
	text-transform:uppercase !important;
}

.background-pattern {
	background:url('/assets/background-pattern.png') repeat left top; /* !important; */
}

/* BODY STYLE */
.body {
	font-size:12px;
}

/* Reset rules for body-type text */
.body,
.body-large,
.body-small,
.body-xlarge {
	font-style:normal;
	font-weight:normal;
	text-transform:none;
}

.body-large {
	font-size:14px;
}

#old-forgot-lightbox .body-large {
	font-family: 'Work Sans';
	line-height: 19px;
}

.body-small {
	font-size:10px;
}

.body-xlarge {
	font-size:16px;
}

.body-xxlarge {
	font-size:21px;
}

.clr {
	clear:both;
}

.column-title {
	font-size:24px;
	margin:40px 0 20px;
	text-transform:uppercase;
	font-weight:200;
}


/* Position styles */

.centered {
	text-align:center;
}

.left-align {
	text-align: left;
}

.center-align {
	text-align: center;
}

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

.full-width {
	min-width:1100px;
	position:absolute;
	left:0;
	right:0;
	padding:20px;
}

.background-blue {
	background-color:#60c7ee;
	color:#fff;	
}


/* DISABLED TEXT */
.disabled {
	color:#777;
}

/* A 75% opacity white mask to cover block elements. Parent must be relative or absolute positioned and have class 'disabled'. */
.disabled-mask {
	background: #fff;
	display: none;
	opacity: 0.75;
	position: absolute;
	top: 120px;
	bottom: 0;
	right: 0;
	left: 0;
}
.disabled > .disabled-mask {
	display: block;
}

.editable-empty {
	border:dotted 1px #F8499B!important;
	overflow:auto!important;
}

.editable-empty a.edit {
	background-color:#D8297B!important;
	border:solid 1px #D8297B!important;
	color:#fff!important;
	display:inline-block!important;
	margin:3px!important;
	padding:0 5px!important;
	font-size:8pt!important;
	font-weight:bold!important;
	float:right!important;
	text-decoration:none!important;
	text-transform:none!important;
	-webkit-border-radius:10px!important;
	-moz-border-radius:10px!important;
	border-radius:10px!important;
}

.editable-empty a.edit:hover {
	background-color:#FFF!important;
	color:#D8297B!important;
}

/* ERROR TEXT */
.error {
	color:#cc0000;
	font-size:12px;
}

.error a {
	color:#cc0000;
	font-weight:bold;
	text-decoration:underline;
}

.error a:hover {color:aa0000}

.hinted {
	position:relative;
}

.hinted input {
	margin-top:0;
}

.hinted label {
	color:#999;
	font-size:12px;
	left:50%;
	margin:0 0 0 -148px;
	padding:0;
	position:absolute;
	text-transform:none;
	top:4px;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:#999;
    opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#999;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#999;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#999 !important;
    opacity: 1;
}

/* Instances of lightbox only need a width and matching margin adjustment */
.lightbox {
	background:#fff;
	left:50%;
	height:auto;
	overflow:auto;
	padding:20px;
	position:fixed;
	top:50%;
	z-index:100002;
	border-radius: 8px;
	box-shadow: 0px 0px 10px 2px rgba(102, 102, 102, 0.35);
}

.lightbox button.close {
	float:right;
}

.lightbox button.delete {
	background-image:url("/assets/button-delete.png");
}

.lightbox form {
	margin:0;
	padding:0;
}

.lightbox .error *:last-child  {
	margin-bottom:20px;
}

.lightbox .popup-title {
	margin-top:0px;
}

.normal {
	font-weight: normal;
}

.bold {
	font-weight: bold;
}

.noborder {
	border:none !important;
}

.orange {
	color:#f47925;
}

.popup-title {
	font-size:21px;
	font-weight: 300;
	margin:0 0 20px 0;
}

.popup-title > .operation {
    margin-right: 5px;
}

.subtitle {
	font-size:15px;
	font-weight:normal;
	text-transform:uppercase;
}

.subtitle-large {
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
}

.subtitle-small {
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
}

/* Begin overrides for jQuery SelectBox plugin CSS */
.temboo .selectBox-dropdown {
	background:#fff;
	border-color:#ccc;
	border-radius:0;
	color:#333;
	line-height:12px;
	min-width:0;
	-moz-border-radius:0;
	-webkit-box-shadow:none;
}

.temboo .selectBox-dropdown:focus {
	border-color:#ccc;
}

.temboo .selectBox-dropdown .selectBox-arrow {
	background: none;
	display:none;
}

.temboo .selectBox-dropdown .selectBox-label {
	background:url('/assets/dropdown-triangle.png') no-repeat right top;
	display:block;
	margin-right: 9px;
	padding:5px 25px 5px 5px;
	width:auto;
}

.temboo .selectBox-dropdown .selectBox-label:hover {
	background-position:right -22px;
	color:#0882b6;
	cursor:pointer;
}

.temboo .selectBox-dropdown.selectBox-menuShowing .selectBox-label,
.temboo .selectBox-dropdown.selectBox-menuShowing .selectBox-label:hover {
	background-position:right -44px;
	color:#777;
	cursor:default;
}

.temboo .selectBox-options {
	border-color:#ccc;
	margin-top:-1px;
	/* Remove dropshadow. This is an override, comment out to restore */
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}

.temboo .selectBox-hover {
	background-color: #E9E9E9;
}

.temboo .selectBox-options li.selectBox-hover a {
	background-position:right 3px;
}

.temboo .selectBox-options li.selectBox-selected a {
	background-position:right -41px;
	color:#333;
	cursor:default;
}

.temboo .selectBox-options li a {
	background:url('/assets/dropdown-check.png') no-repeat -100% -100%;
	background-color:transparent !important;
	color: #333;
	cursor:pointer;
	line-height:16px;
	margin-right: 9px;
	padding:5px 25px 5px 10px;
}

.temboo .selectBox-options li a:active {
	background-position:right -19px;
}

.temboo .selectBox-options li.selectBox-selected a:active {
	background-position:right -41px;
}
/* End overrides for jQuery SelectBox plugin CSS */

#footer a {
	color: #aaa;
}

#footer .icon-container {
	position: absolute;
	top: 235px;
}

#footer .icon {
	width: 45px;
	height: 45px;
	display: inline-block;
	padding: 0 5px;
}

#footer .icon.facebook {
	background: url('/assets/icon_facebook@3x.png') no-repeat;
	background-size: 45px 45px;
}

#footer .icon.twitter {
	background: url('/assets/icon_twitter@3x.png') no-repeat;
	background-size: 45px 45px;
}

#footer .icon.linkedin {
	background: url('/assets/icon_linked_in@3x.png') no-repeat;
	background-size: 45px 45px;
}

#footer .icon.instagram {
	background: url('/assets/icon_instagram@3x.png') no-repeat;
	background-size: 45px 45px;
}

#footer .icon.youtube {
	background: url('/assets/icon_youtube@3x.png') no-repeat;
	background-size: 45px 45px;
}

#footer-inner {
	position:absolute;
	left:0;
	right:0;
	border-top:1px solid #caecf9;
	background-color: #fff;
}

#footer {
	z-index: 1;
	margin:0 auto;
	border:none;
	/*temporarily constrain width*/
	width:1080px;
	padding:40px 10px 10px;
	background-color: #fff;
	font-weight: 300;
	color: #666;
}

#footer .copyright a {
	font-weight: 300;
	color: #999;
}

#footer .footer-link {
	display: inline-block;
	font-weight: 700;
	text-transform: uppercase;
	margin: 3px 85px 0 0;
}

#footer .footer-link a{
	color: #777;
	font-weight: normal;
}

#footer .copyright {
	text-align:right;
	color:#999;
	margin-right:20px;
	margin-top: 0px;
	clear: both;
	padding-top: 100px;
}

#footer lh {
	margin-bottom: 5px;
	font-weight:bold;
	display: block;
}

#footer ul {
	color:#777;
	float:left;
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding-left:0;
	width: 200px;
}

#footer ul li {
	margin-top: 8px;
	font-weight: normal;
}

#footer .copyright a{
	display: inline-block;
	padding-left: 16px;
}

#footer a:hover,
#footer a:active {
	color: #333;
	transition: color .5s;
	-moz-transition: color .5s;
	-webkit-transition: color .5s;
}

#footer p.follow {
	float: right;
	margin-top: 0px;
	margin-right: 4px;
	vertical-align: top;
}

#footer a.follow-icon {
	background: url('/assets/button-footer-follow-new.png') no-repeat left top;
	padding-left: 20px;
	padding-bottom: 9px;
	z-index: 1;
	background-size: 180px 180px;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
    transition: opacity .5s;
}

#footer a.follow-icon#footer-twitter {
	background-position: left top;
}

#footer a.follow-icon#footer-twitter-hover {
	opacity: 0;
	position: relative;
	z-index: 2;
	left: -20px;
	background-position: left -45px;
}

#footer a.follow-icon#footer-twitter-hover:hover,
#footer a.follow-icon#footer-twitter-hover:active { 
	opacity: 1;
}

#footer a.follow-icon#footer-linkedin {
	background-position: -82px top;
}

#footer a.follow-icon#footer-linkedin-hover {
	opacity: 0;
	position: relative;
	z-index: 2;
	left: -20px;
	background-position: -82px -45px;
}

#footer a.follow-icon#footer-linkedin-hover:hover,
#footer a.follow-icon#footer-linkedin-hover:active { 
	opacity: 1;
}

#footer a.follow-icon#footer-youtube {
	background-position: -41px top;
}

#footer a.follow-icon#footer-youtube-hover {
	opacity: 0;
	position: relative;
	z-index: 2;
	left: -20px;
	background-position: -41px -45px;
}

#footer a.follow-icon#footer-youtube-hover:hover,
#footer a.follow-icon#footer-youtube-hover:active { 
	opacity: 1;
}

#footer a.follow-icon#footer-instagram {
	background-position: -121px top;
}

#footer a.follow-icon#footer-instagram-hover {
	opacity: 0;
	position: relative;
	z-index: 2;
	left: -20px;
	background-position: -121px -45px;
}

#footer a.follow-icon#footer-instagram-hover:hover,
#footer a.follow-icon#footer-instagram-hover:active { 
	opacity: 1;
}

#footer a.follow-icon#footer-facebook {
	background-position: -160px top;
}

#footer a.follow-icon#footer-facebook-hover {
	opacity: 0;
	position: relative;
	z-index: 2;
	left: -20px;
	background-position: -160px -45px;
}

#footer a.follow-icon#footer-facebook-hover:hover,
#footer a.follow-icon#footer-facebook-hover:active { 
	opacity: 1;
}

#footer #mc_embed_signup {
	width: max-content;
	position: relative;
	top: -72px;
	left: 296px;
}

#footer #mc-embedded-subscribe-form {
	padding: unset;
}

#footer #mce-EMAIL {
	font-family: "Open Sans";
	font-weight: 400;
	font-size: 12px;
	padding: 9px 13px;
	width: 210px;
	outline: none;
	color: #4b494b;
	display: inline-block;
	border: 1px solid #b5b5b5;
	border-radius: 5px;
	line-height: 16px;
}

#footer #mce-EMAIL::placeholder {
	color: #b5b5b5;
}

#footer #mc_embed_signup_scroll .clear {
	display: inline-block;
}

#footer .photo-credit {
	color: #aaa;
	font-size: 12px;
	font-family: 'Open Sans';
	font-weight: 200;
	vertical-align: top;
	display: none;
	text-align: right;
	margin-right: 20px;
}

#mc-embedded-subscribe {
	height: 36px;
	width: 89px;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(119, 119, 119, 0.6);
	border-radius: 5px;
	background-color: #fff;
	font-family: "Open Sans";
	font-size: 12px;
	font-weight: 400;
	color: #777777;
	margin-left: 10px;
	outline: none;
}

#mc-embedded-subscribe:hover {
	font-weight: 600;
	border-color: #777777;
	background-color: rgba(119, 119, 119, 0.2);
}

#message-container {
	margin:0;
}

#message-container .message-divider-outer {
	margin-top: 10px;
}

#message-container .message-divider-outer .message-divider {
	border-bottom: 1px solid #caecf9;
	position: absolute;
	left: 0;
	right: 0;
}

/* header styling */

#header {
	position:relative;
	max-width:1100px;
	min-width:1100px;
	margin:0 auto;
	padding:3px 0 6px;
}

body.activity #header-outer {
	padding-top: 10px;
	background: white;
}

body.activity.mobile #header-outer {
	padding-top: unset;
}

#header-outer {
	height:64px;
	z-index: 5;
}

#header-inner {
	left:0;
	right:0;
	border-bottom:1px solid #caecf9;
	position: absolute;
}

.mobile #header-inner {
	position: static;
}

#header	.account-info {
	text-align:right;
	margin: 0 -10px 22px;
	padding: 0 10px;
}

#header .account-info a.logout {
	text-transform:lowercase;
	color: #2bb5e9;
	padding-left: 2px;
	font-weight:normal;
	z-index: 1;
	position: relative;
	margin-left:0px;
}

#header .account-info a.logout:hover { color: #0882b6 }
#header .account-info a.logout:active { color: #f47925 }

#header .account-info .org-name {
	text-transform:none;
}

#header .account-info p {
	margin:0;
}

#header img {
	position:relative;
}

.block#cookie-notice {
	background: rgb(5 52 54 / 80%);
	width: 100%;
	color: #fff;
	padding: 1em 0;
	z-index: 1000;
	position: fixed;
	display: none;
	bottom: 0;
	left: 0;
	font-family: 'Work Sans';
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0.28px;
}

#cookie-notice .links {
	color: #fff;
	display: inline-block;
	margin: 0 0 0 18px;
}

#cookie-notice span {
	display: inline-block;
	line-height: 16px;
}

#cookie-notice .links .button {
	margin-right: 0.5em;
	border: none;
	box-sizing: border-box;
	height: 30px;
	width: 80px;
	background-color: var(--purple);
	font-family: 'Sora';
	font-weight: 600;
	font-size: 10px;
	text-transform: uppercase;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-right: 17px;
	letter-spacing: 0.8px;
	padding: 0;
}

#cookie-notice .links .button:hover {
	background-color: var(--purple-hover);
}

#cookie-notice .links .button:active {
	background-color: var(--purple-pressed);
}

#cookie-notice .links a#cookie-learn-more,
#cookie-notice .links a#cookie-learn-more:visited {
	color: #fff;
	font-weight: 400;
	text-decoration: underline;
}

#cookie-notice .links a#cookie-learn-more:hover {
	color: #fff;
	font-weight: 400;
}

#cookie-notice .links a#cookie-learn-more:active {
	color: #fff;
	font-weight: 400;
}

#cookie-notice .cookie-notice-inner {
	width: calc(100% - 20px);
	max-width: 1100px;
	margin: 0 auto;
	text-align: center;
}

@media (max-width: 1054px) {
	#cookie-notice .links {
		margin: 12px 0 0 0;
	}
}

#navigation {
	bottom:0;
	font-size:12px;
	position:absolute;
	right:20px;
	border-bottom: none;
	padding:0px 10px 5px;
}

#navigation.logged-out {
	border:none;
}

#navigation .nav-link {
	padding:2px 4px;
	margin:0 2px 0 30px;
	text-transform:uppercase;
	font-weight: normal;
	color: #666;
}

#navigation .nav-link.button {
	border-color: #0c0;
	border-radius: 5px;
	color: #0c0;
	background-color: transparent;
	padding: 0px 7px 0px 7px;
	font-size: 12px;
}

#navigation .nav-link.button:hover {
	color: #0b0;
	border-color: #0b0;
}

#page-platform-index #header-inner .nav-link.button,
#page-education-index #header-inner .nav-link.button,
#page-digitaltransformation-index #header-inner .nav-link.button,
#page-manufacturing-index #header-inner .nav-link.button,
#header-inner.blue .nav-link.button,
#page-kosmos-gcccasestudy #header-inner .nav-link.button,
#page-landing-index #header-inner .nav-link.button {
	border-color: #fff;
}

#page-platform-index #header-inner .nav-link.button:hover,
#page-education-index #header-inner .nav-link.button:hover,
#page-digitaltransformation-index #header-inner .nav-link.button:hover,
#page-manufacturing-index #header-inner .nav-link.button:hover,
#header-inner.blue .nav-link.button:hover,
#page-kosmos-gcccasestudy #header-inner .nav-link.button:hover,
#page-landing-index #header-inner .nav-link.button:hover {
	background-color: rgba(255, 255, 255, .35);
	transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

#navigation span.nav-link {
	cursor: pointer;
}

#page-login-index #navigation.logged-out a.login-link {
	display: none;
}

#navigation.logged-out a.bold-signup {
	font-weight: bold;
	color: #0c0;
	border: 1px solid #0c0;
	border-radius: 6px;
	padding: 2px 6px;
}

#navigation.logged-out a.bold-signup:hover {
	border-color: #0b0;
	color: #0b0;
}

#navigation .nav-link#navigation_myaccount {
	text-transform: none;
	color: #2bb5e9;
	font-weight: bold;
}

#nav-links {
	float: right;
	margin-bottom: 8px;
	-moz-animation: headerFade .5s;
	-webkit-animation: headerFade .5s;
    animation: headerFade .5s;
}

@-moz-keyframes headerFade {
	0% { opacity: 0; }
	4% { opacity: 0; }
	100% { opacity: 1; }
}

@-webkit-keyframes headerFade {
    0% { opacity: 0; }
	4% { opacity: 0; }
	100% { opacity: 1; }
}  
@keyframes headerFade {
    0% { opacity: 0; }
	4% { opacity: 0; }
	100% { opacity: 1; }
}

#nav-links .callout.shadow {
	margin: 0px 0px 0px 0px;
}

#nav-links .callout-container {
	display: inline-block;
	position: relative;
	cursor: pointer;
}

#nav-links .callout-container.hidden {
	display: none;
}

#nav-links .callout-container .hover-container {
	position: absolute;
	z-index: 201;
	top: 12px;
	left: 18px;
	display: none;
	cursor: pointer;
}

#nav-links .callout-container.documentation .hover-container {
	left: -95px;
}

#nav-links .callout-container.documentation .hover-container .callout .arrow {
	left: 115px;
}

#nav-links .callout-container .callout {
	padding: 0px 0;
	width: auto;
	min-width: 125px;
	border-radius: 5px;
	position: relative;
	display: block;
	margin-top: 23px;
}

#navigation #nav-links .callout-container.documentation .callout {
	width: 290px;
}

#navigation.logged-out #nav-links .callout-container.documentation .hover-container {
	left: -124px;
}

#navigation #nav-links .callout-container.product .hover-container {
	left: -144px;
}

#navigation.logged-out #nav-links .callout-container.product .hover-container {
	left: -127px;
}

#navigation.logged-out #nav-links .callout-container.documentation .callout .arrow {
	left: 142px;
}

#navigation #nav-links .callout-container.product .callout .arrow {
	left: 162px;
}

#navigation #nav-links .callout-container.company .callout .arrow {
	left: 14px;
}

#nav-links .callout-container.documentation .callout .language-col {
	width: 50%;
	margin-bottom: 10px;
}

#nav-links .callout-container.documentation .callout .language-col.left {
	float: left;
}

#nav-links .callout-container.documentation .callout .language-col.left a li {
	margin-right: 5px;
	padding-right: 5px;
}

#nav-links .callout-container.documentation .callout .language-col.right {
	float: right;
}

#nav-links .callout-container.documentation .callout .language-col.right a li {
	margin-left: 5px;
	padding-left: 5px;
}

#nav-links .callout-container.hover .hover-container {
	display: none;
}

@-moz-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}  
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

#nav-links .callout-container .callout .arrow.top {
	width: 60px;
}

/* Header: Kosmos */

#nav-links .callout-container.kosmos .callout .arrow.top {
	left: 12px;
}

#nav-links .callout-container.kosmos .callout ul.subnav a .sdk-icon {
	background: url('/assets/kosmos-header-icons.png') no-repeat;
	background-size: 54px 104px;
	width: 27px;
	height: 26px;
}

#nav-links .callout-container.kosmos .callout ul.subnav a li.dashboard .sdk-icon { background-position: left top }
#nav-links .callout-container.kosmos .callout ul.subnav a:hover li.dashboard .sdk-icon { background-position: -27px top }
#nav-links .callout-container.kosmos .callout ul.subnav a li.create-application .sdk-icon { background-position: left -26px }
#nav-links .callout-container.kosmos .callout ul.subnav a:hover li.create-application .sdk-icon { background-position: -27px -26px }
#nav-links .callout-container.kosmos .callout ul.subnav a li.provisioning .sdk-icon { background-position: left -52px }
#nav-links .callout-container.kosmos .callout ul.subnav a:hover li.provisioning .sdk-icon { background-position: -27px -52px }
#nav-links .callout-container.kosmos .callout ul.subnav a li.email-reports .sdk-icon {
	background: url('/assets/email-reports-icon.png') no-repeat;
	background-position: center;
	background-size: 24px;
	width: 27px;
	height: 27px;
}
#nav-links .callout-container.kosmos .callout ul.subnav a:hover li.email-reports .sdk-icon {
	background: url('/assets/email-reports-icon-hover.png') no-repeat;
	background-position: center;
	background-size: 24px;
	width: 27px;
	height: 27px;
}
#nav-links .callout-container.kosmos .callout ul.subnav a li.kosmos-docs .sdk-icon { background-position: left -78px }
#nav-links .callout-container.kosmos .callout ul.subnav a:hover li.kosmos-docs .sdk-icon { background-position: -27px -78px }

#nav-links .callout-container.kosmos .callout ul.subnav a li.create-application.hidden { display: none; }
#nav-links .callout-container.kosmos .callout ul.subnav a li.provisioning.hidden { display: none; }

/* Header: Product */

#nav-links .callout-container .callout .subnav .sub-container {
	width: 250px;
	display: inline-block;
	margin: 5px 10px 10px 10px;
}

#nav-links .callout-container .callout .subnav .sub-container.left {
	margin: 5px 5px;
}

#nav-links .callout-container .callout .subnav .sub-container.right {
	margin-left: 15px;
	background-color: #FAFAFA;
	padding: 15px 15px 15px 20px;
	margin: 0px 0px 0px 0px;
}

#nav-links .callout-container .callout .subnav .bottom-container {
	height: 50px;
	line-height: 50px;
	margin: 0px auto 0px auto;
	text-align: center;
	vertical-align: middle;
	color: #2bb5e9;
	font-weight: 500;
}

#nav-links .callout-container .callout .subnav .nav-item {
	width: 240px;
	height: 65px;
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 10px 5px;
}

#nav-links .callout-container .callout .subnav.logged-out .nav-item {
	margin: 0 0;
	padding: 5px 5px 5px 5px;
}

#nav-links .callout-container .callout .subnav h3.nav-item {
	font-size: 20px;
	font-weight: 200;
	padding-left: 10px;
}

#nav-links .callout-container .callout .subnav h3.nav-item:hover {
	background-color: white;
}

#nav-links .callout-container .callout .subnav .icon {
	width: 60px;
	height: 50px;
	margin-right: 5px;
	background-image: url('/assets/header-buttons-product.png');
	background-repeat: no-repeat;
	background-size: 120px 250px;
	display: inline-block;
	vertical-align: top;
}

#nav-links .callout-container .callout .subnav .icon#code-gen { background-position: left top; }
#nav-links .callout-container .callout .subnav a:hover .icon#code-gen { background-position: -60px top; }
#nav-links .callout-container .callout .subnav .icon#iot { background-position: left -50px; }
#nav-links .callout-container .callout .subnav a:hover .icon#iot { background-position: -60px -50px; }
#nav-links .callout-container .callout .subnav .icon#platform { background-position: left -100px; }
#nav-links .callout-container .callout .subnav a:hover .icon#platform { background-position: -60px -100px; }
#nav-links .callout-container .callout .subnav .icon#digital { background-position: left -150px; }
#nav-links .callout-container .callout .subnav a:hover .icon#digital { background-position: -60px -150px; }
#nav-links .callout-container .callout .subnav .icon#manufacturing { background-position: left -200px; }
#nav-links .callout-container .callout .subnav a:hover .icon#manufacturing { background-position: -60px -200px; }

#nav-links .callout-container .callout .subnav .link-container {
	width: 170px;
	height: 65px;
	display: inline-block;
	vertical-align: top;
}

#nav-links .callout-container .callout .subnav .link-title {
	width: 170px;
	height: 25px;
	color: #2bb5e9;
	font-weight: 400;
	font-size: 15px;
}

#nav-links .callout-container .callout .subnav a:hover .link-title {
	color: #2293BD;
}

#nav-links .callout-container .callout .subnav .link-description {
	width: 170px;
	height: 40px;
	font-weight: 200;
	font-size: 12px;
}

#nav-links .callout-container .callout .subnav.logged-in#product { 
	margin: 15px 10px 5px 10px;
}

#nav-links .callout-container .callout .subnav .nav-item .link-description {
	color: black;
}

#nav-links .callout-container .callout ul.subnav {
	list-style-type: none;
	padding: 5px 0;
	margin: 5px 10px 5px 10px;
}

#nav-links .callout-container .callout ul.subnav a {
	text-transform: none;
	padding: 10px 0;
	margin: 0;
	color: black;
}

#nav-links .callout-container .callout ul.subnav a:hover {
	color: #2293BD;
}

#nav-links .callout-container .callout ul.subnav a.hover {
	position: relative;
}

#nav-links .callout-container.activity .callout ul.subnav a.hover .arrow-green {
	background: url('/assets/icon-arrow-blue.png') no-repeat; /* placeholder */
	transform: rotate(180deg);
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	position: absolute;
	right: -162px;
	top: -32px;
}

#nav-links .callout-container .callout ul.subnav a li {
	margin: 0 10px;
	padding: 9px 10px;
	white-space: nowrap;
}

#nav-links .callout-container.documentation .callout ul.subnav a li {
	padding: 0 5px;
}

#nav-links .callout-container.company .callout ul.subnav a li {
	padding: 10px 5px;
}

#nav-links .callout-container .callout ul.subnav a li.samsung {
	padding-left: 3px;
}

#nav-links .callout-container .callout ul.subnav a li.samsung .sdk-text {
	margin-left: 0;
}

#nav-links .callout-container .callout ul.subnav a:hover li,
#nav-links .callout-container .callout ul.subnav a.hover li,
#nav-links .callout-container .callout .subnav .nav-item:hover {
	background-color: #e4f5fc;
}

#nav-links .callout-container .callout .subnav hr {
	border-top: 1px solid #ddd;
	border-left: none;
	border-right: none;
	border-bottom: none;
	margin: 10px;
	clear: both;
}

#nav-links .callout-container.product .callout .subnav hr {
	margin-top: 0px;
	margin-left: 25px;
	margin-right: 25px;
}

#nav-links .callout-container.product .callout .subnav.logged-in hr {
	margin-left: 10px;
	margin-right: 10px;
}

#nav-links .callout-container .callout ul.subnav a .sdk-icon {
	background: url('/assets/button-sdks-small-blue-retina.png') no-repeat;
	background-size: 140px;
	width: 35px;
	height: 35px;
	left: 0;
	top: 0;
	display: inline-block;
	vertical-align: middle;
}

#nav-links .callout-container .callout ul.subnav a .sdk-text {
	display: inline-block;
	vertical-align: middle;
	margin-left: 3px;
}
.mobile #page.quickstart  pre.prettyprint {
	margin-left: -29px;
}

#nav-links .callout-container .callout ul.subnav a li.quickstart .sdk-text {
	font-size: 15px;
	color: #2bb5e9;
	font-weight: 400;
	margin-left: 10px;
}

#nav-links .callout-container .callout ul.subnav a:hover li.quickstart .sdk-text {
	color: #2293BD;
}

#nav-links .callout-container .callout ul.subnav a li.quickstart {
	margin-top: 10px;
}

#nav-links .callout-container .callout ul.subnav a li.android .sdk-icon { background-position: -105px top }
#nav-links .callout-container .callout ul.subnav a:hover li.android .sdk-icon { background-position: -35px top }

#nav-links .callout-container .callout ul.subnav a li.ios .sdk-icon { background-position: -105px -35px }
#nav-links .callout-container .callout ul.subnav a:hover li.ios .sdk-icon { background-position: -35px -35px }

#nav-links .callout-container .callout ul.subnav a li.java .sdk-icon { background-position: -105px -70px }
#nav-links .callout-container .callout ul.subnav a:hover li.java .sdk-icon { background-position: -35px -70px }

#nav-links .callout-container .callout ul.subnav a li.nodejs .sdk-icon { background-position: -105px -105px }
#nav-links .callout-container .callout ul.subnav a:hover li.nodejs .sdk-icon { background-position: -35px -105px }

#nav-links .callout-container .callout ul.subnav a li.php .sdk-icon { background-position: -105px -140px }
#nav-links .callout-container .callout ul.subnav a:hover li.php .sdk-icon { background-position: -35px -140px }

#nav-links .callout-container .callout ul.subnav a li.processing .sdk-icon { background-position: -105px -175px }
#nav-links .callout-container .callout ul.subnav a:hover li.processing .sdk-icon { background-position: -35px -175px }

#nav-links .callout-container .callout ul.subnav a li.python .sdk-icon { background-position: -105px -210px }
#nav-links .callout-container .callout ul.subnav a:hover li.python .sdk-icon { background-position: -35px -210px }

#nav-links .callout-container .callout ul.subnav a li.ruby .sdk-icon { background-position: -105px -245px }
#nav-links .callout-container .callout ul.subnav a:hover li.ruby .sdk-icon { background-position: -35px -245px }

#nav-links .callout-container .callout ul.subnav a li.arduino .sdk-icon { background-position: -105px -280px }
#nav-links .callout-container .callout ul.subnav a:hover li.arduino .sdk-icon { background-position: -35px -280px }

#nav-links .callout-container .callout ul.subnav a li.rest_json .sdk-icon { background-position: -105px -315px }
#nav-links .callout-container .callout ul.subnav a:hover li.rest_json .sdk-icon { background-position: -35px -315px }

#nav-links .callout-container .callout ul.subnav a li.csharp .sdk-icon { background-position: -105px -385px }
#nav-links .callout-container .callout ul.subnav a:hover li.csharp .sdk-icon { background-position: -35px -385px }

#nav-links .callout-container .callout ul.subnav a li.ti .sdk-icon { background-position: -105px -420px }
#nav-links .callout-container .callout ul.subnav a:hover li.ti .sdk-icon { background-position: -35px -420px }

#nav-links .callout-container .callout ul.subnav a li.javascript .sdk-icon { background-position: -105px -455px }
#nav-links .callout-container .callout ul.subnav a:hover li.javascript .sdk-icon { background-position: -35px -455px }

#nav-links .callout-container .callout ul.subnav a li.support .sdk-icon { background-position: -105px -595px }
#nav-links .callout-container .callout ul.subnav a:hover li.support .sdk-icon { background-position: -35px -595px }

#nav-links .callout-container .callout ul.subnav a li.quickstart .sdk-icon { background-position: left -630px }
#nav-links .callout-container .callout ul.subnav a:hover li.quickstart .sdk-icon { background-position: -35px -630px }

#nav-links .callout-container .callout ul.subnav a li.videos .sdk-icon { background-position: -105px -665px }
#nav-links .callout-container .callout ul.subnav a:hover li.videos .sdk-icon { background-position: -35px -665px }

#nav-links .callout-container .callout ul.subnav a li.samsung .sdk-icon {
		background: url('/assets/button-samsung-small-blue.png') no-repeat left -42px;
		background-size: 100%;
		width: 40px;
		height: 14px;
		margin: 10px 0;
}

#nav-links .callout-container .callout ul.subnav a:hover li.samsung .sdk-icon { background-position: left -14px }

/* Company Menu */

#nav-links .callout-container .callout ul.subnav a li {
	padding: 3px 5px 3px 5px;
}

#nav-links .callout-container.company .callout ul.subnav a .sdk-icon {
	background: url('/assets/header-buttons-company.png') no-repeat;
	background-size: 44px;
	width: 22px;
	height: 23px;
}

#nav-links .callout-container.company .callout ul.subnav a .sdk-text {
	margin-left: 5px;
	font-size: 15px;
	color: #2bb5e9;
	font-weight: 400;
}

#nav-links .callout-container.company .callout ul.subnav a:hover .sdk-text {
	color: #2293BD;
}

#nav-links .callout-container.company .callout ul.subnav a li.about .sdk-icon { background-position: left top }
#nav-links .callout-container.company .callout ul.subnav a:hover li.about .sdk-icon { background-position: -22px top }
#nav-links .callout-container.company .callout ul.subnav a li.case-studies .sdk-icon { background-position: left -23px }
#nav-links .callout-container.company .callout ul.subnav a:hover li.case-studies .sdk-icon { background-position: -22px -23px }
#nav-links .callout-container.company .callout ul.subnav a li.jobs .sdk-icon { background-position: left -46px }
#nav-links .callout-container.company .callout ul.subnav a:hover li.jobs .sdk-icon { background-position: -22px -46px }
#nav-links .callout-container.company .callout ul.subnav a li.contact .sdk-icon {
	background: url('/assets/contact-icon.png') no-repeat;
	background-size: 22px 23px;
	width: 22px;
	height: 23px;
}

#nav-links .callout-container.company .callout ul.subnav a:hover li.contact .sdk-icon {
	background: url('/assets/contact-icon-hover.png') no-repeat;
	background-size: 22px 23px;
	width: 22px;
	height: 23px;
}


#logo img {
	width:181px;
	height:50px;
	margin-left:20px;
}

#header .happy-2016-link {
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
	background-color: #2bb5e9;
	color: #fff;
	display: inline-block;
	font-weight: normal;
	width: 160px;
	margin: 0 auto;
	text-align: center;
	padding: 4px 20px 4px 12px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

#page-landing-index #header .happy-2016-link {
	top: 0;
}

#header .happy-2016-link:hover {
	background-color: #0882b6;
}

#header .happy-2016-link > * {
	display: inline-block;
	vertical-align: middle;
}

#header .happy-2016-link .star {
	background: url('/assets/year2016-star.png') no-repeat;
	height: 25px;
	width: 25px;
	background-size: 100%;
	opacity: .5;
}

/* end header styling */

#message-container {
	padding:10px 0;
}
#message-container.empty {
	display:none;
}

.alert.body,
#message-container .message {
	list-style-type:none;
	padding:4px 0 2px 26px;
}

.alert.body,
#message-container .message.critical,
#message-container .message.warning {
	background:url('/assets/messaging-critical.png') no-repeat left center;
}

body#page-library-index #message-container.just-calls, 
body#page-library-index #message-container #calls-near-limit,
body#page-library-index #message-container #calls-over-limit {
	display: none !important; /* valid use! I swear! */
}

.alert-container.alert-box {
	margin: 20px 0;
	position: relative;
	border: 1px solid #C00;
  	padding: 0 10px 10px 100px;
}

.alert-container.alert-box#limit-warning-credentials {
	margin:5px 0 10px;
}

.alert-container.alert-box .alert.body {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 80px;
	background: #C00;
	color: #fff !important;
	text-transform: uppercase;	
}

.alert-container.alert-box .alert.body p {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	margin-top: -9px;
	font-weight:bold;
}

.alert-container.alert-box .alert.body .exclaim {
	display: inline-block;
	font-weight: bold;
	background: #fff;
	color: #C00 !important;
	line-height: 18px;
	height: 18px;
	width: 18px;
	border-radius: 9px;
}

.alert-container.alert-box .body a {
	font-weight: bold;
}

#message-container .messages {
	margin:0;
	padding:0 20px;
}

#message-container .messages .close {
	float:right;
}

#lightbox,
.waitbox {
	background:#000;
	bottom:0;
	left:0;
	opacity:0.3;
	position:fixed;
	right:0;
	top:0;
	z-index:100001;
}

#lightbox,
.waitbox,
.lightbox {
	display:none;
}

.waitbox {
	background:#fff url("/assets/spinner.gif") center center no-repeat;
	opacity:0.75;
	position:absolute;
	z-index:1001;
}

#tmb-copyable-mask.tmb-copyable-pre.tmb-copyable-prettyprint,
#tmb-copyable-mask.tmb-copyable-pre.tmb-copyable-uglyprint {
	border:solid 1px #2bb5e9;
	box-shadow: 0px 0px 12px 1px #2bb5e9;
	-moz-box-shadow: 0px 0px 12px 1px #2bb5e9;
	-webkit-box-shadow: 0px 0px 12px 1px #2bb5e9;
	z-index: 3;
}

.tmb-flashable-mask {
	border:solid 1px #2bb5e9;
	box-shadow: 0px 0px 12px 1px #2bb5e9;
	-moz-box-shadow: 0px 0px 12px 1px #2bb5e9;
	-webkit-box-shadow: 0px 0px 12px 1px #2bb5e9;
	position:absolute;
}

.status-alert {
	left: 0;
	right: 0;
	text-align: center;
	position: fixed;
	z-index: 100001;
	margin:0;
	padding:0;
	top: 20px;
}

.status-alert.large {
	top: 0;
	border: 3px solid #13de6e;
	border-top: none;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	text-align: left;
	width: 330px;
	margin: 0 auto;
	padding: 20px 25px 20px 160px;
	background-color: #fff;
}

.status-alert.large .status-title {
	color: #13de6e;
	font-weight: bold;
	font-size: 22px;
}

.status-alert.large .status-description {
	margin-top: 10px;
	font-size: 14px;
}

.status-alert.large button.close {
	position: absolute;
	top: 10px;
	right: 10px;
}

.status-alert p {
	display: inline-block;
	padding: 7px 14px;
	color: #fff;
	background-color: #0c0;
	font-size: 16px;
	opacity: .85;
	margin: 0;
}

.status-alert.success p {
	background:#0c0;
}

.status-alert.error p {
	background:#c00;
}

/*bolding lightbox buttons*/
/*#tmb-lightbox button {
	font-weight: bold;
}*/

/*SDK language page buttons*/
.sdk-choice-box {
    width:505px;
    padding: 30px;
    border: 1px solid #caecf9;
	border-radius: 6px;
	margin: 0 auto;
}

.mobile .sdk-choice-box {
	width: auto;
}

.sdk-choice-box.dashed {
	border: 1px dashed #95daf4;
}

.sdk-buttons {
text-align:center;
}

.sdk-buttons .connectivity-text {
  float: left;
  text-align: right;
  color: #ccc;
  font-weight: bold;
  font-size: 15px;
  width: 100px;
  margin: 18px -10px 0 30px;
}

.sdk-button {
width:70px;
height:20px;
background:url('/assets/button-sdks.png') no-repeat left top;
display:inline-block;
padding-top:56px;
font-weight:bold;
color:#333;
text-align:center;
margin:5px 5px 20px;
cursor:pointer;
background-size: 600px auto;
}

.sdk-button.blank {
background: none;
width: 15px;
}

.sdk-button.two-line {
line-height: 12px;
vertical-align: bottom;
font-size: 11px;
}

.sdk-button#android {background-position:left 0}
.sdk-button#arduino {background-position:left -100px}
.sdk-button#csharp {background-position:left -200px}
.sdk-button#ios {background-position:left -300px}
.sdk-button#java {background-position:left -400px}
.sdk-button#javascript {background-position:left -500px}
.sdk-button#nodejs {background-position:left -600px}
.sdk-button#php {background-position:left -700px}
.sdk-button#processing {background-position:left -800px}
.sdk-button#python {background-position:left -900px}
.sdk-button#restapi {background-position:left -1000px}
.sdk-button#ruby {background-position:left -1100px}
.sdk-button#ti {background-position:left -1200px} 
.sdk-button#twyla {background-position:left -1300px} 
.sdk-button#samsung {background-position:left -1600px} 
.sdk-button#qualcomm {background-position:left -1700px} 

.sdk-button:hover {color:#0882b6}

.sdk-button#android:hover {background-position:-300px 0}
.sdk-button#arduino:hover {background-position:-300px -100px}
.sdk-button#csharp:hover {background-position:-300px -200px}
.sdk-button#ios:hover {background-position:-300px -300px}
.sdk-button#java:hover {background-position:-300px -400px}
.sdk-button#javascript:hover {background-position:-300px -500px}
.sdk-button#nodejs:hover {background-position:-300px -600px}
.sdk-button#php:hover {background-position:-300px -700px}
.sdk-button#processing:hover {background-position:-300px -800px}
.sdk-button#python:hover {background-position:-300px -900px}
.sdk-button#restapi:hover {background-position:-300px -1000px}
.sdk-button#ruby:hover {background-position:-300px -1100px}
.sdk-button#ti:hover {background-position:-300px -1200px} 
.sdk-button#twyla:hover {background-position:-300px -1300px} 
.sdk-button#samsung:hover {background-position:-300px -1600px} 
.sdk-button#qualcomm:hover {background-position:-300px -1700px} 

.sdk-button.connectivity {
background:url('/assets/button-connectivity.png') no-repeat left top;
padding-top:50px;
}

.sdk-button#bluetooth {background-position:left 0px}
.sdk-button#ethernet {background-position:left -70px}
.sdk-button#gsm {background-position:left -140px}
.sdk-button#xbee {background-position:left -210px}
.sdk-button#wifi {background-position:left -280px}

.sdk-button#bluetooth:hover {background-position:-70px 0px}
.sdk-button#ethernet:hover {background-position:-70px -70px}
.sdk-button#gsm:hover {background-position:-70px -140px}
.sdk-button#xbee:hover {background-position:-70px -210px}
.sdk-button#wifi:hover {background-position:-70px -280px}


.sdk-button.large, .sdk-button.large.connectivity {
	background-image: url('/assets/button-sdks-large.png');
  	width: 130px;
  	padding-top: 105px;
  	margin: 0 15px 30px;
  	line-height: 17px;
  	background-size: 1000px auto;
}

.sdk-button.large#android {background-position:left 0}
.sdk-button.large#arduino {background-position:left -285px}
.sdk-button.large#csharp {background-position:left -600px}
.sdk-button.large#ios {background-position:left -900px}
.sdk-button.large#java {background-position:left -1200px}
.sdk-button.large#javascript {background-position:left -1500px}
.sdk-button.large#nodejs {background-position:left -1800px}
.sdk-button.large#php {background-position:left -2100px}
.sdk-button.large#processing {background-position:left -2400px}
.sdk-button.large#python {background-position:left -2700px}
.sdk-button.large#restapi {background-position:left -3000px}
.sdk-button.large#ruby {background-position:left -3300px}
.sdk-button.large#ti {background-position:left -3600px} 
.sdk-button.large#twyla {background-position:left -3900px} 
.sdk-button.large#samsung {background-position:left -4795px} 

.sdk-button.large#android:hover {background-position:-500px 0}
.sdk-button.large#arduino:hover {background-position:-500px -285px}
.sdk-button.large#csharp:hover {background-position:-500px -600px}
.sdk-button.large#ios:hover {background-position:-500px -900px}
.sdk-button.large#java:hover {background-position:-500px -1200px}
.sdk-button.large#javascript:hover {background-position:-500px -1500px}
.sdk-button.large#nodejs:hover {background-position:-500px -1800px}
.sdk-button.large#php:hover {background-position:-500px -2100px}
.sdk-button.large#processing:hover {background-position:-500px -2400px}
.sdk-button.large#python:hover {background-position:-500px -2700px}
.sdk-button.large#restapi:hover {background-position:-500px -3000px}
.sdk-button.large#ruby:hover {background-position:-500px -3300px}
.sdk-button.large#ti:hover {background-position:-500px -3600px} 
.sdk-button.large#twyla:hover {background-position:-500px -3900px} 
.sdk-button.large#samsung:hover {background-position:-500px -4795px} 

/* custom large sdk button positioning */
.sdk-button.large#ti { 
	width:140px;
}

.sdk-button.large.connectivity {
  	background-image: url('/assets/button-connectivity-large.png');
  	width: 145px;
  	font-size: 16px;
  	padding-top: 85px;
  	margin: 10px -10px 0;
 }

 .sdk-button.large#kosmos {
 	background: url('/assets/kosmos-docs-button-support.svg') no-repeat;
 	width: 250px;
 	height: auto;
 }

.sdk-button.large.connectivity#bluetooth {background-position:0px top }
.sdk-button.large.connectivity#ethernet {background-position:0px -150px }
.sdk-button.large.connectivity#gsm {background-position:0px -300px }
.sdk-button.large.connectivity#xbee {background-position:0px -450px }
.sdk-button.large.connectivity#wifi {background-position:0px -600px }

.sdk-button.large.connectivity#bluetooth:hover {background-position:-150px top }
.sdk-button.large.connectivity#ethernet:hover {background-position:-150px -150px }
.sdk-button.large.connectivity#gsm:hover {background-position:-150px -300px }
.sdk-button.large.connectivity#xbee:hover {background-position:-150px -450px }
.sdk-button.large.connectivity#wifi:hover {background-position:-150px -600px }

.sdk-button.large.connectivity#bluetooth:active {background-position:-300px top }
.sdk-button.large.connectivity#ethernet:active {background-position:-300px -150px }
.sdk-button.large.connectivity#gsm:active {background-position:-300px -300px }
.sdk-button.large.connectivity#xbee:active {background-position:-300px -450px }
.sdk-button.large.connectivity#wifi:active {background-position:-300px -600px }


.sdk-button.large.m2m {
	background-image: url('/assets/button-m2m-large.png');
}

.sdk-button.large.m2m#mqtt { background-position: 0px 0px }
.sdk-button.large.m2m#coap { background-position: 0px -150px }
.sdk-button.large.m2m#http { background-position: 0px -300px }

.sdk-button.large.m2m#mqtt:hover { background-position: -150px 0px }
.sdk-button.large.m2m#coap:hover { background-position: -150px -150px }
.sdk-button.large.m2m#http:hover { background-position: -150px -300px }

.sdk-button.large.m2m#mqtt:active { background-position: -300px 0px }
.sdk-button.large.m2m#coap:active { background-position: -300px -150px }
.sdk-button.large.m2m#http:active { background-position: -300px -300px }

/* end SDK buttons */


.js-warning {
text-align: center;
margin: 0 0 10px 0;
padding: 15px 0;
background: url('/assets/background-pattern.png');
}

.js-warning p {
background: #fff;
margin: 0px;
padding: 10px;
font-size: 14px;
}

/* Override default browser font */
input, textarea, keygen, select, button {
	font-family: "Open Sans", "Trebuchet MS", Arial, sans-serif;
}

/* Indent input text so left edge isn't cut off */
input {
	text-indent: 1px;
}

/* Callouts */

.callout {
	width:170px;
	padding:15px;
	border:1px solid #95daf4;
	border-radius:5px;
	position: absolute;
	background-color: #fff;
	z-index: 1;
	display: none;
}

.callout.gray {
	border-color: #ddd;
}

.callout-container {
	position: relative;
}

.callout .callout-error {
	display: none;
}

.arrow-callout {
	border-color: #95daf4;
	border-width: 1px;
	position: absolute;
}

.callout.gray .arrow-callout {
	border-color: #ddd;
}

.head-callout {
	position: absolute;
}

/* TODO: Reverse left and right */
/* < */
.head-callout.right {
	left: -1px;
}

/* > */
.head-callout.left {
	right: -1px;
}

.mobile .head-callout.left {
	display: none;
}

/* <| right line */
.arrow-callout.line-right {
	left: 0px;
	border-color: #fff;
	border-width: 2px;
	border-right-style: solid;
	height: 15px;
}

/* < top line */
.arrow-callout.line-right-down {
	left: 0px;
	border-right-style: solid;
	height: 15px;
	transform-origin: top right;
	transform: rotate(60deg);
	-webkit-transform-origin: top right;
	-webkit-transform: rotate(60deg);
	-ms-transform-origin: top right;
	-ms-transform: rotate(60deg);
	margin-top: 1px;
}

/* < bottom line */
.arrow-callout.line-right-up {
	left: -14px;
	border-top-style: solid;
	width: 15px;
	transform-origin: bottom right;
	transform: rotate(30deg);
	transform: rotate(30deg);
	-webkit-transform-origin: bottom right;
	-webkit-transform: rotate(30deg);
	-ms-transform-origin: bottom right;
	-ms-transform: rotate(30deg);
	top: 15px;
}

/* |> left line */
.arrow-callout.line-left {
	left: -1px;
	top: 1px;
	border-color: #fff;
	border-width: 2px;
	border-left-style: solid;
	height: 12px;
}

@media screen and (min-width:0\0) { 
.arrow-callout.line-left {
	left: -2px;
}
}

/* > top line */
.arrow-callout.line-left-down {
	border-top-style: solid;
	width: 15px;
	left: -1px;
	transform-origin: left top;
	transform: rotate(30deg);
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(30deg);
	-ms-transform-origin: left top;
	-ms-transform: rotate(30deg);
}

/* > bottom line */
.arrow-callout.line-left-up {
	height: 15px;
	border-left-style: solid;
	transform-origin: left bottom;
	transform: rotate(60deg);
	-webkit-transform-origin: left bottom;
	-webkit-transform: rotate(60deg);
	-ms-transform-origin: left bottom;
	-ms-transform: rotate(60deg);
	left: -1px;
}

/* ^ left line */
.arrow-callout.line-up-left {
	border-top-style: solid;
	width: 15px;
	left: -1px;
	transform-origin: left top;
	transform: rotate(120deg);
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(120deg);
	-ms-transform-origin: left top;
	-ms-transform: rotate(120deg);
}

/* ^ right line */
.arrow-callout.line-up-right {
	height: 15px;
	border-left-style: solid;
	transform-origin: left bottom;
	transform: rotate(150deg);
	-webkit-transform-origin: left bottom;
	-webkit-transform: rotate(150deg);
	-ms-transform-origin: left bottom;
	-ms-transform: rotate(150deg);
	left: -1px;
	top: -15px;
}

/* v left line */
.arrow-callout.line-down-left {
	border-top-style: solid;
	width: 15px;
	left: -1px;
	transform-origin: left top;
	transform: rotate(300deg);
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(300deg);
	-ms-transform-origin: left top;
	-ms-transform: rotate(300deg);
}

/* v right line */
.arrow-callout.line-down-right {
	height: 15px;
	border-left-style: solid;
	transform-origin: left bottom;
	transform: rotate(330deg);
	-webkit-transform-origin: left bottom;
	-webkit-transform: rotate(330deg);
	-ms-transform-origin: left bottom;
	-ms-transform: rotate(330deg);
	left: -1px;
	top: -15px;
}

.callout .arrow-bg {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  position: absolute;
  z-index: -1;
  left: -1px;
} 

/* > background */
.callout .head-callout.left .arrow-bg {
  border-left: 13px solid #fff;
} 

/* < background */
.callout .head-callout.right .arrow-bg {
  border-right: 13px solid #fff;
} 

/* ^ background */
.callout .head-callout.up .arrow-bg {
  border-bottom: 13px solid #fff;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
} 

/* v background */
.callout .head-callout.down .arrow-bg {
  border-top: 13px solid #fff;
} 

/* New callout style */

.callout .arrow {
	height: 40px;
	position: absolute;
	overflow: hidden;
	top: 0;
	width: 15px;
}

.callout .arrow:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background: #fff;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	top: 10px;
}

.breadcrumbs .callout .arrow:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	top: 10px;
}

.callout .arrow.left {
	left: -15px;
}

.callout .arrow.right {
	right: -15px;
}

.callout .arrow.left:after {
	left: 10px;
	border-bottom: 1px solid #95daf4;
	border-left: 1px solid #95daf4;
}

.callout .arrow.right:after {
	left: -15px;
	border-top: 1px solid #95daf4;
	border-right: 1px solid #95daf4;
}

/* Colors */

.callout.warning {
	border-color: #f47925;
}

.callout.warning .arrow:after {
	border-color: #f47925;
}

/* Shadow */

.callout.shadow {
	border-color: #ddd;
	box-shadow: 2px 2px 15px rgba(102, 102, 102, 0.35);
}

.callout.shadow .arrow {
	width: 20px;
}

.callout.shadow .arrow:after {
	border-color: rgba(102, 102, 102, 0.2);
}

.callout.shadow .arrow.left {
	left: -20px;
}

.callout.shadow .arrow.right {
	right: -20px;
}

.callout.shadow .arrow.top {
	top: -18px;
	height: 18px;	
}

.callout.shadow .arrow.bottom {
	bottom: -18px;
	top: auto;
	height: 18px;
}

.callout.shadow .arrow.left:after {
	left: 14px;
	box-shadow: -5px 7px 10px -3px rgba(102, 102, 102, 0.2);
}

.callout.shadow .arrow.right:after {
	left: -10px;
	width: 14px;
	box-shadow: 7px -7px 10px -3px rgba(102, 102, 102, 0.2);
}

.callout.shadow .arrow.top:after {
	left: 20px;
	box-shadow: 9px 6px 10px 9px rgba(102, 102, 102, 0.2);
}

.callout.shadow .arrow.bottom:after {
	left: 20px;
	top: -11px;
	box-shadow: 9px 6px 10px 9px rgba(102, 102, 102, 0.2);
}

.callout button.close {
	position: absolute;
	top: 5px;
	right: 5px;
}

/* Overriding default font on these elements */
input, textarea, keygen, select, button {
	font-family: "Open Sans", "Trebuchet MS", Arial, sans-serif;
}

/* Login lightbox */

#page.login .old-login form,
#page.password-reset form {
	margin:0;
	padding:0;
}

#page.login #login_formErrors,
.old-login #login_formErrors {
	color: var(--error-red);
	font-family: 'Work Sans';
	font-weight: 400;
	font-size: 14px;
}

#page-login-index #tmb-lightbox {
	box-shadow: var(--box-shadow-2);
	border-radius: 4px;
	margin: 0 !important;
	transform: translateX(-50%);
	top: 150px;
	box-sizing: border-box;
	max-width: 400px !important;
	width: calc(100% - 20px) !important;
}

@media (min-width: 400px) {
	#page-login-index #tmb-lightbox {
		top: 240px;
	}
}

.old-login .forgot-container {
	margin-bottom: 24px;
}

#page.login .content,
#page.password-reset form {
	width:300px;
	margin:0 auto;
}

.mobile #page.password-reset form {
	width: auto;
}

#page.login .content .links .error {
	margin-top:15px;
}

#page.login .lightbox {
	margin:-130px 0 0 -180px;
	width:320px;
}

#old-forgot-lightbox {
	max-width: 400px;
	width: 100%;
}

#page.login .lightbox input[type=text] {
	width:300px;
}

#page.login .spinner-container,
.old-login .spinner-container {
	text-align:center;
	margin:10px 0 0;
}

#page.login .spinner-container .signup,
.old-login .spinner-container .signup {
	display:block;
	margin: -2px 0 15px -10px;
	font-weight:normal;
}

#page.login form,
.old-login form {
	padding-left:0px;
}

#page.login .content > h2,
#page.password-reset h2 {
	text-align: center;
  	margin: 5px 0 10px;
  	font-weight: 200;
  	font-size: 29px;
}

#page.password-reset .error {
	font-size:12px;
	color:#f47925;
	width: 300px;
}

#page.login #login_formErrors,
.old-login #login_formErrors {
	text-align:center;
	margin-bottom:10px;
}

.mobile #page.login #login_formErrors,
.mobile .old-login #login_formErrors { 
	width: auto;
}

#signupForm input,
#page.login input,
#old-forgot-lightbox input,
.old-login input {
	width: 280px;
	margin: 10px 0 0 0;
	padding: 0 10px;
	height:30px;
	font-size:14px;
}

/* Forgot password lightbox */
#old-forgot {
	display: none;
}

#tmb-lightbox > .content #old-forgot-lightbox h3.title {
	font-size: 20px;
	font-family: 'Sora';
	color: var(--green);
	margin: 10px 0 0 0;
	text-align: left;
	font-weight: 600;
}

#old-forgot-lightbox .error {
	color: var(--error-red);
	font-family: 'Work Sans';
	font-weight: 300;
	font-size: 14px;
	margin-top: 5px;
}

#page-login-index .icon.close {
	background-image: none;
  position: absolute;
  right: 16px;
  top: 17px;
  width: 14px;
  height: 14px;
	margin: 0;
}

.forgot-inner {
	max-width: 300px;
	margin: auto;
}

#page-login-index .icon.close:before, #page-login-index .icon.close:after {
  position: absolute;
  left: 50%;
	top: 50%;
  content: ' ';
	height: 19.79899px;
  width: 2px;
	border-radius: 2px;
  background-color: var(--purple);
}

#page-login-index .icon.close:hover:before, #page-login-index .icon.close:hover:after {
  background-color: var(--purple-hover);
}

#page-login-index .icon.close:active:before, #page-login-index .icon.close:active:after {
  background-color: var(--purple-pressed);
}

#page-login-index .icon.close:before {
	transform: translate(-50%, -50%) rotate(-45deg);
}

#page-login-index .icon.close:after {
	transform: translate(-50%, -50%) rotate(45deg);
}


#page-login-index .error a {
	font-weight: 400;
}
/* Login callout */

#nav-links .callout-container.login .hover-container {
	right: -8px;
	left: auto;
}

#nav-links .callout-container.login .callout {
	padding: 0;
	height: auto;
}

/* Don't show other submenus when login is open */
#nav-links.login-open .callout-container .nav-link {
	pointer-events: none;
}

#nav-links.login-open .callout-container .hover-container {
	display: none;
}

#nav-links.login-open .callout-container.login .hover-container {
	display: block;
	overflow: visible !important;
}

#nav-links .callout-container.login .callout .arrow.top {
	left: 350px;
}

#nav-links .callout-container.login .callout .old-login form {
	padding: 0;
}

#nav-links .callout-container.login #old-login-lightbox,
#nav-links .callout-container.login #old-forgot {
	padding: 30px 35px 35px 35px;
}

#nav-links .callout-container.login #old-login-lightbox {
	opacity: 1;
}

#nav-links .callout-container.login #old-forgot {
	position: absolute;
	top: 0;
	opacity: 0;
}

#nav-links .callout-container.login #old-forgot form {
	padding: 0;
}

#nav-links .callout-container.login .title {
	text-align: center;
	font-weight: 300;
	margin: 0 0 12px 0;
	font-size: 32px;
}

#nav-links .callout-container.login input {
	width: 320px;
	font-size: 16px;
	font-weight: 300;
	height: 35px;
	padding: 0 10px;
	margin: 10px 0 0 0;
}

#nav-links .callout-container.login .old-login .spinner-container {
	margin-top: 25px;
}

#nav-links .callout-container.login .callout .old-login button {
	width: 100%;
    background-image: linear-gradient(315deg, #2BB5E9 0%, #72E382 100%);
    background-image: -webkit-linear-gradient(315deg, #2BB5E9 0%, #72E382 100%);
    border: unset;
    text-transform: uppercase;
    font-size: 20px;
    font-family: "Open Sans";
    font-weight: 600;
    line-height: 40px;
}

#nav-links .callout-container.login .callout .old-login button:hover {
	box-shadow: 1px 2px 6px #354951;
  	transition: box-shadow 0.3s ease-in-out;
}

#nav-links .callout-container.login .callout #old-forgot input {
	margin-bottom: 5px;
}

#nav-links .callout-container.login .callout #old-forgot .spinner-container {
	text-align: right;
	margin-top: 25px;
}

#nav-links .callout-container.login .callout #old-forgot .error {
	margin-top: 20px;
	opacity: 0;
}

/* Two column page layout */
.page.two-column {
	width: 1010px;
	margin: 60px 0px 100px;
}

.page.two-column .column {
	display: inline-block;
	vertical-align: top;
}

.page.two-column .column.column-left {
	width: 340px;
	text-align: right;
	padding: 0;
	margin-right: 40px;
}

.page.two-column .column.column-right {
	width: 620px;
}

/* Large video button */

a.gif {
	background-size:100%;
	position: absolute;
}

a.video .button.embedded-video {
	background:url('/assets/button-video-blue.png') no-repeat center center;
	background-size:100%;
	position: absolute;
}

a.video .button.embedded-video.blue {
	background-image:url('/assets/button-video-white.png');
	opacity: 0.4;
}

a.video:hover .button.embedded-video.blue {
	opacity: 0.8;
}

a.video .button.embedded-video.white {
	background-image:url('/assets/button-video-white.png');
	opacity:1.0;
}

a.video:hover .button.embedded-video.white {
	opacity:1.0;
}

.button.embedded-video.large {
	width:150px;
	height:150px;
}

.button.embedded-video.medium {
	width:60px;
	height:60px;
  	margin-top: -160px;
  	margin-left: 190px;
}

/* Elision by width */

.elided {
    display: inline-block; /* block or inline-block */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
} 

/* Suppress Twitter link on non-tutorial pages */

.twitter-link {
	display: none;
}


/* Company Logos */

#companies-container { display:inline-block }

#companies-container .row-1 {
	display: block;
	margin-bottom: 25px;
}

#companies-container .row-2 {
	display: block;
	position: absolute;
}

.mobile #companies-container .row-2 {
	position: relative;
}

#companies-container .company {
	height:70px;
	display: inline-block;
	background-repeat:no-repeat;
}

#companies-container .row-1 .company,
#companies-container .row-2 .company {
	margin: 0 30px 0 0;
}

.mobile #page.pricing .block#companies-block .company {
	display: block;
	margin: 20px auto;
}

#companies-container .company#espressif {
	background-image: url('/assets/espressif-logo.svg');
	background-size: 185px 50px;
	width: 185px;
	height: 60px;
}

#companies-container .company#nordic {
	background-image: url('/assets/nordic-logo.svg');
	background-size: 170px 50px;
	width: 175px;
	height: 60px;
}

#companies-container .company#ncd {
	background-image: url('ncd-logo.png');
	background-size: 114px 27px;
	height: 67px;
	width: 124px;
	margin-left: 38px;
	background-position: left;
}


#companies-container .company#arduino {
	width:85px;
	margin-left: 49px;
	background-image:url('/assets/logo-home-arduino.svg');
}

#companies-container .company#ti {
  width: 270px;
  background-image: url('/assets/logo-home-ti.svg');
  background-position: left center;
}

#companies-container .company#digi {
	width:72px;
	background-image:url('/assets/logo-home-digi.svg');
}

#companies-container .company#amazon {
	width:188px;
	background-image:url('/assets/logo-home-amazon.svg');
}

#companies-container .company#eat {
	width:100px;
	background-image:url('/assets/logo-home-eat.svg');
}

#companies-container .company#microsoft {
	width:180px;
	margin-left: -2px;
	background-image:url('/assets/logo-home-microsoft.svg');
}

#companies-container .company#samsung {
	width:140px;
	background-image:url('/assets/logo-home-samsung.svg');
}

#companies-container .company#qualcomm {
	width:200px;
	background-image:url('/assets/logo-home-qualcomm.svg');
}

#page.pricing .button {
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}

#page.iotproducts .block#companies .companies-block-container,
#page.pricing .companies-block-container {
	display: inline-block;
	white-space: nowrap;
}

#page.iotproducts .block#companies h4,
#page.pricing .block#companies-block h4 {
	margin: 15px 15px;
	vertical-align: top;
	white-space: normal;
	text-align: center;
}

#page.pricing .block#companies-block {
	margin-top: 60px;
}

#page.pricing .block#companies-block h4 {
	font-size: 24px;
	font-weight: 300;
	margin-top: 8px;
	margin-bottom: 30px;
}

/* IoT App Blocks */

.iotapp-block {
	display: inline-block;
	border: 4px #e5e5e5 solid;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: left top;
	display: inline-block;
	position: relative;
}

.background-blue .iotapp-block {
	border-color:#95daf4;
}

.iotapp-block.large {
	border-radius: 4px;
	height: 288px;
	transition: border-color .4s ease-in-out;
   -moz-transition: border-color .4s ease-in-out;
   -webkit-transition: border-color .4s ease-in-out;
}

.iotapp-block.large:hover {
	border-color: #2bb5e9;
}

.iotapp-block.medium {
	width: 320px;
	border-radius: 2px;
}

.iotapp-block.small {
	border-radius: 2px;
	margin: 0 10px;
}

a .iotapp-block {
	font-weight: normal;
	color: #666;
}

.background-blue a .iotapp-block {
	color:#2bb5e9;
	background-color:#fff;
}

.iotapp-block .image {
	background-size: 100%;
	display: inline-block;
}

.iotapp-block .image.gas-leak-monitor {
	background-image: url('/assets/iotapps-medium-gas-leak-monitor.jpg');
}

.iotapp-block .image.soil-quality-monitor {
	background-image: url('/assets/iotapps-medium-soil-monitor.jpg');
}

.iotapp-block .image.production-line-monitor {
	background-image: url('/assets/iotapps-medium-production-line.jpg');
}

.iotapp-block .image.plc-data-insights-and-alerts {
	background-image: url('/assets/iotapps-medium-connected-plc.png');
}

.iotapp-block .image.freight-management {
	background-image: url('/assets/iotapps-medium-freight-management.jpg');
}

.iotapp-block .image.smart-trash-cans {
	background-image: url('/assets/iotapps-medium-smart-trash-cans.jpg');
}

.iotapp-block .image.water-management {
	background-image: url('/assets/iotapps-medium-water-management.jpg');
}

.iotapp-block.large .image.water-management {
	background-image: url('/assets/iotapps-large-water-management.jpg');
}

.iotapp-block .image.commercial-freezer {
	background-image: url('/assets/iotapps-medium-commercial-freezer.jpg');
}

.iotapp-block .image.smart-fire-equipment {
	background-image: url('/assets/iotapps-medium-fire-equipment.jpg');
}

.iotapp-block .image.energy-management {
	background-image: url('/assets/iotapps-medium-energy-management.jpg');
}

.iotapp-block .image.connected-sensor {
	background-image: url('/assets/iotapps-medium-connected-sensor.jpg');
}

.iotapp-block .image.remote-control {
	background-image: url('/assets/iotapps-medium-remote-control.jpg');
}

.iotapp-block.large .image {
	width: 512px;
	height: 288px;
	position: relative;
}

.iotapp-block.medium .image {
	width: 320px;
	height: 180px;
	border-bottom: 4px #e5e5e5 solid;
}

.iotapp-block.small .image {
	width: 208px;
	height: 117px;
	border-bottom: 4px #e5e5e5 solid;
}

.background-blue .iotapp-block.small .image {
	border-color:#95daf4;
}

#hardware-home .iotapp-block {
	margin:0 20px 0 0;
}

.mobile #hardware-home .iotapp-block {
	margin: 10px 0;
}
#iot-page #iotapp-row {
	text-align: center;
}

#iot-page .iotapp-block {
	margin:0 15px 30px;
}

.iotapp-block .text-block {
	position: relative;
}

.iotapp-block .title {
	font-weight: normal;
}

.iotapp-block.small .text-block {
    padding: 5px 10px 10px;
	text-align: left;
}

.iotapp-block.small .title {
	font-size: 14px;
	display: inline-block;
}

.iotapp-block.small .iotapp-icon {
	display: inline-block;
	position: absolute;
	right: 3px;
	bottom: 3px;
}

.iotapp-block .overlay {	
	top: -4px;
	bottom: -4px;
	right: -4px;
	left: -4px;
	position: absolute;
    color: #fff;
    text-align: center;
    background-color: #2bb5e9;
    font-weight: 600;
    border-radius: 2px;
    opacity: 0;
	transition: opacity .4s ease-in-out;
   -moz-transition: opacity .4s ease-in-out;
   -webkit-transition: opacity .4s ease-in-out;
}

.background-blue .iotapp-block .overlay {	
	color:#2bb5e9;
	background-color:#fff;
}

.iotapp-block .overlay.gray {
    background-color: #bbb;
}

.iotapp-block.large .overlay:hover .buildit {
	animation-duration: .3s;
	animation-name: poptextlarge;
	-webkit-animation-duration: .3s;
	-webkit-animation-name: poptextlarge;
}

@keyframes poptextlarge {
	from { font-size: 30px; }
	50% { font-size: 30px; }
	to { font-size: 36px; }
}

@-webkit-keyframes poptextlarge {
	from { font-size: 30px; }
	50% { font-size: 30px; }
	to { font-size: 36px; }
}

.iotapp-block.medium .overlay:hover .buildit {
	animation-duration: .3s;
	animation-name: poptextmedium;
	-webkit-animation-duration: .3s;
	-webkit-animation-name: poptextmedium;
}

@keyframes poptextmedium {
	from { font-size: 24px; }
	50% { font-size: 24px; }
	to { font-size: 30px; }
}

@-webkit-keyframes poptextmedium {
	from { font-size: 24px; }
	50% { font-size: 24px; }
	to { font-size: 30px; }
}

.iotapp-block.large .overlay .buildit {
    font-size: 36px;
	margin-top: 125px;
}

.iotapp-block.medium .overlay .buildit {
    font-size: 30px;
	margin-top: 150px;
}

.iotapp-block.small .overlay .buildit {
    font-size: 18px;
	margin-top: 70px;
}

.iotapp-block:hover .overlay {
	opacity: 0.9;
}

a #iotapp-more {
	display: inline-block;
    font-size: 14px;
    background: url('/assets/button-iotapp-more.png') no-repeat left top;
    padding-left: 29px;
    padding-top:8px;
    position: relative;
    width: 65px;
    text-align: left;
}

a:hover #iotapp-more {
	background-position: left -30px;
}

.background-blue a #iotapp-more {
	background-image:url('/assets/button-iotapp-more-white.png');
	color:#fff;
	background-position: left -30px;
}

.background-blue a:hover #iotapp-more {
	background-position: left 0px;
	color:#caecf9;
}

.hardware-landing a #iotapp-more {
    margin: 6px 0 0 595px;
}

.mobile .hardware-landing a #iotapp-more {
	margin: auto;
	display: block;
}
#library-landing a #iotapp-more {
    margin: 12px auto 0;
}

#iot-page a #iotapp-more {
    display: block;
    margin: -15px auto 0;
}

.welcome.page a #iotapp-more {
	width:auto;
}

.iotapp-icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url('/assets/button-iotapps-small.png');
	background-size: 200px;
}

.iotapp-icon.all { background-position: -100px 0px; }
li.category > .iotapp-icon.all { background-position: 0px 0px; }
li.category:hover > .iotapp-icon.all { background-position: -50px 0px; }
li.category.selected > .iotapp-icon.all { background-position: -150px 0px; }

.iotapp-icon.water-management { background-position: -100px -50px; }
li.category > .iotapp-icon.water-management { background-position: 0px -50px; }
li.category:hover > .iotapp-icon.water-management { background-position: -50px -50px; }
li.category.selected > .iotapp-icon.water-management { background-position: -150px -50px; }

.iotapp-icon.environment { background-position: -100px -100px; }
li.category > .iotapp-icon.environment { background-position: 0px -100px; }
li.category:hover > .iotapp-icon.environment { background-position: -50px -100px; }
li.category.selected > .iotapp-icon.environment { background-position: -150px -100px; }

.iotapp-icon.farming { background-position: -100px -150px; }
li.category > .iotapp-icon.farming { background-position: 0px -150px; }
li.category:hover > .iotapp-icon.farming { background-position: -50px -150px; }
li.category.selected > .iotapp-icon.farming { background-position: -150px -150px; }

.iotapp-icon.smart-cities { background-position: -100px -200px; }
li.category > .iotapp-icon.smart-cities { background-position: 0px -200px; }
li.category:hover > .iotapp-icon.smart-cities { background-position: -50px -200px; }
li.category.selected > .iotapp-icon.smart-cities { background-position: -150px -200px; }

.iotapp-icon.energy { background-position: -100px -250px; }
li.category > .iotapp-icon.energy { background-position: 0px -250px; }
li.category:hover > .iotapp-icon.energy { background-position: -50px -250px; }
li.category.selected > .iotapp-icon.energy { background-position: -150px -250px; }

.iotapp-icon.manufacturing { background-position: -100px -300px; }
li.category > .iotapp-icon.manufacturing { background-position: 0px -300px; }
li.category:hover > .iotapp-icon.manufacturing { background-position: -50px -300px; }
li.category.selected > .iotapp-icon.manufacturing { background-position: -150px -300px; }

.iotapp-icon.logistics { background-position: -100px -350px; }
li.category > .iotapp-icon.logistics { background-position: 0px -350px; }
li.category:hover > .iotapp-icon.logistics { background-position: -50px -350px; }
li.category.selected > .iotapp-icon.logistics { background-position: -150px -350px; }

.iotapp-icon.building-management { background-position: -100px -400px; }
li.category > .iotapp-icon.building-management { background-position: 0px -400px; }
li.category:hover > .iotapp-icon.building-management { background-position: -50px -400px; }
li.category.selected > .iotapp-icon.building-management { background-position: -150px -400px; }

/* Loading bar */

#loading-bar {
	position: fixed;
	z-index: 100003;
	height: 3px;
	background-color: #2bb5e9;
	top: 0;
	left: 0;
	right: auto;
	width: 0%;
	opacity: 0;
	transition: opacity .2s ease-in-out;
 	-moz-transition: opacity .2s ease-in-out;
 	-webkit-transition: opacity .2s ease-in-out;
}

#loading-bar.loading {
	opacity: 1;
	animation-duration: .75s;
	-moz-animation-duration: .75s;
	-webkit-animation-duration: .75s;
	animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-name: load;
	-moz-animation-name: load;
	-webkit-animation-name: load;
}

@keyframes load {
	from { 
		width: 0%; 
		left: 0px;
		right: auto;
	}
	30% { 
		width: 100%;
		left: 0px;
		right: auto;
	}
	60% {
		width: 100%;
		left: auto;
		right: 0px;
	}
	90% { 
		width: 0%; 
		left: auto;
		right: 0px;
	}
}

@-webkit-keyframes load {
	from { 
		width: 0%; 
		left: 0px;
		right: auto;
	}
	30% { 
		width: 100%;
		left: 0px;
		right: auto;
	}
	60% {
		width: 100%;
		left: auto;
		right: 0px;
	}
	90% { 
		width: 0%; 
		left: auto;
		right: 0px;
	}
}

@-moz-keyframes load {
	from { 
		width: 0%; 
		left: 0px;
		right: auto;
	}
	30% { 
		width: 100%;
		left: 0px;
		right: auto;
	}
	60% {
		width: 100%;
		left: auto;
		right: 0px;
	}
	90% { 
		width: 0%; 
		left: auto;
		right: 0px;
	}
}

/* Device tags */

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container,
.device-registration-popup .device-registration-form .tag-container {
	width: 270px;
	margin-bottom: 25px;
	float: right;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container {
	display: none;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container .tag,
.device-registration-popup .device-registration-form .tag-container .tag {
	color: #333;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container .tag.selected,
.device-registration-popup .device-registration-form .tag-container .tag.selected {
	color: #fff;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container .tag .tag-name,
.device-registration-popup .device-registration-form .tag-container .tag .tag-name {
	vertical-align: top;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container .tag .tag-count,
.device-registration-popup .device-registration-form .tag-container .tag .tag-count {
	color: #aaa;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container .tag.selected .tag-count,
.device-registration-popup .device-registration-form .tag-container .tag.selected .tag-count {
	color: #fff;
}

.device-registration-popup .device-registration-form .buttons {
	clear: both;
	text-align: right;
	position: relative;
}

.device-registration-popup .device-registration-form .buttons button.delete {
	position: absolute;
	bottom: 6px;
	left: 0;
}

.device-registration-popup .device-registration-form .tags {
	overflow: hidden;
}

.device-registration-popup .device-registration-form .more-tags {
	text-align: right;
	color: #2bb5e9;
	margin-bottom: 8px;
	font-size: 12px;
}

.device-registration-popup .device-registration-form .more-tags:hover {
	color: #0882b6;
	cursor: pointer;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container .tag,
.activity-devices .tags .tag,
.device-registration-popup .device-registration-form .tag-container .tag {
	border: 1px solid #eee;
	border-radius: 2px;
	padding: 1px 10px;
	margin: 0 4px 4px 0;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
	font-size: 12px;
}

.activity-devices .tags .tag {
	color: #333;
	position: relative;
	padding-right: 20px;
	display: inline-block;
}

.activity-devices .tags .tag:hover {
	cursor: pointer;
}

.temboo:not(.mobile) .activity-devices.single-device {
	min-width: 1230px;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container .tag,
.device-registration-popup .device-registration-form .tag-container .tag {
	float: left;
}

.activity-devices .container .container-outer .grid .tags .tag .delete {
	position: absolute;
	top: 1px;
	right: 1px;
	background: url('/assets/icons-delete-cancel-white-grey.png') no-repeat;
	width: 17px;
	height: 17px;
	background-size: 100%;
	background-position: left -34px;
}

.activity-devices .container .container-outer .grid .tags .tag .delete:hover {
	background-position: left -51px;
}

.activity-devices .container .container-outer .grid .tags .tag.selected .delete {
	background-position: left top;
}

.activity-devices .container .container-outer .grid .tags .tag.selected .delete:hover {
	background-position: left -17px;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container .tag:hover .delete,
.device-registration-popup .device-registration-form .tag-container .tag:hover .delete {
	color: #0882b6;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container .tag.add-new,
.activity-devices .container .container-outer .grid .tags .tag.new,
.device-registration-popup .device-registration-form .tag-container .tag.add-new {
	border-color: #2bb5e9;
	color: #2bb5e9;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container .tag:hover,
.activity-devices .tags .tag:hover,
.device-registration-popup .device-registration-form .tag-container .tag:hover {
	border-color: #0882b6;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container .tag.selected:hover,
.activity-devices .tags .tag.selected:hover,
.device-registration-popup .device-registration-form .tag-container .tag.selected:hover {
	border-color: #1ac798;
	background-color: #1ac798;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container .tag.flash,
.device-registration-popup .device-registration-form .tag-container .tag.flash {
	animation-name: tag-flash;
	animation-duration: .6s;
}

@keyframes tag-flash {
	0% {
		border-color: #eee;
		color: #333;
	} 
	50% {
		border-color: #0882b6;
		color: #0882b6;
	}
	100% {
		border-color: #eee;
		color: #333;
	}
}

#page.iotapp-plc-data-insights-and-alerts .tag-container .tag.selected.flash,
.device-registration-popup .device-registration-form .tag-container .tag.selected.flash {
	animation-name: tag-selected-flash;
}

@keyframes tag-selected-flash {
	0% {
		background-color: #1edeab;
		border-color: #1edeab;
	} 
	50% {
		border-color: #1ac798;
		background-color: #1ac798;
	}
	100% {
		background-color: #1edeab;
		border-color: #1edeab;
	}
}

#page.iotapp-plc-data-insights-and-alerts .tag-container .tag:active,
.activity-devices .tags .tag:active,
.device-registration-popup .device-registration-form .tag-container .tag:active {
	border-color: #0882b6;
	color: #0882b6;
}

#page.iotapp-plc-data-insights-and-alerts .tag-container .tag.selected,
.activity-devices .tags .tag.selected,
.device-registration-popup .device-registration-form .tag-container .tag.selected {
	background-color: #1edeab;
	border-color: #1edeab;
	color: #fff;
}

#page.iotapp-plc-data-insights-and-alerts .tag-container .tag.elided,
.device-registration-popup .device-registration-form .tag-container .tag.elided {
	max-width: 270px;
}

.activity-devices .tags .tag .tag-name {
	vertical-align: top;
	max-width: 600px;
}


.activity-devices .container .container-outer .grid .tags .tag .tag-count {
	color: #aaa;
}

.activity-devices .container .container-outer .grid .tags .tag.selected .tag-count {
	color: #fff;
}

#page.iotapp-plc-data-insights-and-alerts input#current-tag,
.device-registration-popup input#current-tag {
	height: 14px;
	margin-bottom: 2px;
	margin-right: 4px;
	border: none;
	border-bottom: 1px solid #caecf9;
	outline: 0;
	width: 68px;
	display: none;
	float: left;
}

#page.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .send-an-email,
.device-registration-popup .sensor-alerts-form .send-an-email {
	margin-right: 0;
}

#page.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .send-an-email.single-device,
.device-registration-popup .sensor-alerts-form .send-an-email.single-device {
	display: inline;
}

#page.iotapp-plc-data-insights-and-alerts .sensor-alerts-form span.sensor-alert-unit,
.activity-devices.single-device .device-registration-popup .sensor-alerts-form span.sensor-alert-unit {
	display: none;
	margin-right: 0px;
}

#page.iotapp-plc-data-insights-and-alerts .sensor-alerts-form span.sensor-alert-unit.visible,
.activity-devices.single-device .device-registration-popup .sensor-alerts-form span.sensor-alert-unit.visible {
	display: inline;
}

#page.iotapp-plc-data-insights-and-alerts .sensor-alerts-form-container .send-an-email,
.device-registration-popup .sensor-alerts-form-container .send-an-email,
#page.iotapp-plc-data-insights-and-alerts .sensor-alerts-form-container .email-to,
.device-registration-popup .sensor-alerts-form-container .email-to {
	vertical-align: 0;
	display: inline-block;
}

#page.iotapp-plc-data-insights-and-alerts .page .sensor-alerts-form .emails,
.activity-devices .tab .emails,
.activity-devices .tab .recipient-container input[type="text"]#sms-invite {
	border-bottom: 1px solid #caecf9;
	display: inline-block;
	position: relative;
	white-space: normal;
	vertical-align: -11px;
}

#page.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .emails .placeholder,
.activity-devices .tab .emails .placeholder {
	color: #ccc;
	position: absolute;
	top: 1px;
	left: 0;
}

#page.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .emails .invite-address,
.activity-devices .tab .emails .invite-address {
	border-radius: 6px;
	border-style: solid;
	border-width: 1px;
	margin: 0 5px 5px 0;
	padding-left: 5px;
	border-color: #95daf4;
	float: left;
}

#page.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .emails input.curr-invite,
.activity-devices .tab .emails input.curr-invite,
.activity-devices .tab.selected .emails input.curr-invite,
.activity-devices.kosmos .bar-container .title.selected .device-registration-popup .tab .rule-component-container .emails input.curr-invite {
	border: 0;
	visibility: hidden;
	width: 1px;
	background-color: transparent;
	float: left;
	margin-bottom: 6px;
}

.activity-devices.kosmos .bar-container .title.selected .device-registration-popup .tab .rule-component-container.active .emails input.curr-invite,
.activity-devices.kosmos .bar-container .title.selected .device-registration-popup .tab .recipients-container.selected .emails input.curr-invite {
	visibility: visible;
}

#page.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .emails input.curr-invite {
	height: 10px;
}

.activity-devices .tab .emails input.curr-invite {
	height: 14px;
}

/* Location autocomplete */

.ui-widget#addressBox {
	float: right;
}

ul.ui-autocomplete.ui-widget,
.ui-widget input#autocomplete {
	font-family: "Open Sans", "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	border: 1px solid #ccc;
}

.activity-devices:not(.kosmos):not(.plc) .ui-widget input#autocomplete,
body.temboo.library .ui-widget input#autocomplete {
	width: 239px;
}

ul.ui-autocomplete,
ul.ui-autocomplete li.ui-menu-item {
	width: 260px;
}

body.plc ul.ui-autocomplete,
body.plc ul.ui-autocomplete li.ui-menu-item {
	width: 431px;
}

body.kosmos ul.ui-autocomplete,
body.kosmos ul.ui-autocomplete li.ui-menu-item {
	width: 332px;
}

.ui-widget input#autocomplete {
	padding: 4px 25px 4px 4px;
}

.ui-widget input#autocomplete[data-state="validated"] {
	background: url('/assets/icon-signup-fields.gif') right -7px top -6px no-repeat #fff;

}

.ui-widget input#autocomplete[data-state="validating"] {
	background: url('/assets/icon-signup-fields.gif') right -7px top -47px no-repeat #fff;
}

ul.ui-autocomplete {
	color: #333;
	padding: 0;
	margin-top: -1px;
	z-index: 100002; /* above tipsy and device registration popup */
	background-color: #fff;
	list-style-type: none;
}

ul.ui-autocomplete li.ui-menu-item {
	padding: 4px;
}

ul.ui-autocomplete .ui-state-focus, 
ul.ui-autocomplete .ui-widget-content .ui-state-focus {
	background: #e9e9e9;
	border: none;
}

.device-registration-form .device-registration-input .lat-lon-container {
	float: right;
	width: 270px;
	margin: 5px 0 10px;
}

.iot-applications .device-registration-form .device-registration-input .lat-lon-container {
	width: 421px;
	font-size: 12px;
}

.device-registration-form .device-registration-input span#lat-lon-toggle {
	color: #2bb5e9;
}

.device-registration-form .device-registration-input span#lat-lon-toggle:hover {
	color: #0882b6;
	cursor: pointer;
}

.device-registration-form .device-registration-input input.latlon {
	display: none;
}

.device-registration-form .device-registration-input input.latlon#latitude {
	margin-bottom: 5px;
}

#pin-selector .callout-container .callout button.safe,
#pin-selector .callout-container .callout button.caution {
	cursor: default;
}

#pin-selector .callout-container .callout button.safe,
#pin-selector .callout-container .callout button.caution,
.activity-devices .safe-bounds button.safe,
.activity-devices .safe-bounds button.caution {
	height: 10px;
	width: 10px;
	border: 1px #ccc solid;
	border-radius: 5px;
	margin-right: 5px;
}

#pin-selector .callout-container .callout .toggle-label.closed button,
.activity-devices .safe-bounds button.safe,
.activity-devices .safe-bounds button.caution {
	background-color: transparent;
}

#pin-selector .callout-container .callout .safe-label.open button.safe,
.activity-devices .safe-bounds .safe-outer-container.open button.safe {
	background-color: #21f5bc;
}

#pin-selector .callout-container .callout .safe-label:hover button.safe,
.activity-devices .safe-bounds .safe-outer-container .safe-label:hover button.safe {
	background-color: #17ae85;
}

#pin-selector .callout-container .callout .caution-label.open button.caution,
.activity-devices .safe-bounds .caution-outer-container.open button.caution {
	background-color: #f47925;
}

#pin-selector .callout-container .callout .caution-label:hover button.caution,
.activity-devices .safe-bounds .caution-outer-container .caution-label:hover button.caution {
	background-color: #cf6804;
}

.activity-devices .safe-bounds .caution-outer-container,
.activity-devices .safe-bounds button.save {
	margin-left: 20px;
}

.activity-devices.kosmos .safe-bounds button.cancel {
	margin-left: 20px;
}

.activity-devices.kosmos .safe-bounds button.save {
	margin-left: 5px;
}

.activity-devices .safe-bounds .safe-outer-container,
.activity-devices .safe-bounds .caution-outer-container,
.activity-devices .safe-bounds .safe-label,
.activity-devices .safe-bounds .caution-label,
.activity-devices .safe-bounds .closed-label {
	display: inline-block;
}

.activity-devices .safe-bounds .safe-label:hover,
.activity-devices .safe-bounds .caution-label:hover {
	cursor: pointer;
}

.activity-devices .safe-bounds .safe-outer-container .closed-label {
	display: inline-block;
}

.activity-devices .safe-bounds .safe-outer-container .safe-bounds-container {
	display: none;
}

.activity-devices .safe-bounds .safe-outer-container.open .closed-label {
	display: none;
}

.activity-devices .safe-bounds .safe-outer-container.open .safe-bounds-container {
	display: inline-block;
}

.activity-devices .safe-bounds .safe-outer-container + .caution-outer-container {
	display: none;
}

.activity-devices .safe-bounds .safe-outer-container.open + .caution-outer-container {
	display: inline-block;
}

.activity-devices .safe-bounds .caution-outer-container .closed-label {
	display: inline-block;
}

.activity-devices .safe-bounds .caution-outer-container .caution-container {
	display: none;
}

.activity-devices .safe-bounds .caution-outer-container.open .closed-label {
	display: none;
}

.activity-devices .safe-bounds .caution-outer-container.open .caution-container {
	display: inline-block;
}

/* PLC */

/* Alerts */

.activity-devices.kosmos .alert-controls,
.activity-devices.single-device .alert-controls,
.iotapp-plc-data-insights-and-alerts .alert-controls,
.activity-devices.all-devices .alert-controls {
	height: 16px;
	margin-bottom: 38px;
	display: inline-block;
}

.activity-devices.kosmos .alert-controls,
.activity-devices.all-devices .alert-controls {
	margin-bottom: 0;
	position: absolute;
	right: 0;
}

.activity-devices.kosmos .alert-controls:hover,
.activity-devices.single-device .alert-controls:hover,
.iotapp-plc-data-insights-and-alerts .alert-controls:hover,
.activity-devices.all-devices .alert-controls:hover {
	cursor: pointer
}

.activity-devices.single-device .alert-controls .icon.add,
.iotapp-plc-data-insights-and-alerts .alert-controls .icon.add {
	background: url(/assets/button-add-alert.png) no-repeat;
	background-size: 16px 48px;
	width: 16px;
	height: 16px;
	display: inline-block;
}

.activity-devices.single-device .alert-controls:hover .icon.add,
.iotapp-plc-data-insights-and-alerts .alert-controls:hover .icon.add,
.activity-devices.single-device .alert-controls:active .icon.add,
.iotapp-plc-data-insights-and-alerts .alert-controls:active .icon.add {
	background-position: 0 -16px;
}

.activity-devices.single-device .alert-controls span.add-alert,
.iotapp-plc-data-insights-and-alerts .alert-controls span.add-alert {
	vertical-align: top;
}

.activity-devices.single-device .alert-controls:hover span.add-alert,
#page.iotapp-plc-data-insights-and-alerts .create-sensor-alerts .box .alert-controls:hover span.add-alert,
#page.iotapp-plc-data-insights-and-alerts .set-alerts-on-diagnostics .box .alert-controls:hover span.add-alert {
	color: #0882b6;
}

.activity-devices.single-device .sensor-alerts-form .icon.remove,
.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .icon.remove {
	background: url(/assets/button-delete-alert.png) no-repeat;
	background-size: 30px 90px;
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: top;
}

.activity-devices.single-device .sensor-alerts-form .icon.remove:hover,
.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .icon.remove:hover {
	background-position: 0 -30px;
	cursor: pointer;
}

.activity-devices.single-device .sensor-alerts-form  .icon.remove:active,
.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .icon.remove:active {
	background-position: 0 -60px;
}

.activity-devices.single-device .sensor-alerts-form .sensor-alerts-body,
.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .sensor-alerts-body {
	display: inline-block;
	vertical-align: top;
	margin-top: 4px;
}

/* Slider/Switch UI elements (PLC and Library) */

.activity-devices.single-device .sensor-alerts-form .sensor-alerts-body .binary-selector,
.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .sensor-alerts-body .binary-selector {
	display: none;
}

.activity-devices.single-device .sensor-alerts-form .sensor-alerts-body .binary-selector.visible,
.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .sensor-alerts-body .binary-selector.visible {
	display: inline-block;
	vertical-align: top;
	margin-right: 2px;
}

.activity-devices.single-device .sensor-alerts-form .sensor-alerts-body .compared-value,
.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .sensor-alerts-body .compared-value {
	display: none;
}

.activity-devices.single-device .sensor-alerts-form .sensor-alerts-body .compared-value.visible,
.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .sensor-alerts-body .compared-value.visible {
	display: inline-block;
}

.activity-devices.single-device .sensor-alerts-body a.switch.digital-value,
.iotapp-plc-data-insights-and-alerts .sensor-alerts-body a.switch.digital-value {
	width: 55px;
}

.activity-devices.single-device .plc-pin-container a.switch.digital-value,
.iotapp-plc-data-insights-and-alerts .plc-pin-container a.switch.digital-value {
	width: 25px;
}

.details-view .item-view .trigger .condition a.switch,
.sensor-alerts-form .sensor-alerts-body a.switch,
.plc-wireframe .plc-pin-container a.switch {
	background: #95daf4;
	border-color: #caecf9;
	color: #333;
}

.details-view .item-view .trigger .condition a.switch,
.details-view .item-view .trigger .condition a.signal.digital-only, 
.details-view .item-view .trigger .condition a.signal.analog-only,
.sensor-alerts-form .sensor-alerts-body a.switch,
.plc-wireframe .plc-pin-container a.switch,
.activity-devices.single-device.kosmos .rule-component .condition-component a.switch,
.activity-devices.all-devices .rule-component .condition-component a.switch {
	margin: 2px 4px 0 0;
	height: 18px;
	border:1px solid #caecf9;
	font-size: 10px;
	display: inline-block;
	font-weight: bold;
}

.activity-devices.single-device.kosmos .rule-component .condition-component a.switch:hover,
.activity-devices.single-device.kosmos .rule-component .condition-component a.switch:active,
.activity-devices.all-devices .rule-component .condition-component a.switch:hover,
.activity-devices.all-devices .rule-component .condition-component a.switch:active {
	border-color: #0882b6;
}

.activity-devices.single-device.kosmos .rule-component .condition-component a.switch:active,
.activity-devices.all-devices .rule-component .condition-component a.switch:active  {
	color: #0882b6;
	background-color: #0882b6;
	border-color: #0882b6;
}

.details-view .item-view .trigger .condition a.switch:hover,
.sensor-alerts-form .sensor-alerts-body a.switch:hover,
.plc-wireframe .plc-pin-container a.switch:hover {
	background: #2bb5e9;
	border-color: #95daf4;
	color: #333;
}

.details-view .item-view .trigger .condition a.switch:active,
.sensor-alerts-form .sensor-alerts-body a.switch:active,
.plc-wireframe .plc-pin-container a.switch:active {
	background: #2bb5e9;
	border-color: #95daf4;
	color: #333;
}

.activity-devices.single-device .sensor-alerts-body a.switch.digital-value .slider,
.iotapp-plc-data-insights-and-alerts .sensor-alerts-body a.switch.digital-value .slider,
.activity-devices.single-device .plc-pin-container a.switch.digital-value .slider,
.iotapp-plc-data-insights-and-alerts .plc-pin-container a.switch.digital-value .slider,
.activity-devices.single-device.kosmos .rule-component .condition-component a.switch.digital-value .slider,
.activity-devices.all-devices .rule-component .condition-component a.switch.digital-value .slider {
	width: 102px;
}

.activity-devices.single-device .sensor-alerts-body a.switch .slider,
.iotapp-plc-data-insights-and-alerts .sensor-alerts-body a.switch .slider,
.activity-devices.single-device .plc-pin-container a.switch.digital-value .slider,
.iotapp-plc-data-insights-and-alerts .plc-pin-container a.switch.digital-value .slider,
.activity-devices.single-device.kosmos .rule-component .condition-component a.switch.digital-value .slider,
.activity-devices.all-devices .rule-component .condition-component a.switch.digital-value .slider {
	height: 18px;
}

.activity-devices.single-device .sensor-alerts-body a.switch.digital-value span,
.iotapp-plc-data-insights-and-alerts .sensor-alerts-body a.switch.digital-value span,
.activity-devices.single-device .plc-pin-container a.switch.digital-value span,
.iotapp-plc-data-insights-and-alerts .plc-pin-container a.switch.digital-value span,
.activity-devices.single-device.kosmos .rule-component .condition-component a.switch.digital-value span,
.activity-devices.all-devices .rule-component .condition-component a.switch.digital-value span {
	width: 40px;
	height: 18px;
	line-height: 18px;
	padding: 0 3px;
	text-align: center;
}

#pin-selector .board .pins .callout .switch.unit-selector,
.activity-devices.single-device .plc-pin-container .switch.unit-select,
.iotapp-plc-data-insights-and-alerts .plc-pin-container .switch.unit-select {
	width: 33px;
	vertical-align: top;
	display: none;
	margin-left: 5px;
	margin-right: 0;
}

#pin-selector .board .pins .callout .switch .slider,
.activity-devices.single-device .plc-pin-container .switch .slider,
.iotapp-plc-data-insights-and-alerts .plc-pin-container .switch .slider {
	height: 18px;
}

.activity-devices.single-device .plc-pin-container .switch.unit-select.visible,
.iotapp-plc-data-insights-and-alerts .plc-pin-container .switch.unit-select.visible {
	display: inline-block;
	margin-top: 3px;
}

#pin-selector .board .pins .callout .switch.unit-selector span,
.activity-devices.single-device .plc-pin-container .switch.unit-select span,
.iotapp-plc-data-insights-and-alerts .plc-pin-container .switch.unit-select span {
	width: 19px;
}

#pin-selector .board .pins .callout .switch span,
.plc-pin-container .switch.unit-select span {
	height: 18px;
	line-height: 18px;
	padding: 0 3px;
	text-align: center;
}

#pin-selector .board .pins .callout .switch.unit-selector .slider,
.activity-devices.single-device .plc-pin-container .switch.unit-select .slider,
.iotapp-plc-data-insights-and-alerts .plc-pin-container .switch.unit-select .slider {
	width: 59px;
}

#pin-selector .board .pins .callout .switch.unit-selector .slider.second,
.activity-devices.single-device .plc-pin-container .switch.unit-select .slider.second,
.iotapp-plc-data-insights-and-alerts .plc-pin-container .switch.unit-select .slider.second {
	left: -25px;
}

/* Module tabs */

.module-tabs .module-tab {
	display: none;
	font-weight:normal; 
	border: 2px solid #caecf9;
	border-bottom: none;
	border-top-left-radius:6px; 
	border-top-right-radius:6px;
	padding: 5px 7px 5px 7px;
	margin-bottom: -1px;
	margin-right: 2px;
	height: 18px;
	word-wrap: normal;
	cursor: pointer;
	text-align: center;
	vertical-align: bottom;
	font-size: 12px;
	color: #2bb5e9;
}

.module-tabs .module-tab:hover {
	cursor: pointer;
}

.module-tabs .module-tab:not(.add):hover {
	color: #0882b6;
}

.module-tabs .module-tab:not(.add):hover .icon.close,
.activity-devices .bar-container .title.selected .device-registration-popup .module-tabs.removable .module-tab:not(.add):hover button.close  {
	visibility: visible;
}

.module-tabs .module-tab.visible {
	display: inline-block;
}

.module-tabs .module-tab.visible.selected {
	font-weight: bold;
	color: #333;
}

.module-tabs .module-tab .icon.close {
	display: none;
}

.module-tabs.removable .module-tab .icon.close,
.activity-devices .bar-container .title.selected .device-registration-popup .module-tabs.removable .module-tab button.close {
	position: relative;
	padding: 0;
	margin: 0 0 0 2px;
	width: 16px;
	height: 16px;
	background: url('/assets/button-close-tab-new.png') no-repeat;
	display: inline-block;
	visibility: hidden;
	background-size: 100%;
	vertical-align: -4px;
}

.activity-devices .bar-container .title.selected .device-registration-popup .module-tabs.removable .module-tab button.close {
	top: 0;
	right: 0;
}

.module-tabs.removable .module-tab .icon.close:hover,
.activity-devices .bar-container .title.selected .device-registration-popup .module-tabs.removable .module-tab button.close:hover {
	background-position: left -16px;
	cursor: pointer;
}

.module-tabs.removable .module-tab .icon.close:active,
.activity-devices .bar-container .title.selected .device-registration-popup .module-tabs.removable .module-tab button.close:active {
	background-position: left -32px;
	cursor: pointer;
}

.module-tabs .module-tab.add {
	position: relative;
}

.module-tabs .module-tab.add .add-icon {
	width: 16px;
	height: 16px;
	background: url('/assets/button-plus-new.png') no-repeat;
	background-size: 16px;
	margin-top: 2px;
}

.module-tabs .module-tab.add:hover .add-icon {
	background-position: left -20px;
}

.module-tabs .module-select,
#page.iot-applications .module-tabs .callout.module-select {
	width: 260px;
	border: 1px solid #95daf4;
	box-shadow: none;
	text-align: left;
	top: 35px;
	left: -7px;
	padding-bottom: 10px;
}

.module-tabs .module-select .head-callout.top {
	top: -1px;
	left: 25px;
	transform: rotate(90deg);
}

.module-tabs .module-select .head-callout.top .arrow-bg {
	border-right: 13px solid #fff;
	left: -12px;
}

.module-tabs .module-select {
	font-size: 12px;
}

.module-tabs .module-select ul {
	margin: 0;
	padding: 0;
}

.module-tabs .module-select ul li.module-option {
	list-style-type: none;
	font-weight: bold;
	background-image: url('/assets/button-add-sensor-actuator-new.png');
	background-position: 0 0;
	height: 16px;
	line-height: 18px;
	background-size: 16px;
	padding-left: 20px;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

.module-tabs .module-select ul li.module-option:hover {
	color: #0882b6;
	cursor: pointer;
	background-position: 0 -18px;
}

.module-tabs .module-select ul li.module-option.hidden {
	display: none;
}

.modules .module {
	display: none;
}

.modules .module.selected {
	display: block;
}

.plc-wireframe {
	background-image: url('plc-wireframe.png');
	background-size: 100%;
	width: 591px;
	height: 320px;
	position: relative;
	margin-bottom: 50px;
}

.plc-wireframe .plc-row {
	position: absolute;
}

.plc-wireframe .plc-row.top {
	top: 18px;
	left: 56px;
}

.plc-wireframe .plc-row.bottom {
	bottom: 14px;
	right: 56px;
}

.plc-wireframe .plc-pin-bank {
	display: inline-block;
}

.plc-wireframe .plc-pin {
	background-image: url('plc-circles.png');
	background-repeat: no-repeat;
	background-size: 30px;
	height: 30px;
	width: 30px;
	display: inline-block;
	background-position: left -2px top -32px;
	margin-right: -6px;
	position: relative;
	text-align: center;
}

.plc-wireframe .plc-pin-container.selected .plc-pin {
	background-position: left -2px top -92px;
}

.plc-wireframe .plc-pin-container.selected .plc-pin.set {
	background-position: left 2px top -122px;
}

.plc-wireframe .plc-pin-container:hover .plc-pin:not(.disabled):not(.selected) {
	cursor: pointer;
	background-position: left -2px top -92px;
}

.plc-wireframe .plc-pin-container:hover .plc-pin.set:not(.disabled):not(.selected) {
	cursor: pointer;
	background-position: left 2px top -122px;
}

.plc-wireframe .plc-pin-container:hover .plc-pin:not(.disabled):not(.selected) .plc-pin-label {
	color: #0882b6;
}

.plc-wireframe p.error {
    white-space: normal;
    color: #c00;
    display: none;
    margin-top: 5px;
}

.plc-wireframe p.error.visible {
	display: block;
}

.plc-wireframe .plc-pin.disabled {
	background-position: left -2px top -2px;
}

.plc-wireframe .plc-pin.disabled .plc-pin-label {
	display: none;
}

.plc-wireframe .plc-pin.selected {
	background-position: left -2px top -62px;
}

.plc-wireframe .plc-pin.selected .plc-pin-label {
	color: #42b5e9;
}

.plc-wireframe .plc-pin.set {
	transform: scaleX(-1);
	background-position: left 2px top -62px;
}

.plc-wireframe .plc-pin-container:hover .plc-pin.set:not(.disabled):not('.selected'),
.plc-wireframe .plc-pin-container.selected .plc-pin.set:not(.disabled) {
	background-position: left 2px top -122px;
}

.plc-wireframe .plc-pin.set .plc-pin-label {
	transform: scaleX(-1);
}

.plc-wireframe .plc-pin-label {
	position: absolute;
	font-weight: 300;
	color: #bbb;
}

.plc-wireframe .plc-pin .plc-pin-label {
	top: 45px;
	left: 0;
	right: 0;
}

.plc-wireframe .plc-pin-label {
	color: #999;
	top: 45px;
	left: 9px;
	font-size: 14px;
}

.plc-wireframe .plc-pin-bracket {
	position: absolute;
	top: 66px;
}

.plc-wireframe .plc-pin-bracket .plc-pin-label {
	top: 11px;
	left: 0;
}

.plc-wireframe .plc-pin-bracket.left {
	left: 165px;
}

.activity-devices .plc-wireframe .plc-pin-bracket.left {
	left: 162px;
}

.plc-wireframe .plc-pin-bracket.right {
	left: 432px;
}

.activity-devices .plc-wireframe .plc-pin-bracket.right {
	left: 425px;
}

.plc-wireframe .plc-pin-bracket .plc-pin-bracket-line {
	border: 1px solid #999;
	border-top: 0;
	height: 8px;
	position: absolute;
}

.plc-wireframe .plc-pin-bracket.left .plc-pin-bracket-line {
	width: 218px;
}

.plc-wireframe .plc-pin-bracket.right .plc-pin-bracket-line {
	width: 51px;
}

.plc-wireframe .spacer {
	display: inline-block;
	width: 14px;
}

.plc-wireframe .plc-pin-container {
	display: inline-block;
	position: relative;
}

.plc-wireframe .plc-pin-container .callout-container {
	position: absolute;
	top: 27px;
	left: -4px;
	display: none;
}

.plc-wireframe .plc-pin-bank.right .plc-pin-container .callout-container {
	left: -170px;
}

.plc-wireframe .plc-pin-container .callout-container .hover-container {
	padding-right: 13px;
}

.plc-wireframe .plc-pin-container .callout,
#page.iot-applications .plc-wireframe .plc-pin-container .callout {
	font-size: 12px;
	border: 1px solid #95daf4;
	box-shadow: none;
	display: block;
	text-align: left;
	position: relative;
	top: 13px;
	padding: 10px;
	width: auto;
}

.plc-wireframe .plc-pin-container .callout .head-callout {
	top: -14px;
}

.plc-wireframe .plc-pin-bank.right .plc-pin-container .callout .head-callout {
	right: 22px;
}

.plc-wireframe .plc-pin-container .callout .head-callout .arrow-callout.line-up-left {
	left: 6px;
}

.plc-wireframe .plc-pin-container .callout .head-callout .arrow-callout.line-up-right {
	left: 7px;
}

.plc-wireframe .plc-pin-container .callout .head-callout .arrow-bg {
	left: -2px;
	top: -7px;
}

.plc-wireframe .plc-pin-container .callout .callout-step {
	display: none;
}

.plc-wireframe .plc-pin-container .callout .callout-step.sensor-type {
	display: block;
}

.plc-wireframe .plc-pin-container .callout ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.plc-wireframe .plc-pin-container .callout ul.sensor-type li.option-label-only {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin-bottom: 6px;
	pointer-events: none;
}

.plc-wireframe .plc-pin-container .callout ul.sensor-type li {
	padding: 2px 0;
	width: 178px;
}

.plc-wireframe .plc-pin-container .callout ul.sensor-type li > * {
	vertical-align: -5px;
}

.plc-wireframe .plc-pin-container .callout ul.sensor-type li .transducer-icon {
	background: url('/assets/icons-sensors-sparklines-and-setup.png') no-repeat;
	background-size: 160px 80px;
	height: 20px;
	width: 20px;
	display: inline-block;
	margin-right: 5px;
}

.plc-wireframe .plc-pin-container .callout ul.sensor-type li .transducer-icon[data-medium="Motion"] { background-position: 0px 0px; }
.plc-wireframe .plc-pin-container .callout ul.sensor-type li:hover .transducer-icon[data-medium="Motion"] { background-position: 0px -40px; }

.plc-wireframe .plc-pin-container .callout ul.sensor-type li .transducer-icon[data-medium="Temperature"] { background-position: -20px 0px; }
.plc-wireframe .plc-pin-container .callout ul.sensor-type li:hover .transducer-icon[data-medium="Temperature"] { background-position: -20px -40px; }

.plc-wireframe .plc-pin-container .callout ul.sensor-type li .transducer-icon[data-medium="Liquid Level Switch"] { background-position: -40px 0px; }
.plc-wireframe .plc-pin-container .callout ul.sensor-type li:hover .transducer-icon[data-medium="Liquid Level Switch"] { background-position: -40px -40px; }

.plc-wireframe .plc-pin-container .callout ul.sensor-type li .transducer-icon[data-medium="Distance"] { background-position: -60px 0px; }
.plc-wireframe .plc-pin-container .callout ul.sensor-type li:hover .transducer-icon[data-medium="Distance"] { background-position: -60px -40px; }

.plc-wireframe .plc-pin-container .callout ul.sensor-type li .transducer-icon[data-medium="Light"] { background-position: -80px 0px; }
.plc-wireframe .plc-pin-container .callout ul.sensor-type li:hover .transducer-icon[data-medium="Light"] { background-position: -80px -40px; }

.plc-wireframe .plc-pin-container .callout ul.sensor-type li .transducer-icon[data-medium="Gas"] { background-position: -100px 0px; }
.plc-wireframe .plc-pin-container .callout ul.sensor-type li:hover .transducer-icon[data-medium="Gas"] { background-position: -100px -40px; }

.plc-wireframe .plc-pin-container .callout ul.sensor-type li .transducer-icon[data-medium="Pressure"] { background-position: -120px 0px; }
.plc-wireframe .plc-pin-container .callout ul.sensor-type li:hover .transducer-icon[data-medium="Pressure"] { background-position: -120px -40px; }

.plc-wireframe .plc-pin-container .callout ul.sensor-type li .transducer-icon[data-medium="Other"] { background-position: -140px 0px; }
.plc-wireframe .plc-pin-container .callout ul.sensor-type li:hover .transducer-icon[data-medium="Other"] { background-position: -140px -40px; }

.plc-wireframe .plc-pin-container .callout ul.sensor-type li:hover {
	color: #0882b6;
	background-color: #e4f5fc;
	cursor: pointer;
}

.plc-wireframe .plc-pin-container .callout .transducer-header {
	color: #aaa;
	padding: 10px 10px 0 10px;
}

.plc-wireframe .plc-pin-container .callout .transducer-header {
	padding: 0 0 10px 0;
	width: 168px;
}

.plc-wireframe .plc-pin-container .callout .medium {
	font-weight: bold;
}

.plc-wireframe .plc-pin-container .callout .direction {
	font-size: 10px;
}

.plc-wireframe .plc-pin-container .callout select.voltage-selector {
	width: 176px;
}

.plc-wireframe .plc-pin-container .callout .buttons {
	text-align: right;
	margin-top: 10px;
}

.plc-wireframe .plc-pin-container .callout .buttons .button {
	font-size: 10px;
	border-radius: 10px;
	padding: 2px 10px;
}

.plc-wireframe .plc-pin-container .callout .buttons .button + .button {
	margin-left: 3px;
}

.plc-wireframe .plc-pin-container .callout .signal.digital-only,
.plc-wireframe .plc-pin-container .callout .signal.analog-only {
	width: 48px;
	text-align: center;
	overflow: hidden;
	text-transform: uppercase;
	color: #333;
	border:1px solid #333;
	height: 18px;
	line-height: 18px;
	padding: 0 3px;
	cursor: default;
	position: absolute;
	right: 9px;
	top: 11px;
	margin: -1px 1px 0 0;
}

@media screen and (min-width:0\0) { 
.plc-wireframe .plc-pin-container .callout .signal.digital-only,
.plc-wireframe .plc-pin-container .callout .signal.analog-only {
	line-height: 20px;
}
}

.plc-wireframe .plc-pin-container .callout input[name="transducer-name"],
.activity-devices .bar-container .title.selected .plc-wireframe .plc-pin-container .callout input[name="transducer-name"] {
	width: 168px;
	margin-bottom: 15px;
	padding: 4px;
}

.plc-wireframe .plc-pin-container .callout input.unit-select-displayed[name="transducer-name"],
.activity-devices .bar-container .title.selected .plc-wireframe .plc-pin-container .callout input.unit-select-displayed[name="transducer-name"] {
	display: inline-block;
	width: 124px;
}

.activity-devices .bar-container .title.selected .plc-wireframe .plc-pin-container .callout input {
	height: auto;
}

.plc-wireframe .plc-pin-container .callout select.unit-select,
.plc-wireframe .plc-pin-container .callout select.frequency-select {
	width: 176px;
}

.plc-wireframe .plc-pin-container .callout select.unit-select {
	display: none;
}

.plc-wireframe .plc-pin-container .callout .selectBox.unit-select,
.plc-wireframe .plc-pin-container .callout .bounds {
	margin-bottom: 15px;
}

.plc-wireframe .plc-pin-container .callout .selectBox.frequency-select {
	margin-bottom: 5px;
}

.plc-wireframe .plc-pin-container .callout .bounds input, 
.activity-devices .bar-container .title.selected .plc-wireframe .plc-pin-container .callout .bounds input {
	width: 50px;
}

.plc-wireframe .plc-pin-container .callout .label {
	margin-bottom: 5px;
}

.plc-wireframe .plc-pin-container .callout .bounds .dash {
	margin: 0 2px;
}

.plc-wireframe .plc-pin-container .callout .bounds .unit {
	margin-left: 5px;
}

.plc-wireframe .plc-pin-container .callout .variable-name,
.activity .activity-devices .bar-container .title.selected .plc-wireframe .plc-pin-container .callout .variable-name.elided {
	background-color: #eee;
	padding: 4px 6px;
	width: 166px;
}

.plc-wireframe .plc-pin-container .callout .menu,
#page.iot-applications .plc-wireframe .plc-pin-container .callout .menu {
	background: url('/assets/pin-button-callouts.png') no-repeat;
	margin-right: 10px;
	font-weight: bold;
	color: #2bb5e9;
	padding-left: 15px;
	line-height: 12px;
	display: inline-block;
}

.plc-wireframe .plc-pin-container .callout .menu:last-child,
#page.iot-applications .plc-wireframe .plc-pin-container .callout .menu:last-child {
	margin-right: 0;
}

.plc-wireframe .plc-pin-container .callout .menu:hover, 
#page.iot-applications .plc-wireframe .plc-pin-container .callout .menu:hover {
	color: #0882b6;
	cursor: pointer;
}

.plc-wireframe .plc-pin-container .callout .menu.edit,
#page.iot-applications .plc-wireframe .plc-pin-container .callout .menu.edit {
	background-position: left -24px;
}

.plc-wireframe .plc-pin-container .callout .menu.edit:hover,
#page.iot-applications .plc-wireframe .plc-pin-container .callout .menu.edit:hover {
	background-position: left -36px;
}

.plc-wireframe .plc-pin-container .callout .menu.off,
#page.iot-applications .plc-wireframe .plc-pin-container .callout .menu.off {
	background-position: left -48px;
}

.plc-wireframe .plc-pin-container .callout .menu.off:hover,
#page.iot-applications .plc-wireframe .plc-pin-container .callout .menu.off:hover {
	background-position: left -60px;
}

.input-module-container {
	margin-bottom: 20px;
	white-space: nowrap;
}

.input-module-input {
	display: inline-block;
	margin-right: 9px;
}

.input-module-input input.input-start-address {
	width: 21px;
}

.input-module-container label {
	text-transform: none;
	font-size: 14px;
	line-height: 24px;
	font-size: 14px;
	vertical-align: middle;
	position: relative;
	display: inline-block;
	margin: 0;
}

/* Input alerts */

#page-iotapplications-index-iotapp-plc-data-insights-and-alerts .input-alert,
.activity.plc .input-alert {
	font-size: 12px;
	color: #ff1700;
	margin-top: -5px;
	display: none;
}

#page.iot-applications .input-alert#gateway-name-alert {
	position: absolute;
}

#page-iotapplications-index-iotapp-plc-data-insights-and-alerts .input-alert.visible,
.activity.plc .input-alert.visible {
	display: block;
}

#page-iotapplications-index-iotapp-plc-data-insights-and-alerts .input-alert.multi-device {
	text-align: center;
	margin-top: 10px;
}

#page.iot-applications .input-alert#gateway-creation-alert {
	text-align: center;
	width: 626px;
}

#page.iot-applications .input-alert.start-address-alert,
.activity.plc .input-alert.start-address-alert,
#page.iot-applications .input-alert.start-address-interval-alert,
.activity.plc .input-alert.start-address-interval-alert {
	margin-top: 10px;
}

.editable-link {
	font-weight: bold;
	font-size: 30px;
	display: block;
}

.editable-link .prod-warning {
	color: #ff1700;
}

/* Toggle switch */

.toggle-switch {
	height: 20px;
	cursor: pointer;
	display: inline-block;	
	border: 1px solid #0c0;
	border-radius: 12px;	
	width:34px;	
	padding: 2px 8px;	
	background-color:#fff;	
	position: relative;
	vertical-align: top;
}

.toggle-switch:hover {
	border-color: #0b0;
}

.toggle-switch .toggle-knob {
	position: absolute;	
	width: 16px;
	height: 16px;
	border-radius: 24px;
	background-color: #fff;
	border: 1px solid #0c0;
	transition: margin-left 0.2s linear;
	top: 0px;
	left: -1px;
}

.toggle-switch:hover .toggle-knob {
	border-color: #0b0;
}

.toggle-switch.on {
	background-color: #0c0;
}

.toggle-switch.on:hover {
	background-color: #0b0;
}

.toggle-switch.on .toggle-knob {
	margin-left: 16px;	
	background-color: #fff;	
	transition: margin-left 0.2s linear;
}

.toggle-switch.disabled {
	pointer-events: none;
}

/* Jobs Page */
body#page-jobs-job-jobs-frontend-engineer {
	max-width: 1100px;
	min-width: 0!important;
}

.jobs-hidden-attributes {
	display: none;
}

/* Daily breather signup */
body#page-dailybreather-index {
	margin-top: 0;
}