i.varname {
	background: #eee;
	font-family: monospace;
	font-style: normal;
}

span.down {
	background: #CD2026;
	color: white;
	padding: 0 0.5ex;
	font-size: 70%;
	border-radius: 5px;
	cursor: help;
}

span.availability-status-message {
	display: block;
	word-wrap: anywhere;
	max-width: 30rem;
	overflow: hidden;
	font-size: 90%;
	color: #666;
}

#panel-endpoints {
	.pk-information.documentation {
		margin-top: 0;
	}
}

div#panel-queries ul {
	padding-left: 0;
}

div#logs, div#panel-logs {
	table th,
	table td.timestamp {
		white-space: nowrap;
	}

	table td.message {
		text-align: left;
	}

	table tr.level-debug {
		color: #666;
	}
}

div#logs, div#panel-logs, div#jobs, div#panel-jobs {
	table tr.error,
	table tr.level-warning,
	table tr.level-error,
	table tr.level-critical {
		color: #c33;
	}

	table tr.error,
	table tr.level-error,
	table tr.level-critical {
		font-weight: bold;
	}
}

select#id_msg_class { max-width: 30em; }

.connector.is-open a {
	color: #088a08;
}

li span.connector-name {
	display: block;
	position: absolute;
	top: 5em;
	width: 100%;
}

li span.connector-details {
	display: block;
	font-size: 80%;
	color: #576b6b;
	position: absolute;
	bottom: 2ex;
	width: 100%;
}

li span.connector-details .connector-open {
	color: #088a08;
	font-weight: bold;
}

ul.connectors {
	clear: both;
}

ul.connectors li {
	margin-bottom: 2ex;
	width: 22em;
	float: left;
	clear: none;
	height: 10em;
	margin-right: 1em;
	line-height: 1.2em;
	position: relative;
}

ul.connectors.add-connector li {
	height: 7em;
}

ul.objects-list.single-links.connectors li a {
	padding: 0.5ex 0;
	text-align: center;
	height: 100%;
}

li.connector a::before {
	font-family: FontAwesome;
	display: block;
	margin: 1ex auto 0 auto;
	font-size: 3em;
	box-sizing: border-box;
	text-align: center;
	width: 3em;
	content: "\f1e6"; /* plug */
}

li.connector.jsondatastore a::before {
	content: "\f1c0"; /* database */
}

li.connector.csvdatasource a::before {
	content: "\f0ce"; /* table */
}

li.connector.gdc a::before,
li.connector.encombrantsmanagement a::before {
	content: "\f1f8"; /* trash */
}

li.connector.feed a::before {
	content: "\f09e"; /* rss */
}

li.connector.geographic-information-system a::before {
	content: "\f041"; /* map-marker */
}

li.connector.okina a::before {
	content: "\f207"; /* bus */
}

li.connector.fakefamily a::before,
li.connector.genericfamily a::before,
li.connector.maelis a::before,
li.connector.teamnetaxel a::before {
	content: "\f0c0"; /* users */
}

li.connector.sms-providers a::before {
	content: "\f27b"; /* commenting-o */
}

li.connector.telephony a::before {
	content: "\f095"; /* phone */
}

li.connector.stubinvoicesconnector a::before {
	content: "\f0d6"; /* money */
}

li.connector.airquality a::before {
	content: "\f0c2"; /* cloud */
}

li.connector.transport a::before {
	content: "\f239"; /* subway */
}

li.connector.clicrdv a::before {
	content: "\f073"; /* calendar */
}

li.connector.file-storage a::before {
	content: "\f15b"; /* file */
}

li.connector.isereens a::before {
	content: "\f18c"; /* pagelines */
}

li.connector.apiparticulier a::before {
	content: "\f2c3";  /* id-card-o */
}

li.connector.apientreprise a::before {
	content: "\f1ad";  /* fa-building-o */
}

li.connector.dpark a::before {
	content: "\f1b9";  /* car */
}

li.connector.cryptor a::before {
	content: "\f023";  /* lock */
}

li.connector.plonerestapi a::before {
	content: "\f1c0"; /* database */
}

li.connector.opendatasoft a::before {
	content: "\f1c0"; /* database */
}


li.connector.status-down span.connector-name::after {
	font-family: FontAwesome;
	content: "\f00d"; /* times */
	color: #CD2026;
	padding-left: 1ex;
	margin-left: 1ex;
	border-left: 1px solid #003388;
}

.log-dialog table td {
        vertical-align: top;
}
.expression-widget input {
	width: 100%;
}
.variable-widget select {
	width: 100%;
}

.sftp-widget {
	margin-left: 1rem;
}

.sftp-widget label {
	display: block;
}

ul li .type {
    color: grey;
    font-style: italic;
}

@media screen and (max-width: 760px) {
	.example-url {
		margin: 0 7em 0 0.75em;
		display: inline-block;
	}
}

ul.get-params {
	padding: 0.5em 0 0 1em;
}

ul.get-params li {
	margin: 0;
}

.endpoints {
	margin: 0;
	padding: 0;
}

.endpoints li {
	list-style-type: none;
}

.endpoints > li {
	margin: 0 0 0.75em 0;
	position: relative;
	min-height: 2em;
	div.toggler {
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer;
		&::before {
			position: absolute;
			content: "\f107"; /* angle-down */
			font-family: FontAwesome;
			cursor: pointer;
			right: 6.5rem;
			line-height: 2rem;
		}
	}
	&.toggled {
		> ul.params {
			display: block;
		}
		div.toggler::before {
			content: "\f106"; /* angle-up */
		}
		> ul.params {
			display: block;
		}
	}
}

.endpoints > li::after {
	color: hsl(0, 0%, 100%);
	display: inline-block;
	padding: 0.3em 0.75em;
	width: 4em;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	margin: -1px -1px 0 0;
}

.endpoints .get-method {
	background: hsl(207, 85%, 95%);
	border: 1px solid hsl(207, 85%, 87%);
}
.endpoints .get-method::after {
	content: "GET";
	background: hsl(207, 85%, 38%);
}

.endpoints .post-method::after {
	content: "POST";
	background: hsl(143, 82%, 35%);
}

.endpoints .post-method {
	background: hsl(143, 82%, 95%);
	border: 1px solid hsl(143, 82%, 87%);
}

.endpoints .put-method::after {
	content: "PUT";
	background: hsl(35, 64%, 47%);
}

.endpoints .put-method {
	background: hsl(35, 64%, 95%);
	border: 1px solid hsl(35, 64%, 87%);
}

.endpoints .delete-method::after {
	content: "DELETE";
	background: hsl(358, 69%, 38%);
}

.endpoints .delete-method {
	background: hsl(358, 69%, 95%);
	border: 1px solid hsl(358, 69%, 87%);
}

.endpoints .patch-method::after {
	content: "PATCH";
	background: hsl(14, 100%, 63%);
}

.endpoints .patch-method {
	background: hsl(14, 100%, 95%);
	border: 1px solid hsl(14, 100%, 87%);
}

.endpoints .description--label {
	font-weight: bold;
}

.endpoints .description,
.endpoints .long-description,
.endpoints .body-schemas {
	margin: 0.3em 0.3em 0.3em 0.75em;
}

.endpoints .description {
	padding-right: 100px;
}

.endpoints .params {
	padding: 0 0.3em;
	background: hsla(0, 100%, 100%, 0.65);
	margin: 0.3em 0.75em;
	display: none;
}

.endpoints .params .params-title {
	font-weight: bold;
}

.cmis-id,
.endpoints .params .param-name {
	font-family: Monospace;
}

.endpoints .params .param-optional {
	font-style: italic;
}

.endpoint-input-example {
	margin-left: 50px;
	margin-top: 0;
}

.connector-tabs {
	margin-top: 1em;
	[role=tabpanel] {
		min-height: 200px;
	}
}
