.ui-widget-content.borderless {
    border: 0px;
}
body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, 
body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item {
    padding: 0px;
}
  
.panelNoBorder {
    border-style: none !important
}
#top {
    position: relative;
    background-color: #036fab;
    color: white;
    padding: 5px;
    margin: 0px 0px 10px 0px;
}

#bottom {
    bottom:0;
    position:absolute;
    height:85px;
    padding: 5px;
    margin: 10px 0px 0px 0px;
    width: 100%;
}

#left {
    float: left;
    padding: 5px;
    width: 150px;
}

#right {
    float: right;
    padding: 5px;
    width: 150px;
}

.center_content {
    position: relative;
    padding: 5px;
}

.left_content {
    background-color: #dddddd;
    padding: 5px;
    margin-left: 170px;
}

.right_content {
    background-color: #dddddd;
    padding: 5px;
    margin: 0px 170px 0px 170px;
}

#top a:link, #top a:visited {
    color: white;
    font-weight : bold;
    text-decoration: none;
}

#top a:link:hover, #top a:visited:hover  {
    color: black;
    font-weight : bold;
    text-decoration : underline;
}

.wrap {
    position:relative;
    margin:0 auto;
    /*replace 900px with your width*/
    width:900px;
}

@media screen {
    .header {
        display: none;
    }
    .pagebreak {
        display: none;
    }    
    #footer {
        position:fixed;
        bottom:0;
        z-index:999999;
        height:auto !important;
        background-color: #c2dfef;
        margin: 10px 0px 0px 0px;
        width: 100% !important;
        padding: 0px 5px 0px 0px;
    }
    #footerspace {
        display: block;
    }
}

@media print {
    .header {
        position:fixed;
        top: 0;
        z-index:999999;
        background-color: #c2dfef;
    }
    .pagebreak {
        display: none !important;
    }    

    #footer {
        display: none !important;
    }
    #footerspace {
        display: none !important;
    }
}

.datatable {
    background-color: #c2dfef;
}

.form {
    background-color: #ffffff;
}

.keyField {
    border-color: greenyellow;
    border-width: 2px;
}

.number {
    background-color: aqua !important;
}

.invalid {
    border-color: red !important;
    border-width: 2px !important;
}

.hidden {
    visibility: hidden;
}

.ui-widget-content.microneering {
    font-family: "Arial"; 
    color: red;  
    font-weight: bold;
}

.ui-state-default.microneering {
    font-family: "Arial"; 
    color: red;  
    font-weight: bold;
}

body .ui-widget {
    font-size: 0.8rem !important;
}

body .ui-outputlabel ui-widget {
    font-size: 0.8rem !important;
}

body .ui-spinner .ui-spinner-input {
    font-size: 0.8rem !important;
}


body .ui-datatable .ui-datatable-header {
    text-align: center;
    height: 30px;
    padding: 0;
    display: block;

}
body .ui-datatable thead th {
    padding: 0;
}

body .ui-datatable .ui-datatable-data > tr > td {
    padding: 0;
}

.ui-widget-header .ui-inputfield, .ui-widget-content .ui-inputfield {
    font-weight: normal;
    padding: 0;
}                 

body .ui-panelgrid .ui-panelgrid-cell {
    padding: 0.5em !important;
    margin: 0.5em !important;
}

.jpFormDialog {
    background-color: #b2d5d6 !important;
    border-color: #b2d5d6 !important;
}

.loggedOnUser {
    font-weight:normal;
    color:#000000;
    border: 8px groove #D6FFC9;
    font-size:9px;
    line-height:1;
}

* { margin:0px; padding:0px; box-sizing:border-box; }

body {
    font-size: 0.8rem !important;
    background-color: rgba(84, 190, 212, 0.03) !important;
    margin: auto;
    padding: 0px;
}

.bodyHeading2 {
    z-index: 0;
    background-image: url("/jakarta.faces.resource/images/VLogo.jpg.xhtml") !important;
    background-repeat: no-repeat !important;
    background-position: left top !important; 
    background-color: white !important;
    background-size: 600px;
}


html.progress, html.progress * {
    cursor: progress !important;
}

body .ui-inputfield {
    padding: 0px !important;
}

.ui-inputnumber {
    padding: 0px !important
}

.userProfileLabel {
    width: 1700px !important;
}

.userprofileinput {
    width: 550px !important;
}

label {
    background-color: rgba(84, 190, 212, 0.03) !important;
}

.ui-panel-content {
    background-color: rgba(84, 190, 212, 0.03) !important;
}

.ui-panelgrid-cell {
    background-color: rgba(84, 190, 212, 0.03) !important;
}

.ui-fileupload-files {
    margin: 0px !important;
}

body .ui-fileupload .ui-fileupload-content {
    padding: 0px !important;
}

body .ui-spinner .ui-spinner-input {
    padding-right: 2.857rem !important;
}

.twenty-percent {
    width: 20%;
    height: 100%;    
    vertical-align: top;
    position: relative;
}

.eighty-percent {
    width: 80%;
    height: 100%;
    vertical-align: top;
    position: relative;
}

.fifty-percent {
    width: 50%;
    height: 100%;
    vertical-align: top;
    position: relative;
}
.leftNav {
    width: 10%;
    height: 100%;
}

.mainPanel {
    width: 90%;
    height: 100%;
}
.formproperties {
    width: 200px;
}

.top-alignment {
    vertical-align: top;
}

.right-alignment {
    display: block; text-align: right !important;
}

.microneering-icon {
    background-image: url("/jakarta.faces.resource/images/mi.gif.xhtml") !important;
    background-color: white !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    cursor: pointer !important;
    padding: 1em !important;
    min-width: 33px !important;
    min-height: 33px !important;
    padding: 0px !important;
    margin: 0px !important;
    vertical-align: middle;

}

.w3bpage-icon {
    background-image: url("/jakarta.faces.resource/images/AppIconSolid.gif.xhtml") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    cursor: pointer !important;
}
.ui-button-icon-only {

    min-width: 33px !important;
    min-height: 33px !important;
    border-radius: 3px !important;
    padding: 0px !important;
    margin: 0px !important;
    vertical-align: middle;
}

.ui-button {

    min-width: 33px !important;
    min-height: 33px !important;
    border-radius: 3px !important;
    padding: 0px !important;
    margin: 0px !important;
    vertical-align: middle;
    background-color: rgb(0,104,55) !important;
}

.ui-spinner-button {
    min-height: 0px !important;
    min-width: 0px !important;
}

#top {
    position: relative;
    background-color: #036fab;
    color: white;
    padding: 5px;
    margin: 0px 0px 10px 0px;
}

#bottom {
    bottom:0;
    position:absolute;
    height:85px;
    background-color: #c2dfef;
    padding: 5px;
    margin: 10px 0px 0px 0px;
    width: 100%;
}

#left {
    float: left;
    background-color: #ece3a5;
    padding: 5px;
    width: 150px;
}

#right {
    float: right;
    background-color: #ece3a5;
    padding: 5px;
    width: 150px;
}

.center_content {
    position: relative;
    padding: 5px;
}

.left_content {
    background-color: #dddddd;
    padding: 5px;
    margin-left: 170px;
}

.right_content {
    background-color: #dddddd;
    padding: 5px;
    margin: 0px 170px 0px 170px;
}

#top a:link, #top a:visited {
    color: white;
    font-weight : bold;
    text-decoration: none;
}

#top a:link:hover, #top a:visited:hover  {
    color: black;
    font-weight : bold;
    text-decoration : underline;
}

.wrap {
    position:relative;
    margin:0 auto;
    /*replace 900px with your width*/
    width:900px;
}

.datatable {
    background-color: #c2dfef;
}

.form {
    background-color: #ffffff;
}

.keyField {
    border-color: greenyellow !important;
    border-width: 2px 2px 2px 2px !important;
}

.number {
    background-color: aqua !important;
    text-align: right !important;
}

.formula {
    background-color: yellow !important;
    text-align: right !important;
}

.date-formula {
    background-color: yellow !important;
    text-align: left !important;
}

.date {
    text-align: right !important;
}

.hidden {
    visibility: hidden;
}

.ui-widget-content.microneering {
    font-family: "Arial"; 
    color: red;  
    font-weight: bold;
}

.ui-state-default.microneering {
    font-family: "Arial"; 
    color: red;  
    font-weight: bold;
}

.jpFormDialog {
    background-color: #b2d5d6 !important;
    border-color: #b2d5d6 !important;
}

.loggedOnUser {
    font-weight:normal;
    color:#000000;
    border: 8px groove #D6FFC9;
    font-size:9px;
    line-height:1;
    vertical-align: middle;
}

.ui-inputfield {
    padding: 0px !important
}

.ui-panel .ui-panel-content {
    padding: 0 !important;
    border: 0px !important;
    background: transparent !important;
    color: black !important;
}
#formDisplay_content {
    padding: 0 !important;
}

.selected {
    box-shadow: 2px 2px orange !important;
}

.labelselected {
    border: 2px solid orange !important;
}


.zoomClickPoint {
    transition: transform .5s; /* Animation */
    transform: scale(3); /* (300% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}