body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 1200px;
    background-color: #d0d3dc;
}

/* LABEL */
form label.required {
    font-weight: bold;
}

form .required-pseudo-label {
    font-weight: bold;
}

div .ui-menu.ui-menubar {
    background-color: transparent;
    background: rgb(129, 127, 126); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(129, 127, 126, 1) 0%, rgba(84, 82, 80, 1) 65%, rgba(84, 82, 80, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(129, 127, 126, 1)), color-stop(65%, rgba(84, 82, 80, 1)), color-stop(100%, rgba(84, 82, 80, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(129, 127, 126, 1) 0%, rgba(84, 82, 80, 1) 65%, rgba(84, 82, 80, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(129, 127, 126, 1) 0%, rgba(84, 82, 80, 1) 65%, rgba(84, 82, 80, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(129, 127, 126, 1) 0%, rgba(84, 82, 80, 1) 65%, rgba(84, 82, 80, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(129, 127, 126, 1) 0%, rgba(84, 82, 80, 1) 65%, rgba(84, 82, 80, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#817f7e', endColorstr='#545250', GradientType=0); /* IE6-9 */
    border: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

/*only apply to topmenu entries */
li.topmenu > a > .ui-menuitem-text,
a.topmenu > .ui-menuitem-text {
    color: #ffffff;
}

a .ui-menuitem-text {
    color: #000000;
    font-weight: bold;
    margin-right: 5px;
}

.ui-autocomplete-panel {
    max-height: 200px;
}

/* fix menu child width */
.ui-menu .ui-menu-parent .ui-menu-child {
    width: auto !important;
}

/* usability: right align labels */
.ui-fieldset-content td label {
    display: block;
    text-align: right;
}

.ui-fieldset-content td td label {
    text-align: left;
}

/* usability */
.ui-button {
    margin-right: 0em !important;
}

.ui-menubutton .ui-button {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

/* action column in datatable */

.actions-column {
    width: 110px !important;
}

/* error messages */
.ui-error-message {
    display: inline-block;
}

/* info message */
div .ui-messages-info {
    background-color: #ddffdd;
    border-color: #aaddaa;
}

div.searchResult {
    background-color: #f5f5f5;
    border: #bbb solid 1px;
    padding: 5px;
    margin: 10px 0px;
}

/* aria live region for search results */
#searchResultsRegion {
    margin: 5px;
    display: inline-block;
    font-weight: bold;
    font-size: 110%;
    color: #003b7d;
}

/* alternate dataTable row color */
.ui-datatable-odd {
    background: none repeat scroll 0 0 #F2F5F9;
}

/* change dataTable row color when mouse goes over it and keep the selected line text black */
.ui-datatable tr.ui-datatable-even:hover, .ui-datatable tr.ui-datatable-odd:hover {
    background: #BDE5F8;
    color: black !important;
}

.ui-datatable .ui-datatable-footer {
    text-align: left !important;
}

/* ICONS for p:commandButon. Note the usage of JSF2 resource facility */
.iconView {
    background-image: url("/market/javax.faces.resource/icons/eye.png.faces") !important;
}

.iconEdit {
    background-image: url("/market/javax.faces.resource/icons/pencil.png.faces") !important;
}

.iconDelete {
    background-image: url("/market/javax.faces.resource/icons/cross.png.faces") !important;
}

.iconSelect {
    background-image: url("/market/javax.faces.resource/icons/accept.png.faces") !important;
}

.iconSearch {
    background-image: url("/market/javax.faces.resource/icons/find.png.faces") !important;
}

.iconAdd {
    background-image: url("/market/javax.faces.resource/icons/add.png.faces") !important;
}

.iconExcel {
    background-image: url("/market/javax.faces.resource/icons/excel.png.faces") !important;
}

.iconPDF {
    background-image: url("/market/javax.faces.resource/icons/pdf.png.faces") !important;
}

.iconSave {
    background-image: url("/market/javax.faces.resource/icons/pencil.png.faces") !important;
}

.iconPrint {
    background-image: url("/market/javax.faces.resource/icons/print.png.faces") !important;
}

.iconClose {
    background-image: url("/market/javax.faces.resource/icons/cross.png.faces") !important;
}

.iconTvExpand {
    background-image: url("/market/javax.faces.resource/icons/expand.png.faces") !important;
}

.iconTvCollapse {
    background-image: url("/market/javax.faces.resource/icons/collapse.png.faces") !important;
}

/* p:fieldSet */
.ui-fieldset {
    text-align: left;
    margin: 10px 0px;
    background-color: #f5f5f5;
}

html body .ui-state-error {
    color: black;
    background: #ffeeee;
    border: 1px solid #CD0A0A;
}

/* tabs */

div.ui-layout-unit div.ui-tabs {
    margin-bottom: 10px;
}

div.ui-tabs ul.ui-widget-header.ui-tabs-nav {
    padding: 0px 0px 1px 0px;
}

div.ui-tabs ul.ui-widget-header.ui-tabs-nav li a,
div.ui-tabs ul.ui-widget-header.ui-tabs-nav li.ui-state-active a {
    border: #bbb solid 1px;
    border-bottom: none;
    font-weight: bold;
    color: #003b7d;
    padding: 5px 10px;
}

div.ui-tabs div.ui-tabs-panel {
    background-color: #f5f5f5;
    border: #bbb solid 1px;
    border-top: none;
}

/* p:dataTable */
.ui-datatable .ui-datatable-data td,
.ui-datatable .ui-datatable-data-empty td {
    text-align: center;
}

/* right align numbers in p:dataTable */
.ui-datatable .ui-datatable-data td.numeric {
    text-align: right;
}

.ui-datatable th.ui-sortable-column div.ui-dt-c {
    padding: 4px 15px;
}

.ui-datatable th.ui-state-default {
    border: 1px solid #b3b3b3;
    color: white;
    background: #777;
    box-shadow: none;
    text-shadow: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

/* p:layout*/
.ui-layout-north {
    z-index: 20 !important;
    overflow: visible !important;
}

.ui-layout-north .ui-layout-unit-content {
    overflow: visible !important;
}

.ui-layout-south .ui-layout-unit-content {
    text-align: center;
}

.ui-layout, .ui-layout-doc, .ui-layout-unit, .ui-layout-wrap, .ui-layout-bd, .ui-layout-hd {
    border: none;
}

/* p:panel */
.ui-panel {
    margin-bottom: 0.6em;
}

.ui-panel-content {
    width: 98%;
    margin: 5px auto;
}

/* header */
.userInfo {
    float: right;
}

.userInfo-username {
    margin-right: 5px;
    font-size: larger;
}

.userInfo-user {
    background: transparent url("/market/javax.faces.resource/icons/login.png.faces") no-repeat center left;
    padding: 5px 5px 5px 20px;
    font-size: larger;
}

.userInfo-welcome {
    background: transparent url("/market/javax.faces.resource/icons/home.png.faces") no-repeat center left;
    padding: 5px 5px 5px 20px;
}

.userInfo-fr {
    background: transparent url("/market/javax.faces.resource/icons/fr.gif.faces") no-repeat center left;
    padding: 5px 5px 5px 20px;
}

.userInfo-en {
    background: transparent url("/market/javax.faces.resource/icons/us.gif.faces") no-repeat center left;
    padding: 5px 5px 5px 20px;
}

.message_alert {
    color: red;
    font-weight: bold;
}

/* login page */
.loginBox {
    width: 600px;
    margin: 50px auto;
}

/* login page */
.sanalPosBox {
    width: 600px;
    margin: 30px auto;
}

.environment {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 58px;
    height: 58px;
    z-index: 1000;
}

.Development {
    background: transparent url("/market/javax.faces.resource/icons/environment/development.gif.faces") no-repeat center left;
}

.Integration {
    background: transparent url("/market/javax.faces.resource/icons/environment/integration.gif.faces") no-repeat center left;
}

.Production {
    background: transparent url("/market/javax.faces.resource/icons/environment/production.gif.faces") no-repeat center left;
}

.logo {
    background: transparent url("/market/javax.faces.resource/img/logo.png.faces") no-repeat center left;
    width: 179px;
    height: 63px;
}

/* ZK */
.login-logo {
    background: transparent url("/market/javax.faces.resource/img/logo.png.faces") no-repeat center left;
    width: 179px;
    height: 63px;
    top: -30px;
    left: 15px;
    position: relative;
}

/* ZK */
.login-input {
    width: 190px;
}

.version {
    position: fixed;
    left: 170px;
    top: 5px;
    font-size: 10px;
    font-weight: bold;
    z-index: 1;
}

.title {
    white-space: pre-line;
    text-align: center;
}

.navigation {
    position: fixed;
    left: 0;
    top: 82px;
    height: 28px;
    width: 100%;
}

div.ui-layout-north td {
    vertical-align: top;
}

div.ui-layout-center {
    padding: 0px;
    background-color: #d0d3dc;
}

div.ui-layout-center div.ui-layout-unit-content {
    padding-left: 15px;
    padding-right: 15px;
    background-color: transparent;
}

div.ui-layout-center div.ui-layout-unit-content div.ui-toolbar {
    background-color: #eaeaea;
    background-image: none;
    border: #bbb solid 1px;
}

div.ui-layout-center div.ui-layout-unit-content div.ui-toolbar button.ui-button {
    background: rgb(136, 181, 202); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(184, 212, 255, 1) 0%, rgba(145, 185, 201, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(184, 212, 255, 1)), color-stop(100%, rgba(145, 185, 201, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(184, 212, 255, 1) 0%, rgba(145, 185, 201, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(184, 212, 255, 1) 0%, rgba(145, 185, 201, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(184, 212, 255, 1) 0%, rgba(145, 185, 201, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(184, 212, 255, 1) 0%, rgba(145, 185, 201, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B8D4FF', endColorstr='#91B9C9', GradientType=0); /* IE6-9 */
    border: #eee outset 1px;
    margin: 0px 3px;
    font-weight: bold;
}

div.ui-layout-center div.ui-layout-unit-content div.ui-toolbar button.ui-button.ui-state-hover,
div.ui-layout-center div.ui-layout-unit-content div.ui-toolbar button.ui-button:hover {
    background: rgb(255, 114, 0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 114, 0, 1) 0%, rgba(255, 151, 51, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 114, 0, 1)), color-stop(100%, rgba(255, 151, 51, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 114, 0, 1) 0%, rgba(255, 151, 51, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 114, 0, 1) 0%, rgba(255, 151, 51, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 114, 0, 1) 0%, rgba(255, 151, 51, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 114, 0, 1) 0%, rgba(255, 151, 51, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7200', endColorstr='#ff9733', GradientType=0); /* IE6-9 */
    border: #eee inset 1px;
}

.ui-state-highlight .ui-icon {
    background-image: url("");
}

.ui-autocomplete-panel {
    max-height: 200px;
}

.ui-autocomplete .ui-autocomplete-dropdown {
    position: inherit !important;
}

/* Autocomplete multiple*/
.ui-autocomplete-multiple {
    width: 400px !important;
}

.ui-autocomplete-multiple ul {
    display: inline-block;
    width: 90% !important;
}

.ui-autocomplete-multiple .ui-button {
    display: inline-block;
    vertical-align: top;
}

.ui-autocomplete-multiple .ui-button .ui-button-text {
    line-height: 1.1;
}

/* Autocomplete multiple : extend text zone in which the user types */
.ui-autocomplete-input-token {
    width: 100% !important;
}

.ui-autocomplete-input-token input {
    width: 100% !important;
}

/* Autocomplete multiple : if all selected elements are too big, make sure the button to remove them is visible and clickable */
.ui-autocomplete-token {
    max-width: 100%;
}

.ui-row-editor {
    display: inline-block;
}

.ui-cell-editor {
    margin-right: 25px;
}

.ui-cell-editor-input {
    margin-left: 10px;
    margin-right: 10px;
}