body { 
	margin: 0; padding: 0;
	text-align: left;
	font-family: Tahoma, sans-serif;
	background: #fff;
	color: #111; line-height: 1.4em; font-size: 12pt;
}

p { line-height: 1.4em; margin-bottom: 0.6em;}
a { color: #015d54;}
a:visited { color: #222; }
ul { list-style-type: disc; padding: 0 0 0 2em; list-style-position: outside;}
ul ul { list-style-type: circle; padding: 0 0 0 1em; list-style-position: outside; margin: 0.3em 0 0 2em;}
ol { list-style-type: decimal; list-style-position: outside;  padding: 0 0 0 2em;}
li { margin-bottom: 5px;}
h1 { font-size: 150%; text-align: center; margin: 1em 0 1em 0; font-weight: bold; color: /*#ff9100*/ #000; line-height: 1.4em;}
h2 { font-size: 120%; text-align: left; margin: 1em 0 0.5em 0; color: #444; line-height: 1.4em;}
h3 { font-size: 100%; text-align: left; margin: 1em 0 0.2em 0; color: #555; line-height: 1.4em;}

sup {vertical-align: super; font-size: .83em; }

h2.section {border-bottom: solid 1px #777; text-align: center; text-transform: uppercase; font-size: 100%; margin-top: 2em;}

.side-box { float: right; width: 25%; border-left: dotted 1px #b0b0b0; padding: 0 0 0 1em; font-size: 80%; margin: 0 0 1em 2em;}

dt {font-weight: bold;}
dd { margin: 0.5em 0 1em 1em;}
dd ul { list-style-position: outside;}
dd ul li ul { padding-left: 2em;}

input, select {vertical-align: middle;}
textarea { font-family: Tahoma, sans-serif; overflow-y: scroll; overflow-x: visible; resize: none;}
input[type="radio"] {margin-top: -1px; vertical-align: middle;}

button[type="button"] {
    font-family: Tahoma, sans-serif;
    line-height: 1.4em;
    display: inline-box;
    background: #f0f0f0; color: #333; padding: 1px 4px; cursor: pointer;
    border: solid 1px #bbb;
    border-radius: 2px;
}


img.chart { border: solid 10px #fff;}

.link {text-decoration: underline; color: #015d54; cursor: pointer;}
.front-page {width: 892px;}
.dashboard { margin-bottom: 18px;}

.dashboard-widget { padding: 0 10px;}
.dashboard-widget h2 { 
	color: #777; text-align: center; text-transform: uppercase; font-size: 100%; 
	border-bottom: dotted 1px #777;
}

.dashboard-quick-actions {
	float: right;
	width: 300px;
	text-align: left;
	margin: 0;
}

.dashboard-quick-actions ul {list-style-type: none; margin: 0; padding: 0; text-align: center;}
.dashboard-quick-actions .button {width: 280px;}

.dashboard-stats { float: left; width: 550px;}
.dashboard-features { text-align: left; padding: 2em 0 0 0;}

.help-text {color: #777; font-weight: normal;}
.error-field {color: #f00;}
.error-field a {color: #f00;}
.error-messages {color: #f00; text-align: left; margin: 0 0 1em 0; border-top: dotted 1px #f00; border-bottom: dotted 1px #f00; padding: 1em;}
.error-messages ul { list-style-position: outside;}
.task {
	margin-top: 1em; text-align: left; vertical-align: middle;
	background: #73c132; color: #fff; font-weight: bold; padding: 6px;
	border-top-left-radius: 2px; -moz-border-radius-topleft: 2px;
	border-top-right-radius: 2px; -moz-border-radius-topright: 2px;
	border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px;
	border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px;
}
.task a { color: #fff;}
.task h2 { text-transform: uppercase; text-align: center; margin: 0 0 0.5em 0; color: #fff;}
.task-button { float: right;}
.state-finished { text-decoration: line-through;}
.work-item-status-d { background-color: lavender;}
.work-item-status-e { background-color: mistyrose;}
.work-item-status-h { background-color: #ddffdd;}
.message { text-align: center; color: #439400; display: block;}
.warning { 
	background: rgb(237, 81, 81); color: #fff; font-weight: bold; padding: 0.6em; text-align: center; margin: 1em 0; 
	border-top-left-radius: 2px; -moz-border-radius-topleft: 2px;
	border-top-right-radius: 2px; -moz-border-radius-topright: 2px;
	border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px;
	border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px;
}


.li-menu li { display: inline; border-left: 1px solid #015b54; padding-left: 3px; padding-right: 3px;}
.li-menu li:first-child { border-left:none;}

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

#website-h1 {}

#toolbar {border-bottom: dotted 1px #bbb; text-align: left; padding: 0 4px; background: #fffed1 url(/static/img/logo-map.png) 2px center no-repeat; padding-left: 22px; height: 28px; line-height: 28px; }
#toolbar ul { list-style-type: none; padding: 0;}
#toolbar ul li { display: inline; font-size: 80%; border-left: solid 1px #777; padding: 0 2px 0 4px; margin: 0;}
#toolbar ul li:first-child {border-left: none;}
#toolbar-user-details { float: right; }
.lightbox img { height: 100px;}

.dropdown-menu {
	display: inline-block; position: absolute; text-align: left; font-size: 80%; padding: 0px; z-index: 2000;
	box-shadow: black 2px 3px 10px; -webkit-box-shadow: black 2px 3px 10px; -moz-box-shadow: black 2px 3px 10px;
}
.dropdown-menu-light { background-color: #fffed1; /*border: solid 1px #bbb;*/}
.dropdown-menu-dark { background-color: #005e52; color: #fff;}
.dropdown-menu-dark a { color: #fff;}
.dropdown-menu ul { list-style-type: none; padding: 0 4px; margin: 0;}
.dropdown-menu ul li { padding: 2px; margin: 0; cursor: pointer; border-bottom: dotted 1px /*#2caf9d*/#bbb;}
.dropdown-menu ul li.last { border-bottom: none;}
.dropdown-menu ul li.info { cursor: default;}
.dropdown-menu ul li a {display: block; text-decoration: none;}
.dropdown-link { padding-right: 12px; background: url(/static/img/design/dropdown-link.png) right center no-repeat; cursor: pointer;}


td.public-project { background: #B4FF91;}
.admin-action { font-size: 80%;}

dl.inline-display-list { margin-bottom: .4em;}
dl.inline-display-list dt { display: inline; font-weight: normal; color: #888; padding: 0 4px 0 0;}
dl.inline-display-list dd { display: inline; margin: 4px 4px 0 0; padding: 0; color: #222;}

ul.checklist { list-style-type: none;}

/* Dialogs *************************************************************************************/
.dialog {
	background: #fff; padding: 0; margin: 0; font-size: 90%; display: flex
	box-shadow: black 4px 6px 10px; -webkit-box-shadow: black 4px 6px 10px; -moz-box-shadow: black 4px 6px 10px;
}
.dialog-title {background: #015d54; color: #fff; margin: 0; padding: 6px; font-size: 120%; font-weight: bold; text-align: center; overflow: hidden;}
.dialog-title-school-project { background: #3b67b1; font-size: 100%;}
.dialog-menu { font-size: 80%; background: #fffed1; color: #555; font-weight: normal; text-align: left; padding: 6px 12px; position: relative;}
.dialog-submenu { position: absolute; border-top: dotted 1px #aaa; background: #fffed1;}
.dialog-submenu ul { list-style-type: none; margin: 0; padding: 0;}
.dialog-submenu-close { position: absolute; right: 0; top 0;}
.dialog-menu-icon {float: right;}

.dialog-breadcrumbs { font-size: 90%; padding: 3px; background-color: #e3f0c4; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd;}
.dialog-breadcrumbs ul { padding: 0; margin: 0;}
.dialog-breadcrumbs li.header { font-weight: bold; }
.dialog-breadcrumbs li { padding: 3px 12px 3px 3px; display: inline; background: url(/static/img/design/breadcrumbs-separator.png) right center no-repeat;}
.dialog-breadcrumbs li:last-child { background-image: none;}
.dialog-breadcrumbs li a { font-weight: normal;}
.dialog-breadcrumbs .container-name {color: #777; font-weight: normal;}

.inspector-breadcrumbs { padding: 6px 12px; background: #f0f0f0; border-bottom: solid 1px #ddd;}
.inspector-breadcrumbs ul { padding: 0; margin: 0;}
.inspector-breadcrumbs li { padding: 3px 12px 3px 0; display: inline; background: url(/static/img/design/breadcrumbs-separator.png) right center no-repeat;}
.inspector-breadcrumbs li:last-child { background-image: none;}
.inspector-breadcrumbs li a { font-weight: normal;}
.inspector-breadcrumbs .container-name {color: #777; font-weight: normal;}

.inspector-menu { background: #f0f0f0; color: #555; font-weight: normal; text-align: left; padding: 6px 12px; position: relative;}
.inspector-menu dl { padding: 0; margin: 0; position: relative;}
.inspector-menu dl dt { font-weight: normal; padding: 0; margin: 0; display: inline-block; margin-right: 1em;  padding-right: 12px; background: url(/static/img/design/dropdown-link.png) right center no-repeat; cursor: pointer;}
.inspector-menu dl dt.menu-item-direct-action { padding-right: 0; background-image: none;}
.inspector-menu dl dd { padding: 0; margin: 0; display: none; position: absolute; top: 0; background: #f0f0f0; box-shadow: 0 0 2px 2px #ddd;}
.inspector-menu dl dd ul { padding: 0  0.4em; margin: 0; list-style-type: none; border: solid 1px #f0f0f0;}
.inspector-menu dl dd ul li { padding: 0.2em 0.4em; margin: 0; border-bottom: dotted 1px #aaa; cursor: pointer;}
.inspector-menu dl dd ul li a { text-decoration: none;}
.inspector-menu dl dt a { text-decoration: underline; font-weight: normal;}

.dialog-content { text-align: left; font-size: 0.9rem; padding: 5px; line-height: 1.4em; overflow: auto; flex-grow: 1}
.dialog-content h3 { text-align: left; font-size: 100%; color: #222; padding: 2px; margin: 6px 0 6px 0;}
.dialog-content p { padding: 5px;}
.dialog-content ul { list-style-position: outside; margin: 0 0 0 1em;}
.dialog-content .label { font-weight: bold; }
.dialog-content .help-message { font-size: 100%; color: #555; line-height: 1.3em; text-align: center;}
.dialog-content .error-message { color: #f00; font-weight: bold; text-align: center;}
.dialog-content .error-field { color: #f00;}
.dialog-actions { background: #fff!important; font-size: 80%;}
.dialog-close-button {cursor: pointer; width: 20px; height: 20px; background: url(/static/img/dialog-close-button.gif) no-repeat;}
.dialog-maximize-button {cursor: pointer; width: 20px; height: 20px; background: url(/static/img/dialog-maximize-button.gif) no-repeat;}
.dialog-unmaximize-button {cursor: pointer; width: 20px; height: 20px; background: url(/static/img/dialog-unmaximize-button.gif) no-repeat;}
.ui-resizable-handle { width: 13px; height: 13px;}
.ui-resizable-handle:hover { cursor: se-resize;}
.ui-resizable-se { position: absolute; bottom: 0px; right: 0px;}
.dialog-actions { width: 100%; text-align: center; background: transparent; padding: 6px 0;}
ul.dialog-top-actions {list-style-type: none; text-align: right; padding: 4px 0;}
ul.dialog-top-actions li { 
	display: inline; margin: 0 0 0 4px; padding: 3px; border: solid 1px #ffb00d; 
	background: url(/static/img/design/button-bright-bg.png) center repeat-x; font-weight: bold;
	color: #015d54!important; border: solid 1px #ffe41c;
	border-top-left-radius: 2px; -moz-border-radius-topleft: 2px;
	border-top-right-radius: 2px; -moz-border-radius-topright: 2px;
	border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px;
	border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px;
    cursor: pointer;
}
ul.dialog-top-actions li a { color: #015d54!important; text-decoration: none;}
ul.dialog-top-actions li span { color: #015d54!important; text-decoration: none;}
li.dropdown { padding-right: 15px!important; background: url(/static/img/dropdown-arrow.png) right center no-repeat;}

.dialog-top-actions-menu {padding: 3px; border: solid 1px #ffb00d; background-color: #ffc140; color: #fff; font-weight: bold;}
.dialog-top-actions-menu li a { color: #fff; text-decoration: none;}

.dialog-option-field { text-align: center; margin: 1em auto;}
.dialog-tab-help { text-align: center; color: #777;}
.dialog-buttons { text-align: center;}

.dialog-details { width: 100%;  border: solid 0px #e0e0e0;}
.dialog-details th { font-weight: normal; padding: 2px; text-align: right; width: 200px; color: #777; text-align: right; vertical-align: middle;}
.dialog-details th.compulsory { font-weight: bold;}
.dialog-details th.big-field {vertical-align: top;}
.dialog-details td { padding: 2px; vertical-align: middle;}
.dialog-details td.help { padding: 2px; color: #555; font-size: 70%; line-height: 1.3em;}

.form-table { width: 100%; border-top: dotted 1px #ddd; margin-bottom: 1em;}
.form-table th { font-weight: normal; padding: 4px; text-align: right; width: 200px; color: #777; text-align: right; vertical-align: middle; border-bottom: dotted 1px #ddd; border-right: dotted 1px #ddd;}
.form-table th:first-letter { text-transform: capitalize;}
.form-table th.compulsory { font-weight: bold;}
.form-table th.big-field {vertical-align: top;}
.form-table td { padding: 2px 2px 2px 3px; vertical-align: middle; border-bottom: dotted 1px #ddd;}
.form-table td input { font-size: 100%; padding: 2px;}
.form-table td select { font-size: 100%;}
.form-table td.help { padding: 4px; color: #555; font-size: 70%; line-height: 1.3em;}

.form-table-60-40 th { width: 60%;}

.form-table tr.faulty-row {background-color: #ff7373}
.form-table tr.faulty-row th { color: #fff;}

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

.edit-form-table { width: 100%; border-top: dotted 1px #ddd; margin-bottom: 1em;}
.edit-form-table td { }
.edit-form-table td.pick-entry-cell{ background-color: transparent;}
.edit-form-table th { font-weight: normal; padding: 4px; text-align: right; width: 200px; color: #777; text-align: right; vertical-align: middle; border-bottom: dotted 1px #ddd; border-right: dotted 1px #ddd;}
.edit-form-table th:first-letter { text-transform: capitalize;}
.edit-form-table th.compulsory { font-weight: bold;}
.edit-form-table th.big-field {vertical-align: top;}
.edit-form-table td { padding: 2px; vertical-align: middle; border-bottom: dotted 1px #ddd;}
.edit-form-table td input { font-size: 100%; background-color: #fafafa; border: 0; padding: 3px;}
.edit-form-table td select { font-size: 100%;}
.edit-form-table td textarea { font-size: 100%; background-color: #fafafa; border: 0; padding: 3px;}
.edit-form-table td.help { padding: 4px; color: #555; font-size: 70%; line-height: 1.3em;}

.dialog-listing { margin: 0 auto;}
.dialog-listing th { font-weight: bold; border-bottom: solid 3px #ddd; padding: 3px;}
.dialog-listing th.number { text-align: center;}
.dialog-listing td { font-weight: normal; border-bottom: solid 1px #ddd; padding: 3px;}
.dialog-listing td.number { text-align: center;}

.fullscreen-dialog-content { width: 100%; max-width: 800px; margin: 0 auto;}

/**************************************************************************************/

.jstree .structure-tree-felled-tree a { text-decoration: line-through; color: #555;}

.photos { margin: 2em 0 1em 0; text-align:center;}
.photos .photo { position: relative; display: inline-block; padding: 0; margin: 0;}
.photo-control-icons { position: absolute; left: 0; top: 0;}
.photo-control-icon { cursor: pointer; float: left;}
.button-small {background: #ffdf02 !important; color: #015d54!important; font-weight: bold; padding: 2px; cursor: pointer}
.button-inline {
	background: #f0f0f0; color: #333; padding: 1px 4px; cursor: pointer;
	display: inline-block;
	text-decoration: none; 
	border: solid 1px #bbb;
	border-top-left-radius: 2px; -moz-border-radius-topleft: 2px;
	border-top-right-radius: 2px; -moz-border-radius-topright: 2px;
	border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px;
	border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px;
}
.dialog-content .button-inline { font-size: inherit; padding: 1px 3px;}
.button-inline-main { font-weight: bold;}
.button-inline-warning { background: #ffd8d8; color: #f00}

.empty-listing-msg { color: #777; text-align: center;}
table.listing-short td.empty-listing-msg { color: #777; text-align: center;}

.big-listing-tiles { background: transparent; }
.big-listing-tile { background: #fafafa; padding: 6px; margin: 0 0 1em 0;}
.big-listing-tile h2 { color: #333; padding: 6px; margin: 0; border-bottom: #777 1px solid; position: relative;}
.big-listing-tile-content{ padding: 12px 12px 12px 12px;}
.big-listing-tile-actions { position: absolute; right: 6px; top: 4px; font-size: 100%;}

.listing-tiles { background: transparent; border-top: solid 1px #eee;}
.listing-tiles h2 { margin: 0; padding: 0 0 0.3em 0; border-bottom: solid 3px #eee;}
.listing-tile { border-bottom: solid 1px #eee; padding: 6px 12px 12px 12px;}
.listing-tile h3 { margin: 0; padding: 0 0 0.3em 0; border: 0;}
.listing-tile p { padding: 0; margin: 6px 0 0 0;}

.listing-tiles-dark h2 { border-bottom-color: #aaa;}
.listing-tiles-dark .listing-tile { border-bottom-color: #aaa;}

.listing-tiles .discarded { text-decoration: line-through;}
.listing-tile-actions { padding: 0; margin: 12px 0 0 0;}
.listing-tile-actions .listing-tile-action {
	font-size: 90%;
    background: #f0f0f0; color: #333; padding: 3px; cursor: pointer;
    text-decoration: none; 
    border: solid 1px #bbb;
    border-top-left-radius: 2px; -moz-border-radius-topleft: 2px;
    border-top-right-radius: 2px; -moz-border-radius-topright: 2px;
    border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px;
}
.listing-tile-actions .listing-tile-minor-action {
	font-size: 90%;
    background: #f0f0f0; color: #333; padding: 3px; cursor: pointer;
    text-decoration: none;
    border: solid 1px #bbb;
    border-top-left-radius: 2px; -moz-border-radius-topleft: 2px;
    border-top-right-radius: 2px; -moz-border-radius-topright: 2px;
    border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px;
}
.listing-tile-action { cursor: pointer;}

.mytrees-structure-location { color: #555; text-align: center; margin: 0 0 0.5em 0; border-bottom: solid 1px #eee; border-top: solid 1px #eee; padding: 3px 0;}
.mytrees-structure-location > .label { color: #888; font-weight: normal;}

.joined-trees-info { color: #555; text-align: center; margin: 0 0 0.5em 0; border-bottom: solid 1px #eee; border-top: solid 1px #eee; padding: 3px 0;}

.pick-entry { margin: 0!important; padding: 0;}
.pick-entry li {cursor: pointer; padding: 0; margin: 0; height: 2em; width: 2em; display: inline-block; text-align: center; vertical-align: middle; line-height: 2em; border-right: solid 2px #fff; background-color: #fafafa;}
.pick-entry li:last-child { border-right: 0;}
.pick-entry li.selected {background: #015d54; color: #fff;}
/*.pick-entry li { display: inline; float: left; height: 2em; width: 2em; border: solid 1px #adadaf; border-right-width: 0; text-align: center; cursor: pointer; vertical-align: middle; line-height: 2em;}
.pick-entry li:last-child { border-right-width: 1px;}
.pick-entry li.selected {background: #015d54; color: #fff;}*/

.pick-entry-small { margin: 0!important; padding: 0;}
.pick-entry-small li { display: inline; float: left; border: solid 1px #adadaf; border-right-width: 0; text-align: center; cursor: pointer; vertical-align: middle; padding: 0 0.5em;}
.pick-entry-small li:last-child { border-right-width: 1px;}
.pick-entry-small li.selected {background: #015d54; color: #fff;}


.isat-sites-to-survey-listing { font-size: 75%; list-style-type: none; text-align: left; padding: 0; margin: 0;}
.two-column-list { 
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
}

.tab-content-centered { text-align: center;}

.show-cable-bracing-levels {
    background-image: url(/static/img/cable-bracing-levels-2.png);
    background-position: right 1em top 1em;
    background-repeat: no-repeat;
    background-color: #fff;}
#compulsory-fields-warning { display: none;}
#unknown-species-warning { display: none;}

.cable-bracing-to-replace { background-color: #ff0000; color: #ffffff!important;}
.cable-bracing-to-replace a { color: #ffffff!important;}
.cable-bracing-to-repair { background-color: orange;}
.cable-bracing-to-inspect { background-color: #ffff00;}

.isat-site-surveyed-this-year { color: #999!important; text-decoration: line-through!important;}
.sites_to_survey .surveyed_site { color: #999!important; text-decoration: line-through!important;}

.button {
	display: inline-block; vertical-align: middle;
	font-size: 100%!important; font-weight: bold; text-transform: none;
	padding: 2px; line-height: normal;
	background: /*#ffb00d*/ url(/static/img/design/button-bg.png) repeat-x center; color: #fff;
	border: solid 1px /*#196d64*/ #23998c; padding: 6px;
	border-top-left-radius: 2px; -moz-border-radius-topleft: 2px;
	border-top-right-radius: 2px; -moz-border-radius-topright: 2px;
	border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px;
	border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px;
	font-family: Arial, sans-serif;
	cursor: pointer;
}
a.button { text-decoration: none; color: #fff; line-height: normal; margin: 2px 0; vertical-align: middle;}
.button-minor-action {background: url(/static/img/design/button-bright-bg.png) repeat-x center !important; color: #015d54!important; border: solid 1px #ffe41c; font-weight: bold;}
#toolbar .button { padding: 2px;}

#ie-warning { background: red; color: white; text-align: center; padding: 1em; font-weight: bold; margin-bottom:1em;}
#ie-warning a { color: white;}
#javascript-warning { background: #ff6200; color: white; text-align: center; padding: 1em; font-weight: bold;}
#javascript-warning p { width: 800px; margin: auto;}
#javascript-warning a { color: white;}

#testing-site-warning { background: #ff6200; color: white; text-align: center; padding: 1em; font-weight: bold;}
#testing-site-warning p { width: 800px; margin: auto;}
#testing-site-warning a { color: white;}

#testing-site-warning-box { background: #ff6200; color: white; text-align: center; padding: 1em; font-weight: bold; margin-bottom: 1em;}
#testing-site-warning-box p { }
#testing-site-warning-box a { color: white;}

.website-preview { text-align: center; padding: 12px; }
.website-preview img { border: solid 1px #f0f0f0;}

form .form-buttons { margin: 1em 0 0 0; text-align: center;}
form .help-field { color: #666; font-size: 80%;}
form .help-field a { color: #666; }
form .compulsory { font-weight: bold;}
input { border: solid 1px #ccc;}
input[type=checkbox] { vertical-align: bottom; }
input[type=button] {cursor: pointer;}
input[type=submit] {cursor: pointer;}

.project-button-preview { position: relative; width: 600px; }
.project-button-preview-button { text-align: center;}
.project-button-preview-prev { cursor: pointer; position: absolute; left: 0; top: 0; width: 100px; text-align: left;}
.project-button-preview-next { cursor: pointer; position: absolute; right: 0; top: 0; width: 100px; text-align: right;}

th.big-field { vertical-align: top;}

.h1_note {color: #777; font-weight: normal;}

.site_label {
	font-weight: normal; color: #fff;
	background-color: bisque /*#63b700*/; padding: 2px 4px;
	border-radius: 4px;
}
.site_label a { color: #222;}

.map_link {font-size: 10pt;}
.felled-tree { text-decoration: line-through; color: #aaa!important;}
.felled-tree a {color: #aaa!important;}
.deleted-object { text-decoration: line-through; color: #aaa!important;}
.deleted-object a {color: #aaa!important;}

.actions { text-align: center; margin: 1em 0; font-size: 10pt;}
.browser-content .ui-tabs .ui-tabs-nav { list-style: none; padding: 0; text-align: center; font-size: 80%;}
.supporter { border-bottom: dotted 1px #b0b0b0; padding: 0 12px 12px 12px; font-size: 90%; margin-bottom: 12px;}
.supporter .supporter-logo { float: left; margin: 0 12px 0 0; width: 160px; text-align: center;}

.small-button { background-color: #004b46; color: #fff; padding: 2px; font-size: 80%; text-decoration: none;}
.small-button-minor-action { background-color: #ffe848; color: #245715}

.disabled { color: #999;}

.help-image-inline { border: solid 1px #eee; margin-right: 12px;}
.less-important {color: #777; font-size: 80%;}

.selection-listing tr:hover { background: #fffed0;}

.dialog-menu dl { padding: 0; margin: 0; position: relative;}
.dialog-menu dl dt { padding: 0; margin: 0; display: inline-block; margin-right: 1em;  padding-right: 12px; background: url(/static/img/design/dropdown-link.png) right center no-repeat; cursor: pointer;}
.dialog-menu dl dt.menu-item-direct-action { padding-right: 0; background-image: none;}
.dialog-menu dl dd { padding: 0; margin: 0; display: none; position: absolute; top: 0; background: #fffed1; box-shadow: 0 0 2px 2px #ddd;}
.dialog-menu dl dd ul { padding: 0  0.4em; margin: 0; list-style-type: none; border: solid 1px #fff;}
.dialog-menu dl dd ul li { padding: 0.2em 0.4em; margin: 0; border-bottom: dotted 1px #aaa; cursor: pointer;}
.dialog-menu dl dd ul li a { text-decoration: none;}
.dialog-menu dl dt a { text-decoration: underline; font-weight: normal;}

.button-inline-menu {
    font-weight: normal; padding: 0; margin: 0; padding: 2px 15px 2px 4px; display: inline-block;
    background: #f0f0f0 url(/static/img/design/dropdown-link-inline-menu.png) right center no-repeat;
    cursor: pointer; border: solid 1px #bbb;
    border-top-left-radius: 2px; -moz-border-radius-topleft: 2px;
    border-top-right-radius: 2px; -moz-border-radius-topright: 2px;
    border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px;
}

.inline-menu { padding: 0; margin: 0; position: absolute; top: 0; background: #f0f0f0; box-shadow: 0 0 2px 2px #ddd; display: none;}
.inline-menu ul { padding: 0  0.4em; margin: 0; list-style-type: none; border: solid 1px #bbb;}
.inline-menu ul li { padding: 0.2em 0.4em; margin: 0; border-bottom: dotted 1px #aaa; cursor: pointer;}
.inline-menu ul li a { text-decoration: none; color: #111}

.clickable { cursor: pointer;}

.map-sidebar-listing { list-style-type: none; margin: 0; padding: 0;}
.map-sidebar-listing li {border-bottom: dotted 1px #ddd;  margin: 0; padding: 0.4em; line-height: 110%;}
.map-sidebar-listing li.selected {background-color: yellow;}
.map-sidebar-listing li:hover {background-color: #fffed0;}

.cell-compulsory-field-warning { color: #777; font-size: 80%; width: 20%;}
.cell-needing-help { border-bottom: 0!important}
.cell-providing-help { border-top: 0; color: #777; font-size: 80%;}
.top-messages {margin-bottom: 0.4em;}
.top-message { background: #73c132; color: #fff; font-weight: bold; padding: 0.5em; border-top: dotted 1px #fff;}
.first-top-message { border-top: 0;}
.top-message-close-button { float: right; cursor: pointer;}

.translation-listing { border-collapse: collapse; border-top: dotted 1px #777; font-size: 80%;}
.translation-listing td { border-bottom: dotted 1px #777; padding: 0.3em;}
.translation-listing tr.missing-translation { background-color: #ff7373; }
.translation-listing th { border-bottom: solid 3px #777; padding: 0.3em;}

.admin-dashboard-widget-tasks { border-left: solid 12px #ff3939!important; }

.admin-dashboard-widget-half-screen { float: left; width: 50%;}
.admin-dashboard-widget-left-widget { padding-right: 0.5em;}
.admin-dashboard-widget-right-widget { padding-left: 0.5em;}

.article { border-bottom: dotted 1px #aaa; margin: 0 0 1em 0; padding: 0 0 1em 0;}
.article-metadata { border-top: dotted 1px #ddd; margin-top: 1rem; color: #555; text-align: right; font-size: 80%;}

.light-table { border-collapse: collapse;}
.light-table td { border: dotted 1px #ddd; text-align: center; padding: 0.3em;}
.light-table th { border-right: dotted 1px #ddd; border-bottom: dotted 1px #ddd; text-align: left; font-weight: normal; color: #555;  padding: 0.3em;}
.light-table tr.header th { border-left: dotted 1px #ddd; text-align: center; border-right: 0;}
.light-table tr.header th.first { border-left: 0;}
.light-table td.last { border-right: 0;}

.widget { background: #fcfcfc; border-left: solid 12px #f0f0f0; padding: 1em; margin: 0 0 1em 0; }
.widget h2 { margin: 0 0 0.5em 0;}
.widget h3 { font-size: 1rem; font-weight: bold; margin: 0 0 0.3em 0;}
.widget-title { font-size: 120%; font-weight: bold; margin: 0 0 1em 0; color: #555;}
.widget-important { border-left: solid 12px #0080f2!important; }
.widget-success { border-left: solid 12px #72fb00!important; background: #d7fbba;}
.widget-selected { border-left: solid 12px #72fb00!important; }
.widget-failure { border-left: solid 12px #ff0000!important; }
.widget-help { background-color: transparent; border-top: solid 1px #ddd; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; border-left-color: powderblue; color: #555;}
.widget-error { border-left: solid 12px #ff0000!important; }
.widget-warning { border-left: solid 12px orange!important;}
.widget-deleted { border-left: solid 12px rgb(122, 85, 26)!important;}
.widget-task { border-left: solid 12px /*#72fb00*/ yellow!important; background: /*#f0fee4*/ #ffffe0;}
.widget-task .selected-row { background-color: #ffffff;}
.widget-buttons { text-align: right;}
.widget-top-buttons { float: right; text-align: right; margin-bottom: 1em;}
.widget-wire { background-color: #fdfdfd; border-top: solid 1px #f0f0f0; border-right: solid 1px #f0f0f0; border-bottom: solid 1px #f0f0f0;}
.widget-placeholder { background-color: #fff; padding: 1em; margin: 0 0 1em 0; border: dotted 1px #ddd; text-align: center; border-left: solid 12px #f0f0f0;}

.work-item-priority-CZ-0 { border-left: solid 10px #ff6363/*#e55b5b*/;}
.work-item-priority-CZ-1 { border-left: solid 10px #fff763/*#ffb463#e5e55b*/;}
.work-item-priority-CZ-2 { border-left: solid 10px #b9ff63/*#9ce55b*/;}
.work-item-priority-CZ-3 { border-left: solid 10px #63c6ff/*#5bbae5*/;}
.work-item-priority-US-0 { border-left: solid 10px #ff6363/*#e55b5b*/;}
.work-item-priority-US-1 { border-left: solid 10px #fff763/*#ffb463#e5e55b*/;}
.work-item-priority-US-2 { border-left: solid 10px #b9ff63/*#9ce55b*/;}
.work-item-priority-US-3 { border-left: solid 10px #63c6ff/*#5bbae5*/;}

.result-message-success { background: #d4ee9f; padding: 1em; margin-bottom: 1em;}
.result-message-failure { background: #ffaaaa; padding: 1em; margin-bottom: 1em;}

.listing-row-cable-bracing-to-inspect { background-color: yellow;}
.listing-row-cable-bracing-to-replace { background-color: red; color: white;}

.listing-tile-cable-bracing { border-left: solid 10px #53ed3e;}
.listing-tile-cable-bracing-to-inspect { border-left: solid 10px yellow;}
.listing-tile-cable-bracing-to-replace { border-left: solid 10px red;}
.listing-tile-cable-bracing-discarded { border-left: solid 10px #ddd;}
.listing-tile-cable-bracing-felled-tree { border-left: solid 10px #ddd; text-decoration: line-through;}

.listing-tiles-color-legend-controls { text-align: center; margin: 0.5em 0 0 0;}
.listing-tile-legend-cable-bracing-to-inspect { border: solid 1px #eee; border-left: solid 10px yellow; padding: 0.2em;}
.listing-tile-legend-cable-bracing-to-replace { background-color: red; color: white; padding: 0.2em;}

table.plain { margin: 0 0 1em 0; width: 100%; font-size: 100%; border-collapse: collapse;}
table.plain th { padding: 4px; border: dotted 1px #ccc; font-weight: bold; text-align: center;}
table.plain td { padding: 4px; border: dotted 1px #ccc; text-align: left; font-size: 100%;}

table.simple { margin: 0 0 1em 0; font-size: 100%; border-collapse: collapse;}
table.simple th { padding: 4px; border: dotted 1px #ccc; font-weight: bold; text-align: center;}
table.simple td { padding: 4px; border: dotted 1px #ccc; text-align: left; font-size: 100%;}

table.details { margin: 0 0 1em 0; width: 100%; font-size: 100%; border-top: dotted 1px #ccc; }
table.details th { padding: 4px; border-bottom: dotted 1px #ccc;  border-right: dotted 1px #ccc; width: 200px; font-weight: normal; text-align: right; color: #777;}
table.details td { padding: 4px; border-bottom: dotted 1px #ccc; text-align: left; font-size: 100%;}
table.details td.buttons { text-align: right;}
table.details td.help { color: #777; text-align: right;}
table.details th.wide { width: 400px;}
table.details tr:hover { background-color: rgb(255, 254, 209);}

table.long-labels-table th {width: 250px}

.dialog-side-tabs { float: left; border-right: solid 1px #015d54;}
.dialog-side-tabs ul { list-style-type: none; margin: 0 0 0 0.5em; padding: 0;}
.dialog-side-tabs li { text-align: right; margin: 0; padding: 0.3em; font-weight: bold; cursor: pointer;}
.dialog-side-content { float: right; width:600px;  padding: 0;}
.dialog-side-tabs-selected-tab { background: #015d54; color: #fff; border-bottom-left-radius: 5px; border-top-left-radius: 5px;}

table.listing {width: 100%; margin: 0 0 1em 0; border-top: dotted 1px #ddd;}
table.compact-listing {font-size: 70%!important;}
table.listing td, table.listing th { padding: 4px; border-bottom: dotted 1px #ddd; line-height: 140%; text-align: left; vertical-align: middle;}
table.listing th { color: #444; text-transform: uppercase; font-weight: normal;}
table.listing .button { padding: 3px;}
table.listing tr:hover { background-color: rgb(255, 254, 209); color: #111!important;}
table.listing tr:hover a { color: #015d54!important;}
table.listing tr.selected-row:hover { background-color: yellow;}
td.number {text-align: center!important; vertical-align: middle!important;}
th.number {text-align: center!important; vertical-align: middle!important;}
td.details { font-size: 90%; vertical-align: middle!important; color: #777;}
td.buttons {text-align: right!important; vertical-align: middle!important;}

table.listing-short {width: 100%; margin: 0 0 1em 0; border-top: dotted 1px #ddd;}
table.listing-short td, table.listing-short th { padding: 4px; border-bottom: dotted 1px #ddd; line-height: 140%; text-align: left; vertical-align: middle;}
table.listing-short th { font-weight: normal; color: #777; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; text-transform: uppercase;}
table.listing-short td.helper { color: #777;}
table.listing-short tr:hover { background-color: rgb(255, 254, 209);}
table.listing-short tr.selected-row:hover { background-color: yellow;}

ul.listing-short { list-style-type: none; margin: 0; padding: 0; border-top: dotted 1px #ddd;}
ul.listing-short li { border-bottom: dotted 1px #ddd; padding: 0.25em;}

.cell-values-overview { color: #ccc;}
.value-to-highlight { color: #555;}
.value-to-highlight:hover { background: #015d54; color: #fff; }

.dz-preview { background-color: #fcfcfc; position: relative; min-height: 45px; padding: 0 6px 0 51px; margin: 0 6px 6px 6px;}
.dz-success-mark { position: absolute; left: 50%; top: 50%; display: none}
.dz-error-mark { position: absolute; left: 50%; top: 50%; display: none}
.dz-thumbnail { position: absolute; left: 0; top: 0; margin-right: 6px;}
.dz-size strong { font-weight: normal;}
.dz-filename { font-weight: bold; margin-top: 2px; margin-right: 40px; height: 1.4em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.dz-message { color: #777; text-align: center; padding: 0.5em;}
.dz-remove-link { position: absolute; top: 0; right: 6px; cursor: pointer;}
.dz-progress { height: 3px;}
.dz-upload { background-color: red;}
.dz-success { /*border-left: solid 12px #72fb00!important;*/ background: #d7fbba;}
.dz-success .dz-remove-link { display: none;}
.dz-error .dz-remove-link { display: none;}
.dz-processing .dz-remove-link { display: none;}
.dz-error { background: #ffb3b3;}
.dz-error-message { display: none;}
#dz-progress-widget { height: 12px; width: 100%;}
#dz-progress-bar { background: #0f0; height: 12px; width: 100%;}
.error-message {color: #f00; display: block; text-align: center;}
.success-message {color: #0f0; display: block; text-align: center;}

#bonsai-banner-front-page { border-top: dotted 1px #b0b0b0; margin: 0 0 1em 0; border-radius: 4px; padding: 24px 0 24px 0;}
#bonsai-banner-dashboard .bonsai-banner-content { text-align: left; padding: 0 200px 0 0; background: url(/static/img/bonsai-logo-transparent.png) right center no-repeat; min-height: 180px; color: #777;}

#bonsai-banner-front-page .bonsai-banner-content { padding: 0 24px 0 200px; background: url(/static/img/bonsai-logo-transparent.png) 20px center no-repeat; min-height: 180px; color: #777;}
#bonsai-banner-front-page .bonsai-banner-content h2 {margin: 0 0 1em 0; text-align: center; color: #333;}

.listing-with-details { width: 100%; border-bottom: dotted 1px #ddd;}
.listing-with-details tr.overview-row td { border-top: dotted 1px #ddd; padding: 8px;}
.listing-with-details tr.overview-row:hover { background-color:  #fffed1;}
.listing-with-details tr.details-row td.detail-cell { border-top: dotted 1px #ddd; padding: 8px 0; margin: 0;}
.listing-with-details tr.details-row .widget { margin: 0;}
.listing-with-details tr.details-row .widget h3 { margin: 0 0 0.5em 0; font-size: 100%; font-weight: bold;}
.listing-with-details tr.throbber-row td.throbber-cell { border-top: dotted 1px #ddd; padding: 4px 0; margin: 0; text-align: center;}
.listing-with-details .button-inline { font-size: 100%; padding: 1px 3px;}

.listing-selector {}
.listing-selector tr { cursor: pointer;}
.listing-selector .selected-row { background-color: yellow;}

.portal-partner-promotion { border-top: dotted 1px #b0b0b0; padding: 12px 0 0 0;}
.portal-partner-promotion p { padding:0; margin: 0;}
.portal-partner-promotion .portal-partner-logo { float: left; margin: 0; width: 160px; text-align: center;}

.portal-partner-widget .portal-partner-logo { float: right; margin: 0; width: 160px; text-align: center;}
.user-dashboard h1 {text-align: center!important;}

.selected-dialog-tab { background-color: red;}
.dialog-tab-content {display: none;}
.dialog-tabs ul {margin: 0; padding: 0; list-style-type: none; font-size: 90%;}
.dialog-tabs ul li {margin: 0; padding: 0 6px 0 6px; display: inline-block; cursor: pointer; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.dialog-tabs ul li.selected-dialog-tab { background-color: #015d54; color: #fff;}
.dialog-tabs { border-bottom: solid 1px #015d54; padding: 6px 6px 0 6px;}

.ots-is-confusing { background-color: red!important;}
.ots-is-suspicious { background-color: red!important;}

.sidebar-collapsible-section { border-top: solid 1px #ddd; margin-bottom: 0.5em;}
.sidebar-collapsible-section-active { border-top: solid 1px #ddd; background-color: #fffed1;}
.sidebar-collapsible-section-title { padding: 0.2em 1em; cursor: pointer; text-transform: uppercase;}
.sidebar-collapsible-section-active .sidebar-collapsible-section-title { font-weight: bold; /*background-color: #fff6d1;*/}
.sidebar-collapsible-section ul li { border-bottom: dotted 1px #ddd; margin: 0; padding: 0.2em 1em;}
.sidebar-collapsible-section ul li:first-of-type { border-top: dotted 1px #ddd;}
.sidebar-collapsible-section ul li:hover { background-color: rgb(255, 254, 209);}
.sidebar-collapsible-section ul { list-style-type: none; padding: 0; }

.compact-listing .button-inline { font-size: inherit; padding: 1px 1px!important;}
.cell-compact { font-size: 70%;}

#inspector-content h1 { text-align: left;}

.notebook {}
ul.notebook-tabs { border-bottom: solid 1px #015d54; margin: 0!important; padding: 0; list-style-type: 0;}
ul.notebook-tabs-smaller { font-size: 80%;}
li.notebook-tab {
    display: inline-block;
    margin: 0; padding: 0.4em;
    color: #015d54;
    cursor: pointer;
}
li.notebook-selected-tab { background: #015d54; color: #fff; border: solid 1px #015d54; border-top-right-radius: 7px; border-top-left-radius: 7px;}
ul.notebook-tabs li a { color: #fff; text-decoration: none;}
.notebook-page { padding: 1em 0 0 0;}

th.field-header { width: 1.5em; text-align: center!important; border-left: dotted 1px #ddd; border-right: dotted 1px #ddd;}
.field-clear { border-left: dotted 1px #ddd; border-right: dotted 1px #ddd;}
.field-ok { border-left: dotted 1px #ddd; border-right: dotted 1px #ddd; background: url(/static/img/td-field-ok.png) no-repeat center center;}
.field-true { border-left: dotted 1px #ddd; border-right: dotted 1px #ddd; background: url(/static/img/td-field-true.png) no-repeat center center;}
.field-wrong { border-left: dotted 1px #ddd; border-right: dotted 1px #ddd; background: url(/static/img/td-field-wrong.png) no-repeat center center;}

.field-hint { color: #aaa;}
.form-table th.cell-form-field-with-error { color: red;}

.screen-actions { float: right; }
.invalid-input-form-field {border-color: red}

ul.paragraphs { border-top: dotted 1px #ddd; list-style-type: none; margin: 0 0 1em 0; padding: 0;}
ul.paragraphs li { border-bottom: dotted 1px #ddd;  margin: 0; padding: 6px;}

.light-link { color: #555; text-decoration: underline dotted #555; cursor: pointer; font-size: 0.8rem;}
.sidebar-listing-item-roboauto-snapshot-category-tree { background-color: lightgreen;}
.sidebar-listing-item-roboauto-snapshot-category-other { background-color: lightsalmon;}
.sidebar-listing-item-roboauto-snapshot-category-ignore { background-color: lightsalmon;}
.sidebar-listing-item-roboauto-snapshot-category-group { background-color: aqua;}

.browser-menu { display: flex; flex-direction: row; justify-content: flex-end; background-color: #fcfcfc; padding: 0.5rem; margin-bottom: 1rem; border-top: solid 1px #ddd;}
.browser-menu > span { margin-left: 0.5rem;}

li.menu-item-with-label { display: flex;}
li.menu-item-with-label span:first-child { flex-grow: 1;}
li.menu-item-with-label span:last-child { background-color: #777; color: #fff; padding: 0 4px; border-radius: 4px; font-size: 70%;}

.button-devel { background-color: transparent !important; color: #999; border-color: #eee;}

button:focus-visible, a:focus-visible, input:focus-visible {
    outline: 5px solid oklch(60% 0.15 252);
}

.filter-value { cursor: pointer; border: solid 1px #aaa; padding: 0.1rem 0.3rem; margin: 0.1rem 0.5rem 0.1rem 0; border-radius: 3px; white-space: nowrap; display: inline-flex; align-items: center;}
.active-filter-value { background-color: lightsteelblue; }

.pseudo-nb {}
.pseudo-nb ul.tab-menu { border-bottom: solid 1px #015d54; margin: 0!important; padding: 0; list-style-type: 0;}
.pseudo-nb ul.tab-menu li { display: inline-block; margin: 0; padding: 0.4em; color: #015d54; cursor: pointer;}
.pseudo-nb ul.tab-menu li.pseudo-nb-selected-tab { background: #015d54; color: #fff; border: solid 1px #015d54; border-top-right-radius: 7px; border-top-left-radius: 7px;}
.pseudo-nb-page { padding: 1em 0 0 0;}

.read-only {background-color: #e9e8e8; }
.read-only:hover {background-color: #e9e8e8!important; }
.read-only .filter-value {cursor: default;}
.read-only .active-filter-value { background-color: #c2c1c1!important; }