/* Minification failed. Returning unminified contents.
: run-time error CSS1066: Unexpected end of file encountered
 */
/*Grid*/
.ui-jqgrid {position: relative;}
.ui-jqgrid .ui-jqgrid-view {position: relative;left:0; top: 0; padding: 0; font-size:11px;}
/* caption*/
.ui-jqgrid .ui-jqgrid-titlebar {padding: .3em .2em .2em .3em; position: relative; border-left: 0 none;border-right: 0 none; border-top: 0 none;}
.ui-jqgrid .ui-jqgrid-title { float: left; margin: .1em 0 .2em; }
.ui-jqgrid .ui-jqgrid-titlebar-close { position: absolute;top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height:18px;}.ui-jqgrid .ui-jqgrid-titlebar-close span { display: block; margin: 1px; }
.ui-jqgrid .ui-jqgrid-titlebar-close:hover { padding: 0; }
/* header*/
.ui-jqgrid .ui-jqgrid-hdiv {position: relative; margin: 0;padding: 0; overflow-x: hidden; border-left: 0 none !important; border-top : 0 none !important; border-right : 0 none !important;}
.ui-jqgrid .ui-jqgrid-hbox {float: left; padding-right: 20px;}
.ui-jqgrid .ui-jqgrid-htable {table-layout:fixed;margin:0;}
.ui-jqgrid .ui-jqgrid-htable th {height:22px;padding: 0 2px 0 2px;}
.ui-jqgrid .ui-jqgrid-htable th div {overflow: hidden; position:relative; height:17px;}
.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {overflow: hidden;white-space: nowrap;text-align:center;border-top : 0 none;border-bottom : 0 none;}
.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {border-left : 0 none;}
.ui-th-rtl, .ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl {border-right : 0 none;}
.ui-first-th-ltr {border-right: 1px solid; }
.ui-first-th-rtl {border-left: 1px solid; }
.ui-jqgrid .ui-th-div-ie {white-space: nowrap; zoom :1; height:17px;}
.ui-jqgrid .ui-jqgrid-resize {height:20px !important;position: relative; cursor :e-resize;display: inline;overflow: hidden;}
.ui-jqgrid .ui-grid-ico-sort {overflow:hidden;position:absolute;display:inline; cursor: pointer !important;}
.ui-jqgrid .ui-icon-asc {margin-top:-3px; height:12px;}
.ui-jqgrid .ui-icon-desc {margin-top:3px;height:12px;}
.ui-jqgrid .ui-i-asc {margin-top:0;height:16px;}
.ui-jqgrid .ui-i-desc {margin-top:0;margin-left:13px;height:16px;}
.ui-jqgrid .ui-jqgrid-sortable {cursor:pointer;}
.ui-jqgrid tr.ui-search-toolbar th { border-top-width: 1px !important; border-top-color: inherit !important; border-top-style: ridge !important }
tr.ui-search-toolbar input {margin: 1px 0 0 0}
tr.ui-search-toolbar select {margin: 1px 0 0 0}
/* body */ 
.ui-jqgrid .ui-jqgrid-bdiv {position: relative; margin: 0; padding:0; overflow: auto; text-align:left;}
.ui-jqgrid .ui-jqgrid-btable {table-layout:fixed; margin:0; outline-style: none; }
.ui-jqgrid tr.jqgrow { outline-style: none; }
.ui-jqgrid tr.jqgroup { outline-style: none; }
.ui-jqgrid tr.jqgrow td {font-weight: normal; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
.ui-jqgrid tr.jqgfirstrow td {padding: 0 2px 0 2px;border-right-width: 1px; border-right-style: solid;}
.ui-jqgrid tr.jqgroup td {font-weight: normal; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
.ui-jqgrid tr.jqfoot td {font-weight: bold; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
.ui-jqgrid tr.ui-row-ltr td {text-align:left;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;}
.ui-jqgrid tr.ui-row-rtl td {text-align:right;border-left-width: 1px; border-left-color: inherit; border-left-style: solid;}
.ui-jqgrid td.jqgrid-rownum { padding: 0 2px 0 2px; margin: 0; border: 0 none;}
.ui-jqgrid .ui-jqgrid-resize-mark { width:2px; left:0; background-color:#777; cursor: e-resize; cursor: col-resize; position:absolute; top:0; height:100px; overflow:hidden; display:none; border:0 none; z-index: 99999;}
/* footer */
.ui-jqgrid .ui-jqgrid-sdiv {position: relative; margin: 0;padding: 0; overflow: hidden; border-left: 0 none !important; border-top : 0 none !important; border-right : 0 none !important;}
.ui-jqgrid .ui-jqgrid-ftable {table-layout:fixed; margin-bottom:0;}
.ui-jqgrid tr.footrow td {font-weight: bold; overflow: hidden; white-space:nowrap; height: 21px;padding: 0 2px 0 2px;border-top-width: 1px; border-top-color: inherit; border-top-style: solid;}
.ui-jqgrid tr.footrow-ltr td {text-align:left;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;}
.ui-jqgrid tr.footrow-rtl td {text-align:right;border-left-width: 1px; border-left-color: inherit; border-left-style: solid;}
/* Pager*/
.ui-jqgrid .ui-jqgrid-pager { border-left: 0 none !important;border-right: 0 none !important; border-bottom: 0 none !important; margin: 0 !important; padding: 0 !important; position: relative; height: 25px;white-space: nowrap;overflow: hidden;font-size:11px;}
.ui-jqgrid .ui-pager-control {position: relative;}
.ui-jqgrid .ui-pg-table {position: relative; padding-bottom:2px; width:auto; margin: 0;}
.ui-jqgrid .ui-pg-table td {font-weight:normal; vertical-align:middle; padding:1px;}
.ui-jqgrid .ui-pg-button  { height:19px !important;}
.ui-jqgrid .ui-pg-button span { display: block; margin: 1px; float:left;}
.ui-jqgrid .ui-pg-button:hover { padding: 0; }
.ui-jqgrid .ui-state-disabled:hover {padding:1px;}
.ui-jqgrid .ui-pg-input { height:13px;font-size:.8em; margin: 0;}
.ui-jqgrid .ui-pg-selbox {font-size:.8em; line-height:18px; display:block; height:18px; margin: 0;}
.ui-jqgrid .ui-separator {height: 18px; border-left: 1px solid #ccc ; border-right: 1px solid #ccc ; margin: 1px; float: right;}
.ui-jqgrid .ui-paging-info {font-weight: normal;height:19px; margin-top:3px;margin-right:4px;}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div {padding:1px 0;float:left;position:relative;}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-button { cursor:pointer; }
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div  span.ui-icon {float:left;margin:0 2px;}
.ui-jqgrid td input, .ui-jqgrid td select .ui-jqgrid td textarea { margin: 0;}
.ui-jqgrid td textarea {width:auto;height:auto;}
.ui-jqgrid .ui-jqgrid-toppager {border-left: 0 none !important;border-right: 0 none !important; border-top: 0 none !important; margin: 0 !important; padding: 0 !important; position: relative; height: 25px !important;white-space: nowrap;overflow: hidden;}
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {padding:1px 0;float:left;position:relative;}
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button { cursor:pointer; }
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div  span.ui-icon {float:left;margin:0 2px;}
/*subgrid*/
.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span {display: block;}
.ui-jqgrid .ui-subgrid {margin:0;padding:0; width:100%;}
.ui-jqgrid .ui-subgrid table {table-layout: fixed;}
.ui-jqgrid .ui-subgrid tr.ui-subtblcell td {height:18px;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
.ui-jqgrid .ui-subgrid td.subgrid-data {border-top:  0 none !important;}
.ui-jqgrid .ui-subgrid td.subgrid-cell {border-width: 0 0 1px 0;}
.ui-jqgrid .ui-th-subgrid {height:20px;}
/* loading */
.ui-jqgrid .loading {position: absolute; top: 45%;left: 45%;width: auto;z-index:101;padding: 6px; margin: 5px;text-align: center;font-weight: bold;display: none;border-width: 2px !important; font-size:11px;}
.ui-jqgrid .jqgrid-overlay {display:none;z-index:100;}
* html .jqgrid-overlay {width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}
* .jqgrid-overlay iframe {position:absolute;top:0;left:0;z-index:-1;width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}
/* end loading div */
/* toolbar */
.ui-jqgrid .ui-userdata {border-left: 0 none;    border-right: 0 none;	height : 21px;overflow: hidden;	}
/*Modal Window */
.ui-jqdialog { display: none; width: 300px; position: absolute; padding: .2em; font-size:11px; overflow:visible;}
.ui-jqdialog .ui-jqdialog-titlebar { padding: .3em .2em; position: relative;  }
.ui-jqdialog .ui-jqdialog-title { margin: .1em 0 .2em; } 
.ui-jqdialog .ui-jqdialog-titlebar-close { position: absolute;  top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }

.ui-jqdialog .ui-jqdialog-titlebar-close span { display: block; margin: 1px; }
.ui-jqdialog .ui-jqdialog-titlebar-close:hover, .ui-jqdialog .ui-jqdialog-titlebar-close:focus { padding: 0; }
.ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content { border: 0; padding: .3em .2em; background: none; height:auto;}
.ui-jqdialog .ui-jqconfirm {padding: .4em 1em; border-width:3px;position:absolute;bottom:10px;right:10px;overflow:visible;display:none;height:80px;width:220px;text-align:center;}
.ui-jqdialog>.ui-resizable-se { bottom: -3px; right: -3px}
/* end Modal window*/
/* Form edit */
.ui-jqdialog-content .FormGrid {margin: 0;}
.ui-jqdialog-content .EditTable { width: 100%; margin-bottom:0;}
.ui-jqdialog-content .DelTable { width: 100%; margin-bottom:0;}
.EditTable td input, .EditTable td select, .EditTable td textarea {margin: 0;}
.EditTable td textarea { width:auto; height:auto;}
.ui-jqdialog-content td.EditButton {text-align: right;border-top: 0 none;border-left: 0 none;border-right: 0 none; padding-bottom:5px; padding-top:5px;}
.ui-jqdialog-content td.navButton {text-align: center; border-left: 0 none;border-top: 0 none;border-right: 0 none; padding-bottom:5px; padding-top:5px;}
.ui-jqdialog-content input.FormElement {padding:.3em}
.ui-jqdialog-content select.FormElement {padding:.3em}
.ui-jqdialog-content .data-line {padding-top:.1em;border: 0 none;}

.ui-jqdialog-content .CaptionTD {vertical-align: middle;border: 0 none; padding: 2px;white-space: nowrap;}
.ui-jqdialog-content .DataTD {padding: 2px; border: 0 none; vertical-align: top;}
.ui-jqdialog-content .form-view-data {white-space:pre}
.fm-button { display: inline-block; margin:0 4px 0 0; padding: .4em .5em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fm-button-icon-left { padding-left: 1.9em; }
.fm-button-icon-right { padding-right: 1.9em; }
.fm-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px; }
.fm-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px;}
#nData, #pData { float: left; margin:3px;padding: 0; width: 15px; }
/* End Eorm edit */
/*.ui-jqgrid .edit-cell {}*/
.ui-jqgrid .selected-row, div.ui-jqgrid .selected-row td {font-style : normal;border-left: 0 none;}
/* inline edit actions button*/
.ui-inline-del.ui-state-hover span, .ui-inline-edit.ui-state-hover span,
.ui-inline-save.ui-state-hover span, .ui-inline-cancel.ui-state-hover span {
    margin: -1px;
}
/* Tree Grid */
.ui-jqgrid .tree-wrap {float: left; position: relative;height: 18px;white-space: nowrap;overflow: hidden;}
.ui-jqgrid .tree-minus {position: absolute; height: 18px; width: 18px; overflow: hidden;}
.ui-jqgrid .tree-plus {position: absolute;	height: 18px; width: 18px;	overflow: hidden;}
.ui-jqgrid .tree-leaf {position: absolute;	height: 18px; width: 18px;overflow: hidden;}
.ui-jqgrid .treeclick {cursor: pointer;}
/* moda dialog */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}
.ui-jqgrid-dnd tr td {border-right-width: 1px; border-right-color: inherit; border-right-style: solid; height:20px}
/* RTL Support */
.ui-jqgrid .ui-jqgrid-title-rtl {float:right;margin: .1em 0 .2em; }
.ui-jqgrid .ui-jqgrid-hbox-rtl {float: right; padding-left: 20px;}
.ui-jqgrid .ui-jqgrid-resize-ltr {float: right;margin: -2px -2px -2px 0;}
.ui-jqgrid .ui-jqgrid-resize-rtl {float: left;margin: -2px 0 -1px -3px;}
.ui-jqgrid .ui-sort-rtl {left:0;}
.ui-jqgrid .tree-wrap-ltr {float: left;}
.ui-jqgrid .tree-wrap-rtl {float: right;}
.ui-jqgrid .ui-ellipsis {text-overflow:ellipsis;}

/* Toolbar Search Menu */
.ui-search-menu { position: absolute; padding: 2px 5px;}
.ui-jqgrid .ui-search-table { padding: 0px 0px; border: 0px none; height:20px; width:100%;}
.ui-jqgrid .ui-search-table .ui-search-oper { width:20px; }
::-webkit-input-placeholder {
  font-style: italic;
  /*font-size: 90%; */
}
:-moz-placeholder {
  font-style: italic;
}
::-moz-placeholder {
  font-style: italic;
}
:-ms-input-placeholder {
  font-style: italic;
}
#imagelightbox {
  cursor: pointer;
  position: fixed;
  z-index: 10000;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-box-shadow: 0 0 3.125em rgba(0, 0, 0, 0.75);
  /* 50 */
  box-shadow: 0 0 3.125em rgba(0, 0, 0, 0.75);
  /* 50 */
}
/*
@media screen and (-webkit-device-pixel-ratio: 1.5) {

    select {
        -webkit-appearance: menulist-text;
    }
}
*/
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
form {
  padding: 0;
  margin: 0;
}
fieldset {
  border: 1px solid #CCC;
  width: inherit;
}
fieldset legend {
  padding: 0;
}
fieldset label {
  /*display: block; */
}
fieldset label.inline {
  display: inline;
}
legend {
  font-size: 1.1em;
  font-weight: bold;
}
/* TABLE
----------------------------------------------------------*/
table,
table td,
table th {
  border: 0;
}
table .tool-panel a {
  float: right;
  margin: 0 0.3em 0 0.3em;
}
.resizeCol-w {
  padding-left: 4px;
}
.resizeCol-e .ui-resizable-e {
  width: 4px !important;
  background-color: lightgray;
  z-index: 999;
}
/* COMMON/MISC  
----------------------------------------------------------*/
.textSmall {
  font-size: 0.8em;
}
.noBorder {
  border: 0;
}
.section {
  padding: 0.5em 0 0.5em 0;
}
/* Main
----------------------------------------------------------*/
/*
    @font-family-1:           Arial, Helvetica, sans-serif;
@font-family-2:           Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
*/
.clear {
  clear: both;
}
span.clear {
  display: block;
}
/* FROM jquery-ui css*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
html,
body {
  height: 100%;
}
body {
  font-size: 0.8em;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  color: #000000;
  margin: 0;
  padding: 0;
}
.js-container .js-hidden,
.js-container .js-hidden-temp {
  display: none;
}
.js-support.js-support-hidden {
  display: none !important;
}
@media (max-width: 480px) {
  .hide-xs {
    display: none!important;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  .hide-sm {
    display: none!important;
  }
}
a,
a:link,
a:visited,
a:active,
.ui-widget-content a.basic-link,
.ui-widget-content a.basic-link:link,
.ui-widget-content a.basic-link:visited,
.ui-widget-content a.basic-link:active .ui-widget-content .basic-links a,
.ui-widget-content .basic-links a:link,
.ui-widget-content .basic-links a:visited,
.ui-widget-content .basic-links a:active {
  color: #034af3;
  cursor: pointer;
  text-decoration: underline;
}
a:hover,
.ui-widget-content a.basic-link:hover,
.ui-widget-content .basic-links a:hover {
  color: #2c5283;
}
a img {
  border: none;
}
a:focus {
  outline: 1px solid black;
  outline: 2px solid -webkit-focus-ring-color;
}
/* HEADINGS
----------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1.5em;
  color: #000;
}
h1 {
  margin: 0;
  padding: 0.5em 0.5em 0.5em 0;
  font-size: 1.9em;
  font-weight: normal;
}
h1.pageTitle {
  margin-top: 0.5em;
}
h2 {
  margin: 0;
  padding: 0 0.2em 0.1em 0;
  font-size: 1.5em;
}
h3 {
  margin: 0;
  padding: 0 0.2em 0.1em 0;
  font-size: 1.2em;
}
h4 {
  font-size: 1.1em;
}
h5,
h6 {
  font-size: 1em;
}
h2 span.hx-resetfont,
h3 span.hx-resetfont,
h4 span.hx-resetfont {
  font-weight: normal;
}
h2 span.hx-resetfont {
  font-size: 0.66em;
}
h3 span.hx-resetfont {
  font-size: 0.83em;
}
h4 span.hx-resetfont {
  font-size: 0.91em;
}
.page {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* IE6 fix*/
  margin: 0 auto -25px;
  background-color: #fff;
}
.fixed-980 {
  position: relative;
  margin: 0 auto;
  width: 980px;
  display: block;
}
.content {
  width: 100%;
  padding: 0;
  margin: 0;
}
.inner-content {
  padding: 0.5em;
}
/* TABLE */
.layoutTable {
  border-spacing: 0;
}
.layoutTable td.layout {
  vertical-align: middle;
}
.layoutTable.col-top td.layout {
  vertical-align: top;
}
.layoutTable.fiftyfifty,
.layoutTable.fullwidth {
  width: 100%;
}
.layoutTable td.layout.one-third {
  width: 33%;
}
.layoutTable.fiftyfifty td.layout {
  width: 50%;
}
.layoutTable.fiftyfifty td.layout {
  width: 50%;
}
th.textfieldLabel,
td.textfieldLabel,
td.layoutTable {
  vertical-align: top;
}
td.textfieldLabel,
th.textfieldLabel {
  padding-top: 0.4em;
}
td.cell-center,
th.cell-center {
  text-align: center;
}
td.cell-right,
th.cell-right {
  text-align: right;
}
td.cell-left,
th.cell-left {
  text-align: left;
}
table td.cell-fill,
th.cell-fill {
  width: 100%;
}
table td.cell-fill-half,
th.cell-fill-half {
  width: 50%;
}
td.cell-number,
th.cell.number {
  text-align: right;
}
table.nowrap tr,
.nowrap {
  white-space: nowrap;
}
/* ERROR */
.error-container {
  width: 50%;
  margin: 5em auto;
}
.error-container .error-id {
  color: #e2e2e2;
  font-size: 0.8em;
  text-align: right;
}
.error-container p {
  margin-top: 1em;
}
.error-container ul.action-links {
  list-style-type: none;
  margin: 1em 0 0 0;
  padding: 0;
}
.error-container ul.action-links li {
  display: inline;
}
/* VALIDATION */
input.required,
textarea.required,
option.required,
select.required,
input.field-required,
textarea.field-required,
option.field-required,
select.field-required,
.field-required input,
.field-required select,
.field-required textarea {
  background-color: #fffbc9;
}
select.field-required option,
.field-required select option select.required option,
select.required optgroup {
  background-color: transparent;
}
.error,
.field-validation-error,
.field-warning,
.mandatory-field-error {
  color: #C81922;
}
input.error,
textarea.error,
option.error,
.input-validation-error {
  border: 1px dotted #f00;
  padding: 2px;
}
.validation-summary-errors {
  font-weight: bold;
  color: #C81922;
}
.validation-summary-valid {
  display: none;
}
/* BREADCRUMB NAVIGATION MENU */
.breadcrumb-navi {
  float: left;
  width: 100%;
  line-height: normal;
  text-align: center;
  padding-top: 0.2em;
  padding-bottom: 0.8em;
  font-size: 1.5em;
  font-weight: bold;
}
.breadcrumb-navi ul.navi ul,
ul.navi li {
  float: left;
  list-style: none;
  margin: 0;
}
.breadcrumb-navi ul.navi {
  margin: 0;
  padding: 9px 9px 0;
}
.breadcrumb-navi ul.navi a {
  float: left;
  display: block;
}
.breadcrumb-navi ul.navi a:hover {
  color: #2c5283;
}
.breadcrumb-navi ul.navi li.selected {
  position: relative;
  top: 1px;
}
/* Table */
.item-table {
  border: 0;
  border-spacing: 0;
  margin: 0;
}
.item-table.fill,
.item-table .table-col-fill {
  width: 100%;
}
.item-table td,
.item-table th {
  padding: 0.2em;
}
.item-table td + td,
.item-table th + td {
  padding-left: 0.4em;
}
.item-table thead {
  background-color: #c3dafa;
}
.item-table thead td,
.item-table thead th {
  text-align: left;
  font-weight: bold;
}
.item-table .even {
  background-color: #eaf2ff;
}
.item-table tr:not(.internal-header):nth-child(even) {
  background-color: #eaf2ff;
}
.item-table tr:not(.internal-header).odd:nth-child(even) {
  background-color: transparent;
}
.item-table tr.internal-header {
  background-color: #c3dafa;
}
/* NOTIFICATION PANEL */
.notification {
  margin: 0.2em 0;
}
.notification.box {
  margin: 0.5em;
}
.notification .success,
.notification .error,
.notification .info,
.notification .loading,
.notification .warning,
.notification .saving,
.notification .deleting {
  display: block;
}
.notification .hide {
  display: none;
}
.notification div,
.notification .loading,
.notification .saving,
.notification .deleting {
  background: #ebebeb;
}
.notification .notification-icon {
  margin-right: 0.5em;
  background-position: 0 16px;
  width: 0;
}
.notification .notification-content,
.notification .notification-content div {
  background: transparent;
}
.notification .notification-content {
  padding: 0.5em;
  vertical-align: middle;
}
.notification .notification-icon,
.notification .notification-content > span {
  display: block;
  float: left;
}
.notification.box .notification-icon {
  position: relative;
  top: 0;
  left: 0;
}
.notification.box .notification-container {
  position: relative;
  top: 0;
  left: 0;
  padding-left: 25px;
}
.notification .success {
  background: #ddf2da;
}
.notification .info {
  background: #e1eefc;
}
.notification .warning {
  background: #fff7a0;
}
.notification .error {
  background: #ffdfe7;
  color: #000 !important;
}
.notification .loading .notification-icon,
.notification .saving .notification-icon,
.notification .deleting .notification-icon {
  background: url(images/small-loader.gif) 0 0 no-repeat;
}
.notification .success .notification-icon,
.notification .warning .notification-icon,
.notification .error .notification-icon,
.notification .info .notification-icon,
.notification .loading .notification-icon,
.notification .saving .notification-icon,
.notification .deleting .notification-icon {
  width: 16px;
}
.notification .success .notification-icon {
  background-position: 0 -288px;
}
.notification .info .notification-icon {
  background-position: 0 -304px;
}
.notification .warning .notification-icon {
  background-position: 0 -320px;
}
.notification .error .notification-icon {
  background-position: 0 -336px;
}
/* BUTTONS */
button,
input[type="button"],
input[type="submit"],
.ui-widget button,
.ui-widget input[type="button"],
.ui-widget input[type="submit"],
div.button-container,
div.button-container a,
div.link-button-container,
div.link-button-container a {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
input[type="button"]:focus,
input[type="submit"]:focus,
.ui-widget button:focus,
.ui-widget input[type="button"]:focus,
.ui-widget input[type="submit"]:focus,
div.button-container:focus,
div.button-container a:focus,
div.link-button-container:focus,
div.link-button-container a:focus {
  outline: 1px solid black;
  outline: 2px solid -webkit-focus-ring-color;
}
button,
input[type="button"],
input[type="submit"],
.ui-widget button,
.ui-widget input[type="button"],
.ui-widget input[type="submit"] {
  height: 2em;
  font-size: 1.2em;
}
button.disabled,
input[type="button"].disabled,
input[type="submit"].disabled,
.button.disabled,
div.button-container a.button.disabled,
div.button-container a.button-blue.disabled,
button.disabled:hover,
input[type="button"].disabled:hover,
input[type="submit"].disabled:hover,
.button.disabled:hover,
div.button-container a.button.disabled:hover,
div.button-container a.button-blue.disabled:hover {
  background: #f4f4f4;
  border: 1px solid #e3e3e3;
  color: #b2b2b2;
  font-weight: normal;
}
div.button-container a.button.disabled,
div.button-container a.button-blue.disabled,
div.button-container a.button.disabled:hover,
div.button-container a.button-blue.disabled:hover {
  cursor: default;
}
button.small,
input[type="button"].small,
input[type="submit"].small,
.ui-widget input[type="submit"].small,
.ui-widget button.small,
.ui-widget input[type="button"].small {
  height: auto;
  font-size: 1.1em;
}
div.button-container,
div.link-button-container {
  display: block;
}
div.button-container a,
div.link-button-container a div.link-button-container.qq-upload-button label {
  float: left;
  margin: 0;
  position: relative;
  padding: 0.5em;
}
div.link-button-container.qq-upload-button {
  padding-top: 2px;
  padding-right: 2px;
}
div.button-container {
  font-size: 1.2em;
}
div.link-button-container.height-button-container {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
div.button-container a {
  text-decoration: none !important;
}
div.link-button-container a {
  color: #034af3 !important;
  text-decoration: underline !important;
}
div.button-container a.small,
div.link-button-container a.small {
  padding: 0.38em;
}
div.button-container a.tiny,
div.link-button-container a.tiny {
  padding: 0.1em 1em;
}
div.button-container a.button {
  color: #000;
}
div.button-container a.button-blue {
  color: #fff;
}
div.button-container a span {
  float: left;
}
div.link-button-container a:hover {
  background: #eaeaea;
}
.button-container.left,
.link-button-container.left {
  float: left;
}
.button-container.right,
.link-button-container.right {
  float: right;
}
.button-container.left + .button-container.left,
.button-container.left + .link-button-container.left,
.link-button-container.left + .link-button-container.left,
.link-button-container.left + .button-container.left {
  margin-left: 0.3em;
}
.button-container.right + .button-container.right,
.button-container.right + .link-button-container.right,
.link-button-container.right + .link-button-container.right,
.link-button-container.right + .button-container.right {
  margin-right: 0.3em;
}
.button-container.left + .button-container.left.more-margin,
.button-container.left + .link-button-container.left.more-margin,
.link-button-container.left + .link-button-container.left.more-margin,
.link-button-container.left + .button-container.left.more-margin {
  margin-left: 0.6em;
}
.button-container.right + .button-container.right.more-margin,
.button-container.right + .link-button-container.right.more-margin,
.link-button-container.right + .link-button-container.right.more-margin,
.link-button-container.right + .button-container.right.more-margin {
  margin-right: 0.6em;
}
/* grey button */
.button,
.button-grey,
.button-add,
.button-edit,
.button-undo,
.button-cancel,
.button-delete,
.button-search,
.button-copy,
.button-open {
  background: #eaeaea url(images/button-grey-bg.png) 50% 50% repeat-x;
  border: 1px solid #c4c4c4;
}
.button:hover,
.button-grey:hover,
.button-add:hover,
.button-edit:hover,
.button-undo:hover,
.button-cancel:hover,
.button-delete:hover,
.button-search:hover,
.button-copy:hover,
.button-open:hover {
  background: #e3e3e3 url(images/button-grey-bg_hover.png) 50% 50% repeat-x;
}
/* blue button */
.button-blue,
.button-save,
.button-ok,
.button-yes {
  background: #0048a2 url(images/button-blue-bg.png) 50% 50% repeat-x;
  border: 1px solid #3e5e8e;
  color: #fff;
  font-weight: bold;
}
.button-blue:hover,
.button-save:hover,
.button-ok:hover,
.button-yes:hover,
.button-blue a {
  background: #0058c4 url(images/button-blue-bg_hover.png) 50% 50% repeat-x;
}
.button:focus,
.button-grey:focus,
.button-add:focus,
.button-edit:focus,
.button-undo:focus,
.button-cancel:focus,
.button-delete:focus,
.button-search:focus,
.button-copy:focus,
.button-open:focus,
.button-blue:focus,
.button-save:focus,
.button-ok:focus,
.button-yes:focus {
  outline: 1px solid black;
  outline: 2px solid -webkit-focus-ring-color;
}
/* Two column layout */
.twoColumnLayout {
  position: relative;
  clear: both;
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.twoColumnLayout .col {
  float: left;
  position: relative;
  padding: 0;
  overflow: hidden;
}
.twoColumnLayout .left {
  float: left;
  position: relative;
  width: 100%;
  right: 73%;
}
.twoColumnLayout .col-1 {
  width: 25%;
  left: 3%;
}
.twoColumnLayout .col-2 {
  width: 71%;
  left: 101%;
}
.twoColumnLayoutFixedLeft {
  clear: both;
  float: left;
  width: 100%;
}
.twoColumnLayoutFixedLeft .col-2 {
  margin-left: 18em;
  /* columnWidth */
}
.twoColumnLayoutFixedLeft .col-1 {
  float: left;
  width: 18em;
  /* columnWidth */
}
.twoColumnLayoutFixedLeft .col-2-24 {
  margin-left: 24em;
  /* columnWidth */
}
.twoColumnLayoutFixedLeft .col-1-24 {
  float: left;
  width: 24em;
  /* columnWidth */
}
.twoColumnLayoutFixedLeft .scrollbarWrapper {
  overflow: auto;
}
.twoColumnLayoutFixedLeft .hiddenWrapper {
  overflow: hidden;
}
/* Item list*/
.item-list .highlighted {
  font-weight: bold;
}
.item-list a.selected {
  width: 11.5em;
}
.item-list a.selected,
.selected-item {
  background-color: #d7defe;
}
.item-list a.item-list-link {
  text-decoration: none;
  color: #000;
  width: 11.5em;
}
.item-list a.item-list-link:hover,
a.item-list-newlink:hover {
  background: #eaeaea;
}
.item-list,
.item-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.item-list li {
  margin: 0;
  padding: 0 0 0 1em;
}
.item-list li ul {
  margin: 1em 0 0 0;
}
.item-list a.item-list-newlink {
  margin: 0 0 0.5em 0;
  min-width: 12em;
  float: left;
  line-height: 1.8;
}
a.item-list-newlink + a.item-list-newlink {
  padding-top: 0;
}
.item-list a {
  padding: 0.7em;
}
.item-list a.item-list-link,
.item-list .item-list-empty {
  float: left;
  clear: both;
}
.item-list .item-list-move {
  float: left;
  padding-left: 0.5em;
}
/* EDIT */
.edit-container {
  padding: 1em;
}
.edit-container-horizontal label {
  display: block;
}
.edit-container-horizontal input[type="checkbox"] + label,
.edit-container-horizontal input[type="checkbox"] + input + label {
  display: inline;
}
.edit-container-header {
  padding: 0.5em 0.5em 0.5em 1em;
}
.edit-container-section {
  border: 1px solid lightgray;
  /* Alternative lighter border #eaeaea */
  background: #f4f4f4;
  margin-top: 1em;
  padding: 0.8em;
}
.edit-container-transparent {
  background: transparent;
  border: 0;
  margin: 0;
}
.edit-container-section table.contentTable td,
.edit-container-section table.contentTable th {
  padding: 0.3em;
}
.edit-help {
  padding: 2em;
}
.edit-item-list {
  padding: 0.2em 0 1em 0;
  margin: 0.5em;
  background: #f4f4f4;
}
.edit-tool-panel {
  padding: 0.6em;
}
.part-container + .part-container,
.edit-part-container + .edit-part-container {
  margin-top: 1em;
}
.edit-field-container + .edit-field-container {
  margin-top: 0.4em;
}
/* content table */
table.contentTable {
  border-collapse: collapse;
  border-spacing: 0;
}
td.contentMax {
  width: 100%;
}
table.contentTable th {
  padding: 0.3em 0.3em 0.3em 0;
  text-align: left;
}
table.contentTable tbody tr td {
  padding: 0.2em;
}
tr.selected {
  background-color: #c3dafa;
}
tr.hover {
  background-color: #eaf2ff;
}
/* HIDEABLE AND COLLAPSABLE PANELS
----------------------------------------------------------*/
.hideable-header {
  cursor: pointer;
}
.hideable-panel,
.hideable {
  border: 1px solid #b2b2b2;
  background: #fff;
  padding: 0.2em;
  zoom: 1;
}
.hideable-header-content .hideable-title {
  height: 2.1em;
  font-size: 100%;
  border: none;
  padding: 0px;
  margin: 0px;
}
.hideable-header-content {
  border: 0;
  cursor: pointer;
  position: relative;
  line-height: 1.8;
  padding: 0.2em 0.2em 0;
  margin-left: 0.4em;
}
.hideable .ui-state-hover .hideable-header-content {
  font-weight: bold;
}
.hideable-header-content .title {
  float: left;
}
.hideable-header-content .right {
  float: right;
  margin-right: 1em;
}
.hideable-header-content .ui-icon {
  float: right;
  margin-right: 0.4em;
  margin-top: 0.2em;
}
.hideable-content {
  /*clear: both;*/
  padding: 0.8em;
  display: block;
  border-width: 0;
}
.collapsable-header a {
  cursor: pointer;
  text-decoration: underline;
  font-weight: bold;
}
.collapsable-header .ui-state-hover {
  background: none;
  border: 0;
  font-weight: bold;
  text-decoration: none;
}
.collapsable-header-link .ui-icon {
  float: left;
}
/* FIELD LENGTHS */
.field-color {
  width: 5em;
}
.field-percent {
  width: 3em;
}
.field-number-short {
  width: 4em;
}
.field-date,
.datetime-date {
  width: 7em;
}
.datetime-time {
  width: 4em;
}
.field-option-25 {
  width: 25em;
}
.field-option-20 {
  width: 20em;
}
.field-option-15 {
  width: 15em;
}
.field-option-10 {
  width: 10em;
}
.field-textarea {
  height: 4em;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.field-textarea.big {
  height: 10em;
}
.field-textarea.bigger {
  height: 15em;
}
.field-textbox-full-width {
  width: 100%;
}
/* EMBEDDED IMS */
div.tooltip {
  border: #000 1px solid;
  padding: 0 3px 0 3px;
  font-size: 11px;
  color: #000;
  font-family: Arial;
  background-color: #fff;
  filter: alpha(opacity=80);
  opacity: 0.80;
  margin: 0;
}
div.box_zoom {
  border: #000 1px solid;
  padding: 0;
}
div.themebox,
div.themeboxselected {
  border: 1px solid #000;
  position: absolute;
  text-align: center;
  width: 120px;
  cursor: pointer;
  font-size: 12px;
  font-family: Arial;
  padding: 0;
}
div.themebox {
  /*background-color: #ebebeb;*/
  /*background-color: #f9f9f9;*/
  background-color: #797b7e;
  color: #fff;
}
div.themeboxselected {
  /*background-color: #e5053a;*/
  background-color: #363436;
  color: #fff;
  font-weight: bold;
}
div.box_white {
  border: #969696 1px solid;
  /*padding: 0px 5px 0px 5px;*/
  background-color: #fff;
  overflow: hidden;
}
div.box_context_on,
div.box_context_off {
  padding: 4px 0 4px 0;
  font-size: 11px;
  font-family: Arial;
  color: #000;
}
div.box_context_on {
  border: #dcdcdc 1px solid;
  text-decoration: underline;
  background-color: #dfe7fe;
}
div.box_context_off {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: #dcdcdc 1px solid;
}
div.box_context_off a,
div.box_context_on a {
  padding: 0 8px 0 8px;
}
.rollover {
  background-color: #868686;
}
.rollover:hover {
  background-color: #900;
}
.closetr {
  display: block;
  background-color: #868686;
}
.closetr:hover {
  background-color: #900;
}
/* mysites */
h3.mysites {
  color: #000;
  font-size: 10pt;
  margin: 0;
  padding: 0 0 2px 0;
}
h4.mysites {
  color: #225096;
  font-size: 10pt;
  margin: 0;
  padding: 0 0 2px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
p.mysites {
  color: #000;
  font-size: 9pt;
  margin: 0;
  padding: 0 0 1px 0;
}
img.mysites {
  margin: 0;
  padding: 0;
}
table.mysites {
  padding: 2px;
  width: 100%;
}
td.mysites {
  vertical-align: top;
  border-bottom: #eee 2px solid;
}
/* MISC */
.alignTop {
  vertical-align: top !important;
}
.not-user-selectable {
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
.fieldhelp,
.field-help {
  background: #f7f7f7;
  padding: 0.4em 1em 0.4em 1em;
  line-height: 1.5;
}
.field-help img {
  vertical-align: middle;
}
span.cluetip,
a.cluetip {
  display: inline-block;
  vertical-align: text-bottom;
  cursor: help;
}
/*IE6,7*/
span.cluetip,
a.cluetip {
  zoom: 1;
  *display: inline;
}
.hidden {
  display: none !important;
}
.rounded-corners {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
div.upDownPanel {
  float: left;
  margin-left: 1em;
}
div.toolPanel {
  padding: 0 1em 0.8em 0;
}
div.buttonPanel {
  margin: 1.5em 0 1em 0;
}
div.gridWrapper {
  width: 100%;
}
/* jqGrid cell link */
td.grid-tool-cell a {
  color: #034af3 !important;
  font-weight: normal;
}
.ui-state-hover td.grid-tool-cell a {
  color: #fff !important;
}
.discussionLayout {
  border: 1px solid;
  padding: 0.5em;
  margin-bottom: 0.5em;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.discussionLayout .col-1 {
  float: left;
}
.discussionLayout .col-2 {
  float: right;
}
.discussionLayout .discUser {
  font-weight: bold;
}
form.account-login {
  max-width: 600px;
}
form.account-login span.field-validation-error {
  width: inherit;
}
form.account-login input[type="submit"] {
  text-transform: uppercase;
}
.account-part {
  margin: 0;
}
p.account-part {
  width: 80%;
}
.account-part.account-buttons a {
  margin-right: 2em;
}
.account-part.fields > div,
input[type=submit] {
  margin-top: 0.6em;
}
.account-part p.mandatory-field-info img {
  vertical-align: bottom;
}
.list-nobullets {
  list-style: none;
}
.list-nobulletsnopadding {
  padding-left: 0;
  list-style: none;
}
.rightsgroup-header .select-tools {
  opacity: 0.3;
}
.rightsgroup-header .select-tools:hover {
  opacity: 1;
}
.user-right-warning {
  color: #C81922;
}
.user-right-spinner {
  display: none;
  background: url(images/small-loader.gif);
  height: 16px;
  width: 16px;
  text-decoration: none;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.skiplink {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.skiplink-focusable:active,
.skiplink-focusable:focus {
  position: fixed;
  width: auto;
  height: auto;
  clip: initial;
  margin: 0 0 0 200px;
  padding: 5px;
  border: 1px solid #c4c4c4;
  text-decoration: none;
  background-color: #fff;
  color: #000;
}
/* SEARCH FIELDS 
----------------------------------------------------------*/
.search-panel-dummy,
.search-panel {
  background: #F7F7F7;
  padding: 0.2em;
  border: 1px solid #B2B2B2;
  width: 23em;
  margin: 0;
}
.search-panel-dummy {
  border: 0;
  height: 1px;
  margin-left: 2px;
  background: transparent;
}
.search-panel-title {
  /*border: 1px solid #B2B2B2;*/
  padding: 0.4em 0.6em;
  font-weight: bold;
}
.search-panel-content {
  padding: 1em 0.3em 0.1em 0.3em;
}
.search-panel-content input[type="text"] {
  height: 18px;
  margin: 2px 0 2px 0;
}
.search-panel-footer input[type="submit"],
.search-panel-footer button {
  padding-left: 1em;
  padding-right: 1em;
}
.search-panel-content .category-splitter {
  margin-top: 0.6em;
  margin-bottom: 0.2em;
}
.search-panel-content .criteria-label {
  padding-right: 1em;
}
.search-panel-content .criteria {
  padding: 0 0 0 0.5em;
}
.search-panel-content .category-relation {
  margin-top: 0.4em;
}
.search-panel-content .field-multioption-20,
.search-panel-content .field-freetext {
  width: 20em;
}
.search-panel-content .searchcriteria-tip {
  margin-left: 0.3em;
}
.search-panel-content .searchcriteria-tip.right {
  float: right;
}
.search-panel-content .category-group-splitter {
  display: block;
  background-color: #B2B2B2;
  width: 100%;
  height: 1px;
  margin-top: 0.6em;
}
.search-panel-content label.checkbox-label {
  display: inline;
  margin-top: 0.3em;
  margin-bottom: 0.2em;
}
.search-extended-toggle {
  font-size: 0.8em;
  float: right;
  font-weight: normal;
}
.search-extended {
  display: none;
}
.search-panel-footer {
  text-align: right;
  padding: 0 0.5em 0.5em 0;
}
.search-info-container {
  padding: 5px;
}
.search-polygonselect-activator {
  padding-left: 1.3em;
}
.search-polygonselect-activator span {
  float: left;
}
.search-title-text {
  float: left;
}
.search-info-text {
  font-weight: bold;
}
#search-info-status {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
/* ICONS */
.icon,
.icon-left,
.icon-right,
.icon-inline,
.icon-rights,
.icon-warning,
.icon-arrowdown,
.icon-arrowup,
.icon-deletebutton,
.icon-delete,
.icon-add,
.icon-public,
.icon-info,
.icon-lock,
.icon-bullet,
.icon-success,
.icon-accept,
.icon-comment,
.icon-gis,
.icon-ispublic,
.animation-loading {
  background-image: url(images/icons/icon-sprites16.png?18);
  background-repeat: no-repeat;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  height: 16px;
  width: 16px;
  text-decoration: none !important;
  padding: 0 !important;
}
.icon-rights {
  background-image: url(images/icons/icon-rights-sprites16.png?9);
  background-repeat: no-repeat;
}
.icon-left {
  float: left;
}
.icon-right {
  float: right;
}
span.icon {
  border: 0;
  outline: 0;
}
.icon-inline,
.icon-inline-text-top {
  display: inline-block;
}
.icon-inline,
.icon-inline-text-top {
  zoom: 1;
  *display: inline;
}
.icon-inline-text-top {
  vertical-align: text-top;
}
.icon-empty,
.icon-empty:hover {
  background-image: none;
  background-position: -9999px -9999px;
}
/* 16x16 */
.icon-rights-add {
  background-position: 0 0;
}
.icon-rights-edit {
  background-position: 0 -16px;
}
.icon-rights-browse {
  background-position: 0 -32px;
}
.icon-rights-delete {
  background-position: 0 -48px;
}
.icon-public {
  background-position: 0 0;
}
.icon-groupcontent {
  background-position: 0 -16px;
}
.icon-info-old {
  background-position: 0 -32px;
}
.icon-warning {
  background-position: 0 -48px;
}
.icon-add,
.icon-plus {
  background-position: 0 -64px;
}
.icon-minus {
  background-position: -16px -64px;
}
.icon-arrowdown {
  background-position: 0 -80px;
}
.icon-arrowup {
  background-position: 0 -96px;
}
.icon-deletebutton,
.icon-delete {
  background-position: 0 -112px;
}
.icon-modifybutton {
  background-position: 0 -128px;
}
.icon-lock {
  background-position: 0 -144px;
}
.icon-bullet {
  background-position: 0 -160px;
}
.icon-binoculars {
  background-position: 0 -176px;
}
.icon-eye {
  background-position: 0 -192px;
}
.icon-plusdocument {
  background-position: 0 -208px;
}
.icon-publish,
.icon-publish-bw {
  background-position: 0 -240px;
}
.icon-accept {
  background-position: 0 -256px;
}
.icon-discard {
  background-position: 0 -272px;
}
.icon-success {
  background-position: 0 -288px;
}
.icon-info {
  background-position: 0 -304px;
}
.icon-warning {
  background-position: 0 -320px;
}
.icon-warning-red {
  background-position: 0 -48px;
}
.icon-error {
  background-position: 0 -336px;
}
.icon-next {
  background-position: -16px 0;
}
.icon-prev {
  background-position: -16px -16px;
}
.icon-next-light {
  background-position: -16px -32px;
}
.icon-prev-light {
  background-position: -16px -48px;
}
.icon-move {
  background-position: -16px -80px;
}
.icon-trash {
  background-position: -16px -96px;
}
.icon-sort {
  background-position: -16px -112px;
}
.icon-translation {
  background-position: -16px -128px;
}
.icon-collapse {
  background-position: -16px -144px;
}
.icon-expand {
  background-position: -16px -160px;
}
.icon-comment {
  background-position: -16px -176px;
}
.icon-gis {
  background-position: -16px -192px;
}
.icon-info-gray {
  background-position: -16px -208px;
}
.icon-ispublic {
  background-position: -16px -224px;
}
.icon-close-section {
  background-position: -16px -304px;
}
.icon-open-section {
  background-position: -16px -320px;
}
.icon-link {
  background-position: -32px -96px;
}
.icon-deleteblue {
  background-position: -32px -112px;
}
.icon-check-all {
  background-position: -32px -128px;
}
.icon-uncheck-all {
  background-position: -32px -144px;
}
.icon-copy {
  background-position: -32px 0;
}
a.icon:hover,
a.icon-left:hover,
a.icon-inline:hover,
a.icon-arrowdown:hover,
a.icon-arrowup:hover,
a.icon-deletebutton:hover,
a.icon-delete:hover,
a.icon-add:hover,
.icon-success:hover,
.icon-accept:hover,
.icon-comment:hover,
.icon-gis:hover,
.ui-state-hover .icon-add,
.icon-publish-bw,
.icon-hover {
  background-image: url(images/icons/icon-sprites16-hover.png?18);
  background-repeat: no-repeat;
}
a.icon-rights:hover {
  background-image: url(images/icons/icon-rights-sprites16-hover.png?7);
  background-repeat: no-repeat;
}
.load-icon-hovers {
  display: none;
}
/* 24x24 */
.icon24 {
  background: url(images/icons/icon-sprites24.png?19);
  background-repeat: no-repeat;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  height: 24px;
  width: 24px;
  text-decoration: none;
}
a.icon24:hover {
  background-image: url(images/icons/icon-sprites24-hover.png?19);
  background-repeat: no-repeat;
}
.icon-question24 {
  background-position: 0 0;
}
.icon-next24 {
  background-position: 0 -24px;
}
.icon-expand24-down {
  background-position: 0 -48px;
}
.icon-expand24-up {
  background-position: 0 -72px;
}
.icon-trash24 {
  background-position: 0 -96px;
}
.icon-pen24 {
  background-position: 0 -120px;
}
.icon-print24 {
  background-position: 0 -144px;
}
.icon-move24 {
  background-position: 0 -168px;
}
.icon-copy24 {
  background-position: 0 -192px;
}
.icon-gis24 {
  background-position: 0 -216px;
}
.icon-home24 {
  background-position: 0 -240px;
}
.icon-arrow24 {
  background-position: 0 -264px;
}
.icon-open24 {
  background-position: 0 -288px;
}
.icon-addattachment24 {
  background-position: 0 -312px;
}
.icon-showmap24 {
  background-position: 0 -336px;
}
.icon-showlist24 {
  background-position: 0 -360px;
}
.icon-attachment24 {
  background-position: -24px 0;
}
.icon-exclamation-ring24 {
  background-position: -24px -24px;
}
.icon-checked-ring24 {
  background-position: -24px -48px;
}
.icon-persontime24 {
  background-position: -24px -72px;
}
.icon-expander-up24 {
  background-position: -24px -96px;
}
.icon-expander-down24 {
  background-position: -24px -120px;
}
.icon-showinmap24 {
  background-position: -24px -144px;
}
.icon-stamp24 {
  background-position: -24px -168px;
}
/* Animations */
div.animation-loading-center {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -8px;
}
.animation-loading {
  background: url(images/small-loader.gif) 0 0 no-repeat;
}
div.animation-loading-big-center {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -33px 0 0 -33px;
}
.animation-loading-big {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  height: 66px;
  width: 66px;
  text-decoration: none;
  background-repeat: no-repeat;
  background-image: url(images/big-loader.gif);
}
.icon-preloader {
  width: 0;
  height: 0;
  display: inline;
  background-position: -99999px -99999px;
}
.header {
  border-bottom: 2px solid #7b7a86;
  background-color: #fff;
  vertical-align: middle;
}
.header a {
  text-decoration: none;
}
.header .service-logo {
  float: left;
  display: block;
  line-height: 62px;
}
.header .service-logo img {
  border: 0;
  vertical-align: middle;
  max-height: 57px;
}
@media (max-width: 480px) {
  .header .service-logo,
  .header .header-right {
    float: none;
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
    padding-top: 0;
  }
}
.header button,
.header a.btn {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #7b7a86;
  text-transform: uppercase;
  font-weight: normal;
  display: inline;
  padding: 7px;
  color: #000;
  background-color: transparent;
  cursor: pointer;
}
.header button:hover,
.header a.btn:hover {
  background-color: #E4E9EB;
}
.header button:focus,
.header a.btn:focus {
  outline: black solid 1px;
  outline: -webkit-focus-ring-color solid 2px;
}
.header button {
  min-height: 32px;
}
.header .menu-horizontal {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none;
  padding-top: 17px;
  padding-left: 20px;
  text-transform: uppercase;
}
.header .menu-horizontal li {
  float: left;
  margin-left: 10px;
}
.header .menu-horizontal li a {
  display: block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #7b7a86;
  padding: 7px;
  color: #000;
}
.header .menu-horizontal li a:hover {
  background: #7b7a86;
}
.header .menu-horizontal li.selected a {
  color: #005595;
  background: #fec962;
  border-color: #e5a32c;
  font-weight: bold;
}
.header .header-content {
  float: left;
}
@media (max-width: 480px) {
  .header .header-content {
    height: unset;
    width: 100%;
  }
  .header .header-content ul {
    display: grid;
    padding-left: 5px;
    padding-right: 5px;
  }
  .header .header-content ul li {
    margin: 1px;
  }
  .header div.header-right {
    padding-left: 5px;
  }
  .header div.header-right div.login-part {
    width: 100%;
  }
  .header div.header-right div.login-part div {
    padding: 7px 10px 5px 5px;
  }
  .header div.header-right div.end-user-help a.btn {
    margin-left: 0px;
  }
  .header div.header-right div.language-selector {
    width: 100%;
  }
  .header div.header-right div.language-selector button.language-selector {
    margin: 0px 5px 0px 0px;
  }
}
.header .header-right {
  float: right;
  padding-right: 25px;
  padding-top: 17px;
  box-sizing: border-box;
}
.header .header-right a.btn {
  display: block;
  font-size: 1.2em;
}
.header .header-right > div {
  padding-bottom: 5px;
}
.header .header-right div,
.header .header-right form,
.header .header-right button {
  float: left;
}
.header .header-right .login-part {
  display: inline;
}
.header .header-right .login-part div {
  padding: 7px 10px 0 20px;
}
.header .header-right .login-part div label.user-prefix {
  font-weight: bold;
}
.header .header-right .login-part button {
  min-height: unset;
  height: unset;
}
.header .header-right div.end-user-help .btn {
  background-image: url("images/icons/help_outline-24px.svg");
  background-position: 4px center;
  padding-left: 30px;
  background-repeat: no-repeat;
  margin-left: 10px;
}
.header .header-right div.language-selector {
  position: relative;
}
.header .header-right div.language-selector button.language-selector {
  height: unset;
}
.cookie-notification {
  padding: 5px 25px 5px 25px;
  background: #fff2cc;
  display: none;
}
.cookie-notification a.btn {
  background: white;
  float: right;
}
.cookie-notification .cookie-notification-text {
  padding-top: 8px;
  float: left;
}
div.language-selector button.language-selector {
  background-image: url("images/icons/language-24px.svg");
  background-position: 4px center;
  padding-left: 30px;
  background-repeat: no-repeat;
  margin-left: 10px;
  font-family: inherit;
}
div.language-selector ul.language-selector {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: white;
  position: absolute;
  display: none;
  border: 1px solid #f0f4f5;
  border-radius: 2px;
  right: 0;
  top: 32px;
  z-index: 550;
}
div.language-selector ul.language-selector li {
  font-weight: bold;
}
div.language-selector ul.language-selector li a {
  display: block;
  color: inherit;
  white-space: nowrap;
  padding: 0.8em 1.5em;
}
div.language-selector ul.language-selector li a:hover,
div.language-selector ul.language-selector li a:focus {
  background-color: #7b7a86;
}
.push {
  height: 27px;
}
.footer {
  height: 25px;
  background-color: #fff;
  clear: both;
  font-size: 0.9em;
  margin: 0;
}
.footer .footer-content {
  border-top: 2px solid #7b7a86;
}
.footer .footer-content ul {
  float: left;
  list-style: none outside none;
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 5px;
  padding-top: 5px;
}
.footer .footer-content ul + ul {
  float: right;
  margin: 0;
  padding-top: 2px;
}
.footer .footer-content li {
  padding: 0;
  color: #595868;
  display: inline;
}
.footer .footer-content li a {
  color: #595868;
  text-decoration: none;
  padding-right: 8px;
}
.footer .footer-content li a:hover,
.footer .footer-content li a.on {
  text-decoration: underline;
}
.footer .footer-content img {
  border: 0;
  height: 18px;
}
.content-menu-small {
  background: #f7f7f7;
  border-bottom: 1px solid #7b7a86;
}
.content-menu-small ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.content-menu-small ul li {
  float: left;
}
.content-menu-small ul li.selected a {
  color: #005595;
  background: #ffffff;
}
.content-menu-small ul li a {
  color: #2C3539;
  font-weight: bold;
  display: block;
  text-decoration: none;
  padding: 7px 10px 7px 10px;
  float: left;
}
.content-menu-small ul li a:hover {
  background: #f0f0f0;
}
.content-menu-small ul li ul {
  float: left;
}
.content-menu-small ul li.needs-strong-identity a {
  display: flex;
}
.content-menu-small ul li.needs-strong-identity a span {
  margin-top: -3px;
  margin-left: 3px;
}
.content-menu-small .content-menu-help {
  float: right;
  line-height: normal;
  text-align: center;
}
.content-menu-small .content-menu-help a {
  margin: 2px 4px 0 0;
}
body.logon-page {
  background-size: contain;
}
body.logon-page .page {
  background: #ffffff url('images/logon-background-image.png') top left no-repeat;
  background-size: 100% auto;
}
body.logon-page .page .content .inner-content {
  margin-top: 50px;
  padding: 1px;
  box-shadow: 0 0 10px 1px #aaa;
  -moz-box-shadow: 0 0 10px 1px #aaa;
  -webkit-box-shadow: 0 0 10px 1px #aaa;
}
body.logon-page .page .content .inner-content > form,
body.logon-page .page .content .inner-content > div {
  margin: 30px;
}
body.logon-page .page .content h1 {
  margin-bottom: 1em;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0 0.2em 0.1em 0;
}
body.logon-page .page .content label.logon-welcome-text {
  display: block;
  margin-bottom: 1em;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0 0.2em 0.1em 0;
}
body.logon-page .field-help {
  background-color: rgba(247, 247, 247, 0.7);
}
body.logon-page .breadcrumb-navi {
  margin-left: -1em;
}
body.logon-page h1 .breadcrumb-navi {
  font-size: 1em;
}
body.logon-page.with-background.logon-page-plain .page .content .inner-content {
  background: #fff;
}
body.logon-page.with-background .page .content .inner-content {
  background: #ffffff url('images/logon-box.png') top right no-repeat;
  background: rgba(255, 255, 255, 0.8) url('images/logon-box.png') top right no-repeat;
}
@media (max-width: 768px) {
  body.logon-page.with-background .page .content .inner-content {
    background-image: none;
  }
}
body.logon-page .page .content .inner-content {
  background: #fff;
  min-height: 450px;
  margin: 5em;
}
body.logon-page .page .content .inner-content .fields .label-container {
  padding-top: 0.5em;
}
body.logon-page .page .content .inner-content .fields .accepttermsandprivacypolicy {
  padding-top: 1em;
}
body.logon-page .page .content .inner-content .fields input[type='password'],
body.logon-page .page .content .inner-content .fields input[type='email'],
body.logon-page .page .content .inner-content .fields input[type='text'] {
  width: 15em;
}
body.logon-page .page .content .inner-content .account-modify .fields .oldpassword {
  padding-top: 1.5em;
}
body.logon-page .page .content .inner-content .account-modify hr {
  background-color: #f7f7f7;
  border: 0;
  height: 2px;
  margin-top: 1em;
  margin-bottom: 1em;
}
body.logon-page .page .content .inner-content .account-modify h1 {
  margin-bottom: 0;
}
body.logon-page body.thanks-page {
  background-size: contain;
}
body.logon-page body.thanks-page .page {
  background: #ffffff url('images/logon-background-image.png') top left no-repeat;
  background-size: 100% auto;
}
body.logon-page body.thanks-page .page .content .inner-content {
  margin-top: 50px;
  padding: 1px;
  box-shadow: 0 0 10px 1px #aaa;
  -moz-box-shadow: 0 0 10px 1px #aaa;
  -webkit-box-shadow: 0 0 10px 1px #aaa;
}
body.logon-page body.thanks-page .page .content .inner-content > form,
body.logon-page body.thanks-page .page .content .inner-content > div {
  margin: 30px;
}
body.logon-page body.thanks-page .page .content h1 {
  margin-bottom: 1em;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0 0.2em 0.1em 0;
}
body.logon-page body.thanks-page .page .content label.logon-welcome-text {
  display: block;
  margin-bottom: 1em;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0 0.2em 0.1em 0;
}
body.logon-page body.thanks-page .field-help {
  background-color: rgba(247, 247, 247, 0.7);
}
body.logon-page body.thanks-page .breadcrumb-navi {
  margin-left: -1em;
}
body.logon-page body.thanks-page h1 .breadcrumb-navi {
  font-size: 1em;
}
body.logon-page body.thanks-page .page .content .inner-content {
  background: #ffffff url('images/thanks-box.png') top right no-repeat;
  background: rgba(255, 255, 255, 0.8) url('images/thanks-box.png') top right no-repeat;
  min-height: 350px;
}
@media (max-width: 480px) {
  body.logon-page .page .content .inner-content {
    margin: 1em 0 0 0;
  }
}
.login .fields .password input,
.login .fields .username input {
  width: 20em;
}
.field-color {
  width: 5em;
}
.field-percent {
  width: 3em;
}
.field-number-short {
  width: 4em;
}
.field-date,
.datetime-date {
  width: 7em;
}
.datetime-time {
  width: 4em;
}
.field-option-25 {
  width: 25em;
}
.field-option-20 {
  width: 20em;
}
.field-option-15 {
  width: 15em;
}
.field-option-10 {
  width: 10em;
}
.field-textarea {
  height: 4em;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.field-textarea.big {
  height: 10em;
}
.field-textbox-full-width {
  width: 100%;
}
input {
  margin: 2px;
}
input[type='password'],
input.field-login {
  width: 20em;
}
input.field-text-mediumlong {
  width: 15em;
}
input.field-phonenumber {
  width: 10em;
}
input.field-postalcode {
  width: 7em;
}
input.field-postoffice {
  width: 10em;
}
.field-required input,
.field-required select,
.field-required textarea {
  background-color: #fffbc9;
}
.field-container input[type="text"],
.field-container input[type="number"],
.field-container input[type="date"],
.field-container input[type="tel"],
.field-container input[type="email"],
.field-container.fade-unfocus input[type="text"]:focus,
.field-container.fade-unfocus input[type="number"]:focus,
.field-container.fade-unfocus input[type="date"]:focus,
.field-container.fade-unfocus input[type="tel"]:focus,
.field-container.fade-unfocus input[type="email"]:focus,
.field-container.fade-unfocus textarea:focus,
.field-container select,
.field-container textarea {
  padding: 4px;
  margin: 0;
  border: 1px solid gray;
}
.field-container.fade-unfocus input[type="text"],
.field-container.fade-unfocus input[type="number"],
.field-container.fade-unfocus input[type="date"],
.field-container.fade-unfocus input[type="tel"],
.field-container.fade-unfocus input[type="email"],
.field-container.fade-unfocus textarea {
  border: 1px solid #E0E0E0;
}
.field-container select {
  padding: 3px;
  margin: 0;
}
.field-validation-valid + .field-validation-cluetip {
  display: none;
}
input.field-text,
.field-text input {
  width: 10em;
}
input.field-text-short,
.field-text-short input {
  width: 4em;
}
input.field-text-char,
.field-text-char input {
  width: 2em;
}
input.field-text-long,
.field-text-long input {
  width: 25em;
}
input.field-text-extralong,
.field-text-extralong input {
  width: 35em;
}
input.field-number,
.field-number input {
  width: 3em;
  text-align: right;
}
input.field-number-large,
.field-number-large input {
  width: 4em;
  text-align: right;
}
input.field-double,
.field-double input {
  width: 4em;
  text-align: right;
}
input.field-date,
.field-date input {
  width: 6em;
}
input.field-money,
.field-money input {
  width: 4em;
}
input.field-money-long,
.field-money-long input {
  width: 6em;
}
input.field-area,
.field-area input {
  width: 4em;
}
input.field-year,
.field-year input {
  width: 7em;
}
body.new .content input.required,
body.logon-page .content input.required,
body.new .content textarea.required,
body.logon-page .content textarea.required,
body.new .content option.required,
body.logon-page .content option.required,
body.new .content select.required,
body.logon-page .content select.required,
body.new .content input.field-required,
body.logon-page .content input.field-required,
body.new .content textarea.field-required,
body.logon-page .content textarea.field-required,
body.new .content option.field-required,
body.logon-page .content option.field-required,
body.new .content select.field-required,
body.logon-page .content select.field-required,
body.new .content .field-required input,
body.logon-page .content .field-required input,
body.new .content .field-required select,
body.logon-page .content .field-required select,
body.new .content .field-required textarea,
body.logon-page .content .field-required textarea {
  background-color: #fff;
}
body.new .content input[type='radio'] + label,
body.logon-page .content input[type='radio'] + label,
body.new .content input[type='checkbox'] + label,
body.logon-page .content input[type='checkbox'] + label,
body.new .content input[type='checkbox'] + input[type='hidden'] + label,
body.logon-page .content input[type='checkbox'] + input[type='hidden'] + label {
  font-weight: normal;
  display: inline;
  padding-left: 0.5em;
}
body.new .content input[type='checkbox'] + input[type='hidden'] + div.label-container,
body.logon-page .content input[type='checkbox'] + input[type='hidden'] + div.label-container {
  display: inline;
  padding-left: 0.5em;
}
body.new .content input[type='checkbox'] + input[type='hidden'] + div.label-container label,
body.logon-page .content input[type='checkbox'] + input[type='hidden'] + div.label-container label {
  font-weight: normal;
}
body.new .content input[type='text'],
body.logon-page .content input[type='text'],
body.new .content input[type='password'],
body.logon-page .content input[type='password'],
body.new .content input[type='tel'],
body.logon-page .content input[type='tel'],
body.new .content input[type='email'],
body.logon-page .content input[type='email'],
body.new .content input[type='number'],
body.logon-page .content input[type='number'],
body.new .content select,
body.logon-page .content select,
body.new .content textarea,
body.logon-page .content textarea {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px;
  border: 1px solid #7b7a86;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
body.new .content input[type='text'].input-validation-error,
body.logon-page .content input[type='text'].input-validation-error,
body.new .content input[type='password'].input-validation-error,
body.logon-page .content input[type='password'].input-validation-error,
body.new .content input[type='tel'].input-validation-error,
body.logon-page .content input[type='tel'].input-validation-error,
body.new .content input[type='email'].input-validation-error,
body.logon-page .content input[type='email'].input-validation-error,
body.new .content input[type='number'].input-validation-error,
body.logon-page .content input[type='number'].input-validation-error,
body.new .content select.input-validation-error,
body.logon-page .content select.input-validation-error,
body.new .content textarea.input-validation-error,
body.logon-page .content textarea.input-validation-error,
body.new .content input[type='text'].mandatory-field-missing,
body.logon-page .content input[type='text'].mandatory-field-missing,
body.new .content input[type='password'].mandatory-field-missing,
body.logon-page .content input[type='password'].mandatory-field-missing,
body.new .content input[type='tel'].mandatory-field-missing,
body.logon-page .content input[type='tel'].mandatory-field-missing,
body.new .content input[type='email'].mandatory-field-missing,
body.logon-page .content input[type='email'].mandatory-field-missing,
body.new .content input[type='number'].mandatory-field-missing,
body.logon-page .content input[type='number'].mandatory-field-missing,
body.new .content select.mandatory-field-missing,
body.logon-page .content select.mandatory-field-missing,
body.new .content textarea.mandatory-field-missing,
body.logon-page .content textarea.mandatory-field-missing {
  border-color: #c81922;
}
body.new .content input[type='text'].input-validation-error:focus,
body.logon-page .content input[type='text'].input-validation-error:focus,
body.new .content input[type='password'].input-validation-error:focus,
body.logon-page .content input[type='password'].input-validation-error:focus,
body.new .content input[type='tel'].input-validation-error:focus,
body.logon-page .content input[type='tel'].input-validation-error:focus,
body.new .content input[type='email'].input-validation-error:focus,
body.logon-page .content input[type='email'].input-validation-error:focus,
body.new .content input[type='number'].input-validation-error:focus,
body.logon-page .content input[type='number'].input-validation-error:focus,
body.new .content select.input-validation-error:focus,
body.logon-page .content select.input-validation-error:focus,
body.new .content textarea.input-validation-error:focus,
body.logon-page .content textarea.input-validation-error:focus,
body.new .content input[type='text'].mandatory-field-missing:focus,
body.logon-page .content input[type='text'].mandatory-field-missing:focus,
body.new .content input[type='password'].mandatory-field-missing:focus,
body.logon-page .content input[type='password'].mandatory-field-missing:focus,
body.new .content input[type='tel'].mandatory-field-missing:focus,
body.logon-page .content input[type='tel'].mandatory-field-missing:focus,
body.new .content input[type='email'].mandatory-field-missing:focus,
body.logon-page .content input[type='email'].mandatory-field-missing:focus,
body.new .content input[type='number'].mandatory-field-missing:focus,
body.logon-page .content input[type='number'].mandatory-field-missing:focus,
body.new .content select.mandatory-field-missing:focus,
body.logon-page .content select.mandatory-field-missing:focus,
body.new .content textarea.mandatory-field-missing:focus,
body.logon-page .content textarea.mandatory-field-missing:focus {
  outline-color: #cc0000;
}
body.new .content input[type='text']:focus,
body.logon-page .content input[type='text']:focus,
body.new .content input[type='password']:focus,
body.logon-page .content input[type='password']:focus,
body.new .content input[type='tel']:focus,
body.logon-page .content input[type='tel']:focus,
body.new .content input[type='email']:focus,
body.logon-page .content input[type='email']:focus,
body.new .content input[type='number']:focus,
body.logon-page .content input[type='number']:focus,
body.new .content select:focus,
body.logon-page .content select:focus,
body.new .content textarea:focus,
body.logon-page .content textarea:focus {
  outline-color: #62626b;
}
body.new .content a,
body.logon-page .content a {
  color: #0072c9;
  text-decoration: none;
}
body.new .content a:hover,
body.logon-page .content a:hover {
  text-decoration: underline;
}
body.new .content a.cancel,
body.logon-page .content a.cancel {
  background: #6a6976;
  color: #fff;
  border: 0;
  vertical-align: middle;
  cursor: default;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-style: none;
  border-width: 0px;
  text-decoration: none;
  /*Inline or inline-block*/
  display: inline;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 12pt;
  padding: 10px;
  height: 36px;
}
body.new .content a.cancel:hover,
body.logon-page .content a.cancel:hover {
  background: #7b7a86;
  text-decoration: none;
}
body.new .content a.cancel:active,
body.logon-page .content a.cancel:active {
  background: #8c8b96;
}
body.new .content button[type='submit'],
body.logon-page .content button[type='submit'],
body.new .content input[type='submit'],
body.logon-page .content input[type='submit'] {
  background: #005596;
  color: #fff;
  border: 0;
  vertical-align: middle;
  cursor: default;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-style: none;
  border-width: 0px;
  text-decoration: none;
  /*Inline or inline-block*/
  display: inline;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 12pt;
  padding: 10px;
  height: 36px;
  text-transform: uppercase;
}
body.new .content button[type='submit']:hover,
body.logon-page .content button[type='submit']:hover,
body.new .content input[type='submit']:hover,
body.logon-page .content input[type='submit']:hover {
  background: #0072c9;
  text-decoration: none;
}
body.new .content button[type='submit']:active,
body.logon-page .content button[type='submit']:active,
body.new .content input[type='submit']:active,
body.logon-page .content input[type='submit']:active {
  background: #0080e3;
}
body.new .content button[type='submit'].secondary,
body.logon-page .content button[type='submit'].secondary,
body.new .content input[type='submit'].secondary,
body.logon-page .content input[type='submit'].secondary {
  background: #6a6976;
  color: #fff;
  border: 0;
  vertical-align: middle;
  cursor: default;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-style: none;
  border-width: 0px;
  text-decoration: none;
  /*Inline or inline-block*/
  display: inline;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 12pt;
  padding: 10px;
  height: 36px;
}
body.new .content button[type='submit'].secondary:hover,
body.logon-page .content button[type='submit'].secondary:hover,
body.new .content input[type='submit'].secondary:hover,
body.logon-page .content input[type='submit'].secondary:hover {
  background: #7b7a86;
  text-decoration: none;
}
body.new .content button[type='submit'].secondary:active,
body.logon-page .content button[type='submit'].secondary:active,
body.new .content input[type='submit'].secondary:active,
body.logon-page .content input[type='submit'].secondary:active {
  background: #8c8b96;
}
body.new .content label,
body.logon-page .content label {
  font-weight: bold;
}
body.new .content .label-container,
body.logon-page .content .label-container {
  min-height: 18px;
}
body.new .content label,
body.logon-page .content label {
  margin: 0.5em 0 0.3em 0;
  vertical-align: top;
}
body.new .content .fields div.editor,
body.logon-page .content .fields div.editor {
  margin-top: 1em;
}
body.new .content .fields div.column-1,
body.logon-page .content .fields div.column-1,
body.new .content .fields div.column-2,
body.logon-page .content .fields div.column-2 {
  float: left;
  width: 25em;
}
@media (max-width: 768px) {
  body.new .content .fields div.column-1,
  body.logon-page .content .fields div.column-1,
  body.new .content .fields div.column-2,
  body.logon-page .content .fields div.column-2 {
    width: 100%;
    float: none;
  }
}
body.new .content .field-validation-error,
body.logon-page .content .field-validation-error {
  margin-left: 2px;
  background: transparent;
  background-image: url(images/error-indicator.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: bottom;
  height: 18px;
  overflow: hidden;
  font-weight: normal;
  padding-top: 2px;
  display: inline-block;
  padding-left: 20px;
}
body.new .content .field-validation-error.has-tooltip:hover,
body.logon-page .content .field-validation-error.has-tooltip:hover {
  width: 18px;
  padding-left: 0;
}
body.new .content .required .field-validation-valid,
body.logon-page .content .required .field-validation-valid {
  margin-left: 2px;
  background: transparent;
  background-image: url(images/required-indicator.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: bottom;
  display: inline-block;
  height: 18px;
  overflow: hidden;
  font-weight: normal;
  width: 18px;
}
body.new .content .required .field-validation-valid.has-tooltip:hover,
body.logon-page .content .required .field-validation-valid.has-tooltip:hover {
  width: 18px;
  padding-left: 0;
}
body.new .content .required .mandatory-field-valid,
body.logon-page .content .required .mandatory-field-valid {
  display: none;
}
body.new .content .required .mandatory-field-error,
body.logon-page .content .required .mandatory-field-error {
  cursor: help;
  margin-left: 2px;
  background: transparent;
  background-image: url(images/error-indicator.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: bottom;
  display: inline-block;
  height: 18px;
  overflow: hidden;
  font-weight: normal;
}
body.new .content .required .mandatory-field-error.has-tooltip:hover,
body.logon-page .content .required .mandatory-field-error.has-tooltip:hover {
  width: 18px;
  padding-left: 0;
}
body.new .content .required .mandatory-field-error + span.field-validation-error,
body.logon-page .content .required .mandatory-field-error + span.field-validation-error,
body.new .content .required .mandatory-field-error + span.field-validation-valid,
body.logon-page .content .required .mandatory-field-error + span.field-validation-valid {
  display: none;
}
body.new .content .required .required-icon,
body.logon-page .content .required .required-icon {
  margin-left: 2px;
  background-image: url(images/required-indicator.png);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: text-top;
  width: 18px;
  text-indent: -99999px;
  overflow: hidden;
}
.ui-tooltip .field-validation-error {
  background: #fff;
  padding: 0;
  display: block;
  font-weight: normal;
}
body.new,
body.logon-page {
  background: #f0f0f0;
}
body.new .page,
body.logon-page .page,
body.new .footer,
body.logon-page .footer {
  background-color: #fff;
}
@media (min-width: 1200px) {
  body.new .page,
  body.logon-page .page,
  body.new .footer,
  body.logon-page .footer {
    width: 1200px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
  }
  body.new.no-max .page,
  body.logon-page.no-max .page,
  body.new.no-max .footer,
  body.logon-page.no-max .footer {
    width: 100%;
  }
}
.ui-autocomplete {
  z-index: 9001 !important;
}
#leftColumn {
  background-color: #ffffff;
  padding: 0px;
  width: 55%;
  float: left;
  height: 100%;
}
#rightColumn {
  background-color: #ffffff;
  padding: 0px;
  width: 40%;
  /* 44 */
  float: right;
  height: 100%;
  overflow: hidden;
}
/* Embedded IMS 
----------------------------------------------------------*/
#mapcontainer {
  position: relative;
  top: 0px;
  left: 0px;
  height: 400px;
  width: 100%;
  border: 2px;
  background: gray;
  max-height: 400px;
  box-sizing: border-box;
}
.publicsearch #mapcontainer {
  height: 300px;
}
#IMSPanel {
  margin-top: 0.1em;
  margin-bottom: 0.2em;
  display: none;
  min-width: 45em;
}
#IMSPanel.RSNotInUse {
  min-width: 35em;
}
.status {
  font-size: 11px;
  color: #000000;
  font-family: arial;
  white-space: nowrap;
}
/* TEXTFIELDS
----------------------------------------------------------*/
.textfieldObligatory,
.textfieldObligatoryWithWarning {
  background: #fffbc9;
  color: #000000;
}
.textfieldPassive {
  background: #eaeaea;
  color: #666666;
}
/* NOTIFICATION PANELS
----------------------------------------------------------*/
#lockNotification {
  display: none;
  margin: 0;
}
/* HELP STYLES 
----------------------------------------------------------*/
.contentArea.help {
  padding: 0 2em 0 2em;
}
.contentArea.help legend {
  font-size: 1.8em;
}
.contentArea.help fieldset {
  margin: 1em 0 2em 0;
}
.contentArea.help h2 {
  font-size: 1.4em;
}
.contentArea.help ul {
  margin: 1em 0 1em 0;
  padding-left: 1.5em;
  list-style-type: none;
}
.contentArea.help .searchparamsHelpItemList li {
  margin-top: 0.5em;
  list-style-type: none;
}
.divider {
  border-top: 1px solid #6E7D98;
  margin: 0;
}
/* index */
.fixedWidthWrapper {
  position: relative;
  margin: 0px auto;
  /*	width: 980px; */
  display: block;
  border-color: #ebebeb;
}
/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label,
.display-field,
.editor-field {
  margin: 0.5em 0;
}
.helptip {
  border-bottom: 0.2em dotted #2b65b0 ! important;
  font-weight: normal ! important;
  font-size: 100% ! important;
  text-decoration: none ! important;
  padding-bottom: 0px ! important;
  color: #2b65b0 ! important;
  background-color: transparent ! important;
  background-image: none;
  padding-top: 0pt;
  padding-right: 0pt;
  padding-left: 0pt;
  color: #2b65b0;
}
.icon-share {
  background-image: url(images/icons/icon-some32.png?1);
  background-repeat: no-repeat;
  display: inline-block;
  text-indent: -99999px;
  overflow: hidden;
  height: 32px;
  width: 32px;
}
a.link-share {
  text-decoration: none !important;
  padding: 0;
  margin: 0;
  width: 32px;
  height: 32px;
  float: left;
  margin-right: 8px;
}
.facebook {
  background-position: 0 0;
}
.twitter {
  background-position: 0 -32px;
}
.googleplus {
  background-position: 0 -64px;
}
.email {
  background-position: 0 -96px;
}
.projectType,
.feedbackType {
  font-weight: bold;
}
.feedbackType {
  margin: 0.5em 0 1em 0;
}
.feedbackExplanation {
  font-size: 1.0em;
  margin-left: 1.0em;
  /*text-indent: -2em; */
  padding-left: 0.6em;
  /* color: #323232; */
  display: block;
}
.subject-explanation {
  margin-top: 5px;
}
.account {
  border: 0px;
  padding: 3px;
}
.account label,
.account input[type=text] {
  display: block;
}
.linkBox {
  text-align: center;
  border: dotted 2px #aaa;
}
.linkBox a {
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}
.linkBox a:hover {
  background-color: #f7f7f7;
}
.linkBox .linkBoxContent {
  display: block;
  padding: 0.7em;
}
.IconLink {
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 0px;
  background-repeat: no-repeat;
  background-position: left top;
  color: #595959;
  font-size: 12px;
  vertical-align: top;
  overflow: hidden;
  padding-top: 0px;
  background-image: url(images/3rdrowarrows_14x13.gif);
}
.focused {
  color: #000000;
  /*background: #eaf8e9;   */
  background: #f4f4f4;
}
.nowrap {
  white-space: nowrap;
}
.mandatoryLocation {
  border: 1px solid #ffcb99;
  padding: 0.05em 0.2em 0.1em 0.2em;
  margin-right: 1em;
  background: #fffbc9;
  color: #000000;
  font-weight: normal;
  font-size: 1.0em;
}
.center {
  text-align: center;
}
.phaseEntry {
  border: 2px solid #E1E6EF;
  margin-top: 0.5em;
  -moz-border-radius: 3px 3px 2px 2px;
  border-radius: 3px 3px 2px 2px;
}
.phaseEntry .timestamp {
  font-weight: bold;
  font-size: 0.85em;
  padding: 0.3em;
  background-color: #E1E6EF;
}
.phaseEntry .content {
  padding: 0.3em;
}
#rssbig a {
  text-decoration: none;
  color: #999;
}
#rssbig a:hover {
  text-decoration: underline;
  color: #999;
}
a .projectTreeItem {
  background: #f4f4f4;
  padding: 1px 1px 1px 5px;
  margin-bottom: 5px;
  color: Black;
}
.projectTreeItem:hover {
  /*background: #efefef;   */
  /* border: 1px solid black;	*/
  background: #D5E6FF ;
}
a .projectTreeItemImage {
  float: right;
  top: 20px;
  padding: 1px;
  vertical-align: 30px;
  margin: 5px;
}
/*
.projectInsideDateInterval {color: Green;}
.projectOutsideDateInterval {color: Red;}
  */
.projectActive {
  color: Green;
  font-weight: normal;
}
.projectNotActive {
  font-weight: normal;
}
.projectNeedRights {
  height: 16px;
  padding-left: 16px;
}
/* Gray */
/*
.container, .helpcontainer 
{ 
    padding: 5px 0 5px 0; 
}
 
.container h2, .helpcontainer h2
{ 	
    height: 21px; 
    overflow: hidden; 
    position: relative; 
    margin-bottom: 0;
    margin: 0; 
    padding: 4px 10px 0 10px;
    color:black; 
    font-weight: bold; 
    font-size:13px;                 
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;              
 } 

.container h2 {
background: url( images/title.png) repeat-x; 
}

.helpcontainer h2 
{
    background: url( images/helptitle.png) repeat-x; 
}

.stepcontent
{
    padding: 6px;		
    border:  2px solid #B1B8C5;

    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;       
}

.helpstepcontent
{
    padding: 6px;	
    border:  2px solid #FFC489 ;
    background-color: #ffffff;
    
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;       	
}


.sendcontent
{	
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;       
}
*/
/* Blue */
.container {
  padding: 5px 0 5px 0;
  /* background-color: Gray; */
}
.container h2,
.container h1 {
  /*height: 21px; */
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
  margin: 5px 0 0 0;
  /* padding: 4px 10px 0 10px; */
  color: black;
  font-weight: bold;
  border-bottom: 3px solid #00328F;
  padding-top: 2px;
  padding-bottom: 2px;
}
.container h2 {
  /* height: 21px;  */
  /* font-size:13px;  */
  font-size: 1.2em;
}
.container h1 {
  font-size: 1.9em;
  margin: 0;
  font-weight: normal;
  padding: 0.5em 0.5em 0.5em 0;
  margin-top: 0.5em;
}
.stepcontent {
  padding: 6px;
  /*border:  2px solid #B1B8C5;

    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;       */
}
.presentationcontainer {
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #B1B8C5;
  padding: 0.2em;
}
.sendcontent {
  padding: 6px 6px 6px 0px;
  border-top: 3px solid #00328F;
}
input.dateTime {
  width: 7em;
}
.placeholder {
  color: #aaa;
}
/* 13.1 */
#toggleboxes-type .ui-icon,
#toggleboxes .ui-icon {
  float: right;
  display: block;
  margin-right: 10px;
  margin-top: 5px;
  position: static;
  height: 20px;
}
#toggleboxes .ui-icon {
  margin-top: 6px;
}
#toggleboxes-type .ui-icon {
  margin-top: 1px;
}
#toggleboxes-type h3 a,
#toggleboxes h3 a {
  margin-left: -20px;
  font-weight: bold;
}
#toggleboxes-type .ui-accordion-content {
  /* margin-left: 30px; */
}
/* .ui-accordion*/
#toggleboxes-type .ui-accordion-header {
  /* margin-top: 6px;*/
}
#toggleboxes-type .projectTreeItem,
#toggleboxes .ui-accordion-header {
  margin-left: 20px;
}
.feedback .ui-corner-all,
.feedback .ui-corner-top,
.feedback .ui-corner-left,
.feedback .ui-corner-right,
.feedback .ui-corner-bottom,
.feedback .ui-corner-tl,
.feedback .ui-corner-tr,
.feedback .ui-corner-bl,
.feedback .ui-corner-br {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
}
.result-overlay {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  opacity: 0.90;
  z-index: 30;
  background-color: #fff;
}
/* Result table */
.result-table .even {
  background-color: #f7f7f7;
  padding: 3px;
}
.odd_2 {
  background-color: lightgray;
  padding: 3px;
}
.result-table {
  border: 0;
  border-spacing: 0;
  margin: 0;
}
.result-table.fill,
.result-table .table-col-fill {
  width: 100%;
}
.result-table td,
.result-table th {
  padding: 0.4em;
}
.result-table td + td,
.result-table th + td {
  padding-left: 0.2em;
}
.result-table thead,
.result-table .internal-header {
  background-color: #c3dafa;
}
.result-table thead td,
.result-table thead th {
  text-align: left;
  font-weight: bold;
}
.active-page {
  background-color: #c3dafa;
}
.navi-pages-container {
  text-align: center;
  margin-top: 8px;
  position: relative;
}
.navi-pagenumbers-container {
  display: inline-block;
  line-height: 20px;
  margin-top: 5px;
  vertical-align: top;
}
.navi-page-number,
.previous-page,
.next-page {
  padding: 0px;
  margin-left: 0.2em;
  margin-right: 0.2em;
  border: none;
  background-color: #ffffff;
  cursor: pointer;
}
a.navi-page-number,
#resultsListView a {
  text-decoration: none;
}
.result-table .bottomrow,
.bottomrow {
  border-bottom: 2px solid #b2b2b2;
}
#result-sort-order {
  padding: 2px;
}
.view-feedback {
  color: #58595B;
}
table.view-feedback td {
  padding: 0.3em;
}
/* FAQ */
.feedback-subject-left {
  float: left;
  margin-top: 1em;
}
.feedback-subject-right {
  width: 26%;
  float: right;
  margin-top: 1em;
  border: 1px solid #aaa;
}
.faq-noitems {
  padding: 4px 0 4px 10px;
  font-size: 16px;
}
.FaqListContainer {
  max-height: 180px;
  overflow: auto;
}
.faq ul.faq-list,
ul.faq-list {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 16px;
  /*1em; */
  display: block;
  cursor: auto;
}
.faq ul.faq-list li {
  position: relative;
  margin: 0;
  min-height: 30px;
  padding: 4px 10px 4px 10px;
  border-top: solid 1px #eee;
  overflow: hidden;
}
.faq ul.faq-list li a {
  text-decoration: none;
  color: Black;
}
.faq ul.faq-list li:hover {
  background-color: rgba(255, 196, 37, 0.2);
  cursor: pointer;
}
.faq-header {
  font-size: 16px;
  font-weight: bold;
  padding: 6px 0 6px 10px;
}
.faq ul.faq-list h4 {
  position: relative;
  padding: 0;
  display: inline;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  word-wrap: break-word;
}
.faq ul.faq-list p {
  position: relative;
  left: 0;
  margin: 2px 0 0;
  overflow: hidden;
  word-wrap: break-word;
  font-size: 16px;
}
.app-badge {
  padding: 1em 0 0 0;
  text-align: center;
}
.ProjectAttributes h2 {
  font-size: 1.2em;
  margin-bottom: 0.2em;
  margin-left: 0;
  background: transparent;
  background-image: none !important;
}
.ProjectAttributes table {
  padding: 0.3em;
}
.ProjectAttributes table tr td {
  vertical-align: top;
}
.ProjectAttributes table thead tr th {
  font-weight: bold !important;
  text-align: left;
}
.ProjectAttributes .Phases {
  margin-left: 0.5em;
}
#myHelpContents {
  max-height: 250px;
  overflow: auto;
  /*background-color: #ffffff;*/
}
#myFeedbacksContents {
  max-height: 250px;
  overflow: auto;
  /*background-color: #ffffff; */
}
.navbar-list {
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.5em;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
}
.navbar-list .active {
  font-weight: bold;
  color: #005596;
}
/* */
.feedback-container h2,
.feedback-page-container h1,
.feedback-title {
  font-size: 26px;
  font-weight: normal;
  color: #005596;
}
.feedback-page-container h2 {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}
.black {
  color: #000000;
}
.feedback-page-container {
  margin: 34px;
}
.thankyou-page-container {
  text-align: center;
  margin-left: 20%;
  margin-right: 20%;
}
.feedback-page-subtitle {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}
.feedback-page-container p,
.feedback-page-text {
  font-size: 16px;
  font-weight: normal;
  color: #646464;
}
.feedback-container .info-text {
  font-size: 16px;
  font-weight: normal;
  color: #6a6976;
}
.info-text-below-field {
  margin: 5px 0 0 0;
  padding: 0;
}
.info-text-next-field {
  margin-left: 5px;
}
.feedback-container .field-title {
  margin-bottom: 8px;
  margin-top: 15px;
}
.feedback-date-time-container {
  display: flex;
}
.feedback-date-time-sub-container {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}
.feedback-date-time-sub-container input {
  margin-top: 10px;
}
.feedback-container .field-title,
.feedback-container .field-check,
.feedback-page-container .field-check,
.feedback-page-container label,
.feedback-container .field-check input[type='checkbox'] + label,
.feedback-container .field-check input[type='checkbox'] + input[type='hidden'] + label {
  font-size: 16px !important;
  font-weight: bold !important;
  color: #000000;
}
.feedback-container .field-check input[type='checkbox']:disabled + label,
.feedback-container .field-check input[type='checkbox']:disabled + input[type='hidden'] + label {
  font-weight: normal !important;
}
.feedback-container .field-check input[type='checkbox'],
.public-search-map-area input[type='checkbox'] {
  width: 22px !important;
  height: 22px !important;
  vertical-align: middle;
  position: relative;
  bottom: 2px;
  overflow: hidden;
}
.feedback-container .field-check label {
  margin: 0 !important;
  vertical-align: baseline !important;
}
.feedback-container .field-select {
  font-size: 18px;
  font-weight: normal;
  color: #000000;
  background-color: #E4E9EC !important;
  /* TODO */
  padding: 4px !important;
  border: 0 !important;
  border-radius: 3px;
  height: 40px;
}
.feedback-container .field-inputtext {
  height: 40px;
}
.field-multi-attachments {
  width: 98%;
  margin-bottom: 5px;
  margin-top: 12px;
}
.field-textarea,
.field-inputtext {
  font-size: 18px;
  font-weight: normal;
  color: #000000;
  padding: 3px;
  background-color: #ffffff !important;
}
.field-textarea:hover,
.field-inputtext:hover,
.field-textarea:focus,
.field-inputtext:focus {
  background-color: #F8F8F8 !important;
}
/* MAIN PAGE */
.navheader {
  position: relative;
  margin: 0px;
  border: 0px;
  width: 100%;
  padding: 0px;
  /*	border-top: 1px solid rgb(90, 110, 164);  */
  font-size: 18px;
  color: #323232;
  font-weight: bold;
  /*	background-image: url(tabbg.jpg); */
  z-index: 2;
  cursor: pointer;
}
.mobile-menu {
  position: absolute;
  z-index: 9999;
  color: white;
  width: 100%;
  display: none;
}
.mobile-menu ul {
  margin: 0;
  padding: 0;
  width: 100%;
  border-top: 1px solid black;
}
.mobile-menu li {
  display: block;
  background: #005596;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  width: 100%;
  font-size: 18px;
  padding: 0;
  color: #ffffff;
  font-weight: bold;
  height: 42px;
}
.mobile-menu li.link {
  background: #464646;
  /* @verydarkgray; */
}
.mobile-menu li a {
  text-decoration: none;
}
.mobile-menu li a:hover span {
  background-color: #0168B0 !important;
}
.mobile-menu li.link a:hover span {
  background-color: #6a6976 !important;
}
.mobile-menu-label {
  color: white;
  display: block;
  padding: 10px 4px 10px 14px;
  height: -webkit-fill-available;
}
.navbar-icon {
  background: url(images/icons/icon-navi28.png);
  left: 0px;
  cursor: pointer;
  padding: 0;
  float: left;
  width: 28px;
  height: 28px;
}
/*
.feedback-sprites {
    background: url(images/icons/icon-feedback-sprites.png);
    background-repeat: no-repeat;

}
    */
.navbar-icon-label {
  float: left;
  padding-left: 0.5em;
  margin-bottom: 0;
}
.navheader li.active a span {
  color: #005596;
}
.navheader li a span {
  color: #FFFFFF;
}
.navheader li.active a .icon-give-feedback {
  background-position: 0 0;
}
.navheader li a .icon-give-feedback {
  background-position: -28px 0;
}
.navheader li.active a .icon-projects-feedback {
  background-position: 0 -28px;
}
.navheader li a .icon-projects-feedback {
  background-position: -28px -28px;
}
.navheader li.active a .icon-search-feedback {
  background-position: 0 -56px;
}
.navheader li a .icon-search-feedback {
  background-position: -28px -56px;
}
.navheader li.active a .icon-user-feedback {
  background-position: 0 -84px;
}
.navheader li a .icon-user-feedback {
  background-position: -28px -84px;
}
.navheader li.active a .icon-about-service {
  background-position: 0 -112px;
}
.navheader li a .icon-about-service {
  background-position: -28px -112px;
}
.navheader li a .icon-menu {
  background-position: -28px -140px;
}
/* TAB */
.navheader ul {
  height: 35px;
  position: absolute;
  z-index: 100;
  background: #efefef;
  border-bottom: 1px solid #d4d4d4;
  margin: 0;
  padding: 0;
}
.navheader li {
  float: left;
  list-style: none;
  white-space: nowrap;
}
.navheader li a {
  background-color: #005596;
  /*
    border: 1px solid #d4d4d4; 
    border-left: 0;
    border-top: 0;
    color: #666;
        */
  border: 0;
  cursor: pointer;
  display: block;
  line-height: 30px;
  padding: 10px;
  /* trouble*/
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin-right: 1px;
}
.navheader li a:hover {
  background-color: #0168B0;
}
.navheader li.active a {
  background-color: #FFFFFF;
}
.active-indicator-container {
  position: relative;
}
.navbar-list .active .active-indicator:before {
  content: '';
  display: inline-block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #DCDCDC;
  /*
    border-bottom-color: rgba(0, 0, 0, 0.2);
    */
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
}
.navbar-list .active .active-indicator:after {
  content: '';
  display: inline-block;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #F0F0F0;
  /* #A0A0A0; */
  position: absolute;
  bottom: -21px;
  left: 50%;
  margin-left: -9px;
  width: 0;
  height: 0;
}
.view-propertyname {
  font-size: 16px;
  font-weight: bold;
}
.view-propertyvalue {
  font-size: 16px;
  font-weight: normal;
  color: #464646;
}
.view-propertyvalue-multiline {
  padding-top: 3px;
}
.collapsible-header {
  font-weight: bold;
  font-size: 20px;
  color: #363545;
  border-top: 1px solid #9d9da6;
  cursor: pointer;
  width: 100%;
  padding-top: 3px;
  padding-right: 2px;
  padding-left: 2px;
  margin-bottom: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.collapsible-header :hover,
body.new .collapsible-header :hover {
  text-decoration: none;
  color: #646464;
}
.collapsible-header a,
body.new .collapsible-header a {
  text-decoration: none;
  color: #363545;
}
.collapsible-header a:hover,
body.new .collapsible-header a:hover {
  color: #646464;
  text-decoration: none;
}
.collapsible-header h2 {
  color: #363545;
  font-size: inherit;
  display: flex;
}
.collapsible-header .category-icon32.eservices {
  margin-top: 0px;
}
.collapsible-header .category-icon32 {
  margin-top: 0px;
  flex: 0 0 34px;
}
.collapsible-header .typename {
  line-height: 32px;
  margin-right: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  flex: 0 1 auto;
}
.collapsible-header .typetoggle {
  position: absolute;
  right: 0px;
  top: 8px;
  flex: 0 0 34px;
}
.feedbacktype-card-box {
  float: left;
  margin: 0 10px 10px 0;
  padding: 0;
  position: relative;
  min-height: 146px;
  height: 146px;
  /*158*/
}
.feedbacktype-card-overlay {
  position: absolute;
  z-index: 2000;
}
.feedbacktype-card {
  float: left;
  padding: 10px 10px 10px 0;
  position: relative;
  border: 1px solid #7b7a86;
  width: 100%;
  min-height: 146px;
  /*  height: 146px; */
  padding: 0;
  background-color: #ffffff;
  border-radius: 3px;
  cursor: pointer;
  text-decoration: none;
}
.feedbacktype-card.authenticate {
  background-color: #F8F8F8;
}
div.feedbacktype-card-a a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-decoration: none;
  /* Makes sure the link   doesn't get underlined */
  z-index: 2;
  /* raises anchor tag above everything else in div */
  background-color: white;
  /*workaround to make clickable in IE */
  opacity: 0;
  /*workaround to make clickable in IE */
  filter: alpha(opacity=1);
  /*workaround to make clickable in IE */
}
.feedbacktype-card-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-decoration: none;
  /* Makes sure the link   doesn't get underlined */
  z-index: 2;
  /* raises anchor tag above everything else in div */
  background-color: white;
  /*workaround to make clickable in IE */
  opacity: 0;
  /*workaround to make clickable in IE */
  filter: alpha(opacity=1);
  /*workaround to make clickable in IE */
}
.feedbacktype-card:hover {
  background-color: #F8F8F8;
  border-color: #429bd1;
  /*#F8F8F8; green */
}
.feedbacktype-card-label {
  font-weight: bold;
  font-size: 22px;
  color: #005f9e;
  padding: 0.5em 0.5em 0 0.5em;
  line-height: 22px;
  max-height: 44px;
  overflow: hidden;
  margin-bottom: 0.5em;
}
.feedbacktype-card-explanation {
  padding: 0;
  /*0.5em;*/
  padding-left: 0.5em;
  padding-right: 0.5em;
  max-height: 42px;
  overflow: hidden;
  color: #646464;
  font-weight: normal;
  font-size: 19px;
  line-height: 21px;
}
.open .icon-more30-2 {
  background: url(images/icons/Collapse_text.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border-radius: 50%;
}
.open .feedbacktype-card {
  height: auto;
}
.open .feedbacktype-card-label {
  max-height: 89px;
  overflow: hidden;
  /*visible; */
  height: auto;
}
.open .feedbacktype-card-explanation {
  max-height: 700px;
  overflow: hidden;
  /*auto; */
  margin-bottom: 50px;
  height: auto;
}
.feedbacktype-card-explanation-full {
  padding: 0.5em;
  max-height: 440px;
  overflow: hidden;
  color: #646464;
  font-weight: normal;
  font-size: 19px;
}
.feedbacktype-card-arrow {
  position: absolute;
  right: 5px;
  bottom: 5px;
  color: #646464;
  font-weight: normal;
  font-size: 19px;
  z-index: 20;
}
#feedback-type-list .collapsible-header a:focus h2,
#resultsListView a:focus span.icon-next30-2,
.feedbacktype-card-arrow a:focus div {
  outline: 2px solid -webkit-focus-ring-color;
}
.mobile-menu li a:focus span {
  outline: 4px solid -webkit-focus-ring-color;
}
.map-objects-header a:focus {
  outline: none;
}
.feedbacktype-card-arrow-info {
  position: absolute;
  left: 11px;
  bottom: 5px;
  float: left;
  margin-right: 50px;
  color: #646464;
  font-weight: normal;
  font-size: 14px;
}
.feedbacktype-card-more {
  position: absolute;
  left: 5px;
  bottom: 5px;
  z-index: 20;
  display: none;
}
.icon30 {
  background: url(images/icons/Forward_arrow_small.png);
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  height: 30px;
  width: 30px;
  text-decoration: none;
}
.icon30-rounded {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
}
.icon30-rounded-2 {
  /*
    background: url(images/Forward_arrow_small.png);
    background-repeat: no-repeat;
        */
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
}
.map-objects-header {
  padding-right: 0px;
  text-align: inherit;
  width: inherit;
  height: auto;
  font-size: 16px;
  font-weight: bold;
  border-radius: 2px;
  background-color: #005f9e;
  /* #333132;*/
  color: #FFFFFF;
  cursor: pointer;
  padding-left: 8px;
  padding-top: 7px;
  text-transform: uppercase;
  line-height: 20px;
}
.map-objects-container {
  z-index: 8500;
  height: auto;
  width: 300px;
  position: absolute;
  right: 50px;
  top: 5px;
}
.map-objects-toggle {
  float: right;
  margin-right: 4px;
  margin-top: -4px;
}
.icon-up30-rounded {
  background: url(images/icons/Collapse_arrow_down.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff;
}
.open .icon-up30-rounded {
  background: url(images/icons/Collapse_arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff;
}
#feedback-type-list .icon-up30-rounded,
#feedback-type-list .icon-up30,
#feedback-type-list .open .icon-up30:hover {
  transform: scale(1.5);
}
.icon80 {
  background-repeat: no-repeat;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  opacity: 0.8;
  margin-left: auto;
  margin-right: auto;
  filter: alpha(opacity=80);
}
.tutorial-icon:hover .icon80,
.downloadmobile-icon:hover .icon80 {
  opacity: 1.0;
  filter: alpha(opacity=100);
}
.tutorial-icon .icon80-text,
.downloadmobile-icon .icon80-text {
  display: table;
  background-color: rgba(0, 0, 0, 0.3);
}
.tutorial-icon:hover .icon80-text,
.downloadmobile-icon:hover .icon80-text {
  text-shadow: 2px 2px rgba(0, 0, 0, 0.4);
}
.icon80-tutorial {
  background: url(images/icons/Tutorial_button.png);
  background-position: center;
  background-color: black;
  background-repeat: no-repeat;
}
.icon80-app {
  background: url(images/icons/Download_app_button.png);
  background-position: center;
  background-color: black;
  background-repeat: no-repeat;
}
.icon80-text {
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.4);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.icon80-success {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background: url(images/icons/Succes_check_big.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #5ec260;
}
.icon-next30 {
  background: url(images/icons/Forward_arrow_small.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #E4E9EC;
  border-radius: 3px;
  /* TODO: Position */
}
.icon-next30-2 {
  background: url(images/icons/Forward_arrow_small.png);
  background-repeat: no-repeat;
  background-position: center;
  /*  background-color: #E4E9EC; */
  /*   border-radius: 3px; */
  /* TODO: Position */
}
.icon-lock30-2 {
  background: url(images/icons/Lock.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border-radius: 50%;
  /* TODO: Position */
}
.icon-more30-2 {
  background: url(images/icons/Expand_text.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border-radius: 50%;
}
.icon-next30-2:hover,
.icon-lock30-2:hover,
.icon-more30-2:hover,
.feedbacktype-card:hover .icon-next30-2,
.feedbacktype-card:hover .icon-lock30-2 {
  border: 1px solid #429bd1;
}
.icon-prev30 {
  background: url(images/icons/Back_arrow_small.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #E4E9EC;
  border-radius: 3px;
  /* TODO: Position */
}
.icon-view30 {
  background: url(images/icons/Forward_arrow_small.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  /* TODO: Position */
}
.icon-lock30 {
  background: url(images/icons/Lock.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #E4E9EC;
  border-radius: 3px;
}
.icon-more30 {
  background: url(images/icons/Expand_text.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #7b7a86;
}
.icon-up30 {
  background: url(images/icons/Collapse_arrow_down.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}
.open .icon-up30 {
  background: url(images/icons/Collapse_arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}
.open.collapsible-header:hover .icon-up30,
.open .icon-up30:hover {
  background: url(images/icons/Collapse_arrow_hover.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}
.collapsible-header:hover .icon-up30,
.icon-up30:hover {
  background: url(images/icons/Collapse_arrow_down_hover.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}
.icon-next30:hover,
.icon-prev30:hover {
  background-color: #9d9da6;
}
.navheader li.active a .soonclosing-count span {
  color: #ffffff;
}
/* current issues */
.soonclosing-count {
  overflow: hidden;
  padding-bottom: 1px;
  z-index: 101;
  float: left;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #ffffff;
}
.soonclosing-count span {
  background-color: #005f9e;
  width: 28px;
  height: 28px;
  display: inline-block;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-left: 10px;
  font-size: 18px;
  font-weight: bold;
  vertical-align: central;
}
.title-image-wrap {
  width: 100%;
  height: 300px;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  overflow: hidden;
}
.title-image-0 {
  background-image: url(images/carousel/Trimble-Feedback-banner-pic-3.png);
  background-color: #ffffff;
}
.title-image-1 {
  background-image: url(images/carousel/Trimble-Feedback-banner-pic-1.png);
  background-color: #ffffff;
}
.title-image-2 {
  background-image: url(images/carousel/Trimble-Feedback-banner-pic-2.png);
  background-color: #ffffff;
}
body.area-feedback .navbar-container {
  position: absolute;
  bottom: 0px;
  left: 0;
  min-width: 800px;
  /* Old IE */
  padding: 0;
  margin: 0;
  width: auto;
  /* 100%; */
  /*  box-sizing: border-box;*/
}
body.area-feedback .title-image {
  width: 100%;
  min-width: 800px;
  /* Old IE */
  height: 300px;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
}
@media (min-width: 1px) {
  body.area-feedback .title-image {
    min-width: 0;
  }
}
@media (max-width: 480px) {
  body.area-feedback .navbar-container {
    min-width: 300px;
  }
}
@media (min-width: 480px) and (max-width: 1200px) {
  body.area-feedback .navbar-container {
    min-width: 0;
  }
}
@media (min-width: 1200px) {
  body.area-feedback .navbar-container {
    width: 100%;
  }
}
.title-header-box:after {
  content: '';
  display: inline-block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #000000;
  position: absolute;
  top: -12px;
  left: 30px;
}
.title-header-box {
  float: left;
  font-size: 26px;
  padding: 0;
  margin: 0;
  width: 100%;
  background-color: #000000;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.title-header {
  font-size: 26px;
  font-weight: normal;
  color: #FFFFFF;
  margin: 0.4em;
}
.title-body-box {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
}
.title-body {
  font-size: 16px;
  color: #363545;
  margin: 0.5em;
}
.title-icon-container {
  float: right;
  right: 50px;
  top: 50px;
  width: 205px;
  position: relative;
}
.title-icon-container a {
  text-decoration: none;
}
.image-carousel-contols {
  position: absolute;
  right: 5px;
  bottom: 5px;
}
.image-carousel-contols button {
  border-color: white;
  background-color: black;
  opacity: 0.8;
}
.image-carousel-contols button:hover {
  outline: 2px solid -webkit-focus-ring-color;
}
.image-carousel-contols button:focus {
  outline: 2px solid white;
}
.image-carousel-contols button span {
  transform: scale(2);
  border-radius: 16px;
}
.image-carousel-contols button.image-carousel-stop-button span {
  background-position: -16px -160px;
}
.image-carousel-contols button.image-carousel-run-button span {
  background-position: 0px -160px;
}
.image-carousel-contols.run .image-carousel-run-button {
  display: none;
}
.image-carousel-contols:not(.run) .image-carousel-stop-button {
  display: none;
}
.search-list-item {
  font-size: 16px;
  padding: 10px 6px 10px 6px;
  border-radius: 3px;
  border-top: 1px solid #7b7a86;
  margin-top: 3px;
  margin-left: 3px;
  margin-right: 3px;
}
.search-list-item.last {
  border-bottom: 1px solid #7b7a86;
}
.search-list-item:hover {
  background-color: #F8F8F8;
}
.search-list-item:hover .icon-next30-2 {
  border: 1px solid #429bd1;
}
.search-list-date {
  color: #000000;
  font-weight: bold;
}
.search-list-status {
  color: #000000;
  font-weight: bold;
}
.search-list-nature {
  color: #000000;
  font-weight: normal;
}
.search-list-type {
  font-size: 16px;
  font-weight: bold;
  color: #005f9e;
}
.search-list-explanation {
  color: #646464;
}
.public-search-condidtion-container {
  border: 1px solid #7b7a86;
  margin-top: 15px;
  padding-bottom: 5px;
  background-color: white;
  /*
    border-bottom: 0;
        */
}
.public-search-result-container {
  /*
    border-top: 1px solid @gray;
        */
  border: 1px solid #7b7a86;
  background-color: white;
  position: relative;
  padding-top: 15px;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
  /*
    padding-left: 10px;
    padding-right: 10px;

 
    margin-left: -34px;
    padding-left: 34px;
    margin-right: -34px;
    padding-right: 34px;
        */
}
.public-search-map-container {
  width: 100%;
  height: 600px;
  max-height: 600px;
}
.public-search-map-area {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1000;
  background-color: #FFFFFF;
  padding: 4px;
}
.search-page-navi {
  display: inline-block;
  overflow: hidden;
  height: 22px;
  width: 22px;
  color: #646464;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid transparent;
}
.search-page-navi:hover,
.search-page-navi:focus {
  border-radius: 3px;
  border: 1px solid #646464;
}
.search-page-navi.active {
  color: #ffffff;
  background-color: #646464;
}
.feedback-search-municipality {
  font-size: 18px;
  font-weight: bold;
  height: 36px;
  position: absolute;
  right: 45px;
  top: 1px;
  width: 190px;
  border: 0 !important;
}
.feedback-search-border {
  position: relative;
  border: 1px solid #7b7a86;
  height: 40px -2;
  border-radius: 3px;
  /* box-sizing: border-box; */
}
.feedback-search-address {
  font-size: 18px;
  font-weight: bold;
  color: #363545;
  height: 38px;
  padding-left: 5px;
  width: 100%;
  margin: 0;
  /*
    height: 40px;
        */
  top: 0px;
  border: 0 !important;
  padding-right: 45px !important;
}
.is-municipalitylist .feedback-search-address {
  padding-right: 230px !important;
}
.feedback-search-text-bordered {
  font-size: 18px;
  color: #363545;
  padding: 0;
  padding-left: 3px;
  height: 38px;
  margin: 0;
  border: 1px solid #7b7a86 !important;
  border-radius: 3px;
}
.feedback-date-sep {
  font-size: 18px;
  float: left;
  text-align: center;
  width: 10%;
  margin-left: auto;
  margin-right: auto;
  line-height: 40px;
}
.feedback-search-text {
  font-size: 18px;
  font-weight: bold;
  color: #363545;
  height: 38px;
  padding-left: 5px;
  width: 100%;
  margin: 0;
  top: 0px;
  border: 0 !important;
  padding-right: 32px !important;
  box-sizing: border-box;
}
.feedback-search-border {
  position: relative;
  border: 1px solid #7b7a86;
  height: 38px;
  border-radius: 3px;
  width: 98%;
  /* all browsers */
  width: -moz-calc(100% - 12px);
  /* Firefox 4+ */
  width: calc(100% - 12px);
  /* IE9+ and future browsers */
}
a.mapskip {
  position: absolute;
  width: 0px;
  height: 0px;
  overflow: hidden;
}
a.mapskip:focus {
  position: relative;
  background: #ffffff;
  left: 14em;
  bottom: 1.5em;
  color: #000000 !important;
  text-decoration: none !important;
  width: auto;
  height: auto;
}
/*
.select-div:before{
   position: absolute;

    content: "\f0d7";
    right: 0;
    color:gray;
    }

.select-div:after{
    content: "";
    margin:0 0.5em;
    display:inline-block;
    border: 7px solid transparent;
    border-top:8px solid gray;
    border-bottom:0 none;
}
 */
input[type="button"].feedback-search-submit,
button.feedback-search-submit {
  position: absolute;
  right: 0px;
  width: 35px;
  height: 35px;
  top: 0px;
  vertical-align: bottom;
  background: url(images/icons/Search.png);
  background-position: center;
  background-repeat: no-repeat;
  /*
    width: 40px;
    height: 40px;

    border: 1px solid gray;
    border-radius: 3px;
  
    margin: 0;
    padding: 0;
         */
  cursor: pointer;
  border: 0;
}
#FeedForm input[type="submit"].feedback-submit,
#FeedForm button.feedback-submit {
  background: #005596 url('images/icons/Forward_arrow_big_white.png') no-repeat 85% 50%;
  height: 45px;
  padding-right: 60px;
  padding-left: 30px;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  /*  border-right: 20px solid @verydarkblue; */
}
#FeedForm input[type="submit"].feedback-submit:hover,
#FeedForm button.feedback-submit:hover {
  background-color: #0168b0;
}
.public-search input[type="button"],
.public-search button {
  height: 40px !important;
}
#ViewForm input[type="submit"].feedback-submit,
#ViewForm button.feedback-submit {
  text-transform: uppercase;
  margin-top: 4px;
  font-weight: bold;
}
.add-comment-container {
  background-color: #f0f0f0;
  padding: 8px;
  margin-top: 8px;
}
/* 
.search-panel-content .ui-widget
{
    font-size: 16px;
    font-weight: bold;
}
*/
.public-search-condidtion-container .ui-state-default,
.public-search-condidtion-container .ui-state-active,
.public-search-condidtion-container .ui-state-hover {
  border: 0 !important;
  background: #E4E9EC !important;
  color: #000000 !important;
}
.public-search-condidtion-container input[type="button"].ui-widget,
.public-search-condidtion-container button.ui-widget {
  height: 40px !important;
}
.public-search-condidtion-container .ui-corner-all {
  border-radius: 3px;
}
.ui-multiselect.public-search {
  font-size: 18px;
  /* font-weight: bold; */
}
.ui-multiselect-menu.public-search {
  font-size: 18px;
  font-weight: normal;
}
.public-search-condidtion-container .ui-multiselect-checkboxes li {
  font-size: 18px !important;
}
.ui-multiselect-checkboxes .public-search li {
  font-size: 16px !important;
  /*font-weight: bold; */
}
.index-body {
  border-top: 1px solid #DCDCDC;
  margin-top: 10px;
  background-color: #F0F0F0;
  clear: both;
}
.navi-bottom {
  width: 100%;
  height: 10px;
  background-color: #ffffff;
  padding: 0;
  margin: 0;
  z-index: -1;
}
.view-feedback-module {
  margin-top: 25px;
}
.share-links {
  height: 32px;
}
body.area-feedback .public-search-map {
  display: block;
  float: left;
  width: 48%;
}
body.area-feedback .public-search-resultlist {
  float: right;
  width: 48%;
}
body.area-feedback .public-search-result-container {
  padding-left: 0;
}
body.area-feedback .public-search-map {
  padding-left: 10px;
}
body.area-feedback .public-search-resultlist {
  padding-right: 10px;
}
@media (max-width: 992px) {
  body.area-feedback .public-search-map {
    display: none;
  }
  body.area-feedback .public-search-resultlist {
    float: right;
    width: 99%;
  }
  body.area-feedback .public-search-result-container {
    padding-left: 10px;
  }
}
body.area-feedback {
  /* 460px vs 400px */
}
body.area-feedback .contact-module-w50 {
  width: 312px;
  float: left;
  margin-right: 10px;
}
body.area-feedback .contact-module-w20 {
  width: 140px;
  float: left;
  margin-right: 10px;
}
body.area-feedback .contact-module-w80 {
  width: 484px;
  float: left;
}
body.area-feedback .contact-module-w100 {
  width: 634px;
}
body.area-feedback .contact-module-field {
  width: 100%;
}
body.area-feedback .field-select-1,
body.area-feedback .field-text-1 {
  width: 360px;
}
body.area-feedback .field-text-date {
  width: 120px;
}
body.area-feedback .field-text-time {
  width: 100px;
}
@media (max-width: 680px) {
  body.area-feedback .contact-module-w50 {
    width: 46%;
    float: left;
    margin-right: 10px;
  }
  body.area-feedback .contact-module-w100 {
    width: 92%;
    width: calc(92% + 10px);
    margin-right: 20px;
    padding-right: 10px;
  }
  body.area-feedback .contact-module-w20 {
    width: 35%;
    float: left;
    margin-right: 10px;
  }
  body.area-feedback .contact-module-w80 {
    width: 57%;
    float: left;
  }
  body.area-feedback .map-objects-container {
    width: 270px;
  }
  body.area-feedback .map-objects-collapse-container {
    width: 268px;
  }
  body.area-feedback .basemap-switcher {
    max-width: 70px;
    -ms-touch-action: none;
  }
  body.area-feedback .basemap-switcher li.open {
    display: block;
  }
}
@media (max-width: 460px) {
  body.area-feedback {
    /* 320 - 225  */
  }
  body.area-feedback .contact-module-w50,
  body.area-feedback .contact-module-w100,
  body.area-feedback .contact-module-w20,
  body.area-feedback .contact-module-w80 {
    width: 98%;
  }
  body.area-feedback .field-select-1,
  body.area-feedback .field-text-1 {
    width: 98%;
  }
  body.area-feedback .field-text-date {
    width: 98%;
  }
  body.area-feedback .field-text-time {
    width: 93%;
  }
  body.area-feedback .map-objects-container {
    min-width: 225px;
    width: 225px;
    width: calc(100% - 90px);
    /* IE9+ and future browsers */
    right: 45px;
    /*  right: 5px;
            top: 40px;
              */
  }
  body.area-feedback .map-objects-collapse-container {
    width: 223px;
    height: auto;
    width: calc(100% - 4px);
    /* IE9+ and future browsers */
  }
  body.area-feedback .map-objects-collapse-header {
    font-size: 12px;
  }
  body.area-feedback .basemap-switcher {
    top: 38px !important;
  }
}
body.area-feedback .title-box {
  float: left;
  left: 48px;
  top: 24px;
  position: relative;
  border: 2px solid #000000;
  border: 2px solid rgba(0, 0, 0, 0.7);
  width: 550px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
body.area-feedback .give-feedback-page {
  margin-left: 34px;
  margin-right: 34px;
  margin-top: 34px;
}
body.area-feedback .feedback-subject-left {
  width: 72%;
}
body.area-feedback .feedback-subject-right {
  display: block;
}
body.area-feedback .map-select-area-container {
  float: right;
  width: 35%;
  margin: 0;
}
body.area-feedback .feedback-search-container {
  float: left;
  width: 62%;
  padding: 0;
  margin: 0;
  height: 40px;
}
@media (max-width: 620px) {
  body.area-feedback .title-box {
    left: 2%;
    width: 94%;
    min-width: 300px;
    top: 12px;
  }
  body.area-feedback .title-box .title-header {
    font-size: 24px;
  }
  body.area-feedback .title-box .title-body {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  body.area-feedback .title-box {
    left: 1%;
    width: 97%;
    min-width: 300px;
    top: 12px;
  }
  body.area-feedback .title-box .title-header {
    font-size: 20px;
  }
  body.area-feedback .title-box .title-body {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  body.area-feedback .give-feedback-page {
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 4px;
  }
  body.area-feedback .feedback-subject-left {
    width: 99%;
  }
  body.area-feedback .feedback-subject-right {
    display: none;
  }
  body.area-feedback .map-select-area-container {
    float: none;
    width: 98%;
    margin-top: 5px;
  }
  body.area-feedback .feedback-search-container {
    float: none;
    width: 98%;
    padding: 0;
    margin: 0;
    min-width: 250px;
  }
}
@media (min-width: 768px) {
  body.area-feedback .feedback-subject-left {
    width: 72%;
  }
  body.area-feedback .feedback-subject-right {
    display: block;
  }
}
@media (min-width: 1200px) {
  body.area-feedback .give-feedback-page {
    margin-left: 34px;
    margin-right: 34px;
    margin-top: 34px;
  }
}
body.area-feedback {
  /* < 480 */
  /* 480 - 768 */
  /* 768 - 992 */
  /* 992 - 1200 */
}
body.area-feedback .public-search-module {
  float: left;
  width: 32%;
  margin: 0;
  padding: 0 0 5px 5px;
  position: relative;
  min-width: 200px;
}
@media (max-width: 480px) {
  body.area-feedback .public-search-module {
    width: 98%;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  body.area-feedback .public-search-module {
    width: 48%;
  }
}
.no-own-feedbacks {
  font-size: 26px;
  font-weight: bold;
  margin-left: auto;
  text-align: center;
  color: #a0a0a0;
  margin-right: auto;
  margin-top: 50px;
  margin-bottom: 50px;
}
.my-feedback-container {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #7b7a86;
  padding: 10px;
  margin-bottom: 2px;
  border-radius: 3px;
}
body.area-feedback {
  /*.feedbacktype-card, */
  /* 480px*/
  /* 768px*/
  /* 992px*/
  /* 1200px */
}
body.area-feedback .navbar-list,
body.area-feedback .index-body {
  margin-left: 34px;
  margin-right: 34px;
}
body.area-feedback .footer {
  margin-left: 0px;
}
body.area-feedback .feedbacktype-card-box {
  width: 288px;
}
body.area-feedback .navbar-icon-label {
  display: inline-block;
}
body.area-feedback .mobile-menu-toggle {
  display: none;
}
body.area-feedback .title-icon-container {
  display: block;
}
@media (max-width: 480px) {
  body.area-feedback .collapsible-header {
    font-size: 18px;
  }
  body.area-feedback .navbar-icon-label,
  body.area-feedback .navbar-icon-label.hide-first {
    display: inline-block !important;
  }
  body.area-feedback .navbar-list li {
    display: none;
  }
  body.area-feedback .navbar-list li.active {
    display: block;
  }
}
@media (max-width: 768px) {
  body.area-feedback {
    /* .navbar-list, */
  }
  body.area-feedback .navbar-icon-label,
  body.area-feedback .navbar-icon-label.hide-first {
    display: none;
  }
  body.area-feedback .mobile-menu-toggle {
    display: inline-block !important;
  }
  body.area-feedback .navbar-list li.active .navbar-icon-label {
    display: block !important;
  }
  body.area-feedback .title-icon-container {
    display: none;
  }
  body.area-feedback .index-body {
    margin-left: 10px;
    margin-right: 10px;
  }
  body.area-feedback .navheader li a {
    padding: 10px;
  }
}
@media (max-width: 992px) {
  body.area-feedback .navbar-icon-label.hide-first {
    display: none;
  }
}
@media (max-width: 480px) {
  body.area-feedback .feedbacktype-card-box {
    width: 95%;
  }
  body.area-feedback .navbar-list {
    margin-left: 10px;
    margin-right: 0;
  }
}
@media (min-width: 480px) {
  body.area-feedback {
    /*.feedbacktype-card, */
  }
  body.area-feedback .feedbacktype-card-box {
    width: 95%;
  }
}
@media (min-width: 768px) {
  body.area-feedback {
    /*.feedbacktype-card, */
  }
  body.area-feedback .feedbacktype-card-box {
    width: 48%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  body.area-feedback {
    /*.feedbacktype-card, */
  }
  body.area-feedback .feedbacktype-card-box {
    width: 31%;
  }
  body.area-feedback .public-search-map {
    display: block;
    float: left;
    width: 48%;
  }
  body.area-feedback .public-search-resultlist {
    float: right;
    width: 48%;
  }
}
@media (min-width: 1200px) {
  body.area-feedback {
    /*.feedbacktype-card, */
  }
  body.area-feedback .navbar-list,
  body.area-feedback .index-body,
  body.area-feedback .footer {
    width: 1200px;
    /* margin-top: 0; */
    margin-left: auto;
    margin-right: auto;
    /*  background-color: #fff; */
  }
  body.area-feedback .feedbacktype-card-box {
    width: 288px;
  }
}
.MultiFile-remove,
.MultiFile-label {
  font-size: 16px;
}
.give-feedback-mapobjects .myobject-data h4,
.give-feedback-mapobjects .myobjects ul.myobject-list h4 {
  font-size: 14px;
}
.give-feedback-mapobjects .myobject-data p,
.give-feedback-mapobjects .myobjects ul.myobject-list p {
  font-size: 14px;
}
.map-object-selectioninfo,
.give-feedback-mapobjects {
  padding: 2px 10px 2px 10px;
  background-color: #ffffff;
  max-height: 200px;
  overflow: auto;
}
.map-object-selectioninfo-text {
  top: 0;
  padding: 0px;
  margin: 0px;
  overflow: auto;
  visibility: visible;
  background-color: #ffffff;
  font-size: 14px;
  height: auto;
}
.public-search-module .field-date {
  width: 40%;
}
.public-search-module .free-text {
  width: 40%;
  /* all browsers */
  width: -moz-calc(99% - 32px);
  /* Firefox 4+ */
  width: calc(99% - 32px);
  /* IE9+ and future browsers */
}
a.clear-search-conditions:hover,
a.more-search-conditions:hover {
  text-decoration: none;
}
a.clear-search-conditions,
a.more-search-conditions {
  text-decoration: none;
  padding: 3px 13px !important;
  background-color: #ffffff;
  border: 1px solid #7b7a86;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
  border-radius: 2px;
}
.icon15 {
  display: inline-block;
  text-indent: -99999px;
  overflow: hidden;
  height: 15px;
  width: 15px;
  text-decoration: none;
}
.icon15-clear {
  background: url(images/icons/Clear_small.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  vertical-align: bottom;
}
.icon18-mandatory-field-indicator {
  margin-left: 2px;
  background: transparent;
  background-image: url(images/required-indicator.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: bottom;
  display: inline-block;
  height: 18px;
  width: 18px;
  text-indent: -99999px;
  overflow: hidden;
  font-weight: normal;
}
.map-scroll-helper {
  position: absolute;
  top: 0px;
  width: 40px;
  height: 100%;
  z-index: 1000;
  background-color: gray;
  opacity: 0.3;
  display: none;
}
.map-objects-collapse-container {
  width: 298px;
  height: auto;
  border: 1px solid #005596;
}
.map-objects-header-title {
  position: relative;
  padding-right: 32px;
}
.map-objects-header-arrow {
  position: absolute;
  right: 2px;
  top: -4px;
}
.give-feedback-map-container {
  border: 1px solid #7b7a86 !important;
}
.map-objects-collapse-header {
  border-top: 1px solid #DCDCDC;
  cursor: pointer;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  color: #363545;
  text-align: inherit;
  color: inherit;
  font-size: 16px;
  font-weight: bold;
  background: white;
  padding: 8px 0 4px 0;
  /*height: 30px; */
  min-height: 25px;
  margin: 0;
  height: auto;
}
.bottom-navi-container {
  border-top: 2px solid #e4e9eb;
  width: 100%;
  margin-top: 20px;
}
.bottom-navi-container a {
  text-decoration: none !important;
}
.to-front-page {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #7b7a86;
  text-transform: uppercase;
  font-weight: normal;
  display: inline;
  padding: 7px;
  color: #000;
  background-color: transparent;
  cursor: pointer;
  color: #000000 !important;
  float: right;
  margin-right: 50px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.to-front-page:hover {
  background-color: #E4E9EB;
}
.to-front-page:focus {
  outline: black solid 1px;
  outline: -webkit-focus-ring-color solid 2px;
}
.feedback-types-container {
  overflow: visible;
  margin-bottom: 40px;
}
.feedback-types-flat-list {
  margin-top: 10px;
}
.category-icon32 {
  background-image: url(images/feedbackgroups/icon-categorytype32.png?1);
  background-color: transparent;
  text-indent: -99999px;
  overflow: hidden;
  height: 32px;
  width: 32px;
  text-decoration: none;
  float: left;
  margin-top: -1px;
  margin-right: 8px;
  display: none;
}
.collapsible-header:hover .category-icon32,
.category-icon32:hover {
  background-image: url(images/feedbackgroups/icon-categorytype32-hover.png?1);
}
.category-icon32.eservices {
  background-position: 0 0;
  display: block;
}
.category-icon32.housing-and-construction {
  background-position: 0 -32px;
  display: block;
}
.category-icon32.decision-making {
  background-position: 0 -64px;
  display: block;
}
.category-icon32.planning-and-environment {
  background-position: 0 -96px;
  display: block;
}
.category-icon32.streets-and-traffic {
  background-position: 0 -128px;
  display: block;
}
.category-icon32.library {
  background-position: 0 -160px;
  display: block;
}
.category-icon32.culture {
  background-position: 0 -192px;
  display: block;
}
.category-icon32.sports {
  background-position: 0 -224px;
  display: block;
}
.category-icon32.education {
  background-position: 0 -256px;
  display: block;
}
.category-icon32.family-and-social-services {
  background-position: 0 -288px;
  display: block;
}
.category-icon32.nature {
  background-position: 0 -320px;
  display: block;
}
.category-icon32.health {
  background-position: 0 -352px;
  display: block;
}
.category-icon32.services-for-elderly {
  background-position: 0 -384px;
  display: block;
}
.category-icon32.general {
  background-position: 0 -416px;
  display: block;
}
.category-icon32.electricity {
  background-position: 0 -448px;
  display: block;
}
.category-icon32.gas {
  background-position: 0 -480px;
  display: block;
}
.category-icon32.district-heating {
  background-position: 0 -512px;
  display: block;
}
.category-icon32.waste {
  background-position: 0 -544px;
  display: block;
}
.category-icon32.waste-water {
  background-position: 0 -576px;
  display: block;
}
.bubble-content.explanation,
.bubble-content .explanation {
  font-size: 1.1em !important;
}
.feedback-freefields-container .dynamicfields .label-container {
  min-width: 10em;
  padding-right: 1em;
  display: inline-block;
  font-size: 16px;
  font-weight: bold !important;
  height: 40px;
}
.feedback-freefields-container .dynamicfields .label-container a {
  color: #034af3;
}
.feedback-freefields-container .dynamicfields .textarea .label-container {
  clear: both;
  float: none;
  width: 100%;
  display: block;
  font-weight: bold;
  margin-bottom: 0.3em;
  height: 40px;
}
.feedback-freefields-container .dynamicfields.editor textarea {
  height: 4em;
  width: 100%;
  font-size: 18px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.feedback-freefields-container .dynamicfields.editor textarea:hover,
.feedback-freefields-container .dynamicfields.editor textarea:focus {
  background-color: #F8F8F8;
}
.feedback-freefields-container .dynamicfields.editor input[type='checkbox'] {
  width: 22px !important;
  height: 22px !important;
  vertical-align: middle !important;
  position: relative !important;
  bottom: 2px!important;
  overflow: hidden;
}
.feedback-freefields-container .dynamicfields.editor input,
.feedback-freefields-container .dynamicfields.editor select {
  font-size: 18px;
  height: 40px;
}
.feedback-freefields-container .dynamicfields.editor input:hover,
.feedback-freefields-container .dynamicfields.editor select:hover,
.feedback-freefields-container .dynamicfields.editor input:focus,
.feedback-freefields-container .dynamicfields.editor select:focus {
  background-color: #F8F8F8;
}
.feedback-freefields-container .dynamicfields.display .multi-line {
  white-space: pre-wrap;
}
.feedback-freefields-container .dynamicfields .element + .element {
  margin-top: 1em;
}
.feedback-freefields-container .dynamicfields .date input {
  width: 7em;
  border: 1px solid #7b7a86;
}
.feedback-freefields-container .dynamicfields .integer input,
.feedback-freefields-container .dynamicfields .double input {
  width: 4em;
}
/* ADMIN */
/* COMMON/MISC
----------------------------------------------------------*/
.admin fieldset {
  margin: 0.3em;
  padding: 0.3em;
}
.admin .containerPanel {
  margin-top: 1em;
}
.admin .headerLeftCell {
  min-width: 95px;
}
.admin .contentWithoutHeader {
  background-color: #ffffff;
  border: 1px solid #aaaaaa;
  padding: 0.2em 0.5em 0.5em 0.5em;
  margin: 0.2em;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* MESSAGE STATUS
----------------------------------------------------------*/
.statusProcessing {
  color: #339900;
  font-weight: bold;
}
.statusReceived,
.missingResponsibilityPerson {
  color: #FFA500;
  font-weight: bold;
}
.statusDeleted {
  color: #7f7f7f;
}
/* MESSAGE EDIT
----------------------------------------------------------*/
.attachmentRow {
  float: left;
  width: 35em;
  padding: 0.2em 0.5em 0.2em 0.2em;
}
.item-table .hover,
div.attachmentRow.hover {
  background: #C3DAFA;
}
#adminPhaseInfo .item-table tr {
  background-color: transparent;
}
#adminPhaseInfo .item-table tr.even {
  background-color: #eaf2ff;
}
#adminPhaseInfo tr.commentRow {
  font-weight: bold;
}
.strongUserName {
  margin-left: 1em;
  float: left;
}
/* MESSAGE SEARCH 
----------------------------------------------------------*/
/*
#searchInfo
{
    float:left;
    margin: 0.6em 0.2em 0.6em 0;
    padding: 0.4em;
}

#searchInfoText
{
    font-weight: bold;
}
*/
#SearchParameters_ClearSearchParameters {
  margin-right: 1em;
}
/* ANALYSE ---------------------------------------------------------*/
.processingTimesHeaderRow {
  background-color: #C3DAFA;
}
.processingTimesSummaryRow {
  background-color: #C3DAFA;
}
.processingTimesTypeRow {
  background-color: #EAF2FF;
}
.numberField {
  text-align: center;
}
.phase-field-help-row {
  margin: 0.25em 0 0.25em 0 ;
}
.add-phase-container select,
.add-phase-container input {
  padding: 0.2em;
}
.new-phase-container-content {
  padding-top: 1em;
}
table.processor-selector-table td {
  margin: 0;
  padding: 0;
}
table.processor-selector-table select {
  margin: 0;
}
.phase-comment-container {
  margin-top: 0.5em;
}
.phase-field-table th {
  text-align: left;
  font-weight: normal;
}
.field-textarea.phase-comment-field {
  height: 11em;
}
.admin table.layoutTable.main-table {
  width: 100%;
}
.admin table.layoutTable.main-table td.resizeCol-e {
  width: 100%;
}
.admin .edit-feedback-container {
  padding: 0.2em 0.2em 1em 0.2em;
  overflow: hidden;
}
.admin-related-objects {
  padding-top: 0.8em;
}
.ui-blue .ui-front {
  z-index: 7223;
}
/* MANAGER */
/* COMMON/MISC
----------------------------------------------------------*/
.manager h2 {
  margin: 0.8em 0 0em 0.5em;
}
.manager h3 {
  margin: 0.5em 0 0.2em 0.2em;
}
#managerContent {
  padding-bottom: 1em;
  margin-top: 0.5em;
}
#managerContent .toolPanel {
  padding: 0 1em 0.8em 0;
}
#managerContent .toolPanel,
#managerContent .leftBar {
  padding-bottom: 0.5em;
}
#managerContent .col-1 {
  padding-left: 1em;
}
.manager fieldset {
  margin: 0.3em;
  padding: 0.3em;
  display: inline-block;
  /* Not supported in IE6 & IE7 */
}
#standardTextContainer fieldset {
  padding: 1em;
}
.manager td.leftBar {
  padding-left: 1em;
  padding-right: 1em;
  width: 18em;
}
#usersForm,
#projectsForm,
#codingsForm {
  margin: 0 1em 1em 1em;
}
#projectsList,
#codingsList,
#usersList {
  width: 100%;
}
.themeLayerPanel {
  margin-left: 3em;
}
.manager-tabs-panel {
  padding: 0.4em 0.4em ! important;
  /* override jquery tabs ui-tabs-panel padding */
}
.manager .input-validation-error {
  border: 2px dotted #ff0000;
  padding: 1px;
}
.manager .number,
.manager .numberfield {
  text-align: right;
  width: 2.5em;
}
.manager .feature-types {
  width: 282px;
}
/* FEEDBACK TYPES/SUBJECT
----------------------------------------------------------*/
#typesTreeContainer {
  display: none;
  width: 20em;
}
#typesTree span.inactive a {
  color: gray;
  font-style: italic;
}
#typesTree span.hiddenfrompublicgui a {
  color: red;
  font-style: italic;
}
.selectedType,
.selectedSubject {
  float: left;
}
#typeContainer,
#subjectContainer {
  margin-bottom: 1em;
}
#typeDelete,
#subjectDelete {
  margin-left: 1em;
}
td.fieldVisibleCheck,
td.fieldMandatoryCheck {
  text-align: center;
}
/* PROJECT */
#projectConfigContainer {
  margin-top: 1em;
}
#hierarcyContainer {
  margin: 1em 0.1em 0.1em 0.1em;
  max-height: 800px;
  overflow: auto;
}
.rightList ul {
  padding: 0;
  margin: 0;
  margin-left: 1em;
  list-style-type: none;
}
.rightList ul li {
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 1em;
}
.rightList ul ul li {
  font-size: 1em;
  font-weight: bold;
  margin-top: 0;
}
.rightList ul ul ul li {
  font-weight: normal;
  margin-top: 0;
}
/* Area divisions */
.layoutColumns {
  position: relative;
  clear: both;
  float: left;
  width: 100%;
  overflow: hidden;
  background: #f4f4f4;
}
.colmid,
.colleft {
  float: left;
  width: 100%;
  position: relative;
}
.column1,
.column2,
.column3 {
  float: left;
  position: relative;
  padding: 0;
  overflow: hidden;
}
.colmid {
  right: 20%;
  background: #ffffff;
}
.colleft {
  right: 60%;
  background: #f4f4f4;
}
.column1 {
  width: 58%;
  left: 101%;
}
.column2 {
  width: 18%;
  left: 23%;
}
.column3 {
  width: 18%;
  left: 85%;
}
.areadivision-map {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 630px;
  min-height: 630px;
  min-width: 450px;
  background: gray;
}
.areadivision-map .edit-bubble .tabDetails {
  min-height: 0;
}
.item-list .global {
  font-weight: bold;
}
.manager-logo-image {
  height: 62px;
  width: 180px;
}
.manager-editor-padding {
  padding: 0.2em;
}
.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(images/colorpicker/custom_background.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
  z-index: 1001;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  background: url(images/colorpicker/custom_overlay.png);
  width: 150px;
  height: 150px;
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(images/colorpicker/custom_select.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(images/colorpicker/custom_indic.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(images/colorpicker/custom_hex.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(images/colorpicker/custom_rgb_r.png);
  top: 52px;
  left: 212px;
}
.colorpicker_rgb_g {
  background-image: url(images/colorpicker/custom_rgb_g.png);
  top: 82px;
  left: 212px;
}
.colorpicker_rgb_b {
  background-image: url(images/colorpicker/custom_rgb_b.png);
  top: 112px;
  left: 212px;
}
.colorpicker_hsb_h {
  background-image: url(images/colorpicker/custom_hsb_h.png);
  top: 52px;
  left: 282px;
}
.colorpicker_hsb_s {
  background-image: url(images/colorpicker/custom_hsb_s.png);
  top: 82px;
  left: 282px;
}
.colorpicker_hsb_b {
  background-image: url(images/colorpicker/custom_hsb_b.png);
  top: 112px;
  left: 282px;
}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(images/colorpicker/custom_submit.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}
/* global */
div.ui-cluetip {
  font-size: 1em;
}
.ui-cluetip-header,
.ui-cluetip-content {
  padding: 12px;
}
.ui-cluetip-header {
  font-size: 1em;
  margin: 0;
  overflow: hidden;
}
.cluetip-title .cluetip-close {
  float: right;
  position: relative;
}
.cluetip-close img {
  border: 0;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(images/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  width: 11px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: 0 0;
  border-width: 0;
}
.cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default'
-------------------------------------- */
.cluetip-default,
.cluetip-default .cluetip-outer {
  background-color: #d9d9c2;
}
.cluetip-default .ui-cluetip-header {
  background-color: #87876a;
}
/*
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close {
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}
*/
/* default arrows */
div.cluetip-default .cluetip-arrows {
  border-width: 0;
  background: transparent none;
}
div.clue-right-default .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
div.clue-left-default .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
div.clue-top-default .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  width: 22px;
  height: 11px;
}
div.clue-bottom-default .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  width: 22px;
  height: 11px;
}
/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: #fff;
}
.cluetip-jtip .cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}
.cluetip-jtip .cluetip-inner {
  padding: 5px;
  display: inline-block;
}
.cluetip-jtip div.cluetip-close {
  text-align: right;
  margin: 0 5px 0;
  color: #900;
}
.cluetip-jtip .ui-cluetip-header {
  background-color: #ccc;
  padding: 6px;
  /*  margin-bottom: 1em;*/
}
/* jtip arrows */
div.cluetip-jtip .cluetip-arrows {
  border-width: 0;
  background: transparent none;
}
div.clue-right-jtip .cluetip-arrows {
  background-image: url(images/arrowleft.gif);
}
div.clue-left-jtip .cluetip-arrows {
  background-image: url(images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
div.clue-top-jtip .cluetip-arrows {
  background-image: url(images/arrowdown.gif);
  top: 100%;
  left: 50%;
  width: 22px;
  height: 11px;
  margin-left: -11px;
}
div.clue-bottom-jtip .cluetip-arrows {
  background-image: url(images/arrowup.gif);
  top: -11px;
  left: 50%;
  width: 22px;
  height: 11px;
  margin-left: -11px;
}
/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */
.cluetip-rounded {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid #ccc;
}
.cluetip-rounded .cluetip-outer {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #fff;
}
.cluetip-rounded .cluetip-arrows {
  border-color: #ccc;
}
/* need to be more specific here to override ThemeRoller defaults */
div.cluetip-rounded .cluetip-arrows {
  font-size: 0;
  line-height: 0%;
  width: 0;
  height: 0;
  border-style: solid;
  background: transparent none;
}
div.clue-right-rounded .cluetip-arrows {
  border-width: 11px 11px 11px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
div.clue-left-rounded .cluetip-arrows {
  left: 100%;
  margin-right: -11px;
  border-width: 11px 0 11px 11px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
div.clue-top-rounded .cluetip-arrows {
  top: 100%;
  left: 50%;
  border-width: 11px 11px 0 11px;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.clue-bottom-rounded .cluetip-arrows {
  top: -11px;
  left: 50%;
  border-width: 0 11px 11px 11px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}
/* stupid IE6 HasLayout hack */
.cluetip-rounded .cluetip-title,
.cluetip-rounded .cluetip-inner {
  zoom: 1;
}
.borderRadius {
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.borderRadiusTp {
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.borderRadiusBtm {
  -moz-border-radius: 0 0 5px 5px ;
  border-radius: 0 0 5px 5px;
}
.ddcommon {
  position: relative;
  display: -moz-inline-stack;
  zoom: 1;
  display: inline-block;
  *display: inline;
  cursor: default;
}
.ddcommon ul {
  padding: 0;
  margin: 0;
}
.ddcommon ul li {
  list-style-type: none;
}
.borderRadiusTp ul li:last-child {
  -moz-border-radius: 0 0 5px 5px ;
  border-radius: 0 0 5px 5px;
  border-bottom: 0 none #c3c3c3;
}
.borderRadiusBtm ul li:first-child {
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0 ;
  border-bottom: 1 solid #c3c3c3;
}
.ddcommon .disabled img,
.ddcommon .disabled span,
.ddcommon.disabledAll {
  opacity: .5;
  /* standard: ff gt 1.5, opera, safari */
  -ms-filter: "alpha(opacity=50)";
  /* ie 8 */
  filter: alpha(opacity=50);
  /* ie lt 7 */
  -khtml-opacity: .5;
  /* safari 1.x */
  -moz-opacity: .5;
  /* ff lt 1.5, netscape */
  color: #999999;
}
.ddcommon .clear {
  clear: both;
}
.ddcommon .shadow {
  -moz-box-shadow: 5px 5px 5px -5px #888888;
  -webkit-box-shadow: 5px 5px 5px -5px #888888;
  box-shadow: 5px 5px 5px -5px #888888;
}
.ddcommon input.text {
  color: #7e7e7e;
  padding: 0 0 0 0;
  position: absolute;
  background: #fff;
  display: block;
  width: 98%;
  height: 98%;
  left: 2px;
  top: 0;
  border: none;
}
.ddOutOfVision {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.borderRadius .shadow {
  -moz-box-shadow: 5px 5px 5px -5px #888888;
  -webkit-box-shadow: 5px 5px 5px -5px #888888;
  box-shadow: 5px 5px 5px -5px #888888;
}
.borderRadiusBtm .shadow {
  -moz-box-shadow: -5px -5px 5px -5px #888888;
  -webkit-box-shadow: -5px -5px 5px -5px #888888;
  box-shadow: -5px -5px 5px -5px #888888;
}
.borderRadiusTp .border,
.borderRadius .border {
  -moz-border-radius: 0 0 5px 5px ;
  border-radius: 0 0 5px 5px;
}
.borderRadiusBtm .border {
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
img.fnone {
  float: none !important;
}
.ddcommon .divider {
  width: 0;
  height: 100%;
  position: absolute;
}
.ddcommon .ddArrow {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 4px;
}
.ddcommon .ddArrow:hover {
  background-position: 0 100%;
}
.ddcommon .ddTitle {
  padding: 0;
  position: relative;
  display: inline-block;
  width: 100%;
}
.ddcommon .ddTitle .ddTitleText {
  display: block;
}
.ddcommon .ddTitle .ddTitleText .ddTitleText {
  padding: 0;
}
.ddcommon .ddTitle .description {
  display: block;
}
.ddcommon .ddTitle .ddTitleText img {
  position: relative;
  vertical-align: middle;
  float: left;
}
.ddcommon .ddChild {
  position: absolute;
  display: none;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  zoom: 1;
  z-index: 9999;
}
.ddcommon .ddChild li {
  clear: both;
}
.ddcommon .ddChild li .description {
  display: block;
}
.ddcommon .ddChild li img {
  border: 0 none;
  position: relative;
  vertical-align: middle;
  float: left;
}
.ddcommon .ddChild li.optgroup {
  padding: 0;
}
.ddcommon .ddChild li.optgroup .optgroupTitle {
  padding: 0 5px;
  font-weight: bold;
  font-style: italic;
}
.ddcommon .ddChild li.optgroup ul li {
  padding: 5px 5px 5px 15px;
}
.ddcommon .noBorderTop {
  border-top: none 0  !important;
  padding: 0;
  margin: 0;
}
/*************** default theme **********************/
.dd {
  border: 1px solid #c3c3c3;
}
.dd .divider {
  border-left: 1px solid #c3c3c3;
  border-right: 1px solid #fff;
  right: 24px;
}
.dd .ddArrow {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url(../../images/msdropdown/skin1/dd_arrow.gif) no-repeat;
}
.dd .ddArrow:hover {
  background-position: 0 100%;
}
.dd .ddTitle {
  color: #000;
  background: #e2e2e4 url(../../images/msdropdown/skin1/title-bg.gif) repeat-x left top;
}
.dd .ddTitle .ddTitleText {
  padding: 5px 20px 5px 5px;
}
.dd .ddTitle .ddTitleText .ddTitleText {
  padding: 0;
}
.dd .ddTitle .description {
  font-size: 12px;
  color: #666666;
}
.dd .ddTitle .ddTitleText img {
  padding-right: 5px;
}
.dd .ddChild {
  border: 1px solid #c3c3c3;
  background-color: #fff;
  left: -1px;
}
.dd .ddChild li {
  padding: 5px;
  background-color: #fff;
  border-bottom: 1px solid #c3c3c3;
}
.dd .ddChild li .description {
  color: #666;
}
.dd .ddChild li .ddlabel {
  color: #333;
}
.dd .ddChild li.hover {
  background-color: #f2f2f2;
}
.dd .ddChild li img {
  padding: 0 6px 0 0;
}
.dd .ddChild li.optgroup {
  padding: 0;
}
.dd .ddChild li.optgroup .optgroupTitle {
  padding: 0 5px;
  font-weight: bold;
  font-style: italic;
}
.dd .ddChild li.optgroup ul li {
  padding: 5px 5px 5px 15px;
}
.dd .ddChild li.selected {
  background-color: #d5d5d5;
  color: #000;
}
.dynamicfields td.required input,
.dynamicfields td.required textarea,
.dynamicfields td.required option {
  background-color: #fffbc9;
}
.dynamicfields td.numbervalue,
.dynamicfields td.numbervalue input {
  text-align: right !important;
}
.dynamicfields .editicon {
  margin-right: .3em;
}
.dynamicfields .addbutton {
  margin: 0.5em;
}
table.dynamicfields-definitions {
  min-width: 30em;
}
table.dynamicfields-definitions td.tool-panel {
  width: 8em;
}
.dynamicfield-definitio-editor input,
.dynamicfield-definitio-editor select {
  padding: 4px;
  margin: 0;
}
.dynamicfield-definitio-editor h3 {
  margin-bottom: 0.5em;
}
.dynamicfield-definitio-editor td > label {
  padding-right: 1em;
}
.dynamicfield-definitio-editor .dynamicfields-flags {
  padding-top: 0.5em;
}
.dynamicfield-definitio-editor .dynamicfields-flags span + span {
  margin-left: 1em;
}
.dynamicfield-definitio-editor .tool-panel {
  padding-top: 1em;
  width: 100%;
  text-align: right;
}
.tekla #cluetip-waitimage {
  background-image: url(images/cluetip/wait.gif);
}
.tekla div.clue-right-default .cluetip-arrows {
  background-image: url(images/cluetip/darrowleft.gif);
}
.tekla div.clue-left-default .cluetip-arrows {
  background-image: url(images/cluetip/darrowright.gif);
}
.tekla div.clue-top-default .cluetip-arrows {
  background-image: url(images/cluetip/darrowdown.gif);
}
.tekla div.clue-bottom-default .cluetip-arrows {
  background-image: url(images/cluetip/darrowup.gif);
}
.tekla div.clue-right-jtip .cluetip-arrows {
  background-image: url(images/cluetip/arrowleft.gif);
}
.tekla div.clue-left-jtip .cluetip-arrows {
  background-image: url(images/cluetip/arrowright.gif);
}
.tekla div.clue-top-jtip .cluetip-arrows {
  background-image: url(images/cluetip/arrowdown.gif);
}
.tekla div.clue-bottom-jtip .cluetip-arrows {
  background-image: url(images/cluetip/arrowup.gif);
}
.tekla .ui-cluetip-header,
.tekla .ui-cluetip-content {
  border: 0;
}
.currentissues-edit-container .edit-field-container.title input {
  width: 20em;
}
.currentissues-edit-container .edit-field-container.language select {
  width: 15em;
}
.currentissues-edit-container .edit-field-container label {
  margin-bottom: 0.3em;
}
.currentissues-edit-container .edit-field-container .translation-toggle {
  margin-left: 0.5em;
}
.currentissues-edit-container .edit-field-container textarea {
  height: 10em;
  width: 100%;
}
.currentissues-list .item-list a.not-visible-in-gui {
  color: gray;
}
.presentation-main-help {
  padding: 2em;
}
.presentation-main-container {
  padding-bottom: 1em;
}
.presentation-edit-container {
  float: left;
  margin-right: 1em;
}
.presentation-main-container .edit-container {
  float: left;
  min-width: 70em;
  margin-right: 2em;
  padding-left: 0.6em;
}
.presentation-list .edit-item-list {
  min-height: 50em;
}
.presentation-map-container {
  float: left;
  position: relative;
  margin-top: 10em;
  width: 500px;
  height: 480px;
  border: 1px solid lightgray;
  background: #F4F4F4;
}
.presentation-edit-container .field-line-width {
  width: 3em;
}
.presentationset-main-container .edit-container-section {
  float: left;
  min-width: 578px;
  /* as wide as the table above -padding 22px*/
}
.presentationset-list .edit-item-list {
  min-height: 50em;
}
.standardtext-main-container {
  padding-bottom: 1em;
  height: 100%;
}
.standardtext-main-container .edit-container-section {
  float: left;
  min-width: 53em;
}
.standardtext-main-container .standardtext-list .edit-item-list {
  min-height: 40em;
}
.standardtext-main-container .standardtext-group-label {
  width: 10em;
  display: inline-block;
}
.standardtext-main-container .standardtext-filtergroup-list {
  margin-top: 0.3em;
}
.standardtext-main-container .edit-container-section .standardtext-language-content {
  margin: 0.5em 2em 0 1em;
}
.standardtext-main-container .group-multiselect {
  width: 35em;
}
.standardtext-selector {
  transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  padding-top: 0.2em;
}
.standardtext-selector select {
  background-color: white;
  max-width: 15em;
}
.standardtext-selector button {
  background: #7f7d88;
  color: #fff;
  border: 0;
  vertical-align: middle;
  cursor: default;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-style: none;
  border-width: 0px;
  text-decoration: none;
  /*Inline or inline-block*/
  display: inline;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #0048a2 url(images/button-blue-bg.png) 50% 50% repeat-x;
  vertical-align: baseline;
  margin-left: 0.5em;
  padding: 0.3em 1em;
  height: 1.8em;
  font-size: 1em;
}
.standardtext-selector button:hover {
  background: #a8a6b4;
  text-decoration: none;
}
.standardtext-selector button:active {
  background: #7f7d88;
}
.standardtext-selector button:hover {
  background: #0058c4 url(images/button-blue-bg_hover.png) 50% 50% repeat-x;
}
/* custom styles */
.tekla .ui-jqgrid .ui-jqgrid-view {
  font-size: 1em;
}
.tekla .ui-jqgrid tr.ui-row-ltr td {
  vertical-align: middle;
}
.tekla .ui-jqgrid tr.ui-row-rtl td {
  vertical-align: middle;
}
.tekla .ui-jqgrid .loading {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  height: 66px;
  width: 66px;
  text-decoration: none;
  background-repeat: no-repeat !important;
  background-image: url(images/big-loader.gif) !important;
}
.tekla .rightstable tr.jqgrow td {
  white-space: nowrap;
}
.ui-multiselect {
  padding: 2px 0 2px 4px;
  text-align: left;
}
.ui-multiselect span.ui-icon {
  float: right;
  transform: scale(1.5);
  margin-right: 4px;
}
.ui-multiselect-single .ui-multiselect-checkboxes input {
  position: absolute !important;
  top: auto !important;
  left: -9999px;
}
.ui-multiselect-single .ui-multiselect-checkboxes label {
  padding: 5px !important;
}
.ui-multiselect-header {
  margin-bottom: 3px;
  padding: 3px 0 3px 4px;
}
.ui-multiselect-header ul {
  font-size: 0.9em;
}
.ui-multiselect-header ul li {
  float: left;
  padding: 0 10px 0 0;
}
.ui-multiselect-header a {
  text-decoration: none;
}
.ui-multiselect-header a:hover {
  text-decoration: underline;
}
.ui-multiselect-header span.ui-icon {
  float: left;
}
.ui-multiselect-header li.ui-multiselect-close {
  float: right;
  text-align: right;
  padding-right: 0;
}
.ui-multiselect-header li.ui-multiselect-close a.ui-multiselect-close span.ui-icon-circle-close {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.ui-multiselect-menu {
  display: none;
  padding: 3px;
  position: absolute;
  z-index: 10000;
}
.ui-multiselect-checkboxes {
  position: relative /* fixes bug in IE6/7 */;
  overflow-y: scroll;
}
.ui-multiselect-checkboxes label {
  cursor: default;
  display: block;
  border: 1px solid transparent;
  padding: 3px 1px;
}
.ui-multiselect-checkboxes label input {
  position: relative;
  top: 1px;
}
.ui-multiselect-checkboxes li {
  clear: both;
  font-size: 0.9em;
  padding-right: 3px;
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid;
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
  display: block;
  padding: 3px;
  margin: 1px 0;
  text-decoration: none;
}
/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label {
  border: none;
}
/* custom styles */
.ui-multiselect-buttonlabel {
  vertical-align: middle;
}
.ui-multiselect-checkboxes label {
  padding: 1px 1px;
  margin: 0;
}
.hide-close .ui-multiselect-close {
  display: none;
}
.hide-selectall .ui-multiselect-all {
  display: none;
}
.ui-multiselect-hasfilter ul {
  position: relative;
  top: 2px;
}
.ui-multiselect-filter {
  float: left;
  margin-right: 10px;
  font-size: 11px;
}
.ui-multiselect-filter input {
  width: 100px;
  font-size: 10px;
  margin-left: 5px;
  height: 15px;
  padding: 2px;
  border: 1px solid #292929;
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
}
.municipal-reporter-container h2,
.municipal-reporter-container .endofcontainer {
  font-size: 1em;
  font-weight: bold;
  border-bottom: 2px solid #00328F;
  margin-bottom: 0.5em;
}
.municipal-reporter-container .endofcontainer {
  height: 2px;
}
.municipal-reporter-container textarea {
  width: 98%;
  max-height: 12em;
  min-height: 6em;
  overflow: hidden;
}
.municipal-reporter-error {
  color: #ff0000;
}
.fieldinspector-addphase-container {
  padding-bottom: 0.5em;
  border-bottom: 2px solid #00328F;
}
.fieldinspector-addphase-container label {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.2em;
}
.fieldinspector-addphase-container textarea {
  width: 100%;
  height: 5em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.fieldinspector-addphase-container select {
  width: 20em;
}
.fieldinspector-addphase-container input[type="text"] {
  width: 20em;
  padding: 0.3em;
  margin: 0;
  border: 1px solid gray;
}
.fieldinspector-addphase-container .warnings {
  padding: 0.5em;
  background-color: #fff7a0;
}
.fieldinspector-addphase-container h2 {
  font-size: 1em;
  font-weight: bold;
  border-bottom: 2px solid #00328F;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
.insphere-addphase-container {
  padding-bottom: 0.5em;
  border-bottom: 2px solid #00328F;
}
.insphere-addphase-container label {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.2em;
}
.insphere-addphase-container textarea {
  width: 100%;
  height: 5em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.insphere-addphase-container select {
  width: 20em;
}
.insphere-addphase-container input[type="text"] {
  width: 20em;
  padding: 0.3em;
  margin: 0;
  border: 1px solid gray;
}
.insphere-addphase-container .warnings {
  padding: 0.5em;
  background-color: #fff7a0;
}
.insphere-addphase-container h2 {
  font-size: 1em;
  font-weight: bold;
  border-bottom: 2px solid #00328F;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
.georeport-addphase-container {
  padding-bottom: 0.5em;
  border-bottom: 2px solid #00328F;
  /* content table */
}
.georeport-addphase-container label {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.2em;
}
.georeport-addphase-container textarea {
  width: 100%;
  height: 5em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.georeport-addphase-container select {
  width: 30em;
}
.georeport-addphase-container input[type="text"] {
  width: 29em;
  padding: 0.3em;
  margin: 0;
  border: 1px solid gray;
}
.georeport-addphase-container .warnings {
  padding: 0.5em;
  background-color: #fff7a0;
}
.georeport-addphase-container h2 {
  font-size: 1em;
  font-weight: bold;
  border-bottom: 2px solid #00328F;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
.georeport-addphase-container table.toivo-attributes-table {
  border-collapse: collapse;
  border-spacing: 0;
}
.georeport-addphase-container table.toivo-attributes-table th {
  padding: 0.3em 0.3em 0.3em 0;
  text-align: left;
}
.georeport-addphase-container table.toivo-attributes-table tbody tr td {
  padding: 0.2em;
}
.ui-blue .admin-tabs .ui-tabs-nav li a {
  padding: .34em 1em;
}
.ui-blue .admin-tabs ul.ui-tabs-nav {
  padding-top: .1em;
}
/*!
 * jQuery UI Accordion @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
.ui-togglebox .ui-togglebox-header {
  cursor: pointer;
  position: relative;
  margin-top: 1px;
  zoom: 1;
}
.ui-togglebox .ui-togglebox-li-fix {
  display: inline;
}
.ui-togglebox .ui-togglebox-header-active {
  border-bottom: 0 !important;
}
.ui-togglebox .ui-togglebox-header a {
  display: block;
  font-size: 1em;
  font-weight: bold;
  padding: .5em .5em .5em .7em;
}
/* IE7-/Win - Fix extra vertical space in lists */
.ui-togglebox a {
  zoom: 1;
}
.ui-togglebox-icons .ui-togglebox-header a {
  padding-left: 2.2em;
}
.ui-togglebox .ui-togglebox-header .ui-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}
/* 0.5 */
.ui-togglebox .ui-togglebox-content {
  padding: 0.5em 0em 0.5em 0.5em;
  border-top: 0;
  margin-top: -1px;
  position: relative;
  top: 1px;
  margin-bottom: 2px;
  overflow: auto;
  display: none;
  zoom: 1;
  border: 0px solid #aaaaaa;
  /*background: #f4f4f4;   */
}
.ui-togglebox .ui-togglebox-content-active {
  display: block;
}
.ui-togglebox-hide {
  display: none !important;
}
.ui-accordion-hide {
  display: none !important;
}
.ui-accordion .ui-accordion-content {
  padding: 0.5em 0.5em;
}
/*
 * jsTree default theme 1.0
 * Supported features: dots/no-dots, icons/no-icons, focused, loading
 * Supported plugins: ui (hovered, clicked), checkbox, contextmenu, search
 */
.jstree-default li,
.jstree-default ins {
  background-image: url("images/jstree/d.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
.jstree-default li {
  background-position: -90px 0;
  background-repeat: repeat-y;
}
.jstree-default li.jstree-last {
  background: transparent;
}
.jstree-default .jstree-open > ins {
  background-position: -72px 0;
}
.jstree-default .jstree-closed > ins {
  background-position: -54px 0;
}
.jstree-default .jstree-leaf > ins {
  background-position: -36px 0;
}
.jstree-default .jstree-hovered {
  background: #e7f4f9;
  border: 1px solid #d8f0fa;
  padding: 0 2px 0 1px;
}
.jstree-default .jstree-clicked {
  background: #beebff;
  border: 1px solid #99defd;
  padding: 0 2px 0 1px;
}
.jstree-default a .jstree-icon {
  background-position: -56px -19px;
}
.jstree-default a.jstree-loading .jstree-icon {
  background: url("images/jstree/throbber.gif") center center no-repeat !important;
}
.jstree-default.jstree-focused {
  /* background:#ffffee; */
}
.jstree-default .jstree-no-dots li,
.jstree-default .jstree-no-dots .jstree-leaf > ins {
  background: transparent;
}
.jstree-default .jstree-no-dots .jstree-open > ins {
  background-position: -18px 0;
}
.jstree-default .jstree-no-dots .jstree-closed > ins {
  background-position: 0 0;
}
.jstree-default .jstree-no-icons a .jstree-icon {
  display: none;
}
.jstree-default .jstree-search {
  font-style: italic;
}
.jstree-default .jstree-no-icons .jstree-checkbox {
  display: inline-block;
}
.jstree-default .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}
.jstree-default .jstree-checked > a > .jstree-checkbox {
  background-position: -38px -19px;
}
.jstree-default .jstree-unchecked > a > .jstree-checkbox {
  background-position: -2px -19px;
}
.jstree-default .jstree-undetermined > a > .jstree-checkbox {
  background-position: -20px -19px;
}
.jstree-default .jstree-checked > a > .jstree-checkbox:hover {
  background-position: -38px -37px;
}
.jstree-default .jstree-unchecked > a > .jstree-checkbox:hover {
  background-position: -2px -37px;
}
.jstree-default .jstree-undetermined > a > .jstree-checkbox:hover {
  background-position: -20px -37px;
}
#vakata-dragged.jstree-default ins {
  background: transparent !important;
}
#vakata-dragged.jstree-default .jstree-ok {
  background: url("images/jstree/d.png") -2px -53px no-repeat !important;
}
#vakata-dragged.jstree-default .jstree-invalid {
  background: url("images/jstree/d.png") -18px -53px no-repeat !important;
}
#jstree-marker.jstree-default {
  background: url("images/jstree/d.png") -41px -57px no-repeat !important;
}
.jstree-default a.jstree-search {
  color: aqua;
}
/*
#vakata-contextmenu.jstree-default-context, 
#vakata-contextmenu.jstree-default-context li ul { background:#f0f0f0; border:1px solid #979797; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; }
#vakata-contextmenu.jstree-default-context li { }
#vakata-contextmenu.jstree-default-context a { color:black; }
#vakata-contextmenu.jstree-default-context a:hover, 
#vakata-contextmenu.jstree-default-context .vakata-hover > a { padding:0 5px; background:#e8eff7; border:1px solid #aecff7; color:black; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#vakata-contextmenu.jstree-default-context li.jstree-contextmenu-disabled a, 
#vakata-contextmenu.jstree-default-context li.jstree-contextmenu-disabled a:hover { color:silver; background:transparent; border:0; padding:1px 4px; }
#vakata-contextmenu.jstree-default-context li.vakata-separator { background:white; border-top:1px solid #e0e0e0; margin:0; }
#vakata-contextmenu.jstree-default-context li ul { margin-left:-4px; }
*/
/* IE6 BEGIN */
.jstree-default li,
.jstree-default ins,
#vakata-dragged.jstree-default .jstree-invalid,
#vakata-dragged.jstree-default .jstree-ok,
#jstree-marker.jstree-default {
  _background-image: url("images/jstree/d.gif");
}
.jstree-default .jstree-open ins {
  _background-position: -72px 0;
}
.jstree-default .jstree-closed ins {
  _background-position: -54px 0;
}
.jstree-default .jstree-leaf ins {
  _background-position: -36px 0;
}
.jstree-default a ins.jstree-icon {
  _background-position: -56px -19px;
}
/*
#vakata-contextmenu.jstree-default-context ins { _display:none; }
#vakata-contextmenu.jstree-default-context li { _zoom:1; }
*/
.jstree-default .jstree-undetermined a .jstree-checkbox {
  _background-position: -20px -19px;
}
.jstree-default .jstree-checked a .jstree-checkbox {
  _background-position: -38px -19px;
}
.jstree-default .jstree-unchecked a .jstree-checkbox {
  _background-position: -2px -19px;
}
/* IE6 END */
/* jquery.treeview.css */
.treeview,
.treeview ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.treeview a {
  color: #000000;
}
.treeview ul {
  margin-top: 4px;
}
.treeview .hitarea {
  background: url(images/treeview/treeview-default.gif) -64px -25px no-repeat;
  height: 16px;
  width: 16px;
  margin-left: -16px;
  float: left;
  cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
  display: inline;
  float: none;
}
.treeview li {
  margin: 0;
  padding: 3px 0pt 3px 16px;
}
.treeview a.selected {
  background-color: #eee;
}
#treecontrol {
  margin: 1em 0;
  display: none;
}
.treeview .hover {
  cursor: pointer;
}
.treeview li {
  background: url(images/treeview/treeview-default-line.gif) 0 0 no-repeat;
}
.treeview li.collapsable,
.treeview li.expandable {
  background-position: 0 -176px;
}
.treeview .expandable-hitarea {
  background-position: -80px -3px;
}
.treeview li.last {
  background-position: 0 -1766px;
}
.treeview li.lastCollapsable,
.treeview li.lastExpandable {
  background-image: url(images/treeview/treeview-default.gif);
}
.treeview li.lastCollapsable {
  background-position: 0 -111px;
}
.treeview li.lastExpandable {
  background-position: -32px -67px;
}
.treeview div.lastCollapsable-hitarea,
.treeview div.lastExpandable-hitarea {
  background-position: 0;
}
.treeview-red li {
  background-image: url(images/treeview/treeview-red-line.gif);
}
.treeview-red .hitarea,
.treeview-red li.lastCollapsable,
.treeview-red li.lastExpandable {
  background-image: url(images/treeview/treeview-red.gif);
}
.treeview-black li {
  background-image: url(images/treeview/treeview-black-line.gif);
}
.treeview-black .hitarea,
.treeview-black li.lastCollapsable,
.treeview-black li.lastExpandable {
  background-image: url(images/treeview/treeview-black.gif);
}
.treeview-gray li {
  background-image: url(images/treeview/treeview-gray-line.gif);
}
.treeview-gray .hitarea,
.treeview-gray li.lastCollapsable,
.treeview-gray li.lastExpandable {
  background-image: url(images/treeview/treeview-gray.gif);
}
.treeview-famfamfam li {
  background-image: url(images/treeview/treeview-famfamfam-line.gif);
}
.treeview-famfamfam .hitarea,
.treeview-famfamfam li.lastCollapsable,
.treeview-famfamfam li.lastExpandable {
  background-image: url(images/treeview/treeview-famfamfam.gif);
}
.filetree li {
  padding: 3px 0 2px 16px;
}
.filetree span.folder,
.filetree span.file {
  padding: 1px 0 1px 16px;
  display: block;
}
.filetree span.folder {
  background: url(images/treeview/folder.gif) 0 0 no-repeat;
}
.filetree li.expandable span.folder {
  background: url(images/treeview/folder-closed.gif) 0 0 no-repeat;
}
.filetree span.file {
  background: url(images/treeview/file.gif) 0 0 no-repeat;
}
.georeport .definition input,
.mobile-app-definition .definition input,
.georeport .jurisdiction input,
.mobile-app-definition .jurisdiction input,
.georeport .appdefinition input,
.mobile-app-definition .appdefinition input,
.georeport .definition textarea,
.mobile-app-definition .definition textarea,
.georeport .jurisdiction textarea,
.mobile-app-definition .jurisdiction textarea,
.georeport .appdefinition textarea,
.mobile-app-definition .appdefinition textarea,
.georeport .definition select,
.mobile-app-definition .definition select,
.georeport .jurisdiction select,
.mobile-app-definition .jurisdiction select,
.georeport .appdefinition select,
.mobile-app-definition .appdefinition select {
  margin: 0;
}
.georeport .definition input[type='text'],
.mobile-app-definition .definition input[type='text'],
.georeport .jurisdiction input[type='text'],
.mobile-app-definition .jurisdiction input[type='text'],
.georeport .appdefinition input[type='text'],
.mobile-app-definition .appdefinition input[type='text'],
.georeport .definition input[type='number'],
.mobile-app-definition .definition input[type='number'],
.georeport .jurisdiction input[type='number'],
.mobile-app-definition .jurisdiction input[type='number'],
.georeport .appdefinition input[type='number'],
.mobile-app-definition .appdefinition input[type='number'],
.georeport .definition textarea,
.mobile-app-definition .definition textarea,
.georeport .jurisdiction textarea,
.mobile-app-definition .jurisdiction textarea,
.georeport .appdefinition textarea,
.mobile-app-definition .appdefinition textarea,
.georeport .definition select,
.mobile-app-definition .definition select,
.georeport .jurisdiction select,
.mobile-app-definition .jurisdiction select,
.georeport .appdefinition select,
.mobile-app-definition .appdefinition select {
  padding: 0.3em;
}
.georeport .definition input[type='text'],
.mobile-app-definition .definition input[type='text'],
.georeport .jurisdiction input[type='text'],
.mobile-app-definition .jurisdiction input[type='text'],
.georeport .appdefinition input[type='text'],
.mobile-app-definition .appdefinition input[type='text'] {
  width: 15em;
}
.georeport .definition textarea,
.mobile-app-definition .definition textarea,
.georeport .jurisdiction textarea,
.mobile-app-definition .jurisdiction textarea,
.georeport .appdefinition textarea,
.mobile-app-definition .appdefinition textarea,
.georeport .definition li,
.mobile-app-definition .definition li,
.georeport .jurisdiction li,
.mobile-app-definition .jurisdiction li,
.georeport .appdefinition li,
.mobile-app-definition .appdefinition li {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.georeport .definition textarea,
.mobile-app-definition .definition textarea,
.georeport .jurisdiction textarea,
.mobile-app-definition .jurisdiction textarea,
.georeport .appdefinition textarea,
.mobile-app-definition .appdefinition textarea {
  width: 100%;
  height: 5em;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.georeport .definition label,
.mobile-app-definition .definition label,
.georeport .jurisdiction label,
.mobile-app-definition .jurisdiction label,
.georeport .appdefinition label,
.mobile-app-definition .appdefinition label {
  display: block;
  font-weight: bold;
  padding: 0 0 0.2em 0;
}
.georeport .definition input[type='text'] + label,
.mobile-app-definition .definition input[type='text'] + label,
.georeport .jurisdiction input[type='text'] + label,
.mobile-app-definition .jurisdiction input[type='text'] + label,
.georeport .appdefinition input[type='text'] + label,
.mobile-app-definition .appdefinition input[type='text'] + label,
.georeport .definition input[type='number'] + label,
.mobile-app-definition .definition input[type='number'] + label,
.georeport .jurisdiction input[type='number'] + label,
.mobile-app-definition .jurisdiction input[type='number'] + label,
.georeport .appdefinition input[type='number'] + label,
.mobile-app-definition .appdefinition input[type='number'] + label,
.georeport .definition select + label,
.mobile-app-definition .definition select + label,
.georeport .jurisdiction select + label,
.mobile-app-definition .jurisdiction select + label,
.georeport .appdefinition select + label,
.mobile-app-definition .appdefinition select + label {
  padding-top: 0.4em;
}
.georeport .definition ul,
.mobile-app-definition .definition ul,
.georeport .jurisdiction ul,
.mobile-app-definition .jurisdiction ul,
.georeport .appdefinition ul,
.mobile-app-definition .appdefinition ul {
  padding: 0 0 1em 0;
  margin: 0;
}
.georeport .definition ul li,
.mobile-app-definition .definition ul li,
.georeport .jurisdiction ul li,
.mobile-app-definition .jurisdiction ul li,
.georeport .appdefinition ul li,
.mobile-app-definition .appdefinition ul li {
  list-style-type: none;
  position: relative;
  width: 90%;
  padding: 1em;
  border: 1px solid #bebebe;
}
.georeport .definition ul li a.delete-row,
.mobile-app-definition .definition ul li a.delete-row,
.georeport .jurisdiction ul li a.delete-row,
.mobile-app-definition .jurisdiction ul li a.delete-row,
.georeport .appdefinition ul li a.delete-row,
.mobile-app-definition .appdefinition ul li a.delete-row {
  position: absolute;
  right: 10px;
  top: 10px;
}
.georeport .definition ul li + li,
.mobile-app-definition .definition ul li + li,
.georeport .jurisdiction ul li + li,
.mobile-app-definition .jurisdiction ul li + li,
.georeport .appdefinition ul li + li,
.mobile-app-definition .appdefinition ul li + li {
  margin-top: 1em;
}
.georeport .definition > div + div,
.mobile-app-definition .definition > div + div,
.georeport .jurisdiction > div + div,
.mobile-app-definition .jurisdiction > div + div,
.georeport .appdefinition > div + div,
.mobile-app-definition .appdefinition > div + div {
  margin-top: 1em;
}
.georeport .definition div > div + div,
.mobile-app-definition .definition div > div + div,
.georeport .jurisdiction div > div + div,
.mobile-app-definition .jurisdiction div > div + div,
.georeport .appdefinition div > div + div,
.mobile-app-definition .appdefinition div > div + div {
  margin-top: 1em;
}
.georeport .definition .project,
.mobile-app-definition .definition .project,
.georeport .jurisdiction .project,
.mobile-app-definition .jurisdiction .project,
.georeport .appdefinition .project,
.mobile-app-definition .appdefinition .project,
.georeport .definition .type,
.mobile-app-definition .definition .type,
.georeport .jurisdiction .type,
.mobile-app-definition .jurisdiction .type,
.georeport .appdefinition .type,
.mobile-app-definition .appdefinition .type,
.georeport .definition .apikey,
.mobile-app-definition .definition .apikey,
.georeport .jurisdiction .apikey,
.mobile-app-definition .jurisdiction .apikey,
.georeport .appdefinition .apikey,
.mobile-app-definition .appdefinition .apikey {
  padding-left: 1em;
}
.georeport .definition .project h2,
.mobile-app-definition .definition .project h2,
.georeport .jurisdiction .project h2,
.mobile-app-definition .jurisdiction .project h2,
.georeport .appdefinition .project h2,
.mobile-app-definition .appdefinition .project h2,
.georeport .definition .type h2,
.mobile-app-definition .definition .type h2,
.georeport .jurisdiction .type h2,
.mobile-app-definition .jurisdiction .type h2,
.georeport .appdefinition .type h2,
.mobile-app-definition .appdefinition .type h2,
.georeport .definition .apikey h2,
.mobile-app-definition .definition .apikey h2,
.georeport .jurisdiction .apikey h2,
.mobile-app-definition .jurisdiction .apikey h2,
.georeport .appdefinition .apikey h2,
.mobile-app-definition .appdefinition .apikey h2 {
  padding: 0;
  margin: 0 0 0.5em -1em;
  font-size: 1.2em;
}
.georeport .definition .apikey input,
.mobile-app-definition .definition .apikey input,
.georeport .jurisdiction .apikey input,
.mobile-app-definition .jurisdiction .apikey input,
.georeport .appdefinition .apikey input,
.mobile-app-definition .appdefinition .apikey input {
  width: 25em;
}
.mobile-app-definition {
  margin: 1em;
}
.mobile-app-definition img {
  width: 50px;
  height: 50px;
}
.sensitivity-check-note {
  background-color: #fec962;
  padding: 0.3em;
  margin: 0.2em;
  display: inline-block;
}
.aitheme {
  padding: 0 3px 0 3px;
  border-radius: 2px;
}
.theme-list .aitheme,
.theme-list-blackbox .aitheme {
  margin-right: 0.3em;
}
.edit-explanation {
  display: none;
}
.show-edit-message,
.toggle-free-text-labels {
  float: right;
}
button.link-like {
  border: none;
  background: inherit;
  text-decoration: underline;
  color: #034af3;
  padding: 0;
}
button.link-like .icon-left {
  margin-right: 0.2em;
}
button.link-like:hover {
  background: #eaeaea;
}
.toggle-free-text-labels .show {
  display: none;
}
.readonly-explanation.explanation-text,
.theme-list,
.theme-list-blackbox {
  line-height: 1.5;
}
.freefields-container .dynamicfields textarea {
  height: 4em;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.freefields-container .dynamicfields label {
  font-weight: bold;
  min-width: 15em;
  padding-right: 1em;
  margin: 1em 1em 1em 0;
  display: inline-block;
}
.location-added {
  position: fixed;
  bottom: 0;
  background-color: #646464;
  color: white;
  font-size: 1em;
  left: 0;
  width: 100%;
  padding: 1.2em;
  text-align: center;
}
.tekla .dd .ddArrow {
  background: url(images/dd/dd_arrow.gif) no-repeat !important;
}
.tekla .dd .ddTitle {
  background: #e2e2e4 url(images/dd/title-bg.gif) repeat-x left top !important;
}
.tekla .dd .ddTitle {
  overflow: hidden !important;
}
.threed .map-scale,
.threed .icon-drawpolyline,
.threed .icon-drawpolygon,
.threed .icon-zoomout,
.threed .icon-zoomin,
.threed .icon-map-legend {
  display: none;
}
body.tekla-map-maximized-state {
  overflow: hidden !important;
}
.tekla-map-maximized-state body {
  overflow: hidden !important;
}
.tekla-map-maximized-state #mapWrapper {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  height: 100% !important;
  z-index: 55000 !important;
}
.tekla-map-maximized-state #mapWrapper #mapcontainer {
  height: 100% !important;
  width: 100% !important;
  max-height: unset !important;
}
.tekla-map-maximized-state #mapWrapper #webglViewerWrapper {
  height: 100% !important;
  width: 100% !important;
  max-height: unset !important;
}
.types-filter-container {
  width: 100%;
  margin-top: 8px;
  margin-bottom: 8px;
  position: relative;
}
.types-filter-container .help-text {
  font-size: 18px;
  font-weight: normal;
  color: #363545;
  padding-left: 5px;
  padding-bottom: 8px;
  padding-top: 8px;
  box-sizing: border-box;
}
.types-filter-container .filter-container {
  border-radius: 3px;
  position: relative;
  border: 1px solid #7b7a86;
  height: 36px;
  float: left;
  width: calc(60% - 12px);
}
.types-filter-container .filter-container input[type="button"].filter-submit,
.types-filter-container .filter-container button.filter-submit {
  position: absolute;
  right: 0px;
  width: 36px;
  height: 36px;
  top: 0px;
  vertical-align: bottom;
  background: url(images/icons/Search.png);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 0;
}
.types-filter-container .filter-container.searching button.filter-submit {
  background: url(images/small-loader.gif);
  background-position: center;
  background-repeat: no-repeat;
}
.types-filter-container .filter-container button.filter-clear {
  position: absolute;
  right: 36px;
  width: 36px;
  height: 36px;
  top: 0px;
  vertical-align: bottom;
  background: url(images/icons/Clear.png);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 0;
  /* display: none;*/
}
.types-filter-container .filter-container .search-text {
  font-size: 18px;
  font-weight: bold;
  color: #363545;
  height: 36px;
  padding-left: 5px;
  width: 100%;
  margin: 0;
  top: 0px;
  border: 0 !important;
  padding-right: 32px !important;
  box-sizing: border-box;
}
.types-filter-container .stats {
  font-size: 14px;
  font-weight: bold;
  float: left;
  line-height: 40px;
  padding-left: 16px;
  color: #363545;
}
@media (max-width: 480px) {
  .types-filter-container .filter-container {
    width: calc(100% - 1px);
  }
  .types-filter-container .filter-container .search-text {
    padding-right: 66px !important;
  }
  .types-filter-container .stats {
    padding-left: 0;
  }
}
.types-not-found {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 5px;
  font-size: 18px;
  font-weight: bold;
  color: #363545;
  width: 100%;
  margin: 0;
  /*top: 0px;*/
  box-sizing: border-box;
}
.close-container {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 24px;
  height: 24px;
  opacity: 0.3;
}
.close-container:hover {
  opacity: 1;
}
.close-container:before,
.close-container:after {
  position: absolute;
  left: 11px;
  content: ' ';
  height: 25px;
  width: 2px;
  background-color: #363545;
}
.close-container:before {
  transform: rotate(45deg);
}
.close-container:after {
  transform: rotate(-45deg);
}
.current-issues-container {
  margin-top: 8px;
  margin-bottom: 8px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.current-issues-container .current-issues-content {
  position: relative;
  background-color: #fff2cc;
  padding: 8px;
  box-shadow: 1px 1px 5px 0 rgba(54, 53, 69, 0.3);
}
.current-issues-container .current-issues-content .close-current-issues {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 24px;
  height: 24px;
  opacity: 0.3;
  background-color: #fff2cc;
  border: none;
  cursor: pointer;
  font-size: .8em;
}
.current-issues-container .current-issues-content .close-current-issues:hover {
  opacity: 1;
}
.current-issues-container .current-issues-content .close-current-issues:before,
.current-issues-container .current-issues-content .close-current-issues:after {
  position: absolute;
  top: 0px;
  right: 11px;
  content: ' ';
  height: 25px;
  width: 2px;
  background-color: #363545;
}
.current-issues-container .current-issues-content .close-current-issues:before {
  transform: rotate(45deg);
}
.current-issues-container .current-issues-content .close-current-issues:after {
  transform: rotate(-45deg);
}
.current-issues-container .current-issues-content .current-issues-caption {
  font-size: 16px;
  color: #363545;
  margin-top: 2px;
  margin-bottom: 0;
  padding-left: 8px;
  font-weight: bold;
}
.current-issues-container .current-issues-content .current-issues-list {
  overflow: auto;
  max-height: 400px;
}
.current-issues-container .current-issues-content .current-issues-list .current-issue {
  font-size: 14px;
  padding-left: 8px;
  margin-top: 8px;
}
.current-issues-container .current-issues-content .current-issues-list .current-issue .title {
  font-weight: bold;
  color: #363545;
}
.current-issues-container .current-issues-content .current-issues-list .current-issue .body {
  color: #363545;
  margin: 0;
}
/* Admin */
.aithemes-edit-container .edit-field-container.title input {
  width: 20em;
}
.aithemes-edit-container .edit-field-container.uri input {
  width: 90%;
}
.aithemes-edit-container .edit-field-container label {
  margin-bottom: 0.3em;
}
.aithemes-edit-container .edit-field-container .translation-toggle {
  margin-left: 0.5em;
}
.aithemes-edit-container .edit-field-container textarea {
  height: 3em;
  width: 90%;
}
.aithemes-list .item-list a.not-visible-in-gui {
  color: gray;
}
.search-panel button,
#typeContainer button,
#subjectContainer button,
.search-panel .ui-widget button,
#typeContainer .ui-widget button,
#subjectContainer .ui-widget button {
  min-height: 2em;
  height: auto;
  max-height: 6em;
}
body.new.area-feedback .content .required .field-validation-valid {
  background: none;
  height: auto;
  width: auto;
}
/* AI */
.ai-container {
  cursor: default;
  width: 98%;
  margin-top: 0.5em;
}
.ai-container .ai-wrapper {
  border: 1px solid gray;
  display: none;
  background-color: #F8F8F8;
  position: relative;
}
.ai-container .ai-wrapper .close-ai-wrapper {
  position: absolute;
  right: 4px;
  top: 4px;
  width: 20px;
  height: 20px;
  opacity: 0.3;
  border: none;
  cursor: pointer;
  font-size: .8em;
}
.ai-container .ai-wrapper .close-ai-wrapper:hover {
  opacity: 1;
}
.ai-container .ai-wrapper .close-ai-wrapper:before,
.ai-container .ai-wrapper .close-ai-wrapper:after {
  position: absolute;
  top: 0px;
  right: 11px;
  content: ' ';
  height: 25px;
  width: 2px;
  background-color: #363545;
}
.ai-container .ai-wrapper .close-ai-wrapper:before {
  transform: rotate(45deg);
}
.ai-container .ai-wrapper .close-ai-wrapper:after {
  transform: rotate(-45deg);
}
.ai-container .ai-wrapper .title {
  margin-left: 8px;
  margin-top: 4px;
  margin-right: 32px;
  font-size: 16px;
  font-weight: normal;
  color: #6a6976;
}
.ai-container .ai-wrapper .sub-container {
  padding: 4px;
}
.ai-container .ai-wrapper .caption {
  font-size: 18px;
  font-weight: normal;
  color: #005596;
}
.ai-container li {
  border: 1px solid #7b7a86;
}
.ai-container .feedback-info {
  float: left;
  width: calc(100% - 35px);
  position: relative;
}
.ai-container .feedback-info.score {
  padding-top: 6px;
}
.ai-container .feedback-info .score {
  position: absolute;
  top: 0;
  height: 4px;
  background-color: #4a821f;
}
.ai-container .feedback-info button {
  font-weight: 600;
  font-size: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  height: 16px;
}
.ai-container .thumb-info {
  float: right;
  width: 34px;
  position: relative;
  cursor: unset;
}
.ai-container .thumb-info button {
  border: 1px solid !important;
  padding: 0;
  border: 0;
  cursor: pointer;
}
.ai-container .thumb-info button img {
  width: 36px;
  height: 36px;
}
.ai-container ul.ai-list {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 16px;
  /*1em; */
  display: block;
  cursor: auto;
}
.ai-container ul.ai-list li {
  position: relative;
  margin-bottom: 4px;
  min-height: 30px;
  padding: 4px 10px 4px 10px;
  border: solid 1px gray;
  overflow: hidden;
}
.ai-container ul.ai-list h4 {
  position: relative;
  padding: 0;
  display: inline;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  word-wrap: break-word;
}
.ai-container ul.ai-list p {
  position: relative;
  left: 0;
  margin: 2px 0 0;
  overflow: hidden;
  word-wrap: break-word;
  font-size: 16px;
}
.ai-container .faq ul.faq-list li a {
  text-decoration: none;
  color: Black;
}
.thumb-up-feedback .overlay {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.4);
}
.thumb-up-feedback .overlay .content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 10px;
  border: 1px solid #888;
  width: 80%;
  max-width: 600px;
  position: relative;
}
.thumb-up-feedback .overlay .content .head .caption {
  font-size: 18px;
  color: #005596;
  margin-top: 0;
  margin-bottom: 12px;
  margin-right: 32px;
}
.thumb-up-feedback .overlay .content .head .close-ai-container {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 24px;
  height: 24px;
  opacity: 0.3;
  border: none;
  cursor: pointer;
  font-size: .8em;
}
.thumb-up-feedback .overlay .content .head .close-ai-container:hover {
  opacity: 1;
}
.thumb-up-feedback .overlay .content .head .close-ai-container:before,
.thumb-up-feedback .overlay .content .head .close-ai-container:after {
  position: absolute;
  top: 0px;
  right: 11px;
  content: ' ';
  height: 25px;
  width: 2px;
  background-color: #363545;
}
.thumb-up-feedback .overlay .content .head .close-ai-container:before {
  transform: rotate(45deg);
}
.thumb-up-feedback .overlay .content .head .close-ai-container:after {
  transform: rotate(-45deg);
}
.thumb-up-feedback .overlay .content .actions button[type=button],
.thumb-up-feedback .overlay .content .actions button[type=submit] {
  text-transform: none !important;
  white-space: normal !important;
  height: unset !important;
  min-height: 32px;
  cursor: pointer;
  margin-bottom: 8px;
  width: 100%;
}
.thumb-up-feedback .overlay .content .actions input[type=button],
.thumb-up-feedback .overlay .content .actions button[type=button] {
  display: block;
  background-color: darkgray;
  color: white;
}

.title-image-0 {
  background-image: url(images/carousel/HS-Vesi_eFeedback_banner.png);
  background-color: #ffffff;
}
.title-image-1 {
  background-image: url(images/carousel/HS-Vesi_eFeedback_banner.png);
  background-color: #ffffff;
}
.title-image-2 {
  background-image: url(images/carousel/HS-Vesi_eFeedback_banner.png);
  background-color: #ffffff;