/*** Base. ***/
body {margin:0; padding:0; font-family:sans-serif; min-width:100%;}
div.clear {clear:both; margin:0; padding:0;}
fieldset.narrow {display:inline-block;}
.errormessage, .errordetail, .errorlink {display:block; font-size:12pt; margin-top:1em;}
.errordetail {font-size:10pt;}
label, span.label {font-size:10pt;}
body .ui-button {margin:0.1em;}
.ui-growl {top:30%; left:30%; width:40%;}
.ui-growl-message {float:left; width:auto; padding:7px 1em;}
div.content {margin:0; padding:0.5em 0;}
.ui-scrollpanel {border:none;}
.ui-selectonemenu-items-wrapper {height:auto !important;}
.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-item-group-children {padding-left:2rem;}
.fullscreenOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    overflow: hidden;
    padding: 5%;
    background: rgba(0, 0, 0, 0.7);
}
.map-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.map-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1%;
    background-color: #f9f9f9;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #ddd;
}
.map-info-window-header-title {
    font-size: 12pt;
    font-weight: bold;
    color: #333;
}
.map-info-window-label {
    font-weight: bold;
    color: #555;
}
.map-info-window-value {
    color: #000;
}
.map-info-window-panel ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.map-info-window-panel ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4%;
    border-bottom: 1px solid #dee2e6;
}
.map-info-window-panel ul li:last-child {
    border-bottom: none;
}
.dimOverlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}
.blurred {
    filter: blur(5px);
    pointer-events: none;
}

/*** Main header. ***/
div.main-header {font-weight:bold; overflow:auto;}
div.main-header div.logo {float:left; padding:0.2em 1.5em; margin:0; font-size:30pt;}
div.main-header div.logo div.version {font-size:8pt;}
div.main-header div.current_user {float:right; padding:1em; margin:0; font-size:12pt;}
div.main-header div.current_user p {margin:0;}

/*** Element below the header or menu, useful for styling by themes. ***/
.postHeader,.postMenuHeader { display:none; }

/*** Menu. ***/
body .ui-menu.ui-menubar {padding:0.1em;}
span.ui-menuitem-text {font-weight:bold;}
.ui-menubar .ui-menu-child {white-space:nowrap; min-width:20em; width:auto !important;}

/*** Work order fields. ***/
body .workorderfield .ui-message {display:block; padding:0.1em;}
.workorderfield, .itemname, .itemlistemptylabel, .itemactions {padding:0.1em 0.2em; box-sizing:border-box;}
.itemadd {margin:5px;}
.workorderfieldgroup.horizontal {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.workorderfieldgroup > .ui-panel, .workorderfieldgroup > .ui-panel > .ui-panel-content {box-sizing:border-box; padding:0;}
.workorderfieldgroup.horizontal > .ui-panel > .ui-panel-content {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; padding:0.5em 0;}
.workorderfieldgroup.vertical > .workorderfield {display:block;}
.workorderfieldgroup.horizontal > .workorderfield  {display:block; vertical-align:top; height:100%; min-height:100%;}
.workorderfieldgroup.horizontal > .workorderfieldgroup {vertical-align:top; height:100%; min-height:100%;}
*:not(.workorderfieldgroup)>.workorderfieldgroup>.workorderfieldgroup,
 *:not(.workorderfieldgroup)>.workorderfieldgroup>.workorderfield,
.itemlistrow {margin:0.2em 0;}
.itemfields .workorderfieldgroup .ui-widget-header { border:inherit; background:inherit; color:inherit; }
body .ui-menu.ui-menubar {padding:0.1em;}
body .workorderfieldgroup.vertical > .ui-panel > .ui-panel-content {padding:0.5em;}
body .workorderfieldgroup .ui-panel-titlebar {font-size:12pt;}
body .workorderfieldgroup.vertical > .ui-panel > .ui-panel-titlebar {padding:0.5em;}
body .workorderfieldgroup.horizontal > .ui-panel > .ui-panel-titlebar {padding:0;}
body .workorderfieldgroup .ui-panel-content {border:0;}
body .workorderfieldgroup .ui-panel {background:inherit;}
body .itemlistrow, body .itemfields {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
body .workorderfield.coworkerlist > div {display:inline-block; vertical-align:top;}
body .workorderfield.coworkerlist .selectedcoworkerlabel {display:inline-block; font-size:10pt; margin-top:0.2em;}
body .workorderitemlist {padding-bottom:0.5em;}
body .workorderfield .ui-calendar {width:100%;}
body .workorderfield input.ui-inputfield, body .workorderfield textarea.ui-inputfield {width:100%; background-color:#ffffcc; font-size:10pt; box-sizing:border-box;}
body .workorderfield .ui-selectonemenu {padding-left:0; padding-right:0;}
body .workorderfield .ui-selectonemenu-label {width:auto; background-color:#ffffcc; font-size:10pt;}
body .workorderfield.boolean label {margin-left:0.2em; font-size:10pt;}
body .workorderfield .ui-outputlabel {font-size:10pt;}
body .attachmentlist .ui-datatable table {width:auto;}
body .workorderfield.geolocation > div {display:inline-block; vertical-align:top; padding-left:5px;}
body .workorderfield.geolocation > div:first-child {padding-left:0;}
.ui-datatable table .ui-datatable-selectable.ui-state-highlight .goneWhenSelected {display:none;}

/*** Misc. ***/
div.login, div.error {text-align:center; padding:2em;}
a.returnlink {font-size:20pt;}
.license_free_user { font-style:italic; }