/**
 * Fonts
 */
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
	   url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('../fonts/roboto-v18-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'),
	   url('../fonts/roboto-slab-v7-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('../fonts/roboto-slab-v7-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/**
 * Bootstrap Pure
 */
.pure-g [class*="pure-u"] {
	font-family: Europa, Helvetica, Arial, sans-serif;
}
.pure-g > div {
	box-sizing: border-box;
}
.l-box {
	padding: .5em;
}
.pure-form select {
	height: 2em;
}
.pure-form input[type="password"], .pure-form input[type="email"], .pure-form input[type="url"], .pure-form input[type="date"], .pure-form input[type="month"], .pure-form input[type="time"], .pure-form input[type="datetime"], .pure-form input[type="datetime-local"], .pure-form input[type="week"], .pure-form input[type="tel"], .pure-form input[type="color"], .pure-form input[type="number"], .pure-form input[type="search"], .pure-form input[type="text"], .pure-form select, .pure-form textarea {
	padding: .4em .5em;
	box-shadow: none;
}
.pure-button-hover, .pure-button:focus, .pure-button:hover {
	background-image: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.4))
}

textarea, input, select {
	color:#333;
}
code {
	/*color:#a96cff; /*purple*/
	/*color:#6caba9; /*light blue*/
	color: #c7254e; /*red*/
	font-size: 1em;
	font-family: "Courier New",Menlo,Monaco,Consolas,monospace;
	/* padding: 1px 4px; */
	/* color: #525252; /*gray*/
	/* margin-bottom: 10px; */
	display: inline-block;
	max-width: 100%;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	/* background-color: #181818; /*#f9f2f4; white*/
	/* border-radius: 4px; */
}
pre code {
	border: 1px solid #e3e3e3;
}

/* BUTTONS */
.inline-button {
	padding: .2em .3em;
}
.inline-button:hover,.inline-button:focus {
	background-image: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
}

.pure-button:hover,.inline-button:hover {
	text-decoration: none !important;
}

.pure-button,.inline-button {
	color:rgba(0,0,0,.8) !important;
	border-radius:2px;
}

.button-primary,
.button-success,
.button-error,
.button-warning,
.button-secondary,
.button-admin {
	color: #fff !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.button-clear {
	
}
.button-primary {
	background-color:#0063BF;
}
.button-success {
	background: rgb(28, 184, 65); /* green */
}
.button-error {
	background: rgb(202, 60, 60); /* maroon */
}
.button-warning {
	background: rgb(223, 117, 20); /* orange */
}
.button-secondary {
	background: rgb(66, 184, 221); /* light blue */
}
.button-admin {
	background-color:#8000E7; /* purple */
}


.button-xsmall {
	font-size: 70%;
	padding: .2em .7em;
}

.button-small {
	font-size: 85%;
}

.button-large {
	font-size: 110%;
}

.button-xlarge {
	font-size: 125%;
}

/* TEXT */
.text-primary {
	color:#0078E7;
}
.text-success {
	color:rgb(28, 184, 65); /* green */
}
.text-error {
	color:rgb(202, 60, 60); /* maroon */
}
.text-warning {
	color:rgb(223, 117, 20); /* orange */
}
.text-secondary {
	color:rgb(66, 184, 221); /* light blue */
}
.text-admin {
	color:#8000E7; /* purple */
}

/* Golden */
.golden {
	color:#c49a6c;
}
.orange {
	color: #C18701;/*#EAC263;*/
}

/**
 * basic styles
 */
a:link, #content a:visited {
	/*color:#2a985e;#AA4141;*/
	color: #005d66;
}
#content a:link {
	/*text-decoration:none;*/
}
#content a:hover {
	/*color: #50FFA5;*/
	/*text-decoration:underline;*/
	color: #006f79;
}
#content a:visited {
	/* text-decoration:underline; */
}

.highlight-link {
	color: #c15b00 !important;
}

.text-explanation {
	color: #000;
	font-style: italic;
	font-size:95%;
	padding-left:1em;
}
.text-minor-heading {
	text-transform:uppercase;
	font-size:80%;
}
.manage-left {
	padding-left:1.5em;
}
.user-tree ul {
	margin-left: 0.2em;
}
.user-tree li {
	margin: 0;
	padding: 0 1.1em;
	position: relative;
}
.user-tree, .user-tree ul {
	margin: 0 0 0 0.2em;
	padding: 0;
	list-style: none;
	position: relative;
}
.user-tree::before, .user-tree ul::before {
	border-left: 1px solid #444;
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	top: 0;
	width: 0;
}
.user-tree li::before {
	border-top: 1px solid #444;
	content: "";
	display: block;
	height: 0;
	left: 0;
	margin-top: -2px;
	position: absolute;
	top: 0.8em;
	width: 8px;
}
.user-tree li:last-child::before {
	background-color: #fff;
	border-left: 0;
	bottom: 0;
	height: auto;
}


/**
 * Layout Building Blocks
 */
 
body,html {
	background-color: #fff;
	height: 100%;
	font-family: Europa, Helvetica, Arial, sans-serif;
}

#grid {
	min-height:100%;
	height: auto !important;
	margin: 0 auto -2em;
}

#content-box {
	max-width: 900px;
	margin: 0 auto;
}

#content-box.wide-box {
	max-width: 1900px;
	width: 97%;
}

#content {
	color: #2d2d2d;
}

#footer {
	text-align:center;
}

#footer, #push {
	height:2em;
}


.warning-banner {
	padding:1em;
	/*background-color:#222d2d;
	border:1px solid #141b1b;*/
	background-color: #c3f9f9;
	border: 1px solid #afecec;
	border-radius:.2em;
	text-align:center;
}

/**
 * Content styling
 */
	/* profile/avatar */
	#logged-profile {
		height:2em;
	}
	#logged-avatar {
		height:2em;
		border-radius:2px;
		vertical-align:middle;
	}
	/* profiles everywhere */
	.profile-images {
		background-size:100% auto;
		background-repeat:no-repeat;
		background-position:top center;
		margin-bottom:20px;
	}
	.profile-avatar {
		margin-left:20px;
		margin-top:20px;
		min-width:150px;
		max-width:200px;
		width:17%;
		min-height:150px;
		max-height:200px;
		height:17%;
	}
	/* client area */
	.dev-client {
		margin:.5em 0;
	}
	/* oauth */
	.auth-client {
		margin-top:1em;
	}
	.auth-client-detail {
		border-radius: 3px;
		padding: 2px 1em;
		/*box-shadow: 0 0 2px #181818;*/
		background-color: rgb(243, 255, 255);
	}
	/* client display */
	dt {
		color: #444;
	}
	.client-link, .client-link:visited {
		color:#897A7A !important;
	}
	h4.client-header {
		margin-bottom:0;
		margin-top:0;
	}
	.client-short-desc {
		margin-left:1em;
		font-style:italic;
		font-size:90%;
		max-width:80%;
		color: #000;
	}
	.client-desc-header {
		font-size:120%;
		color:#7a7a7a !important;
		font-family:Bookman Old Style,Optima,Sabon,Futura Condensed,Garamond,sans-serif;
		margin-bottom:0;
	}
	.client-details {
		margin-right: 1em;
		padding: 0 .5em;
		border-radius: 4px;
		background-color: #ebffff;
		border: 1px solid #dcf4f4;
	}
	.client-details-header {
		text-transform:uppercase;
		font-family:Bookman Old Style,Optima,Sabon,Futura Condensed,Garamond,sans-serif;
		font-weight:bold;
	}
	.client-desc-body {
		margin:1em 2em 2em 2em;
	}
	.client-logo {
		float:left;
		margin-right:1em;
		margin-bottom:1em;
		border-radius:3px;
	}
	.client-image {
		overflow:hidden;
		min-height:150px;
		background-size: contain !important;
		background-repeat: no-repeat !important;
	}
	.lightbox-zoom {
		display:inline !important;
	}
	/* app listings */
	.client-listing {
		margin-bottom:1em;
		clear:left;
		min-height: 100px;
	}
	/* frontpage */
	#phone-mock {
		width:100%;
		max-height:480px;
		max-width:242px;
		margin-right:1em;
	}
	#phone-mock-container {
		text-align:right;
	}
	#frontpage-explanation {
		padding-top:3em;
	}
	/* security activity */
	.activity-yellow {
		color: #826d00;
	}
	.activity-green {
		color: green;
	}
	.activity-gray {
		color: #444;
	}


@media screen and (max-width:35.5em) {
	.profile-images { background-size: auto 140px; }
	.profile-avatar { width:150px; height:150px; }
	#phone-mock {
		max-width:101px;
		margin-right:0;
	}
	#phone-mock-container {
		text-align:center;
		padding-top:3em;
		float:left;
	}
	#frontpage-explanation {
		padding-top:0;
		margin-left:130px;
	}
	#frontpage-explanation .pure-button {
		white-space:pre-line;
	}
}


/**
 * Nav styling
 */
#hd {
	/*margin-left: 3%;*/
	display: inline-block;
	vertical-align: middle;
}
 
#header a, #header a:visited {
	/*color:#21FFEC;*/
	/*text-shadow: 1px 1px 0 #222;*/
	/*text-decoration:none;*/
	color: #007984;
}
#header a:hover {
	/*color: #4FFFA4;*/
	color: #00c6d9;
}
#header .active-link {
	/*text-shadow: 2px 2px 0 #0D332E; /*4FFFA4*/
	/* border-bottom:1px solid #333; */
}
#menu {
	display: block;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	padding: 1em 0;
	/*text-align: center;*/
}

#footer a, #footer a:visited {
	font-size: 80%;
	color: #444;
}
#footer a:hover {
	color: #000;
}
#footer .nav li {
	font-size:.8em;
}




ul {
   list-style-type:none;
   padding:0;
}
ul.revert {
	list-style-type: inherit;
	padding: revert;
}
.nav {
	font-size:1.2em;
	margin:0;
	color:#008c99;
	display:inline;
}
.nav li {
	display:inline;
	margin:.3em;
	/* display:none; */
}
.nav li a {
	padding:.4em;
	/*text-decoration:none;*/
	white-space:nowrap;
}



/**
 * Account nav
 */
#account-nav a {
	padding:.1em;
	display:block;
}



/**
 * Documentation
 */

#docs,.backplate {
	border-radius:.2em;
	padding:.5em;
	/*background-color:#1c2020;
	box-shadow:0 0 2px #181818;*/
	/*background-color: #e0ffff;*/
	/*box-shadow: 0 0 2px #cecece;*/
}

h2 {
	/*margin-top: 2em;*/
}
 
#doc-menu ul {
	margin-left:1em;
}

#doc-menu .active {
	color: #008c99 !important;
	text-decoration: underline solid black;
}

#doc-menu .major {
	margin-top: 1em;
}

#docs .leftpad {
	padding-left:2.5em;
}
h1,h2,h3,h4 {
	font-family: 'Roboto Slab', serif;
}
#docs h1,#docs h2,#docs h3,#docs h4,#docs h5 { /* github-ize */
	/*border-bottom-color: rgb(35, 43, 54);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	box-sizing: border-box;*/
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 600;
	margin-bottom: 16px;
	overflow-wrap: break-word;
	padding-bottom: 0.3em;
	line-height: 1.25;
	margin-top: 2em;
}
#docs h1 {
	font-size: 1.8em;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	overflow-wrap: break-word;
}
#docs h2 {
	font-size: 1.5em;
	margin-top: 44px;
}
#docs h3 {
	font-size: 1.3em;
	color: #222;
}
#docs h4 {
	font-size: 0.875em;
}
#docs .example-code {
	color: #000;
	background-color: #e3e3e3;
	margin-bottom:0;
	padding:.5em;
}
#docs .example-code + pre {
	margin-top:0;
}
#docs ul {
	padding-left:45px;
	list-style-type:square;
}
.hhighlight .method {
	color:#fff !important;
	border:1px solid #a1a1a1;
}

#docs table {
	border: 1px solid;
	max-width: 100%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
}
#docs table th, #docs table td {
	padding: 8px;
	line-height: 22px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid;
	border-right: 1px solid;
	background-color: #D6E8E8;
	/* color:#000; */
}
#docs table th {
	font-weight: bold;
}
#docs table tbody > tr:nth-child(2n+1) > td, #docs table tbody > tr:nth-child(2n+1) > th {
	background-color: #ECF7F7;
}
#docs table, #docs table td, #docs table th {
	border-color: #A4CECE;
}
/*#docs .paraph a {
	visibility:hidden;
}
#docs h2.paraph:hover a,#docs h3.paraph:hover a {
	visibility:visible;
}*/


.object {
	font-size:10pt;
	white-space:pre;
	overflow:auto;
}

.method,.endpoint-meta {
	color: #fff;
	padding: 1px 2px;
	border-radius: 3px;
	/*border:1px solid #1c2020;*/
	font-weight: bold;
	line-height: 14px;
	vertical-align: baseline;
	white-space: nowrap;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	font-family:Helvetica,Arial,sans-serif;
}
.endpoint-meta {
	font-size: 12px;
	padding:2px 3px;
	background: #000;
	color: #fff;
}
.method-get {
	background-color:#16489F;
}
.method-post {
	background-color:#185718;
}
.method-put {
	background-color:#918422;
}
.method-patch {
	background-color:#545454;
}
.method-delete {
	background-color:#9e2626;
}

.call-param {
	color:orange;
}

.button-api-call {
	padding: .3em .5em;
}

#docs .note {
	font-style:italic;
	/* margin-left:30px;
	padding:4px;
	border-radius:3px;
	border:1px solid #2B3030;
	background-color:#171919; */
}

#submenu-toggle,#submenu-toggle-button {
	display:none;
}

@media (max-width: 580px) {
	#docs .leftpad {
		padding-left:1em;
	}
	#doc-menu {
		height:0;
		overflow:hidden;
	}
	#submenu-toggle-button {
		display:inline;
		cursor:pointer;
	}
	#submenu-toggle:checked + #doc-menu {
		height:100%;
		overflow:auto;
	}
	.nav li {
		margin:0 auto;
	}
	.nav li a {
		padding:0;
	}
	.hidden-when-small {
		display:none !important;
	}
	#menu {
		text-align: center;
	}
	#menu a {
		font-size:1em;
		padding:.5em .2em;
	}
	#hd img {
		height: 2em;
		width: auto;
	}
	.user-tree li:last-child::before {
		background-color: #1B1E1E;
	}
}


/* Feedback */
#feedback-box {
	position:fixed;
	top:10%;
	left:10%;
	right:10%;
	margin:0 auto;
	z-index:999999999;
	opacity:.95;
	border-radius:5px;
	box-shadow:0 0 2px #111;
	background-color: #10191a;
	max-width:800px;
}
.feedback-item {
	background-color: #10191a;
	border-radius:5px;
	color: #ffbd86;
	width:auto;
}
.feedback {
	padding:.7em;
}
.feedback a {
	color:#fffbfb;
}
.feedback-error {
	color: #fff;
	background-color:#420000;
}
.feedback-warning {
	background-color:#241b13;
}
.feedback-close {
	/* text-align:right; */
	float:right;
}
.hidden {
	display:none;
}


/**
 * Updates page
 */
.news-item {
	color: #444;
	margin-bottom: 6em;
}
.news-item h4 {
	color: #222;
}
.news-item ul {
   list-style:inside;
   padding-left:1em;
   padding-top:.2em;
   padding-bottom:.2em;
}


/**
 * Wall of faces page
 */
#wall-of-faces {
	display: flex;
	flex-wrap: wrap;
}
.faces img {
	margin: .7em;
	max-height: 170px;
}


/**
 * Invites page
 */
.invite-note {
	display:inline !important;
	width:100%;
	box-shadow:none !important;
	padding:.1em !important;
	border:0 !important;
	background-color: #d4ffff;
}


/**
 * Security page
 */



.hljs{display:block;overflow-x:auto;padding:.5em;color:#383a42;background:#fafafa}.hljs-comment,.hljs-quote{color:#a0a1a7;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#a626a4}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e45649}.hljs-literal{color:#0184bb}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta-string{color:#50a14f}.hljs-built_in,.hljs-class .hljs-title{color:#c18401}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#986801}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#4078f2}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}.hljs-link{text-decoration:underline}


@media (prefers-color-scheme: dark) {
	body, html {
		background-color: #1B1E1E;
	}

	dt {
		color: #666;
	}

	#content {
		color: #ddd;
	}

	#content a:hover {
		color: #50FFA5;
	}

	.warning-banner {
		background-color: #222d2d;
		border: 1px solid #141b1b;
	}

	#footer a, #footer a:visited {
		color: #bbb;
	}
	#footer a:hover {
		color: #eee;
	}

	#docs, .backplate {
		background-color: #1c2020;
		box-shadow: 0 0 2px #181818;
	}

	a:link, #content a:visited {
		color: #2a985e;
	}

	.orange {
		color: #FFCE5C;
	}

	/* security activity */
	.activity-yellow {
		color: #e2f370;
	}
	.activity-green {
		color: #93f370;
	}
	.activity-gray {
		color: #444;
	}

	/* invitation map */
	.highlight-link {
		color: #c5c060 !important;
	}

	/* invites */
	.invite-note {
		background-color: #273333;
		color: #edffff;
	}

	/* updates */
	.news-item {
		color: #aaa;
	}
	.news-item h4 {
		color: #fff;
	}

	/* security authorized */
	.auth-client-detail {
		background-color: rgb(27, 30, 30);
	}

	/* app pages */
	.client-details {
		background-color: #1e2323;
		border: 1px solid #1b1e1e;
	}
	.client-details-header {
		color: #7e7e7e;
	}
	.client-short-desc {
		color: #ccc;
	}

	/* documentation */
	#docs h1,#docs h2,#docs h3,#docs h4,#docs h5 {
		color: #fff;
	}

	#doc-menu .active {
		color: #b2ffce !important;
	}

	code {
		color: #6caba9;
	}

	pre code {
		border: 1px solid rgb(24, 24, 24);
	}

	.text-explanation {
		color: silver;
	}

	#docs .example-code {
		background-color: #181818;
		color: #fff;
	}

	.endpoint-meta {
		background: #fff;
		color: #000;
	}

	#docs table {
		border: 1px solid #2B3030;
	}
	#docs th {
		background-color: #171919;
	}
	#docs table td, #docs table th {
		border-right: 1px solid #2B3030;
	}
	#docs table th, #docs table td {
		border-top: 1px solid #2B3030;
		background-color: #1B1E1E;
	}
	#docs table tbody > tr:nth-child(2n+1) > td, #docs table tbody > tr:nth-child(2n+1) > th {
		background-color: #171919;
	}

	.hljs{display:block;overflow-x:auto;padding:.5em;color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta-string{color:#98c379}.hljs-built_in,.hljs-class .hljs-title{color:#e6c07b}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}.hljs-link{text-decoration:underline}
}