.center-loader {
  margin: 200px auto;
  display:block;
} 
.center-loader-container {
  margin-left: 80px;
  display:none;
  vertical-align: middle;
}
.loader-alignment{
    vertical-align:middle;
}

.find-page {
  overflow-x: hidden;
  overflow-y: auto;
  width:100%
}
.workorder-page,
.full-page {
  width:100%
}

.main-content {
  height: 85vh;
}

a:active, a:link,
a:visited, a:hover {
  text-decoration: none;
  font-weight: bold;
  font-size:14px!important;
} 

body, input, select, textarea, button, .ui-btn {
  font-size: 1em;
  line-height: 1.3;
  font-family: sans-serif /*{global-font-family}*/;
  overflow:hidden;
}

.hiddden {
  display:none;
}
/*login*/ 

img.login-logo {
  width: -webkit-fill-available;
  max-width: 600px;
  height: 100%;
  display: block;
  margin: auto;
}

.ui-login {
  /*width: 990px;*/
  margin: 0 auto;
  text-align:center; 
}
.ui-login select,
.ui-login input {
  width:250px;
}

.ui-login button {
  float:right;
}

.ui-login label {
  text-transform: capitalize;
}
.table-container {
  max-width: 580px;
  margin: 40px auto 5px;
  padding: 15px 0px;
  background: #ffffff;
  border: 1px solid #bdbcbc;
}

.content .title 	{ 
  padding-top: 60px; 
  color: #6ec72d; 
  font-size: 28px; 
  line-height: 32px; 
  margin: 0 auto; 
  /*width:580px; */
  text-transform: uppercase;
} 
.content a , 
.content a :hover {
  text-decoration:none;
}
.content .blocks {
  width: 590px;  
  margin: 0 auto; 
}
.content .block  { 
  width: 300px; 
  padding:15px 0px; 
  float:left;
}
.content .block  h3 {
  text-transform: uppercase; 
  font-size: 15px; 
  font-weight:normal;
  color: #61849c;
}
.content .block a,
.content .block a:hover, 
.content .block a:active  {
  color: #6ec72d; 
  text-decoration:underline; 
  font-size: 12px; 
  float:none; 
  display:block;
}
.content		{ 
  margin: 0 auto; 
  /*background-image: url("");*/
  width: 990px; 
  height: 390px;    
  padding: 50px 0px;
}
.revnumber, .license-key-expired {
  font-size: 12px;
  padding: 0px;
  line-height: 15px;
  width: 580px;
  margin: 0 auto;
  display: block;
  text-align: left;

}

.license-key-expired {
  font-size: 18px;
  padding-left: 250px;
  padding-top: 50px;
}

/*menu buttons*/
.ui-back {
  background: url("/javax.faces.resource/images/arrow_left.png.jsf") #E8E8E8 !important;
  background-repeat: no-repeat !important;
  width: 30px!important;
  height: 16px!important;
  background-position: center center !important;
  padding:0px;
}

.ui-up {
  background: url("/javax.faces.resource/images/arrow_up.png.jsf") no-repeat left center #E8E8E8!important;
  background-repeat: no-repeat !important;
  width: 30px!important;
  height: 16px!important;
  background-position: center center !important;
  padding:0px;
}

.ui-fw {
  background: url("/javax.faces.resource/images/arrow_right.png.jsf") no-repeat left center #E8E8E8!important;
  background-repeat: no-repeat !important;
  width: 30px!important;
  height: 16px!important;
  background-position: center center !important;
  padding:0px;
}

.ui-up-wo {
  background: url("/javax.faces.resource/images/arrow_up.png.jsf") !important;
  background-repeat: no-repeat !important;
  width: 30px!important;
  height: 16px!important;
  background-position: center center !important;
  padding:0px;
}

.ui-toolbar-group-right .ui-button-icon-only .ui-icon, 
.ui-toolbar-group-right .ui-button-text-icon-left .ui-icon, 
.ui-toolbar-group-right .ui-button-text-icon-right .ui-icon {
  margin-top: -15px!important;
}

.ui-menu-button {
  background: url("/javax.faces.resource/images/menu.png.jsf") 0px 5px  no-repeat!important;
  background-repeat: no-repeat !important;
  width: 30px!important;
  height: 30px!important;
}

.ui-edit button{
  background-repeat: no-repeat !important;
  width: 30px!important;
  height: 30px!important;
  background-position: top left !important;
  background-color:#e8e8e8;
}
.ui-edit button span.ui-icon-triangle-1-s {
  background: url("/javax.faces.resource/images/edit.png.jsf") #e8e8e8 left center no-repeat!important;
  width: 30px!important;;
  height: 30px!important;;
}

/*buttons submenu*/
.ui-btn-submenu {
  line-height: 20px !important;
  padding: 0px !important;

}

.ui-state-hover .ui-menuitem-icon{
  background-color:#e8e8e8!important;
}


.ui-workorders {
  background: url("/javax.faces.resource/images/workorder.png.jsf") no-repeat left center #F8F8F8!important;
}

#resultForm a.ui-workorders {
  background: url("/javax.faces.resource/images/workorder.png.jsf") no-repeat 10px center #e8e8e8!important;
}

.ui-search {
  background: url("/javax.faces.resource/images/search.png.jsf") no-repeat left center #F8F8F8!important;
}

.ui-recent {
  background: url("/javax.faces.resource/images/recent_overview.png.jsf") no-repeat left center #F8F8F8!important;
}

.ui-icon-calendar {
  background: url("/javax.faces.resource/images/calendar.png.jsf")no-repeat !important;
  width: 20px;
  height: 20px;
}
.properties td .ui-calendar input {
  width:74%;
}
#ua-panel input.hasDatepicker {
  width:calc(100% - 30px);
  font-size: 12px;
  height: 22px;
}
#ua-panel button.ui-datepicker-trigger {
  width: 25px;
  height: 24px;
}
.ui-selectonemenu-items-wrapper,
#ua-panel .ui-selectonemenu .ui-selectonemenu-label {
  font-size: 12px;
}

.shortcut-buttons,
.shortcut-buttons .ui-button-text,
.shortcut-buttons .ui-search,
.shortcut-buttons .ui-recent{
  background-color:#e9e9e9!important;
  height:20px;
  display:inline-table;
}

.shortcut-buttons .ui-search,
.shortcut-buttons .ui-recent {
  padding-top: 10px;
}

.ui-my-header-title .ui-my-header-title {
  /*border-left: 1px solid #b7b7b7!important;*/
}

.ui-refresh {
  background: url("/javax.faces.resource/images/reload.png.jsf") no-repeat left center #F8F8F8!important;
}

.ui-logout {
  background: url("/javax.faces.resource/images/logout.png.jsf") no-repeat left center #F8F8F8!important;
}

#resultForm a.ui-folder {
  background: url("/javax.faces.resource/images/folder.png.jsf") no-repeat 10px center #e8e8e8!important;
} 

.ui-folder {
  background: url("/javax.faces.resource/images/folder.png.jsf") no-repeat left center #e8e8e8!important;
}

.ui-navigate {
  background: url("/javax.faces.resource/images/location.png.jsf") no-repeat left center #F8F8F8!important;
}

.ui-icon-loading {
  background: url("/javax.faces.resource/images/ajax-loader.gif.jsf") no-repeat left center #F8F8F8!important;
}
.ui-loader {
  border:none!important;
}
.ui-icon-delete {
  padding: 0px!important;
}
.ui-icon-delete:after {
  background: url("/javax.faces.resource/images/delete-white.png.jsf") no-repeat 4px center #F8F8F8!important;
}

.ui-edit-equipment {
  background: url("/javax.faces.resource/images/actions/hardware_edit.png.jsf") no-repeat left center #F8F8F8!important;
}

.ui-edit-cabinet {
  background: url("/javax.faces.resource/images/actions/cabinet_edit.png.jsf") no-repeat left center #F8F8F8!important;
}
.ui-add-equipment {
  background: url("/javax.faces.resource/images/actions/hardware_add.png.jsf") no-repeat left center #F8F8F8!important;
}

.ui-add-cabinet {
  background: url("/javax.faces.resource/images/actions/cabinet_add.png.jsf") no-repeat left center #F8F8F8!important;
}

.ui-add-location {
  background: url("/javax.faces.resource/images/actions/location_add.png.jsf") no-repeat left center #F8F8F8!important;
}

.ui-delete-submenu {
  background: url("/javax.faces.resource/images/actions/object_delete.png.jsf") no-repeat left center #F8F8F8!important;
}

.ui-activate {
  background: url("/javax.faces.resource/images/actions/workorder_activate.png.jsf") no-repeat left center #F8F8F8!important;
}

.ui-stop {
  background: url("/javax.faces.resource/images/actions/workorder_stop.png.jsf") no-repeat left center #F8F8F8!important;
}

.ui-menuitem-icon.ui-reject {
  height:16px;
  background: url("/javax.faces.resource/images/actions/line_item_reject.png.jsf") no-repeat left center !important;
}

.ui-button-icon-left.ui-reject {
  height:26px;
  background: url("/javax.faces.resource/images/actions/line_item_reject-w.png.jsf") no-repeat left center !important;
}

.ui-menuitem-icon.ui-execute {
  height:16px;
  background: url("/javax.faces.resource/images/actions/line_item_execute.png.jsf") no-repeat left center !important;
}

.ui-button-icon-left.ui-execute {
  height:26px;
  background: url("/javax.faces.resource/images/actions/line_item_execute-w.png.jsf") no-repeat left center !important;
}

.ui-menu .ui-menuitem-text {
  float: left;
  line-height: 35px!important;
  text-transform: capitalize;
  width:80%
}

.ui-menu .ui-menuitem-link {
  width:275px!important;
}
.nav-menu {
  width:500px!important;
}

.ui-menuitem-icon {
  padding: 0px!important;
  margin: 10px!important;
  position: relative!important;
  top: 0!important;
  left: 0!important;
  background-color: #f8f8f8!important;
}

.ui-csv {
  background: url("/javax.faces.resource/images/csv_20_20.png.jsf") no-repeat left top #e8e8e8!important;
  width: 20px;
  height: 20px;
  margin-top: 3px!important;
  top: 0!important;
  padding: 0px;
  left: 0px!important;
  background-size: 20px 20px;
}

.ui-pdf {
  background: url("/javax.faces.resource/images/pdf_20_20.png.jsf") no-repeat left top #e8e8e8!important;
  width: 20px;
  height: 20px;
  margin-top: 3px!important;
  top: 0!important;
  padding: 0px;
  left: 0px!important;
  background-size: 20px 20px;
}
.reportsButtons {
  width:100%;
  font-size:13px;
}

#statusDialogId {
  width: 250px!important;
}
#statusDialogId img{
  margin: 10px auto!important;
  display: block;
}
.ui-dialog-title {
  text-transform: capitalize;
}
.reportsStatusDialog .ui-dialog-title {
  font-size: 15px;
}
/*panel buttons*/
.ui-icon-triangle-1-s,
.ui-icon-triangle-1-e {
  background-color: #f9f9f9!important;
  padding-left: 25px !important;
}
.ui-icon-triangle-1-e {
  background: url("/javax.faces.resource/images/triangle_right.png.jsf") no-repeat 5px center!important;
}
.ui-select .ui-btn:after,
.ui-icon-triangle-1-s {
  background: url("/javax.faces.resource/images/triangle_down.png.jsf") no-repeat 5px center!important;
}

.ui-icon-arrow-r,
.ui-icon-plus {
  background: url("/javax.faces.resource/images/triangle_right.png.jsf") no-repeat 5px center!important;
  background-color: #E9E9E9 !important;
  border-color: #E9E9E9 !important;  
  font-size: 16px !important;
}

.ui-icon-arrow-l {
  background: url("/javax.faces.resource/images/triangle_right.png.jsf") no-repeat 5px center!important;
  background-color: #E9E9E9 !important;
  border-color: #E9E9E9 !important;  
  font-size: 16px !important;
}

.ui-icon-plus {
  padding-left: 25px !important;
}


.ui-icon-minus {
  background: url("/javax.faces.resource/images/triangle_down.png.jsf") no-repeat 5px center!important;
  background-color: #E9E9E9 !important;
  border-color: #E9E9E9 !important;
  padding-left: 25px !important;
  font-size: 16px !important;
}

.ui-icon-closethick {
  background:  url("/javax.faces.resource/images/close.png.jsf") no-repeat center center!important;
  margin: 10px!important;
}

.ui-dialog-titlebar-icon {
  width:30px!important;
  height:30px!important;
}

/*clipboard buttons*/
.clipboard-buttons {
  float: right;
  display: block;
  clear: right;
}

.ui-add {
  background-image: url("/javax.faces.resource/images/add.png.jsf") !important;
  background-repeat: no-repeat !important;
  background-position: center center;
  height: 15px;
  width: 15px;
  padding: 10px 0px 10px 0px;
  display: block;
}

.ui-multiplicity .ui-add {
  padding: 10px 20px;
}

.ui-delete {
  background-image: url("/javax.faces.resource/images/delete.png.jsf") !important;
  background-repeat: no-repeat !important;
  background-position: center center;
  height: 15px;
  width: 15px;
  padding: 10px 0px 10px 0px;
  display: block;
}
/*buttons general*/
.ui-btn-icon-notext.ui-btn-corner-all, .ui-btn-icon-notext.ui-corner-all {
  -webkit-border-radius: 0;
  border-radius: 0px!important;
}
.ui-shadow {
  box-shadow: none!important;
  -moz-box-shadow: none!important;
  -webkit-box-shadow: none!important;
}
.ui-btn {
  padding:7px 0;
}
.ui-btn-blue,
.ui-dialog button {
  text-shadow: none!important;
  padding: 0px;
  width:100%;
  margin: 5px 0;
  text-transform: capitalize;
}

.properties .ui-btn-blue {
  font-size:12px;
}
/*graphics*/

.ol-control .ui-icon {
  margin-top:-1px!important;
}

.ol-control {
  background-color:#e8e8e8;
}

.ol-control button {
  text-indent: -99999px;
  border:none;
}

button.cd-reset-dialog,
button.cd-zoom-in-dialog,
button.cd-zoom-out-dialog,
button.cd-reset,
button.cd-zoom-in,
button.cd-zoom-out,
button.reset,
button.zoom-in,
button.zoom-out,
button.front,
button.rear,
button.splicing,
button.hardware,
button.use-navigate,
button.update-properties{
  width: 30px!important;
  height: 30px!important;
}

.ol-force-refresh,
.ui-force-refresh {
  background: url("/javax.faces.resource/images/reload.png.jsf") no-repeat center center #e8e8e8!important;
  width: 30px!important;
  height: 30px;
  left: 0px!important;
  margin: -1px 0px 0px -1px!important;
  top: 0!important;
}

#map-navigate-buttons,
#navigate-buttons {
  float:left;
  width: 30px!important;
  height: 30px!important;
}

.ui-map-use-navigate,
.ui-use-navigate {
  background: url("/javax.faces.resource/images/2-click-navigation.png.jsf") no-repeat center center #e8e8e8!important;
  width: 30px!important;
  height: 30px;
  left: 0px!important;
  margin: -1px 0px 0px -1px!important;
  top: 0!important;
}

.ui-map-update-properties,
.ui-update-properties {
  background: url("/javax.faces.resource/images/2-click-properties.png.jsf") no-repeat center center #e8e8e8!important;
  width: 30px!important;
  height: 30px;
  left: 0px!important;
  margin: -1px 0px 0px -1px!important;
  top: 0!important;
}

.ui-zoom-reset {
  background: url("/javax.faces.resource/images/zoom_reset.png.jsf") no-repeat center center #e8e8e8!important;
  width: 30px!important;
  height: 30px;
  left: 0px!important;
  margin: -1px 0px 0px -1px!important;
  top: 0!important;
}

.ui-zoom-in,
.ol-zoom-in {
  width: 30px!important;
  height: 30px;
  top: 0!important;
  left: 0px!important;
  margin: -1px 0px 0px -1px!important;
  background: url("/javax.faces.resource/images/zoom_in.png.jsf") no-repeat center center #e8e8e8!important;
}


.ui-zoom-out,
.ol-zoom-out  {
  width: 30px!important;
  height: 30px;
  left: 0px!important;
  margin: -1px 0px 0px -1px!important;
  top: 0!important;
  background: url("/javax.faces.resource/images/zoom_out.png.jsf") no-repeat center center #e8e8e8!important;
  float: left;
}

.ui-rear {
  width: 30px!important;
  height: 30px;
  left: 0px!important;
  margin: -1px 0px 0px -1px!important;
  top: 0!important;
  background: url("/javax.faces.resource/images/rear.png.jsf") no-repeat center center #e8e8e8!important;
}

.ui-front {
  width: 30px!important;
  height: 30px;
  left: 0px!important;
  margin: -1px 0px 0px -1px!important;
  top: 0!important;
  background: url("/javax.faces.resource/images/front.png.jsf")  no-repeat center center #e8e8e8!important;
}

.ui-splicing {
  background: url("/javax.faces.resource/images/splicing.png.jsf") no-repeat center center #e8e8e8!important;
  width: 30px!important;
  height: 30px;
  left: 0px!important;
  margin: -1px 0px 0px -1px!important;
  top: 0!important;
}
.ui-hardware {
  background: url("/javax.faces.resource/images/hardware.png.jsf") no-repeat center center #e8e8e8!important;
  width: 30px!important;
  height: 30px;
  left: 0px!important;
  margin: -1px 0px 0px -1px!important;
  top: 0!important;

}

#graphics .ui-button {
  width:40px; 
  height:40px;
  float:right;
  z-index: 1001;
} 

#graphics {
  height:auto;
  min-height: 700px;
}

.max-height div#graphics {
  min-height: 700px;
}

.min-height div#graphics {
  min-height: 300px;
}

.medium-height div#graphics {
  min-height: 500px; 
}

.ui-graphics {
  /*   max-width: 99%;
    position: absolute;
   left: 30px;
    top: 40px;*/
  /*  opacity:0.4;*/

}

.graphicalOverview-equipment,
.graphicalOverview-cabinet,
.graphicalOverview {
  height:100%!important
}


.graphicalOverview-equipment label,
.graphicalOverview-cabinet label,
.graphicalOverview label {
  font-size: 10px!important;
  line-height: 10px;
  font-weight: normal;
}

.graphicalOverview-equipment label#image-source-error,
.graphicalOverview-cabinet label#image-source-error,
.graphicalOverview label#image-source-error {
  color:red;
}
.error-form {
  text-align:center;
}
#graphicalOverview_content {
  height:92%!important
}
.graphicalOverview label.ui-graphics {
  width:100%;
  height:100%;
  display:block;
}


.graphicalOverview-cabinet label.ui-graphics svg{
  height:100%;
  width:100%;
  display:block;
}
.graphicalOverview-equipment label.ui-graphics svg {
  width:100%;
  height:100vh;
  display:block;
}

.graphicalOverview-connections label.ui-graphics svg {
  height:100%;
  width:100%;
  display:block;
}
.ui-graphics-connection-details {
  width:40%!important;
  min-height: 300px;
}

label.cd-ui-graphics {
  height:100%;
}
svg#cd-overview-svg {
  height: 100%;
  /*width:100%;*/
}

svg#overview-svg {
  width:100%;
  height:76vh;
}

.ui-connection-details .ui-graphics {
  width: 100%;
  height: 300px;
  position: relative;
  top: -30px;
}

#connectionDetails div.ui-accordion-content  {
  min-height: 700px;
}

.ui-graphics-connection-details {
  /*width: 150%;*/
  position: absolute;
  left: 30px;
  top: 40px;
  height:100%;
}

.ui-dialog {
  width: 800px!important;  
}

.qr-code-dialog .ui-dialog {
  width: 430px!important;
}

.ui-dialog.ui-reports,
.ui-connection-details .ui-dialog-content,
.ui-connection-details{
  width:100%!important;
  height: 400px!important;
  overflow-y: auto;
  bottom: 0px!important;
}

.ui-reports .ui-dialog-content {
  height:100%;
  overflow:auto!important;
}
#statusFindId{
  width:130px!important;
  background-color: transparent;
  border: 0px;
}

.graphicalOverview div.ui-collapsible-content  {
  min-height: 300px;
}

#graphicalOverview_toggler {
  float: left;
  margin: 0px!important;
  position: relative;
}

#graphicalOverview_toggler .ui-icon-minusthick {
  background: url("/javax.faces.resource/images/triangle_down.png.jsf") no-repeat 5px center!important;
  background-color: #E9E9E9 !important;
  border-color: #E9E9E9 !important;
  padding-left: 25px !important;
  font-size: 16px !important;
  border:none;
}

.ui-connection-details .buttons {
  margin-right:35px!important;   
}

.buttons {
  display: inline-block;
  z-index: 10;
  position: relative!important;
  float: right;
  top: 0px!important;
}

/*header*/
.ui-my-header-title {
  display: inline-block;
  float: right;
  font-size: 18px;
  line-height: 30px;
  background-repeat: no-repeat !important;
  background-position: left center;
  background-color:#e9e9e9!important;
}

.header-content {
  background: #e8e8e8 50% 50% repeat-x;
  width: 50%;
  float: left;
  display: inline-block;
  z-index: 10;
  position: relative!important;
  top: 0px!important;
  line-height: 16px;
}   

/*.ui-my-header-title img {
  width:15px;
  height:15px;
  float:left;
  padding: 10px 12px;
  margin: 0px;
}*/

.page-title {
  padding-left:20px;
  background-color:#e9e9e9!important;
  margin-left:15px;
}

#nav .ui-toolbar button{
  width:30px;
  height:30px;
  border:none;
}

#nav .ui-toolbar button{
  width:30px;
  height:30px;
  border:none;
  padding:0px!important;
  margin:0px!important;
}

.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn {
  border-width: 0!important;
}
.filter {
  float:left;
  margin: 2px 0 3px 0;
}
/*panels*/
.my-east-panel-container {
  border: none;
  background-color: #f9f9f9;
  padding:0px;
  margin:0px;
}
.my-east-panel-container  .ui-panel-content {
  margin: 0px;
  padding: 0px!important;
}

.ui-layout-container {
  height:100%;
}
.ui-layout-pane-west,
.ui-layout-pane-east,
.ui-layout-pane-center {
  /*height:100%!important;*/
}

#graphicalOverviewMap {
  height: 100%!important;
} 


#graphicalOverviewMap_content {
  height: 92%!important;
}

.map {
  height:100%;
}

.ui-layout-unit .ui-layout-pane-east .ui-layout-unit-content,
.ui-layout-unit .ui-layout-pane-west .ui-layout-unit-content {
  overflow: auto!important;
  height: 96%!important;
}
 
.ui-layout-unit .ui-layout-pane-center .ui-layout-unit-content {
  overflow: auto!important;
  height: 100%!important;
}

.workorder-page .ui-layout-unit .ui-layout-unit-content {
  overflow: auto!important;
  height: 100%!important;
}

.ui-layout-resizer-north {
  height:0px!important;
}

#userAttributes .ui-widget-content,
.childrenList .ui-widget-content {
  border:none;
}
#userAttributes input  {
  width: 95%;
}

.child-list li{
  border-bottom-width: 1px !important;
  border-bottom-style: solid;
  border-bottom-color: #DDD;
  background-color:#f8f8f8;
  border-right-width: 1px !important;
  border-right-style: solid;
  border-right-color: #DDD;
  border-left-width: 1px !important;
  border-left-style: solid;
  border-left-color: #DDD;
  display: block;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  overflow: hidden;
}
.child-list li:first-child{
  border-top-width: 1px !important;
  border-top-style: solid;
  border-top-color: #DDD;
}  
.ports-panel .clipboard-list li{
  border-bottom-width: 0px !important;
  background-color:#ffffff;
  border-right-width: 0px !important;
  display:none;
}

.ports-panel td:first-child {
  width:100%!important;
}

.child-list li a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}


.ui-ribbon .ui-ribbon-group .ui-ribbon-group-content {
  height:auto!important;
  min-height:200px;
  min-width: 600px;
  width:auto;
}
.ui-ribbon-groups.ui-widget-content {
  background: #ffffff!important;
}
.ui-ribbon .ui-ribbon-group {
  border: none!important;
}

.ui-tree .ui-tree-toggler {
  vertical-align: middle!important;
}

span.ui-tree-toggler {
  padding-left:5px!important;
}

.ui-tree .ui-treenode-label {
  width: auto;
  line-height: 25px;
}
.ui-tree .ui-treenode-label {
  width:90%;
}
.ui-tree {
  width:auto!important;
  border-width: 1px!important;
  border-color: #ddd!important;
  border-style: solid!important;
  margin-bottom: 5px;

}
.ui-tree .ui-treenode-leaf-icon {
  width:0px!important;
  height:0px!important;
}
/*top right menu*/
.ui-overlaypanel-content .ui-menu {
  border: 0px #f8f8f8;
}
.ui-menu {
  border: 0px;
  background-color: #f8f8f8;
  width: 270px!important;
  border: 1px solid #aaaaaa;
}

.ui-panel-open {
  background-color: #F6F6F6!important;
  border-color: #DDD!important;
  border-width: 1px;
  border-style: solid;
  width:185px
}

.ui-panel-inner li {
  border-color: #DDD!important;
  border-width: 0px 0px 1px 0px; 
  border-style: solid;
  height: 40px;
  width:175px;
}
.ui-panel-inner li:last-child {
  border-width: 0px; 
}
/*lists, tables*/
.childrenList ul {
  list-style:none;
  padding: 0px;
  display: block;
}

/*.childrenList div {
  padding:0px!important
}*/

.childrenList a.ui-delete,
.childrenList a.ui-add {
  line-height: 40px;
  width: 40px;
}

#children .childrenList  .ui-grid-a .ui-block-b .entity-icon-disabled img{
  position: absolute!important;
  margin-top: -3px!important;
}

#children .childrenList .ui-grid-a .ui-block-b img{
  top: 33%!important;
  left:4%;
  margin-left:0px!important;
}
.childrenList table,
#children table {
  width:100%;
  border-spacing: 0px;
}
.cableElements table,
.properties table{
  width:100%;
  font-size:14px!important;
  background-color:#ffffff;
  border: 0px!important;
}

.cableElements table tr,
.properties table tr,
.cableElements table td,
.properties table td {
  border: 0px!important;
}


.properties table a {
  font-size:12px!important;
  color: #52ab32!important;
}
.ui-fileupload-files td:first-child,
.ui-fileupload-files td:first-child + td + td{
  display:none!important;

}

.ui-fileupload-files td:first-child + td {
  width:40%;
  padding:5px!important;
  /* margin-right: 2px; */
}

.ui-fileupload-files td:last-child {
  width:20%;
}

.ui-fileupload-content .ui-progressbar {
  width: 100%!important;
  padding: 2px 5px !important;
}

.ui-file-button {
  margin-right: 10px !important;
  width: 45% !important;
  float: left;
}

.ui-small-file-button {
  margin-right: 10px !important;
  width: 30% !important;
  float: left;
}
.file-column {
  display:block;
  width:100%;
  min-height:35px;
  padding:5px 0px;
}

.childrenList td:first-child {
  width:80%
}


.properties td input {
  width:-webkit-fill-available;
}

.cableElements  td:first-child, 
.properties  td:first-child {
  width:40%
}

.ui-listview > .ui-li-has-thumb > .ui-btn, .ui-listview > .ui-li-static.ui-li-has-thumb {
  min-height: 30px;
}

a.entity-label-wo,
a.entity-label {
  margin: 0px!important;
  padding: 10px 10px;
  line-height: 15px;
  float:left;
  display: inline;
  font-size:12px!important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
a.entity-label{
  padding-left:5px;
/*  max-width: 270px;
  min-width: 50px;*/
  width: 70%;
}

a.entity-label-wo {
  padding-left:0px;
  width:63%;
}

.entity-icon {
  margin: 0px;
  background-color: #F6F6F6;
  padding: 10px 10px;
  height: 15px;
  width: 15px;
  border-bottom-width: 0px;
  float:left;
}
.entity-icon-wo{
  margin: 0px;
  background-color: #F6F6F6;
  padding: 10px 10px;
  height: 15px;
  /*width: 30px;*/
  border-bottom-width: 0px;
  float:left;
}

.ui-accordion .ui-accordion-content {
/*  display: block;
  overflow: hidden!important;*/
}

.ui-toolbar-group-left {
  background-color: #E8E8E8
}

div, body,
.ui-layout-unit,
.ui-layout-unit-content {
  background-color: #f9f9f9; 
}
.ui-layout-west .ui-layout-unit-content,
.ui-layout-east .ui-layout-unit-content {
  overflow-y: auto!important;
}

.ui-layout-unit,
.ui-layout-unit-content {
  border:none;
  overflow:hidden!important;  
  padding-top: 0px!important;
  padding-bottom: 0px!important;
  margin-top: 0px!important;
  margin-bottom: 0px!important;
}

.ui-accordion-content {
  border-width: 0px 1px 1px 1px!important;
  border-color: #ddd!important;
  border-style: solid!important;
  padding: 5px!important;
}

/*footer*/
.footer-copyright {
  text-align: left;
}

.footer-copyright img{
  height: 50px;
  float: left;
  margin-right:10px;
}
.footer-container {
  margin-top:1px;
}

.user {
  display: inline;
  font-size: 12px;
  color: gray;
  float: left;
  margin-top: 12px;
  padding: 4px 0;
  border-left: 1px solid gray;
  padding-left: 10px;
}
.login-footer-logo {
  width:225px;
  margin:0 auto;
  display: block;
}

/*recent overviews*/

.pm-list ul{
  margin:0px!important;  
  list-style:none;
  padding-left: 0px;
}

.pm-list ul li{
  width: 100%;
  height: 35px;
  border-width: 1px 0px 0 0px!important;
  border-color: #dddddd;
  border-style: solid;
}

.pm-list ul li a{
  background-color: #fff!important;
  padding-left: 25px;
  border-width: 1px 1px 0 1px!important;  
  background-position: 5px center!important;
}

.pm-list ul li:last-child,
.pm-list ul li:last-child a {
  border-bottom-width: 0px!important; 
}

.pm-list ul li:first-child,
.pm-list ul li:first-child a {
  border-top-width: 0px!important; 
}
/*find form*/
.findForm label {
  text-transform: capitalize;
  display: block;
}

.include-ports-checkbox {
  width: 20px;
  float: left;
  margin: 13px 0px 10px 0px;
  height: 20px;
}

.include-ports-label {
  padding-left: 40px;
  margin: 10px 0;
  display: block;
}

.results-tree-leaf {
  padding:10px 20px 10px 20px;
}

.entity-icon-tree img {
  margin-top: 5px;
}

.entity-icon-tree {
  padding: 10px 10px 0 10px;
}

.find-result-form table {
  width:100%;
}

.find-result-form table td:first-child{
  width:95%;
}

.find-result-form h3 {
  text-transform: capitalize;
}

.find-result-form .ui-widget-content {
  border:none!important;
}

/*work orders*/ 
.color_greenyellow  .ui-accordion-header,
.color_greenyellow h3{
  background-color: #84ff84!important;
  text-shadow: none!important;
}
.color_red .ui-accordion-header,
.color_red h3 {
  background-color:#ff8484!important;
  text-shadow: none!important;
}


/*confirmation dialogs*/
.confirmation-dialog {
  width:300px; 
}

.ui-popup a.ui-icon-delete{
  display:none!important;
}

.ui-popup-container {
  width:100%!important;
  max-width: 550px!important;
}

.multiplicity-actions {
  width: 100%;
  display: inline-block;
} 

.multiplicity-dialog td:first-child {
  width:30%;
}

.ui-multiplicity h3 {
  float:right;
}

.ui-multiplicity .ui-panel-titlebar {
  padding: 0px 5px!important;
}

.ui-multiplicity a {
  float:right;
}

.multiplicity-dialog table tr,
.multiplicity-dialog table td,
.multiplicity-dialog table {
  border-width: 0px!important;
}

.multiplicity-dialog table .ui-button {
  width:30%;
  border: 1px solid #dddddd!important;
  background: #e8e8e8 50% 50% repeat-x!important;
  color: #000000!important;
  margin-right: 10px;
}

.multiplicity-dialog  .ui-fileupload-content .ui-progressbar {
  width:100px!important;
}
.multiplicity-dialog table a {
  color: #52ab32!important;
}

.ui-selectonemenu {
  width:100%!important;
  padding-right: 5px!important;
}

.ui-dialog .ui-dialog-content {
  overflow:hidden!important;
}

#ua-panel a.ui-delete {
  width: 35px;
}
#ua-panel .ui-widget-content {
  border:none;
}

#ua-panel input {
  width:-webkit-fill-available;
  padding:0px
}

#ua-panel input.input-with-button {
  width:calc(100% - 75px);
}
.button-with-input {
  margin-top:-4px;
}
.button-with-input span.ui-button-text {
  padding:1px 1em;
}
#ua-panel .ui-widget-content div {
  background-color: #ffffff;
}
#ua-panel .ui-fileupload-buttonbar {
  border:none;
}

.ua-file a,
.ua-file,
.ua-file-label {

}

.ui-datepicker-current {
  display:none;
}

/*form elements*/
.ui-chkbox {
  line-height:15px;
  background:none;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter {
  width:97%!important
}

.ui-selectonemenu-filter-container {
  width:90%;
}

label.ui-radio,
label.ui-radio-off,
label.ui-radio-on,
label.ui-checkbox-off,
label.ui-checkbox-on{
  padding-left: 40px;
  padding-right: 10px;
}

.ui-radio-off:after {
  background-color: #666!important /*{global-icon-color}*/;
  background-color: rgba(0,0,0,.3)!important /*{global-icon-disc}*/;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}

.ui-select div {
  padding-right:10px;
}

.hidden {
  display:none!important;
}

.confirmation-dialog,
.add-dialog {
  min-width:300px;
  top: 40px!important;
}

.add-dialog table {
  width:100%
}

.add-dialog table.ui-selectoneradio {
  width: auto;
}

.ui-time .ui-select .ui-btn:after {
  background: none!important;
}

.ui-color {
  overflow:hidden;
  width:1em;
  height:1em;
  display:block;
  border:solid 1px #000;
  text-indent:1em;
  white-space:nowrap;
}

.ui-dialog label {
  margin: 5px 0;
}

.ui-dialog input {
  width:98%;
}


/*messages, growl*/
.ui-growl-severity {
  display: none;
}
.ui-growl-message{
  width:100%!important;
  text-align: center;
}

.ui-growl-transparency {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;

}

/*breadcrumbs*/
.ui-breadcrumb li a span {
  font-size: 13px!important;
}
.ui-breadcrumb li {
  float:left;
}
.ui-breadcrumb {
  display: inline-block;
  width:100%;
  font-size: 14px!important;
  background:none;
  border:none;
  padding: 0px 5px 0px 5px!important;
}
.ui-breadcrumb ul {
  list-style-type: none;
  padding-left: 0px;
  height: 21px;
  margin-top: 0;
}

.ui-breadcrumb li.ui-icon-triangle-1-e {
  height:21px;
  padding-left: 10px!important;
}

.ui-breadcrumb ul li a.ui-icon-home {
  background-image: none!important;
  text-indent: 0;
  display: block;
  float: left;
  height: 21px;
  margin-top: 0;
  overflow: hidden;
  position: relative;
  width:100%;
  margin-top: 3px!important;
}

.breadcrumbs-layout {
  overflow:hidden;
  border:none;
  padding:0px!important;;
}

.breadcrumbs-layout div.ui-layout-unit-content {
  overflow:hidden;
}

.ui-breadcrumb a:active, .ui-breadcrumb a:link, 
.ui-breadcrumb a:visited, .ui-breadcrumb a:hover {
  font-weight: bold;
}

.ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron)::before {
  content: none;
}
/*Reports results*/

.reports-form form {
  font-size: 16px;
}
.resources-table table th,
.reports-results table th{
  text-align:left;
  text-transform: capitalize;
  font-size: 12px;
  font-weight:bold!important;
}

.resources-table table,
.reports-results table {
  padding: 5px;
  border-spacing:0px;
}

.resources-table table {
  font-size:12px;
}

.resources-table table tr, .resources-table table td, .resources-table table th,
.reports-results table tr, .reports-results table td,.reports-results table th {
  padding: 5px;
  border-spacing:0px;
}

.resources-table td,
.reports-results td {
  border-top: 1px solid #dddddd;
  border-spacing:0px;
}
.resources-table table tr.ui-datatable-odd,
.reports-results table tr.ui-datatable-odd,
.reports-results thead {
  background-color: #dddddd;
}

.resources-table table tr.ui-datatable-even,
.reports-results table tr.ui-datatable-even {
  background-color: #f9f9f9;
}

.reports-results a {
  text-decoration: underline; 
  color: #52ab32;
}

/*selection page*/
#resultForm li,
#about_list li,
.selection button,
#selection input {
  width: 100%;
  display: block;
  height: 45px;
  border: 1px solid #dddddd;
  background: #e8e8e8 50% 50% repeat-x;
  font-weight: normal;
  color: #333333;
}

#resultForm ul,
ul#about_list {
  list-style: none;
  padding: 0px!important;
  margin: 0px!important;
}
.wo-list,
.wo-list div.ui-datalist,
.wo-list div.ui-datalist div.ui-datalist-content,
.wo-list ul{
  overflow: visible;
  overflow-y: auto;
  height: inherit;
}
ul#about_list {
  text-align:center;
}
#resultForm a{
  padding-left: 30px;
}

#resultForm .ui-accordion-header {
  text-transform: capitalize;
}

#findForm input {
  width:80%;
  max-width:300px;
}
#findForm .ui-widget-content {
  border:none;
}

.find-results table {
  overflow:auto;
}
.find-results table tbody,
.find-results table,
.find-results table th,
.find-results table tr,
.find-results table tr a:hover{
  border: 0px solid #e8e8e8!important;
  background-color: #e8e8e8;
}
.find-results table td {
  text-transform: capitalize;
  font-weight:normal;
}
.find-results table td.results-tree-leaf,
.find-results table td.results-tree-leaf a{
  text-transform: none;
  font-weight:normal;
  font-size: 13px;
}
.find-results table tr:nth-child(even) td,
.find-results table tr:nth-child(even) td a{
  background-color:#dddddd !important;
}

.find-results table tr:nth-child(odd) td,
.find-results table tr:nth-child(odd) td a{
  background-color:#f9f9f9   !important;
}

.ui-search-white {
  background: url("/javax.faces.resource/images/search_white.png.jsf") no-repeat center center!important;
  width: 37px!important;
  height: 33.1875px;
  -webkit-border-radius: 0 .3125em .3125em 0!important;
  border-radius: 0 .3125em .3125em 0!important;
  margin-left: -1px!important;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  left: 0!important;
  top: -6px!important;
}

.findForm button {
  width:35px!important;
}

.findForm table {
  margin: 5px 0 20px 0;
  width:100%;
}

/*work orders details page*/
.woli-details table {
  width:100%;
}

.woli-details table,
.woli-details tbody,
.woli-details td,
.woli-details tr:last-child{
  border-width: 0px!important;
  font-size:16px;
  vertical-align: top;
}
.woli-details tr {
  border-bottom: 1px solid #dddddd!important; 
  border-right: 0px!important;
  border-left: 0px!important;
  border-top: 0px!important;
}

.woli-details td:first-child {
  width:25%;
}

.ui-multiplicity-item {
  padding-bottom: 5px;
}
.ui-confirm-dialog .ui-dialog-content .ui-confirm-dialog-severity{
  background-position: 0 -144px;
}
.ol-attribution button{
    text-indent: 0px!important;
}
.group-accordion {
    margin: 4px!important;
}

.group-accordion h3 {
    background: #eeeeee 50% 50%!important;
}
.ui-tooltip{
  font-size: 12px;
}

.ui-layout-unit-header {
    width:20px;
    height:20px;
}
.ui-layout-unit-header .ui-icon-triangle-1-e,
.ui-layout-unit-header .ui-icon-triangle-1-w {
  padding: 0px!important;
  background-position: center center!important;
  border: none!important;
  width: 20px;
  height: 20px;

}

.ui-layout-unit-header .ui-icon-triangle-1-w {
  background-image: url("/javax.faces.resource/images/triangle_left.png.jsf")!important
}

.ui-layout-pane-west .ui-layout-unit-content {
  margin-top: 6px!important;
}

.ui-layout-pane-west a.ui-layout-unit-header-icon {
  border: none;
  margin-right:10px;
}
.ui-layout-pane-east a.ui-layout-unit-header-icon {
  float:left!important;
  border: none;
}

.ui-layout-pane-east .ui-layout-unit-header,
.ui-layout-pane-west .ui-layout-unit-header {
  width:100%;
  background-color:#f9f9f9!important;
  border:none!important;
}

h3.ui-accordion-header {
  font-size:14px!important;
}

span.ui-panel-title {
  font-size: 12px!important;
}

.ui-layout-resizer-east-closed .ui-icon-arrow-4-diag{
  background-image: url("/javax.faces.resource/images/triangle_left.png.jsf")!important;
  background-position: center center;
}
.ui-layout-resizer-west-closed .ui-icon-arrow-4-diag{
  background-image: url("/javax.faces.resource/images/triangle_right.png.jsf")!important;
  background-position: center center;
}
.ui-layout-resizer-closed {
  border:none!important
}

#connectActions table{
  border-spacing: 0px!important;
  margin: 0px!important;
  padding: 0px!important;
  border:none;
}

label.capitalize {
  text-transform: capitalize;
}

.license-key-expirted {
  display:block;
  margin:10px auto;
  text-align: center;
}
.ms-csv{
  border: none!important;
  margin-left: -5px;
  height: 30px;
  width: 25px!important;
  background-color: #e8e8e8 !important;
}
.ui-kml{
  width: 30px!important;
  height: 30px;
  left: 0px!important;
  margin: 0px!important;
  top: 0!important;
  background: url("/javax.faces.resource/images/kml-16.png.jsf") no-repeat center center #e8e8e8!important;
}

.height80 {
     max-height:80vh;
}

.overflow {
  overflow: auto;
}
.license-key-expired .revnumber {
  padding: 15px 0;
}

.wo-list .pm-list.ui-datalist {
  overflow: hidden;
}