#sidepage span#applabel {
	visibility: visible;
}

p.commands a {
	border: 0;
}

ul.biglist {
	margin: 0;
	padding: 0.5em 0;
}

ul.biglist span.handle {
	cursor: move;
	display: inline-block;
	padding: 0.5ex;
	text-align: center;
	width: 2em;
	height: 100%;
	box-sizing: border-box;
}

ul.biglist li,
li.biglistitem {
	list-style-type: none;
	margin: 0 0 -1px 0;
	padding: 0 2px 0 10px;
	border: 1px solid #888;
	background: #fff;
	clear: both;
	color: #505050;
	position: relative;
	min-height: 2.5em;
	line-height: 2.5em;
}

ul.biglist.sortable li {
	padding-left: 0;
}

ul.biglist li.smallitem {
	font-size: 80%;
	background: #fffff4;
}

ul.biglist li .details,
li.biglistitem .details {
	margin: 0;
	color: #555;
	font-size: 90%;
	display: inline;
	padding: 0 1ex;
}

ul.biglist li .details .varname {
	font-family: monospace;
	font-size: 90%;
}

ul.biglist li p.commands,
li.biglistitem p.commands {
	float: right;
	margin: 0;
	font-size: 80%;
}

ul.biglist li p.commands img,
li.biglistitem p.commands img {
	padding-right: 5px;
}

ul.biglist code {
	font-size: 80%;
}

div#main-content ul.biglist + h2 {
	margin-top: 0.5em;
}

p.hint {
	color: #aaa;
}

div.bo-block p.hint {
	color: inherit;
}

p.hint::before {
	content: "\f05a";
	font-family: FontAwesome;
	padding-right: 1ex;
}

td.time {
	text-align: right;
}

ul.biglist li.disabled, ul.biglist li.disabled .details,
li.biglistitem.disabled, li.biglistitem.disabled .details {
	color: #999;
	background: #eee;
}

ul.biglist li.disabled a.redirection {
	font-size: 80%;
	padding: 0;
	background: 0;
	position: absolute;
	bottom: 0.5ex;
	right: 1ex;
}

ul.biglist li.disabled strong {
	font-weight: normal;
}

ul.biglist li p.commands {
	display: block;
	float: none;
	margin: 0;
	position: absolute;
	top: 1ex;
	right: 0px;

}

ul.biglist.sortable li span.handle + strong a {
	width: calc(100% - 2em - 1ex);
}

ul.biglist strong {
	width: 30%;
	display: inline;
	color: #202020;
}

ul.biglist strong a {
	color: inherit;
}

ul.biglist .details {
	padding-right: 0.5ex;
}

ul.biglist.optionslist span.value {
	float: right;
}

ul.themes p.details {
	display: block;
	float: none;
	margin-left: 1em;
}

img.theme-icon {
	float: right;
	margin: 3px 4px 0px 3px;
	border: 1px solid #999;
}

div#theme-preview {
	overflow: hidden;
}

div#theme-preview iframe {
	width: 100%;
	height: 100%;
	border: none;
	overflow-y: hidden;
}

div#new-field div.widget {
	margin: 0;
	margin-bottom: 1ex;
	padding: 0;
}

div#new-field div.buttons {
	margin: 1em 0 0 0;
	padding: 0;
}

div#new-field div.buttons input {
	margin: 0;
	padding: 0;
}

div#new-field {
	margin: 2em 0 4px 0;
	padding: 5px 5px;
}

div#new-field form {
	margin-bottom: 2em;
}

aside#sidebar div.news h3,
div#new-trigger h3,
div#new-field h3 {
	margin: 0;
	font-size: 100%;
	margin-bottom: 10px;
	padding-bottom: 4px;
	border-bottom: 1px solid #dcdcdc;
}

aside#sidebar div.news h3 {
	margin-top: 1em;
}

div#new-field br {
	display: none;
}

div#new-field div.SubmitWidget input {
	padding: 0.7ex 2ex;
}

div.WorkflowStatusWidget {
	border-left: 1px solid black;
}

button.refresh {
	margin: 1ex 1ex 1ex 0;
}

/** steps **/
#steps {
	height: 52px;
	margin-bottom: 1em;
	color: #aaa;
	white-space: nowrap;
	overflow: hidden;
}

#steps ol {
	background: #f0f0f0;
	list-style: none;
	padding: 0 20px;
}

#steps li {
	display: inline-block;
	padding-right: 1em;
	list-style: none;
}

#steps span.marker {
	font-size: 26px;
	padding: 2px 9px;
	font-weight: bold;
	color: white;
	text-align: center;
	background: #ddd;
	border: 1px solid #ddd;
	-moz-border-radius: 0.7ex;
}

#steps li.current span.marker {
	background: #ffa500;
	border: 1px solid #ffc400;
}

#steps span.label {
	font-size: 90%;
}

#steps li.current span.label {
	color: black;
}

#steps li.step-before .label {
	display: none;
}

/** logs **/
form#other-log-select {
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px solid #999;
}

form#other-log-select select {
	margin: 0 1em;
}

table#logs tr:nth-child(even) {
	background: #eee;
}

table#logs tr.level-error td {
	border: 1px solid #800;
	background: red;
}

table#logs tr td {
	vertical-align: top;
}
table#logs td.message {
  word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* navigateurs actuels */
  word-break: break-all;
}

table#logs tr.level-error td.message {
	font-weight: bold;
}

span.error-message {
	color: #e00;
	font-weight: bold;
}

table.stats {
	margin: 1ex 0;
	width: 100%;
}

table.stats thead th {
	text-align: left;
}

table.stats td {
	padding-left: 1em;
}

table.stats td.label {
	width: 100%;
}

table.stats td.bar span {
	background: #4BB2C5;
	height: 1ex;
	display: block;
	margin-bottom: 1ex;
	box-shadow: 2px 2px 2px #aaa;
}

form.inplaceeditor-form {
	margin: 0;
	padding: 0;
}

form.inplaceeditor-form input {
	margin: 0;
	padding: 0;
}

textarea.comment {
	width: 80%;
}

dl.job-status {
	margin: 1em 0;
}

dl.job-status dt {
	font-weight: bold;
}

dl.job-status dd {
	margin-left: 2em;
	margin-bottom: 1em;
}

#more-user-links.activity,
h2.activity,
span.activity {
	background: url(../indicator.gif) no-repeat center right;
	padding-right: 30px;
}

span.activity-done {
	background-image: none;
}

#listing {
	margin-bottom: 1em;
}

#listing thead td {
	background: white;
}

ul.biglist, table#listing {
	-webkit-transition: opacity 500ms ease-out;
	-moz-transition: opacity 500ms ease-out;
	transition: opacity 500ms ease-out;
}

table#listing {
	position: relative;
}

#listing.activity ul.biglist,
table#listing.activity {
	opacity: 0.5;
}

#listing tbody tr td {
	cursor: pointer;
}

#listing tbody tr td.select {
	cursor: default;
}

#listing thead tr th.select span {
	display: none;
	position: absolute;
	left: 0px;
	top: -17px;
	background: white;
	padding: 5px 1rem;
	border: 1px solid #666;
	border-radius: 5px;
	cursor: default;
}

#listing thead tr th.select input:checked + span {
	display: block;
}

#listing tbody tr:hover td {
	background: #dde;
}

table.main th,
table.main td {
	text-align: left;
}

table.main th {
	cursor: pointer;
}

table.main th.nosort {
	cursor: inherit;
}

table#listing .select {
	width: 1rem;
	text-align: center;
}

table#listing .select input {
	margin: 2px 0;
}

table.main th[data-field-sort-key] span:after {
	padding-left: 1ex;
	content: "\f0dc"; /* sort */
	font-family: FontAwesome;
}

table.main th.headerSortUp span:after {
	padding-left: 1ex;
	content: "\f0dd"; /* sort-desc */
	font-family: FontAwesome;
}

table.main th.headerSortDown span:after {
	padding-left: 1ex;
	content: "\f0de"; /* sort-asc */
	font-family: FontAwesome;
}

table.main.compact td {
	padding: 0.5ex;
	border: 1px solid #ccc;
}

table.main.compact.code td {
	text-align: left;
	font-family: monospace;
}

div.letters-nav {
	text-align: center;
	border: 1px solid #888;
	background: #eee;
	margin: 1em 0 1ex 0;
}

div.letters-nav a, div.letters-nav span.current-letter {
	text-decoration: none;
	padding: 0 0.5ex; /* so it is easier to click on 'I' */
	border-bottom: 0;
}

div.letters-nav span.current-letter {
	font-weight: bold;
}

div.page-nav {
	margin-top: 1em;
	text-align: center;
}

div.page-nav span.page-count-label {
	margin: 0 1ex;
}

table.main tr.advisory-lock {
	opacity: 0.5;
}

table.main .lock-cell,
table.main .criticality-level-cell {
	text-align: center;
	width: 1rem;
}

tr.advisory-lock td:first-child::before {
	font-family: FontAwesome;
	content: "\f023"; /* lock */
}

ul.biglist li.user-is-admin strong a {
	border-left: 5px solid #0099ff;
}

ul.biglist li.user-has-roles strong a {
	border-left: 5px solid #cc00ff;
}

div.bo-block ul.biglist li.hidden-status {
	background-color: #FEFEF5;
}

div.bo-block ul.biglist li.hidden-status a {
	opacity: 0.5;
}

ul#status-list li a {
	border-right: 5px solid transparent;
}

ul#evolutions span.time:before {
	font-family: FontAwesome;
	content: "\f017  "; /* clock-o */
}

div.page {
	border: 1px solid #aaa;
	padding: 1ex;
	margin-bottom: 1em;
}

div.page h3,
div.page h4 {
	margin: 0;
	margin-bottom: 1ex;
}

ul.biglist.themes li {
	min-height: 45px;
	line-height: 100%;
	padding-left: 5px;
}

.admin-for-all div#header {
	background: red;
}

ul#menu {
	margin: 0;
	padding: 0;
}

div#main-menu {
	position: absolute;
	bottom: -1px;
}

div#main-menu span {
	padding-bottom: 14px;
	background: blue;
}

ul#menu {
	border-bottom: 1px solid #888;
	white-space: nowrap;
}

ul#menu li {
	display: inline;
	margin-left: 10px;
}

ul#menu li a {
	color: #FF7800;
	border-bottom: none;
	padding: 8px 3ex 3px 3ex;
	font-weight: normal;
	-webkit-transition: all 500ms ease-out;
	border: 1px solid #888;
	background: #f0f0f0;
	position: relative;
	top: -3px;
}

ul#menu li:hover,
ul#menu li.active a {
	color: black;
	border-bottom-color: white;
	background: white;
}

ul#menu li a:hover {
	background: white;
	border-color: white;
	border-bottom-color: #eee;
}

ul#menu li.active a:hover {
	background: white;
	border-color: white;
}

div#sticky-sidebar {
	position: absolute;
	height: calc(100vh - 5em - 3em);
	overflow-y: auto;
	width: 100%;
}

aside#sidebar form#listing-settings div.StringWidget input,
aside#sidebar select {
	width: 100%;
	margin: 1px 0;
}

div.TextWidget textarea:focus,
div.widget input[type="text"]:focus,
div.TextWidget textarea,
div.widget input[type="text"] {
	border: 1px solid #bbb;
	margin: 1px;
	padding: 5px 8px;
	background: white;
	color: black;
	transition: background ease-out 0.3s;
}

div.TextWidget textarea:focus,
div.widget input[type="text"]:focus {
	box-shadow: 0 0 0px 1px #1999cd;
}

div.DataSourceSelectionWidget select,
div.PrefillSelectionWidget select,
div.SingleSelectWidget select,
div.SingleSelectHintWidget select {
	padding-right: 4em;
	padding-left: 5px;
	text-overflow: ellipsis;
}

aside#sidebar input.inline-input {
	margin-right: 1em;
}

aside#sidebar input.side-button {
	margin-top: 0;
}

aside#sidebar div.bo-block {
	margin-left: 0;
	margin-right: 0;
}

div.bo-block ul.biglist {
	margin: 0 -1ex -1ex -1ex;
	padding: 0;
}

div.bo-block h2 {
	font-size: 200%;
	border: none;
	/*
	padding: 0.5ex 1ex 0.5ex 1ex;
	margin: -1ex -1ex -0 -1ex;
	background: white;
	*/

	padding: 0.5ex 0 0.5ex 0;
	margin: 0;
}

.top-title h2 {
	font-size: 200%;
	margin: 0;
}

ul.biglist li {
	border-width: 1px;
	border-color: #e4e4e4;
	padding: 0;
	transition: background 0.25s ease 0s;
}

.bo-block ul.biglist li {
	border-width: 1px 0 0 0;
}

ul.biglist h3 {
	padding: 1ex;
	font-weight: normal;
	margin: 0;
	font-size: 130%;
}

div.bo-block > h3 {
	padding: 1ex 0ex;
	font-weight: normal;
	margin: 0;
}

ul.biglist li.disabled {
	background: none;
}

ul.biglist li.disabled a {
	color: #888;
}

div.bo-block ul.biglist.sortable li strong a,
div.bo-block ul.biglist.sortable li > a,
ul.biglist.sortable a {
	display: inline-block;
	width: calc(100% - 2em);
	box-sizing: border-box;
}

ul.biglist.sortable p.commands a {
	width: auto;
}

ul.biglist li > a,
ul.biglist strong a {
	display: block;
	padding: 0.5ex 1ex;
	border: none;
	font-weight: normal;
	color: #215D9C;
}

ul.biglist li > a span.value.offset {
	padding-right: 30px;
}

ul.biglist li > a.extra-link {
	position: absolute;
	top: 0;
	right: 0;
}

div.bo-block ul.biglist strong a.fake {
	color: #505050;
}

div.bo-block ul.biglist li.smallitem > a {
	padding: 0.2ex 1ex 0.2ex 4ex;
}

div.bo-block ul.biglist p.details {
	position: absolute;
	top: 0.5ex;
	right: 1ex;
	background: transparent;
}

div.bo-block ul.biglist p.details.badge {
	background-color: #AD7C6D;
	border-radius: 5px;
	color: white;
}

div.bo-block ul.biglist li.hidden-status:hover,
ul.biglist.sortable li:hover,
ul.biglist a:hover {
	background: #ccc;
}

ul.biglist.sortable li:hover a:hover {
	background: transparent;
}

div.bo-block span.disabled a {
	color: #666;
	text-decoration: none;
	border: none;
}

div.bo-block.logged-errors {
	border: 2px solid red;
}

pre.traceback {
	white-space: pre-wrap;
}

div.splitcontent-left {
	clear: both;
	float: left;
	width: 49.5%;
}

div.splitcontent-right {
	float: right;
	width: 49.5%;
}

fieldset.formpage {
	border: 1px solid #bcbcbc;
	margin: 1em 0;
}

div.dataview::after {
	content: "";
	clear: both;
	display: block;
}

.fields-listing .dataview {
	border-bottom: 1px solid #bcbcbc;
}

table.franceconnect-attrs,
table#substvars {
	border-bottom: 1px solid #eee;
	border-collapse: collapse;
	margin: 1em 0;
}

table.franceconnect-attrs th,
table#substvars th {
	background: #eee;
	border: 1px solid #eee;
	border-style: solid solid none;
	text-align: left;
	padding: 0 1em;
}

table.franceconnect-attrs td,
table#substvars td {
	border: 1px solid #eee;
	padding: 0 1em;
	border-style: none solid;
}

.hint ul.varnames li {
	font-size: smaller;
}

.hint ul.varnames {
	-moz-column-count: 2;
	-moz-column-gap: 1em;
	-webkit-column-count: 2;
	-webkit-column-gap: 1em;
}

h2 span.change,
h3 span.change {
	float: right;
	font-size: 1rem;
	font-weight: normal;
}

div#page-links {
	margin: 1em 0;
	padding: 2ex 1ex 0 1ex;
}

div.bo-block div#page-links {
	margin: 1em -1ex;
}

#page-links .previous-page,
#page-links .next-page {
	display: inline-block;
	padding: 1ex 1.5ex;
}

#page-links .previous-page:before {
	content: "<";
}

#page-links .next-page:before {
	content: ">";
}

div#page-links a {
	padding: 1ex 1.5ex;
	border: none;
	display: inline-block;
}

div#page-links span.pages a.current {
	background: #EE6E73;
	color: white;
	border-radius: 2px;
}

div#page-links span.displayed-range {
	color: #666;
	margin: 0 1em;
}

div#page-links span.page-limit span.per-page-label {
	color: #666;
}

div#page-links span.page-limit > span,
div#page-links span.page-limit > a {
	padding: 1ex 1.5ex;
}

ul#fields-filter {
	overflow: auto;
	max-height: 350px;
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

ul#fields-filter li {
	padding-left: 0;
	margin-left: 0;
}

div.full-screen-link {
	text-align: right;
}

p.last-modification {
	font-size: 80%;
	margin: 0;
}

p.last-modification.recent {
	color: red;
}

div#saml-details pre {
	overflow: scroll;
	white-space: normal;
}

#yelp iframe {
        width: 100%;
        height: 99%;
        border: none;
}

/* Styling for workflow graphs */

svg {
	width: 100%;
	height: 100%;
	margin: auto;
	font-family: sans-serif;
}

svg .node polygon {
	stroke: #444;
	stroke-width: 1px;
}

svg .node path {
	fill: none;
	stroke: black;
}

svg .edge path {
	fill:none;
	stroke: black;
	stroke: #666;
}
svg .edge polygon {
	stroke: black;
}
svg .edge text {
	font-size: 80%;
}
svg .edge text {
	font-size: 60%;
}
svg #current_status polygon {
	stroke-width: 2px;
}

h4.foldable {
	cursor: pointer;
}

h4.foldable:after {
	content: "▼";
	font-size: 80%;
	text-align: right;
	float: right;
	transition: transform ease 0.1s;
}

h4.foldable.folded:after {
	transform: rotate(-90deg);
}

ul.biglist li p.commands span {
  border: 1px solid #b7b7b7;
  border-radius: 1px;
  color: #424258;
  padding: 1ex 2ex;
  text-decoration: none;
  background: #aaaaaa;
  background-image: linear-gradient(to bottom, #f9f9f9, #eeeeee);
  box-shadow: 0 2px 2px 0px #ddd;
}

div.ComputedExpressionWidget div.content input[type=text],
div.ConditionWidget div.content input[type=text] {
	margin: 0;
	padding-right: 10ex;
}

div.ComputedExpressionWidget div.content span,
div.ConditionWidget div.content span.django,
div.ConditionWidget div.content span.python {
	position: relative;
	z-index: 3;
}

div.ComputedExpressionWidget div.content span::after,
div.ConditionWidget div.content span.django::after,
div.ConditionWidget div.content span.python::after {
	position: absolute;
	top: 0px;
	right: 1ex;
	height: 100%;
	opacity: 0.3;
	pointer-events: none;
}

div.ConditionWidget div.content span.django::after {
	content: "Django";
}

div.ConditionWidget div.content span.python::after {
	content: "Python";
}

div.ComputedExpressionWidget div.content select,
div.ConditionWidget div.content select {
	width: 2em;
	padding: 4px 2em 4px 1ex;
	background-position: right 0.8rem center;
	margin-left: -1px;
	text-indent: -10000px;
	background-image: url(gear.svg);
	position: relative;
}

div.ComputedExpressionWidget div.content select:focus,
div.ConditionWidget div.content select:focus {
	outline: none;
	z-index: 5;
}

div.DataSourceSelectionWidget div.content input[type=text],
div.PrefillSelectionWidget div.content input[type=text] {
	max-width: 50%;
	margin: 0 1ex;
}

div.DataSourceSelectionWidget div.content input[type=submit],
div.PrefillSelectionWidget div.content input[type=submit] {
	padding: 0 1ex;
	margin: 0 0 0 1ex;
	height: 1.8em;
}

ul#field-filter,
ul#columns-filter {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

ul.multipage li {
	margin-left: 2em;
}

ul.multipage li.type-page {
	margin-left: 0;
}

#sidebar-toggle {
	display: block;
	text-align: center;
	z-index: 10;
	top: 0;
	left: -1rem;
	position: absolute;
	height: 50px;
	line-height: 50px;
	background: #666;
	color: white;
	font-size: 15px;
	border-bottom-right-radius: 10px;
	width: 6px;
	cursor: pointer;
}

p#for-more-info {
	padding-top: 1em;
}

li.zone-settings a { background-image: url(icons/settings.large.png); }
li.zone-settings a:hover { background-image: url(icons/settings.large-hover.png); }

li.zone-users a { background-image: url(icons/users.large.png); }
li.zone-users a:hover { background-image: url(icons/users.large-hover.png); }

li.zone-roles a { background-image: url(icons/roles.large.png); }
li.zone-roles a:hover { background-image: url(icons/roles.large-hover.png); }

li.zone-forms a { background-image: url(icons/forms.large.png); }
li.zone-forms a:hover { background-image: url(icons/forms.large-hover.png); }

li.zone-workflows a { background-image: url(icons/workflows.large.png); }
li.zone-workflows a:hover { background-image: url(icons/workflows.large-hover.png); }

li.zone-categories a { background-image: url(icons/categories.large.png); }
li.zone-categories a:hover { background-image: url(icons/categories.large-hover.png); }

li.zone-management a { background-image: url(icons/management.large.png); }
li.zone-management a:hover { background-image: url(icons/management.large-hover.png); }

li.zone-home a { background-image: url(icons/home.large.png); }
li.zone-home a:hover { background-image: url(icons/home.large-hover.png); }

li.zone-submission a { background-image: url(icons/submission.large.png); }
li.zone-submission a:hover { background-image: url(icons/submission.large-hover.png); }

li.zone-cards a { background-image: url(icons/categories.large.png); }
li.zone-cards a:hover { background-image: url(icons/categories.large-hover.png); }

li.zone-data a { background-image: url(icons/data.large.png); }
li.zone-data a:hover { background-image: url(icons/data.large-hover.png); }

ul.apps li.zone-no-icon a {
	height: 29px;
	padding-top: 24px;
}

div#form-diff td {
	width: 50%;
	padding: 0.5ex;
}

div#form-diff td.indicator {
	width: 20px;
	min-width: 20px;
	padding: 0 3px;
	font-weight: bold;
}

div#form-diff tr td.indicator {
	text-align: center;
}

div#form-diff tr.type-change td.indicator {
	background: red;
}

div#form-diff tr.added-field td.indicator {
	background: #bbe49b;
}

div#form-diff tr.removed-field td.indicator {
	background: #ec848b;
}

div#form-diff tr.modified-field td.indicator {
	background: #ecf695;
}

table#table-diff tr:nth-child(even) {
	background: #eee;
}

div#form-diff div#legend  {
	margin: 1em 0;
	overflow: hidden;
}

div#form-diff div#legend table {
	width: 24%;
	float: left;
}

div#form-diff div#legend table td.indicator {
	width: 20px;
	min-width: 20px;
}

div#form-diff div#legend td {
	width: 100%;
}

ul.biglist li p.commands span {
    margin: 0 1em;
    height: 100%;
    padding: 3px 1em;
    float: left;
line-height: 1.4em;
}
ul.biglist li p.commands span a {
    color: black;
}

ul#fields-list li {
	padding-right: 250px;
	line-height: 140%;
	padding-top: 3px;
}

#breadcrumb span.separator {
	display: none;
}

div#qrcode {
	text-align: center;
}

div#qrcode img {
	display: block;
}

fieldset.form-plus legend:after {
	content: "▼";
	transition: transform ease 0.1s;
}

fieldset.form-plus.closed legend:after {
	transform: rotate(-90deg);
}

@media screen and (max-width: 760px) {
	div#main-content.with-sidebar,
	div#main-content {
		float: none;
		width: 100%;
		margin: 0;
		padding: 1em 6px 0 6px;
	}

	aside#sidebar {
		float: none;
		width: auto;
		margin: 2%;
		height: auto !important;
		position: static;
	}

	div#sticky-sidebar {
		position: static;
		height: auto !important;
	}

	#sidebar-toggle {
		display: none;
	}

	textarea.comment {
		width: 96%;
		width: calc(99% - 16px);
	}
}

@media screen and (max-width: 500px) {
	div.splitcontent-left,
	div.splitcontent-right {
		float: none;
		width: auto;
	}
}

a#filter-settings {
	cursor: pointer;
}

.bo-block.backoffice-description:before {
	font-family: FontAwesome;
	content: "\f05a"; /* info-circle */
	position: absolute;
	left: 10px;
	font-size: 2em;
}

.bo-block.backoffice-description {
	position: relative;
	padding-left: 40px;
}

.action-info-text {
	-webkit-transition: background 500ms ease-out;
	-moz-transition: background 500ms ease-out;
	transition: background 500ms ease-out;
	padding: 1px 10px;
}

.action-info-text.highlight {
	background: #FFFFA0;
}

.infonotice p.action {
	text-align: right;
	margin-right: 1ex;
	font-weight: normal;
}

div.WsCallRequestWidget br { display: none; }

div.WidgetDict div.content div.dict-key { width: 20%; }
div.WidgetDict div.content div.dict-value { width: 70%; }

div.WidgetDict div.content div.dict-key div,
div.WidgetDict div.content div.dict-value div,
div.WidgetDict input
{
	width: 100%;
}

div.WidgetDict div.content div.widget {
	margin-bottom: 0.5ex;
}

div.WidgetDict div.dict-separator {
	padding: 0 1ex;
}

div.SetBackofficeFieldsTableWidget table {
	width: 100%;
	border-spacing: 1ex;
}

div.SetBackofficeFieldsTableWidget th {
	text-align: left;
}

div.SetBackofficeFieldsTableWidget td {
	width: 20%;
}

div.SetBackofficeFieldsTableWidget td + td {
	width: 80%;
}

div.SetBackofficeFieldsTableWidget br {
	display: none;
}

div.SetBackofficeFieldsTableWidget td select {
	width: 100%;
}

div.ComputedExpressionWidget.grid-1-1 input,
div.dict-value div.ComputedExpressionWidget input,
div.SetBackofficeFieldsTableWidget td input {
	width: calc(100% - 3rem);
}

form table div.widget {
	margin-bottom: 1ex;
}

div.content.hint-error input[type],
.hint-error div.content input[type] {
	border-color: red;
	outline: none;
	box-shadow: 0 0 0 1px red;
}

div.ComputedExpressionWidget.hint-warning div.content input {
	border-color: orange;
}

div.ComputedExpressionWidget.hint-error div.content span.hint-text,
div.ComputedExpressionWidget.hint-warning div.content span.hint-text {
	display: block;
}

div.admin-permissions thead th {
	transform: rotate(-45deg);
	transform-origin: 10% 0;
}

div.admin-permissions thead th span {
	width: 3em;
	display: inline-block;
	white-space: nowrap;
}

div.admin-permissions tbody th {
	text-align: left;
	padding-right: 1ex;
}

div.admin-permissions tbody tr:nth-child(even) {
	background: #eee;
}

div.extra-context p.thumbnail {
	text-align: center;
}

div.extra-context p.thumbnail img {
	box-shadow: 0 0 3px black;
	transform: rotate(2deg);
}

div#tracking-code button {
	position: relative;
	top: -2px;
}

@media print {
	aside#sidebar {
		display: none;
	}
	div#main-content {
		width: 95%;
	}
}

div.bo-block.important {
	background: #fd6;
	border: 1px solid #ffae15;
}

div.user-pending-forms {
	border-bottom: 1px solid #aaa;
	padding-bottom: 2em;
	margin-bottom: 2em;
}

div.user-pending-forms ul {
	margin-left: 0;
	padding-left: 1.5em;
}

div.user-pending-forms li {
	line-height: 130%;
}

div.user-pending-forms ul li.self span.formname {
	font-weight: bold;
}

div.user-pending-forms span.id,
div.user-pending-forms span.datetime,
div.user-pending-forms span.status {
	font-size: 80%;
}

#statistics .criterias {
	display: none;
}

.invalid .validation-status {
	color: red;
	padding-left: 1ex;
}

ul.apps {
	margin-left: 1em;
}

p.current-level span,
p.current-status span {
	height: 40px;
	display: table-cell;
	vertical-align: middle;
	line-height: 130%;
}

p.current-status span.visibility-off {
	display: inline;
	height: auto;
}

span.visibility-off::after {
	cursor: help;
	margin-left: 1rem;
	content: "\f070";  /* fa-eye-slash */
	font-family: FontAwesome;
	font-weight: normal;
	color: #3c3c33;
}

p.current-level .item,
p.current-status .item {
	float: left;
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	border: 1px solid #aaa;
	margin-right: 1ex;
	margin-bottom: 1ex;
}

p.current-level .item {
	border-radius: 0;
}

tr.criticality-level {
	border-left-width: 5px;
	border-left-style: solid;
}

div.bo-block ul.biglist.criticality-levels li {
	border-left-width: 5px;
}

table#listing tr.criticality-level td:first-child {
	border-left-width: 5px;
	border-left-style: solid;
}

div.expanded-statuses div.status p,
div.expanded-statuses div.status h4 {
	margin-left: 1ex;
}

div.expanded-status {
	counter-reset: status;
}

div.expanded-statuses div.status {
	padding-left: 1ex;
	border-left: 5px solid transparent;
	border-bottom: 1px dotted #888;
	margin-bottom: 1em;
	counter-reset: items;
	counter-increment: status;
}

div.expanded-statuses div.status h3 {
	font-size: 150%;
	font-weight: normal;
}

div.expanded-statuses div.status h3 a {
	border-bottom-color: transparent;
	color: inherit;
}

div.expanded-statuses div.status h3 a:hover {
	border-bottom-color: #666;
}

div.expanded-statuses div.status h4::before {
	counter-increment: items;
	content: counters(status,".") "." counters(items,".") " ";
	color: #888;
	font-size: 90%;
}

div.expanded-statuses div.status ul span.parameter {
	color: #666;
}

pre.wrapping-pre {
	white-space: pre-wrap;
	max-width: 90%;
}

form div.page {
	border: 1px solid #e4e4e4;
	padding: 0;
}

form div.page h3:first-child {
	font-weight: normal;
	font-size: 200%;
	border-bottom: 1px solid #e4e4e4;
	padding: 0.5ex 0px;
	margin-bottom: 0;
	padding: 1ex;
}

form div.page > div {
	padding: 1em 1ex 1ex 1ex;
}

.c-360-user-view li > span {
	padding-left: 1ex;
}

ul.biglist.form-inspector {
	padding-top: 0;
}

ul.form-inspector li span.label,
ul.form-inspector li code {
	padding: 0 1ex;
	float: left;
	width: 25%;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 100%;
}

ul.form-inspector li span.status {
	padding: 0 1ex;
}

ul.form-inspector li div.value {
	display: block;
	padding: 0 0 0 1em;
	float: right;
	width: 70%;
}

ul.form-inspector li div.value span.type {
	font-size: 80%;
	color: #aaa;
	padding-left: 1em;
	position: absolute;
}

div#inspect-test-tools .WysiwygTextWidget textarea {
	display: none !important;
}

div#inspect-test-tools form + br {
	display: none;
}

div#inspect-test-tools input[type=text],
div#inspect-test-tools textarea {
	width: 100%;
}

div.test-tool-result.infonotice h3:first-child {
	margin-top: 0;
}

div.test-tool-result h3 {
	font-weight: normal;
}

div.test-tool-result-html + h3 {
	margin: 1rem 0;
	border-top: 1px solid #bbbbbb;
	padding-top: 1rem;
}

div.test-tool-result span.type {
	font-size: 80%;
	color: #888;
}

div.test-tool-result span.result-true::before {
	font-family: FontAwesome;
	content: "\f058"; /* check-circle */
	padding-right: 1ex;
	color: #00b000;
}

div.test-tool-result span.result-false::before {
	font-family: FontAwesome;
	content: "\f06a"; /* exclamation-circle */
	padding-right: 1ex;
	color: #b00000;
}

ul#evolutions li div.msg li {
	margin: 1em 0;
}

ul#evolutions li div.msg li::after {
	content: none;
}

div.section > dl {
	padding-bottom: 0;
}

div.bo-block.data-source-preview ul {
	margin: 0;
	padding: 0;
	padding-left: 1em;
}

div.bo-block.data-source-preview ul li {
	margin: 1ex 0;
}

div.bo-block.data-source-preview tt {
	padding-right: 1ex;
}

aside#sidebar div.MapWidget {
	margin: 0 1px;
	border: 1px solid #888;
}

.ui-dialog div.warningnotice {
	max-width: 60ex;
}

.ui-dialog-content input[type=text],
.ui-dialog-content select {
	width: 100%;
}

.ui-dialog-content .ColourWidget input[type=text] {
	width: auto;
}

div#backoffice-map {
	height: 70vh;
	margin-bottom: 1em;
}

/* Styling for Leaflet's markers and popups */

div.leaflet-div-icon span {
	width: 2.3rem;
	height: 2.3rem;
	display: block;
	left: -1rem;
	top: -1rem;
	position: relative;
	border-radius: 11rem 6rem 0.8rem;
	transform: scale(1, 1.3) rotate(45deg);
	border: 1px solid #aaa;
}

div.leaflet-popup-content p span {
	display: block;
}

div.leaflet-popup-content .field-value {
	font-weight: bold;
}

div.leaflet-popup-content div.file-field img {
	max-width: 100% !important;
	max-height: 10vh;
}

div.leaflet-popup-content p.view-link {
	text-align: right;
}

a.leaflet-popup-close-button {
	border: 0;
}

div.widget textarea[readonly],
div.widget input[type=text][readonly] {
	background: #f0f0f0;
}

#new-action-form select[disabled] {
	background: #f0f0f0;
}

table div.file-field img {
	display: none;
}

table small,
ul.user-formdatas small {
	display: block;
}

ul#evolutions div.evolution-metadata {
	border: none;
	margin-left: 70px;
	padding: 0.5rem;
	padding-left: 0;
}

ul#evolutions li span.item.no-status-change {
	width: 5px;
	height: 5px;
	left: 28px;
	top: 39px;
}

ul#evolutions li div.msg {
	border: none;
	box-shadow: none;
	padding-left: 10px;
}

ul#evolutions span.user {
	opacity: 1;
	font-style: italic;
}

ul#evolutions li.msg-in div.msg {
	background: #edf9f7;
}

ul#evolutions li.msg-out div.msg {
	background: #f1f8fe;
}

div#studio {
	background: url(studio.svg) bottom right no-repeat;
	background-size: auto 90%;
	width: 100%;
	height: 90%;
}

a.button.button-paragraph {
	box-sizing: border-box;
	display: block;
	max-width: 100%;
	width: 40rem;
	margin-bottom: 1rem;
}

a.button.button-paragraph p {
	font-weight: normal;
	color: #333;
	margin: 0;
	line-height: 150%;
}

a.button.button-paragraph p:last-child {
	padding-bottom: 5px;
}

a.button.button-paragraph:hover p {
	color: white;
}

#main-content form#multi-actions {
	padding: 0;
}

#main-content form#multi-actions div.buttons {
	padding: 0 0.5rem;
}

table#listing tr.checked td {
	background: #ddf;
}
