body { font-family: sans-serif;}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #f0f0f0 inset;
}

.error-messages {background-color: #ffd8c8; color: #000; text-align: left; margin: 1em 0; border-top: dotted 1px #f00; font-weight: bold;}
.error-messages ul { list-style-type: none;}
.error-messages ul li { border-bottom: dotted 1px #f00; padding: 1em;}

#map { width: 100%; height: 100%; position: absolute; left: 0; top: 75px;}
#mobile-toolbar { height: 75px; background: /*#fffed0*/ #015c53 url(/static/img/spk-mobile-logo.png) left top no-repeat; line-height: 75px; vertical-align: center; padding-left: 80px;}
#mobile-toolbar h1 { color: #fff; overflow: hidden;}
#mobile-toolbar-buttons { position: absolute; right: 0; top: 0; z-index:100; background: transparent; list-style-type: none; margin: 0; padding: 0;}
#mobile-toolbar-buttons li { cursor: pointer; height: 75px; margin: 0; float: left; text-align: center; border-left: dotted 1px #fff; line-height: 75px; vertical-align: middle;}
.mobile-toolbar-icon-button { width: 75px; font-size: 0;  padding: 0; background: #015c53;}
.mobile-toolbar-narrow-icon-button { width: 50px; font-size: 0;  padding: 0; background: #015c53;}
.mobile-toolbar-text-button { padding: 0 10px; color: #fff; font-weight: bold; background: #015c53;}

#mobile-toolbar-button-close {background: url(/static/img/spk-mobile-close.png) left top no-repeat;}
#mobile-toolbar-button-show-in-map {background: url(/static/img/spk-mobile-show-in-map.png) left top no-repeat;}
#mobile-toolbar-button-up {background: url(/static/img/spk-mobile-up.png) left top no-repeat;}
#mobile-toolbar-button-add {background: url(/static/img/spk-mobile-add.png) left top no-repeat;}
#mobile-toolbar-button-user {background: url(/static/img/spk-mobile-user.png) left top no-repeat;}
#mobile-toolbar-button-data {background: url(/static/img/spk-mobile-data.png) left top no-repeat;}
#mobile-toolbar-button-menu {background: url(/static/img/spk-mobile-menu.png) center center no-repeat;}
#mobile-toolbar-button-map {background: url(/static/img/spk-mobile-map.png) left top no-repeat;}
#mobile-toolbar-button-real-location {background: url(/static/img/spk-mobile-real-location.png) left top no-repeat;}
#mobile-toolbar-button-actions {background: url(/static/img/spk-mobile-actions.png) left top no-repeat;}

#mobile-dialog { background: #fff; position: absolute; left: 0; top: 0; width: 100%; z-index: 200;}
#mobile-dialog-header { position: relative; height: 75px; width: 100%; padding: 0; background: #015c53; line-height: 75px; vertical-align: center; font-weight: bold; color: #fff; text-align: left;}
#mobile-dialog-content { margin-bottom: 75px }
#mobile-dialog-footer { position: fixed; left: 0; bottom: 0; height: 75px; width: 100%; padding: 0; background: #015c53; border-top: dotted 1px #fff;}
#mobile-dialog-arboretum-icon { position: absolute; top: 0; left: 0; background: #015c53 url(/static/img/spk-mobile-logo.png) left top no-repeat; width: 75px; height: 75px; cursor: pointer; border-right: dotted 1px #fff;}
#mobile-dialog-title { padding-left: 85px;}
.mobile-dialog-listing-common-note {padding: 0.5em;}
.mobile-dialog-listing { list-style-type: none; margin: 0; padding: 0;}
.mobile-dialog-listing li { border-bottom: dotted 1px #ddd; padding: 0.5em;}
.mobile-dialog-listing li h3 { margin: 0; padding: 0 0 0.3em 0; border: 0;}

.mobile-dialog-info-grid { width: 100%;}
.mobile-dialog-info-grid dt { text-transform: uppercase; float: left; padding: 0.3em; color: #015c53; }
.mobile-dialog-info-grid dt.big-field { float: none;}
.mobile-dialog-info-grid dd { text-align: right; padding: 0.3em; border-bottom: dotted 1px #ddd; }
.mobile-dialog-info-grid dd:empty:before { content: "\00a0"; }
.mobile-dialog-info-grid dd.big-field { text-align: left; }

.clickable { cursor: pointer; background: /*#e3f5f*/ #fffec6;}

#mobile-dialog-tools { position: absolute; bottom: 0; right: 0; height: 75px; margin: 0; padding: 0;}
#mobile-dialog-tools ul { list-style-type: none; margin: 0; padding: 0;}
#mobile-dialog-tools li { float: right; cursor: pointer; margin: 0; padding: 0 0.3em; line-height: 75px; vertical-align: center; border-left: dotted 1px #fff;}

.mobile-dialog-section { margin: 0; padding: 0;}
.mobile-dialog-section h2 { text-transform: uppercase; background: #015c53; color: #fff; padding: 0.5em 0.3em; font-weight: normal; cursor: pointer; border-top: solid 1px #fff;}
.mobile-dialog-section-content { padding-bottom: 0.4em;}

.mobile-form { width: 100%; margin: 1em auto 0 auto;}
.mobile-form label{ display: block; margin: 0em; text-transform: uppercase; color: #015c53; font-weight: bold; padding: 0.4em 0; }
.mobile-form .mobile-form-field {padding: 0.4em; margin: 0 0 0.5em 0;}
.mobile-form .mobile-form-input-radio { padding: 0.4em 0.2em; margin: 0; background: #f8f8f8; border-bottom: solid 1px #aaa;}
.mobile-form .mobile-form-input-text {padding: 0.2em; margin: 0; background: #f8f8f8; border-bottom: solid 1px #aaa; border-right: solid 1px #aaa; border-left: solid 1px #aaa;}
.mobile-form .mobile-form-input-text input{width: 95%; border: 0; background: transparent; font-size: 100%;}

.mobile-form .mobile-form-input-select {padding: 0.5em; margin: 0; background: #f8f8f8; border: solid 1px #aaa;}
.mobile-form .mobile-form-input-select select{
    width: 100%; border: 0; margin: 0; padding: 0; background: transparent; font-size: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.mobile-form .mobile-form-input-password {padding: 0.2em; margin: 0; background: #f8f8f8; border-bottom: solid 1px #aaa; border-right: solid 1px #aaa; border-left: solid 1px #aaa;}
.mobile-form .mobile-form-input-password input{width: 95%; border: 0; background: transparent; font-size: 100%;}
.mobile-form .mobile-form-input-textarea {padding: 0.2em; margin: 0; background: #f8f8f8; border-bottom: solid 1px #aaa; border-right: solid 1px #aaa; border-left: solid 1px #aaa;}
.mobile-form .mobile-form-input-textarea textarea {width: 95%; border: 0; background: transparent; resize: none; font-family: sans-serif; font-size: 100%;}
.mobile-form-buttons { text-align: center; margin-top: 2em;}
.mobile-form label.error-field { color: #f00;}
.mobile-error-message { background: #f00; color: #fff; font-weight: bold; text-align: center; padding: 0.5em; display: none;}

.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*/;}

.listing-tiles {}
.listing-tiles h2 { margin: 0; padding: 0 0 0.5em 0; border-bottom: solid 3px #eee;}
.listing-tile { border-bottom: solid 1px #eee; padding: 6px 12px 6px 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 { background: transparent;}
.listing-tiles h2 { margin: 0; padding: 0 0 0.3em 0; border-bottom: solid 3px #eee;}
.listing-tile { background: #fafafa; border: solid 1px #f0f0f0; padding: 6px 12px 12px 12px; margin: 0.5em;}
.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%;
	text-decoration: none; font-weight: bold;
	background: /*#ffb00d*/ url(/static/img/design/button-bg.png) repeat-x center; color: #fff; border: solid 1px /*#196d64*/ #23998c;
	padding: 4px;  
	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%;
	cursor: pointer;
	text-decoration: none; font-weight: bold;
	background: url(/static/img/design/button-bright-bg.png) repeat-x center;
	color: #015d54!important; border: solid 1px #ffe41c; font-weight: bold;
	padding: 4px;  
	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;}

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;}

.question { font-weight: bold; padding: 1em; font-weight: bold; text-align: center;}
.photos { margin: 2em 0 1em 0; text-align:center;}
.photos .photo { position: relative; display: inline-block; }
.label { color: #777;}
.button { font-weight: bold; padding: 1em; background: #015c53; color: #fff; border: 0; cursor: pointer;}
.is-felled { text-decoration: line-through}
.is-felled-warning { background: red; color: white; border-top: solid 1px #fff; text-align: center; padding: 0.5em;}