/* General elements layouting: */
body {
    font-size: 12px;
    color: #403e3e;
}
a {
    text-decoration: none;
    color: #c3940b;
}
label {
    font-size: 12px!important;
    padding-top: 4px;
}

/* Reducing the page-collage effect: */
#pages > .ui-tabs-nav {
    height: 0;
}

/* Dev tools: */
div.dev-tools {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 9999;
    display: inline-block;
    padding: 5px;
    background: lightblue;
    border: solid 1px blue;
}

/* Server error: */
#server-error {
    display: none;
    position: fixed;
    width: 50vw;
    left: 25vw;
    bottom: 0;
    text-align: center;
    font-size: 14pt;
    margin-bottom: 5px;
    color: white;
    background-color: #ff6666;
    border-radius: 10px;
    padding: 5px;
}

/* Tables layouting: */
.table-align-top td {
    vertical-align: top;
}
.table-border-none tr,
.table-border-none td {
    border: none;
}
.hide-column-names table thead tr {
    display: none;
}
td.vpe-column-money {
    text-align: right;
}
td.vpe-column-center {
    text-align: center;
}
.table-row-error {
    background-color: transparent;
}
.preformatted {
    white-space: pre;
    display: block;
    unicode-bidi: embed
}
.table-cell-plain {} .table-cell-fill {
    width: 70%
}
.ui-component-fill {
    width: 97%;
}
.table-row-subheader {
    height: 30px;
    text-align: center;
    vertical-align: middle;
}
.ui-datatable-scrollable-theadclone th span.ui-column-title {
    display: none !important;
    height: 0px;
}
.ui-row-toggler-cell {
    width: 16px;
    vertical-align: middle;
}

/* 20240912 VPAT ECOMM FORM */
#pages:home:admin-ecommerce-panel_content {
    overflow-y: hidden;
}

/* 20240904 Needed for selection box in home-transactions-list.xhtml */
.vpe-select-box{
   overflow: hidden;
   width: 140px;
}

/* 20240904 Needed for selection box in home-transactions-list.xhtml */
.vpe-font-select-box{
   font-family: Segoe UI, Arial, sans-serif; 
   color:black;
}

.vpe-column[role="gridcell"] {
    white-space: normal;
}
/* NYX FIX TABLE */
.vpe-table table {
    table-layout:auto!important;
}
.fix {
    display: inline-block;
}
/* sortable row, to keep the dragging row on front */
.ui-sortable-helper {
    z-index: 10000 !important;
}
/* Changing the sort icons: */
.ui-sortable-column > span.ui-sortable-column-icon.ui-icon {
    /* Reset: 20210706 
    background-image: none;
    margin: 3px 5px;
    width: auto;
    height: auto;
    background-position: 0 0;
    text-indent: 0;
    overflow: visible;
    /* Fa: 
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit; */
}
/* Changing the ui-row-toggler  icons: */
.ui-row-toggler-cell .ui-row-toggler,
.ui-icon-circle-triangle-e,
.ui-icon-circle-triangle-w,
.ui-icon-circle-triangle-s {
    /* Reset: */
    background-image: none!important;
    margin: 3px 0px;
    width: auto;
    height: auto;
    background-position: 0 0;
    text-indent: 0;
    overflow: visible;
    /* Fa: */
    display: inline-block;
    font: normal normal normal 19px/1 FontAwesome;
    font-size: 16px;
}
.ui-tree-toggler,
.ui-treetable-toggler,
.ui-tree-toggler.ui-icon-triangle-1-e,
.ui-tree-toggler.ui-icon-triangle-1-s,
.ui-treetable-toggler.ui-icon-triangle-1-e,
.ui-treetable-toggler.ui-icon-triangle-1-s {
    /* Reset: */
    background-image: none!important;
    padding: 2px 0px;
    width: 7px;
    height: 24px;
    background-position: 0 0;
    text-indent: 0;
    overflow: visible;
    /* Fa: */
    display: inline-block;
    font: normal normal normal 19px/1 FontAwesome;
    font-size: 16px;
    /* Size and position: */
    width: 14px;
    height: 14px;
    padding-top: 0px;
}
/* Changing the ui-icon-closethick  icons: */

.ui-icon-closethick {
    /* Reset: */
    
    background-image: none!important;
    margin: 3px 5px;
    width: auto;
    height: auto;
    background-position: 0 0;
    text-indent: 0;
    overflow: visible;
    /* Fa: */
    
    display: inline-block;
    font: normal normal normal 19px/1 FontAwesome;
    /*font-size: 19px;*/
}
.ui-icon-closethick:after {
    content: "\f00d";
    margin: 0px 6px 0px 6px;
}
.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s:after {
    content: "\f0dc";
}
/* Changing the sort icons button: */

.ui-button > span.ui-button-icon-left.ui-icon {
    /* Reset: */
    
    background-image: none;
    text-indent: 0;
    /* Fa: */
    
    display: inline-block;
    font: normal normal normal 15px/1 FontAwesome;
}
.ui-button-icon-left.ui-icon.ui-icon-calendar:after {
    content: "\f073";
}
.ui-button-icon-left.ui-icon.ui-c.ui-icon.ui-icon-arrow-1-e:after {
    content: "\f04e";
}
.ui-button-icon-left.ui-icon.ui-c.ui-icon.ui-icon-arrowstop-1-e:after {
    content: "\f050";
}
.ui-button-icon-left.ui-icon.ui-c.ui-icon.ui-icon-arrow-1-w:after {
    content: "\f04a";
}
.ui-button-icon-left.ui-icon.ui-c.ui-icon.ui-icon-arrowstop-1-w:after {
    content: "\f049";
}
.ui-button-icon-left.ui-icon.ui-c.ui-icon-check:after {
    content: "\f00c";
}
.ui-button-icon-left.ui-icon.ui-c.ui-icon-close:after {
    content: "\f00d";
}
.ui-button-icon-left.ui-icon.ui-icon.ui-icon-close:after {
    content: "\f00d";
}

.ui-fileupload-progress {
    display: none;
}

/* Changing the dropdown icons: */

.ui-selectonemenu-trigger > span.ui-icon.ui-icon-triangle-1-s.ui-c {
    /* Reset: */
    
    background-image: none;
    text-indent: 0;
    /* Fa: */
    
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
}
.ui-icon-triangle-1-s:after {
    content: "\f0dd";
}
/* Keep the selectOneMenu aligned. */

.widget-align {
    display: inline-block;
    vertical-align: top;
}
.transactions-count {
/*    float: left;
    margin-right: 20px;*/
    margin-top: 7px;
    display: inline-block;
}
/* Allows to the help icon to stay where it must be: */

.help-link-dialog {
    float: right;
    margin: 0px;
    top: 0px;
    padding: 1px;
    cursor: pointer;
}

/* 20210520 USED ONLY IN Transaction -> AdministartiveAssistance Date only calendar */
.calendar-data input {
    width: 18%;
}

/*
. calendar input {
    width: 110px;
}*/

.centered {
    text-align: center;
}
.app-version {
    font-weight: bold;
}
.ui-datatable-scrollable-theadclone th span.ui-column-title {
    display: none !important;
    height: 0px;
}
.date-filter {
    margin: 10px;
}
.date-filter td {
    border: 10px !important;
}
.ui-datepicker .ui-icon {
    text-indent: 0px;
}
.cookie-alert {
    display: none;
    z-index: 1;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    background: rgb(49, 49, 49);
    padding: 10px 0px;
    font-size: 12px;
    text-align: center;
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 15px;
}
.cookie-alert a {
    color: white;
    cursor: pointer;
    text-transform: none;
    border: 1px solid white;
    padding: 2px 12px 2px 12px;
    font-size: 11px
}
.cookie-alert div {
    margin-top: 5px;
}
.ui-dialog-hidden-tool {
    display: none;
}
a.ui-panel-titlebar-icon.ui-dialog-titlebar-tool,
a.ui-panel-titlebar-icon.ui-dialog-titlebar-tool.ui-state-hover {
    float: right;
    vertical-align: middle;
    padding-top: 0px;
    margin: -5px 5px 0px 10px;   
    cursor: pointer;
    font-size: 17px;
}
a.ui-dialog-titlebar-icon.ui-dialog-titlebar-tool {
    float: right;
    vertical-align: middle;
    padding-top: 0px;
    margin: 0px 0px 0px 10px;   
    cursor: pointer;
    font-size: 17px;
}
.vpe-component-panel > .ui-panel-titlebar {
    height: 8px;
}
.vpe-column .ui-column-title {
    text-align: center;
    font-weight: normal;
    cursor: pointer;
}
.vpe-column-money .ui-column-title {
/*    font-weight: bold;*/
    cursor: pointer;
}
.vpe-column .ui-column-customfilter {
    display: none;
}
.vpe-column .ui-column-filter {
    display: none;
}
.vpe-column-money .ui-column-customfilter {
    display: none;
}
/* 20230430 change to make trasparent */
.ui-state-active {
    background-color: #FFFFFF00;
}
.error-page-container {
    
    margin: auto 5vw auto 10vw;
    height: 100vh;
    overflow-y: auto;
    border-style: none;
}
.error-page-container .error-page-message {
    color: orange;
    font-size: 3vw;
}
.error-page-container .error-page-icon {
    font-size: 15vw;
}
.ui-selectonemenu-items-wrapper {
    height: auto !important;
    max-height: 200px !important;
}
.vpe-chart-label {
    text-align: right;
    padding-right: 10px;
    width: 504px;
}

.vpe-chart-label-left {
    text-align: right;
    padding-right: 13px;
    width: 16%;
}

/*:::::::::::::::::::: ROOT :::::::::::::::::::::::::::::::::::::*/

.ui-widget {
    font-family: Segoe UI, Arial, sans-serif;
    font-size: 1.1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Segoe UI, Arial, sans-serif;
    font-size: 1em;
}
.ui-widget-header {}
/*.ui-widget-header a {ß
    color: #ffffff;
}*/

/* 20230420 Button Icons */
.ui-icon-csv {
    background-image:  url("/VpeBackEnd/faces/javax.faces.resource/svgs/solid/file-csv-o.svg?v=1.0") !important;
}
.ui-icon-png {
    background-image:  url("/VpeBackEnd/faces/javax.faces.resource/svgs/solid/file-png-o.svg?v=1.0") !important;
}
.ui-icon-maximize {
    width: 16px;
    height: 16px;
    filter: opacity(0.5);
    background-image:  url("/VpeBackEnd/faces/javax.faces.resource/svgs/solid/maximize.svg?v=1.0") !important;
    padding:0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {} .ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #a39f98;
    text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {} .ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
color: gray;
    text-decoration: none;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: gray;
    text-decoration: none;
}
.ui-widget:active {
    outline: none;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {} .ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #1f1f1f;
}
label.ui-state-error {
    background-color: transparent!important;
    color: red;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    filter: Alpha(Opacity=70);
    font-weight: normal;
    opacity: .7;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    background-image: none;
    filter: Alpha(Opacity=35);
    opacity: .35;
}
.ui-icon-carat-1-n {
    background-position: 0 0;
}
.ui-icon-carat-1-ne {
    background-position: -16px 0;
}
.ui-icon-carat-1-e {
    background-position: -32px 0;
}
.ui-icon-carat-1-se {
    background-position: -48px 0;
}
.ui-icon-carat-1-s {
    background-position: -64px 0;
}
.ui-icon-carat-1-sw {
    background-position: -80px 0;
}
.ui-icon-carat-1-w {
    background-position: -96px 0;
}
.ui-icon-carat-1-nw {
    background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}
.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
    background-position: -143px -16px;
}
.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}
.ui-icon-arrow-4 {
    background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}
.ui-icon-extlink {
    background-position: -32px -80px;
}
.ui-icon-newwin {
    background-position: -48px -80px;
}
.ui-icon-refresh {
    background-position: -64px -80px;
}
.ui-icon-shuffle {
    background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}
.ui-icon-folder-open {
    background-position: -16px -96px;
}
.ui-icon-document {
    background-position: -32px -96px;
}
.ui-icon-document-b {
    background-position: -48px -96px;
}
.ui-icon-note {
    background-position: -64px -96px;
}
.ui-icon-mail-closed {
    background-position: -80px -96px;
}
.ui-icon-mail-open {
    background-position: -96px -96px;
}
.ui-icon-suitcase {
    background-position: -112px -96px;
}
.ui-icon-comment {
    background-position: -128px -96px;
}
.ui-icon-person {
    background-position: -144px -96px;
}
.ui-icon-print {
    background-position: -160px -96px;
}
.ui-icon-trash {
    background-position: -176px -96px;
}
.ui-icon-locked {
    background-position: -192px -96px;
}
.ui-icon-unlocked {
    background-position: -208px -96px;
}
.ui-icon-bookmark {
    background-position: -224px -96px;
}
.ui-icon-tag {
    background-position: -240px -96px;
}
.ui-icon-home {
    background-position: 0 -112px;
}
.ui-icon-flag {
    background-position: -16px -112px;
}
.ui-icon-calendar {
    background-position: -32px -112px;
}
.ui-icon-cart {
    background-position: -48px -112px;
}
.ui-icon-pencil {
    background-position: -64px -112px;
}
.ui-icon-clock {
    background-position: -80px -112px;
}
.ui-icon-disk {
    background-position: -96px -112px;
}
.ui-icon-calculator {
    background-position: -112px -112px;
}
.ui-icon-zoomin {
    background-position: -128px -112px;
}
.ui-icon-zoomout {
    background-position: -144px -112px;
}
.ui-icon-search {
    background-position: -160px -112px;
}
.ui-icon-wrench {
    background-position: -176px -112px;
}
.ui-icon-gear {
    background-position: -192px -112px;
}
.ui-icon-heart {
    background-position: -208px -112px;
}
.ui-icon-star {
    background-position: -224px -112px;
}
.ui-icon-link {
    background-position: -240px -112px;
}
.ui-icon-cancel {
    background-position: 0 -128px;
}
.ui-icon-plus {
    background-position: -16px -128px;
}
.ui-icon-plusthick {
    background-position: -32px -128px;
}
.ui-icon-minus {
    background-position: -48px -128px;
}
.ui-icon-minusthick {
    background-position: -64px -128px;
}
.ui-icon-close {
    background-position: -80px -128px;
}
.ui-icon-closethick {
    background-position: -96px -128px;
}
.ui-icon-key {
    background-position: -112px -128px;
}
.ui-icon-lightbulb {
    background-position: -128px -128px;
}
.ui-icon-scissors {
    background-position: -144px -128px;
}
.ui-icon-clipboard {
    background-position: -160px -128px;
}
.ui-icon-copy {
    background-position: -176px -128px;
}
.ui-icon-contact {
    background-position: -192px -128px;
}
.ui-icon-image {
    background-position: -208px -128px;
}
.ui-icon-video {
    background-position: -224px -128px;
}
.ui-icon-script {
    background-position: -240px -128px;
}
.ui-icon-alert {
    background-position: 0 -144px;
}
.ui-icon-info {
    background-position: -16px -144px;
}
.ui-icon-notice {
    background-position: -32px -144px;
}
.ui-icon-help {
    background-position: -48px -144px;
}
.ui-icon-check {
    background-position: -64px -144px;
}
.ui-icon-bullet {
    background-position: -80px -144px;
}
.ui-icon-radio-off {
    background-position: -96px -144px;
}
.ui-icon-radio-on {
    background-position: -112px -144px;
}
.ui-icon-pin-w {
    background-position: -128px -144px;
}
.ui-icon-pin-s {
    background-position: -144px -144px;
}
.ui-icon-play {
    background-position: 0 -160px;
}
.ui-icon-pause {
    background-position: -16px -160px;
}
.ui-icon-seek-next {
    background-position: -32px -160px;
}
.ui-icon-seek-prev {
    background-position: -48px -160px;
}
.ui-icon-seek-end {
    background-position: -64px -160px;
}
.ui-icon-seek-start {
    background-position: -80px -160px;
}
.ui-icon-seek-first {
    background-position: -80px -160px;
}
.ui-icon-stop {
    background-position: -96px -160px;
}
.ui-icon-eject {
    background-position: -112px -160px;
}
.ui-icon-volume-off {
    background-position: -128px -160px;
}
.ui-icon-volume-on {
    background-position: -144px -160px;
}
.ui-icon-power {
    background-position: 0 -176px;
}
.ui-icon-signal-diag {
    background-position: -16px -176px;
}
.ui-icon-signal {
    background-position: -32px -176px;
}
.ui-icon-battery-0 {
    background-position: -48px -176px;
}
.ui-icon-battery-1 {
    background-position: -64px -176px;
}
.ui-icon-battery-2 {
    background-position: -80px -176px;
}
.ui-icon-battery-3 {
    background-position: -96px -176px;
}
.ui-icon-circle-plus {
    background-position: 0 -192px;
}
.ui-icon-circle-minus {
    background-position: -16px -192px;
}
.ui-icon-circle-close {
    background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}
.ui-icon-circle-check {
    background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}
.ui-corner-tl {
    border-top-left-radius: 8px;
    moz-border-radius-topleft: 8px;
    webkit-border-top-left-radius: 8px;
}
.ui-corner-tr {
    border-top-right-radius: 8px;
    moz-border-radius-topright: 8px;
    webkit-border-top-right-radius: 8px;
}
.ui-corner-bl {
    border-bottom-left-radius: 8px;
    moz-border-radius-bottomleft: 8px;
    webkit-border-bottom-left-radius: 8px;
}
.ui-corner-br {
    border-bottom-right-radius: 8px;
    moz-border-radius-bottomright: 8px;
    webkit-border-bottom-right-radius: 8px;
}
.ui-corner-top {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    moz-border-radius-topleft: 8px;
    moz-border-radius-topright: 8px;
    webkit-border-top-left-radius: 8px;
    webkit-border-top-right-radius: 8px;
}
.ui-corner-bottom {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    moz-border-radius-bottomleft: 8px;
    moz-border-radius-bottomright: 8px;
    webkit-border-bottom-left-radius: 8px;
    webkit-border-bottom-right-radius: 8px;
}
.ui-corner-right {
    /*border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    moz-border-radius-bottomright: 8px;
    moz-border-radius-topright: 8px;
    webkit-border-bottom-right-radius: 8px;
    webkit-border-top-right-radius: 8px;*/
}
.ui-corner-left {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    moz-border-radius-bottomleft: 8px;
    moz-border-radius-topleft: 8px;
    webkit-border-bottom-left-radius: 8px;
    webkit-border-top-left-radius: 8px;
}
.ui-corner-all {
    border-radius: 0px;
    moz-border-radius: 0px;
    webkit-border-radius: 0px;
}
.ui-widget-overlay {
    background:#5c5c5c url("/VpeBackEnd/faces/javax.faces.resource/theme/vpe/images/ui-bg_flat_50_5c5c5c_40x100.png?v=1.0");
    opacity: 0.9;
    width: 100vw !important;
}
.ui-widget-shadow {
    background:#cccccc url("/VpeBackEnd/faces/javax.faces.resource/theme/vpe/images/ui-bg_flat_30_cccccc_40x100.png?v=1.0");
}
.ui-inputfield,
.ui-widget-content .ui-inputfield,
.ui-widget-header .ui-inputfield {
    /*background: #ffffff;/* NYX */
    color: #414141;
}
.ui-inputfield.ui-state-focus,
.ui-widget-content .ui-inputfield.ui-state-focus,
.ui-widget-header .ui-inputfield.ui-state-focus {
    box-shadow: 0px 0px 5px #a45b13, inset 0 2px 2px #8f8f8f;
    moz-box-shadow: 0px 0px 5px #a45b13, inset 0 2px 2px #8f8f8f;
    webkit-box-shadow: 0px 0px 5px #a45b13, inset 0 2px 2px #8f8f8f;
}
/* NYX */

.ui-icon {
    background-image: url("/VpeBackEnd/faces/javax.faces.resource/theme/vpe/images/ui-icons_d19405_256x240.png?v=1.0");
    width: 16px;
    height: 16px;
}
.ui-icon-help {
    background-position: -48px -144px;
}
.ui-icon-refresh {
    background-position: -64px -80px;
}
.ui-tabs-left > .ui-tabs-nav {
    width: 70px;
    background-image: none;
    padding-top: 1px;
}
.ui-panel .ui-panel-titlebar-icon {
    float: none;
    cursor: pointer;
}
.ui-tabs-left > .ui-tabs-panels {
    width: 100%;
}
.ui-panel {
    padding: 0px!important;
}
.userTools {
    position: absolute;
    bottom: 0;
    right: 0px;
    background-color: #fff;
    z-index: 1000;
    text-transform: capitalize;
    padding: 4px 26px 4px 26px;
    border: solid 1px gray;
    border-bottom: 0px;
    font-size: 11px;
    font-family: arial;
    border-radius: 10px 0px 0px 0px;
}
.userTools a {
    display: block;
    padding: 2px;
    border: solid 1px;
    color: #fff;
    float: right;
    margin-left: 10px;
    margin-top: -2px;
    color: #fff;
    font-size: 9px;
    padding: 2px 15px 2px 15px;
}
.ui-tabs-top li a {
    float: left;
    text-decoration: none;
}
button .ui-tabs-selected,
.ui-state-focus .ui-state-active {
    background-color: #fff;
}
.ui-tabs {
    position: relative;
    padding: 0px;
    zoom: 1;
}
.ui-tabs-panels .ui-tabs.ui-tabs-top > .ui-tabs-nav {
    padding: 0px;
    margin-bottom: 10px;
    padding: 15px 8px 0px 15px;
    position: absolute;
    top: -44px;
    background-color: transparent!important;
}
.ui-dialog-content .ui-tabs.ui-tabs-top > .ui-tabs-nav {
    background-color: #f4f6f6!important;
}
.ui-tabs .ui-tabs-panel {
    border-width: 0;
    padding: 0px!important;
}
.ui-tabs-left > .ui-tabs-panels {} ui-tabs.ui-tabs-top > .ui-tabs-nav {
    padding: 0px;
}
.ui-tabs .ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    margin: 0 .2em 1px 0;
    padding: 0;
    white-space: nowrap;
    border: solid 1px graytext;
    border-bottom: 0px;
    background-color: #f4f4f4;
}
.ui-panel .ui-panel-content {
    padding-top: 0px!important;
}
.vpe-component-panel > .ui-panel-titlebar.ui-widget-header:after {
    clear: none;
}
.vpe-component-panel > .ui-panel-titlebar > .ui-panel-title {
    display: none;
}
.ui-datatable-tablewrapper td {
    border: solid 1px #b5bda8!important;
}
.ui-datatable-tablewrapper th {
    border: solid 1px #b5bda8!important;
}
#main-content {
    overflow: hidden;
    margin-left: 60px;
    /*background:#fff;*/
    
    font-size: 12px;
    height: 100vh;
}
#main-content .widget-content {
    border-radius: 2px!important;
}
#main-content > .center-container {
    padding-right: 0px;
}
.center-container {
    background-color: #fff;
    height: 100%;
}
.vpe-component-panel > .ui-panel-content {
    height: calc(100vh - 196px);
    overflow-y: auto;
    width: 100%;
}
#main-content .ui-state-default {} .ui-widget-header a {
    text-shadow: 0px 0px 0px!important;
}
#main-content li.ui-tabs-selected {
    background-color: #fff;
    border-top: solid 1px #c6c4c0;
    border-left: solid 1px #c6c4c0;
    border-right: solid 1px #c6c4c0;
}
.footer-container {
    position: absolute;
    bottom: 0px;
    overflow: hidden;
    width: calc(100vw - 60px);
    height: 25px;
}
body > .footer-container {
    width: 100%;
}
.CopyrightFooter {
    float: right;
    padding-right: 30px;
}
.ui-tabs-left:after,
.ui-tabs-right:after {
    content: ''!important;
    content: none!important;
}
.ui-datatable-tablewrapper {
    margin: 0px 10px 10px 10px;
}
#devices_editor_dialog_bank_account .ui-datatable-tablewrapper {
    max-height: 40vh;
    overflow-x: hidden;
}
/* TOOLBAR IN PAGE */

a {
    outline: none!important;
    -moz-outline: none!important;
}
li {
    outline: none!important;
    -moz-outline: none!important;
}
/* LIGHT BOX */

.ui-overlaypanel-content {
    background-color: #fff!important;
}
.ui-corner-all {} .ui-dialog {
    background-color: #fff!important;
}
.ui-selectonemenu-items {
    background-color: #fff!important;
}
.fa-icon-mix > span:first-child {
    font-size: 2ex;
    z-index: 1;
}
.fa-icon-mix > span:nth-child(2) {
    color: black;
    font-size: 1.5ex;
    margin-left: -1.5ex;
    vertical-align: 0.5ex;
    z-index: 2;
}
/*DropDown*/

.ui-selectonemenu-label {
    border: solid 1px #d3d3d3!important;
    padding: 6px;
}
.ui-selectcheckboxmenu-multiple-container {
    border: solid 1px #d3d3d3!important;
}
.ui-picklist-list {
    border: solid 1px #d3d3d3!important;
    background-color: #f2f4f4!important;
    padding: 6px;
}
.ui-picklist .ui-picklist-list li {
    border-bottom: solid 1px #d3d3d3!important;
    padding: 0px;
}
/*LIGHT BOX*/

.ui-dialog-content {
    padding: 8px;
    overflow: hidden!important;
}
/*.ui-dialog {
    overflow: hidden!important;
}*/

.ui-dialog table {
    width: 100%;
    margin: 5px 0px;
}
.ui-datatable-tablewrapper > table {
    margin: 0px;
}
.ui-panelgrid {
    border: solid 1px #d3d3d3;
}
.ui-panelgrid .ui-panelgrid-cell {
    border: solid 0px #d3d3d3;
    padding: 3px 10px;
}
.ui-tabs-panels {
    width: 100%;
}
.ui-tabs-panels .ui-tabs-panel {
    padding: 15px;
}
.ui-inputfield.ui-state-focus,
.ui-widget-content .ui-inputfield.ui-state-focus,
.ui-widget-header .ui-inputfield.ui-state-focus {
    box-shadow: none !important;
    moz-box-shadow: none !important;
    webkit-box-shadow: none !important;
}
.ui-picklist {
    display: table;
    width: 100%!important;
}
.ui-picklist .ui-picklist-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    height: 400px;
    width: 437px;
    margin: auto;
}
.ui-picklist-buttons-cell {
    margin: 1px;
    width: 0px;
}
.ui-picklist-buttons {
    width: 43px;
}

/* Be more specific, this breaks the lists. */
.ui-picklist > div {
    /*position: relative;*/
}
/*SIDEBAR E MENU LEFT*/

.sidebar {
    float: left;
    width: 59px;
    background: #fefefe;
    padding: 0px;
    height: 100vh;
    border-right: solid 1px #b2b2b2!important;
}
.sidebar .ui-tabs-nav li {
    float: none!important;
    width: 60px;
    text-align: center!important;
    margin-left: -1px;
    border: 0px;
    height: 64px;
    display: block;
    font-size: 9px;
    /*    background-color: #f4f6f6;*/
    border-bottom: solid 1px #b2b2b2;
    
    border-left: solid 1px #b2b2b2;
    border-radius: 0px 0px 0px 10px;
    moz-border-radius: 0px 0px 0px 10px;
    webkit-border-radius: 0px 0px 0px 10px;
}
.sidebar .ui-tabs-nav li a {
    vertical-align: middle;
    width: 100%;
    display: block;
    float: none!important;
    padding: 0px!important;
}
.sidebar .ui-state-default {
    float: none!important;
    width: 60px;
    text-align: center!important;
    border: 0px;
    height: 60px;
}
.sidebar .ui-state-default li a {
    background-color: #818284;
    background-image: none;
    float: none!important;
    width: 60px;
    text-align: center!important;
    border: 0px;
    height: 60px;
}
.sidebar .ui-state-default li a {}
/* icone menu */

.sidebar li {
    display: table-cell;
    vertical-align: middle;
    background-color: #f4f6f6;
    border-bottom: solid 1px #b2b2b2;
    border-left: solid 1px #b2b2b2;
    border-radius: 0px 0px 0px 10px;
    moz-border-radius: 0px 0px 0px 10px;
    webkit-border-radius: 0px 0px 0px 10px;
    cursor: pointer;
    margin-left: -1px;
}
.sidebar .vpe-page-home {
    background-position: center center;
    background-repeat: no-repeat;
    border-right: solid 1px #b2b2b2!important;
    width: 58px!important;
}
.sidebar .vpe-page-recurring {
    background-position: center center;
    background-repeat: no-repeat;
    border-right: solid 1px #b2b2b2!important;
    width: 58px!important;
}
.sidebar .vpe-page-network {
    background-position: center center;
    background-repeat: no-repeat;
    border-right: solid 1px #b2b2b2!important;
    width: 58px!important;
}
.sidebar .vpe-page-banking {
    background-position: center center;
    background-repeat: no-repeat;
    border-right: solid 1px #b2b2b2!important;
    width: 58px!important;
}
.sidebar .vpe-page-technical {
    background-position: center center;
    background-repeat: no-repeat;
    border-right: solid 1px #b2b2b2!important;
    width: 58px!important;
}
.sidebar .vpe-page-sysadmin {
    background-position: center center;
    background-repeat: no-repeat;
    border-right: solid 1px #b2b2b2!important;
    width: 58px!important;
}
.sidebar .vpe-page-home:hover {
    background-color: #f4f6f6!important;
}
.sidebar .vpe-page-network:hover {
    background-color: #f4f6f6!important;
}
.sidebar .vpe-page-banking:hover {
    background-color: #f4f6f6!important;
}
.sidebar .vpe-page-technical:hover {
    background-color: #f4f6f6!important;
}
.sidebar .vpe-page-sysadmin:hover {
    background-color: #f4f6f6!important;
}
.sidebar > .ui-tabs-nav > .ui-tabs-selected {
    background-color: #e4e6e6;
}
.sidebar .ui-tabs-nav {
    background-color: #b2b2b2!important;
    border-left: solid 1px #b2b2b2;
    border-right: solid 1px #b2b2b2;
    border-radius: 0px 0px 0px 10px;
    moz-border-radius: 0px 0px 0px 10px;
    webkit-border-radius: 0px 0px 0px 10px;
}
.ui-dialog-titlebar-close {
    padding: 0px!important;
}
/* GIF LOADER */

#ajaxloadingbar {
    background-color: #fff!important;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
    text-align: center!important;
    height: 100vh!important;
    width: 100%!important;
    height: 100%;
    opacity: 0.7;
    padding-top: 22%;
}
#ajaxloadingbar img {
    margin: auto;
}
/*CONTENT DIV CON OWERFLOW*/

.vpe-aggregates-companies-group {
    background-color: #fff;
    overflow-y: auto;
}
.vpe-aggregates {} .vpe-transactions {
    overflow-y: auto;
    padding: 10px 0px 0px 0px;
}
.vpe-transactions table td {
    /* Abbiamo un problema (!important) con gli important!!! 
    0px 6px 0px 6px!important*/
}
.vpe-transactions table th {
    /*background-color: #fff;*/
}
/* PAGINAZIONE GLOBALE */

.ui-paginator .ui-paginator-page,
.ui-paginator,
.ui-paginator,
.ui-paginator,
.ui-paginator,
.ui-paginator,
.ui-paginator {
    padding: 2px 6px;
    zoom: 1;
    margin-left: 3px;
    margin-right: 3px;
    text-decoration: none;
    outline: none;
    border: solid 1px #b2b2b2;
    margin: 4px;
}
.ui-paginator.ui-paginator-bottom {
    border: 0px none;
    margin-top: -10px;
    background-color: #fff;
    margin: -10px 10px 0px 10px;
}
.ui-paginator.ui-paginator-top {
    border: 0px none;
    background-color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin: 0px 10px 0px 10px;
}
/*drop Down sfondo*/

.ui-columntoggler {
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
}
.ui-menu {
    background-color: #fff;
}
.ui-selectonebutton .ui-state-default span.ui-button-text {
    background-color: #f4f6f6;
    border: solid 1px #c0cbcb;
    color: #b9c6c6;
    margin: 0px 3px 0px 3px;
}
/*Tabelle dentro lightbox*/

.ui-dialog .table-align-top td {
    padding: 10px;
}
.ui-dialog .ui-widget-header td {
    padding: 10px;
}
.ui-panelgrid-header td {
    padding: 10px;
    background-color: #deddda;
}
.vpe-transactions .vpe-column input.ui-column-filter {
    width: 94%;
    margin-top: 6px;
    margin-bottom: 6px;
}
.vpe-transactions .ui-panelgrid {
    border: solid 0px;
}
.vpe-column .input.ui-column-filter {
    width: 92%;
    margin-top: 6px;
    margin-bottom: 6px;
}
.vpe-column-button-one {
    width: 35px;
}
.vpe-column-button-two {
    width: 70px;
}
.vpe-column-button-tree {
    width: 105px;
}
.vpe-column-gt {
    width: 220px;
}
.vpe-diplay-block span {
    display: block;
    margin-top: 1px;
}
.vpe-diplay-block .ui-selectonemenu {
    width: 90%
}
.vpe-diplay-block span.ui-button-text.ui-c {
    background-color: white;
}

table.jqplot-table-legend,
table.jqplot-cursor-legend {
    border: 0px!important;
}
div.jqplot-table-legend-swatch-outline {
    border: 0px solid!important;
}
/*ceckbox*/

.ui-chkbox {
    display: inline-block;
    border: solid 1px #d3d3d3!important;
    /* 20230321 margin-right: 8px; */
    background-color: #fff!important;
}
/*calendari*/

.ui-datepicker {
    background-color: #fff;
    border: solid 1px #a9a9a9;
    /*top: 233px!important;*/
}

.ui-selectcheckboxmenu-panel {
    background-color: #fff;
    border: solid 1px #a9a9a9;
}

.ui-inputfield.ui-inputtext {
    /*font-size: 13px;
   margin: 4px 4px 2px 3px;
   height: 14px;
   padding-bottom: 6px;*/
}
.payment_device_editor_dialog table td {
    vertical-align: top;
}
/*COLORI ICONE*/
/*.fa-thumbs-down {
    color:red!important;
}*/

.ui-datatable thead th {
    /*intestazione tabelle */
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ui-state-active.ui-tabs-selected {
    background-color: #fff;
}
.ui-datepicker-title {
    background-color: #f4f6f6;
    margin: 0px!important;
}
.ui_tpicker_hour_slider,
.ui_tpicker_minute_slider,
.ui_tpicker_second_slider {
    background-color: #f4f6f6;
}
#member_editor_dialog_create_user\:user_resources,
#member_editor_dialog_create_group\:user_resources,
#member_editor_dialog_create_user\:resource_permissions,
#member_editor_dialog_create_group\:resource_permissions,
#member_editor_dialog_create_user\:user_role_resources,
#member_editor_dialog_create_group\:user_role_resources,
#member_editor_dialog_create_user\:resource_roles,
#member_editor_dialog_create_group\:resource_roles{
    max-height: 40vh;
    overflow-y: auto;
    overflow-x: hidden;
}
/* GESTIONE ERRORI NOTIFICHE */

.ui-messages-error,
.ui-message-error {
    border-radius: 0px;
    border: 0px;
    padding: 8px;
    margin: 8px 0px 0px -5px;
    color: #fff;
    width: 97%;
}
#bank_account_editor_list_data .ui-expanded-row-content .ui-datatable-tablewrapper {
    margin-right: 0px;
}
#bank_account_editor_list_data .ui-expanded-row-content > td {
    padding-right: 0px;
}
.company_member_wizard {
    width: 822px;
    margin: auto;
    padding: 20px;
    border: solid 1px #c6c4c0;
    border-top: 0px;
    background-color: #fff;
    border-radius: 0px 0px 10px 10px;
}
.company_member_wizard .ui-button-text {
    padding: 6px 9px 6px 9px;
}
.company_member_wizard .ui-state-default {
    text-align: -webkit-left;
}
.company_member_wizard .ui-wizard-content {
    margin: 15px 0;
}
.ui-wizard-navbar {
    width: 100%;
}
.company_member_wizard table {
    width: 100%;
}
.company_member_wizard .ui-state-highlight {
    border-radius: 5px;
    color: #000!important;
}
.company_member_wizard .ui-wizard-step-title {
    color: #c7c8c7;
}
/*Icone/Pulsanti in tabella a destra*/

.buttons-groups {
    float: right;
}
.buttons-groups buttons span {
    color: #fff!important;
}
.company_member_wizard .ui-datatable-header {
    text-align: center;
    padding: 4px 0px;
}

.button-refresh {
    margin-top: -5px!important;
}
.button-refresh .ui-button-text {
    background-color: transparent;
}
.button-excel {
    margin-top: -11px;
    margin-right: -6px;
}
.button-excel .ui-button-text {
    background-color: transparent;
}

.button-column {
    font-size: 18px;
    margin-top: -10px;
}
.button-column .ui-button-text{
    background-color: transparent;
}

.welcome i {
    font-size: 19px;
}
.ui-column-customfilter div {
    width: 100%;
}
.ui-selectonemenu {
    margin:6px 0px 6px 0px;
}
#member_editor_dialog_create_group .ui-picklist .ui-picklist-buttons {
    height: 200px;
    padding: 0px 4px 0px 0px!important;
}
.tgconfeditor_dialog_edit .ui-button-text-only .ui-button-text {
    padding: 0.5em 1em!important;
} 
#main-content .ui-state-default {
    /*text-align: -webkit-center;*/
}
.vpe-component-panel > .ui-panel-content {
    height: calc(100vh - 196px);
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}
.ui-panel .ui-panel-content {
    border: 0;
    background: none;
    padding: 0px 0px 0px 0px;
}
.ui-datatable .ui-datatable-header,
.ui-datatable .ui-datatable-footer {
    text-align: center;
    padding: 0px 10px!important;
}
.ui-datatable .ui-paginator,
.ui-datatable .ui-paginator {
    padding: 0px;
}
#page {}
/*reset button */

button {
    background-color: transparent;
    border: 0px;
    margin: 0px 4px 0px 4px;
}
button .fa {
    font-size: 18px;
}
.ui-button-text {
    border-radius: 3px;
}

/*Range date*/
.time-picker-container {
    position: relative;
}
span.time-picker input {
    display: block;
    width: calc(100% - 3.5em);
    height: 11px;
    margin: 6px 0px 0px 0px;
}
.time-picker-button {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -2px;
}

/*Range money*/
.amount-picker td {
    border: 0px !important;
}
span.amount-picker input,
input.amount-picker {
    display: inline-block;
    width: calc(100% - 0.1em);
    height: 11px;
    margin: 6px 0px 0px 0px;
}

.ui-row-toggler,
.ui-icon-circle-triangle-e:after {
    /*BNL*/
    
    content: "\f0a9";
}
.ui-row-toggler,
.ui-icon-circle-triangle-w:after {
    /*BNL*/
    
    content: "\f0a8";
}
.ui-row-toggler,
.ui-icon-circle-triangle-s:after {
    /*BNL*/
    
    content: "\f0ab";
}
.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-s:after {
    content: "\f161";
}
.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-n:after {
    content: "\f160";
}
.column-transaction-detail {
    width: 30px!important
}
.header-comparing td {
    background-color: #fff!important;
    border: solid 1px #d3d3d3!important;
}
#tgeditor_dialog_edit\:tgconf_list {
    max-height: 60vh;
}
.ui-datatable tbody td.vpe-column {
    padding: 5px 6px;
    max-width: 120px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user-tools .ui-button .ui-button-text {
    background-color: transparent;
}
.ui-panel-titlebar button {
    padding-top: 7px;
}
.vpe-aggregates .hasDatepicker {
    width: 110px;
}
.ui-tree-toggler,
.ui-treetable-toggler,
.ui-tree-toggler.ui-icon-triangle-1-e:after,
.ui-treetable-toggler.ui-icon-triangle-1-e:after {
    content: "\f0a9";
}
.ui-tree-toggler,
.ui-treetable-toggler,
.ui-tree-toggler.ui-icon-triangle-1-s:after,
.ui-treetable-toggler.ui-icon-triangle-1-s:after {
    content: "\f0ab";
}

/*:::::::::::::::::::::::::::::::::::::::::*/

.ui-state-hover a,
.ui-state-hover a:hover {
    text-decoration: none;
}
#pages {
    padding: 0px!important;
    width: 100%;
}
.FooterMenu {
    display: block;
    vertical-align: middle;
    padding: 4px 12px 4px 12px;
    width: 100%;
    height: 100%;
}
.FooterMenu a {
    padding: 4px 12px 4px 12px;
    margin: auto;
}
.FooterMenu a:hover {
    text-decoration: underline;
}
.ui-panel .ui-panel-titlebar {
    padding: 10px;
}
.ui-dialog-titlebar {
    border-radius: 0px;
}
.ui-picklist .ui-picklist-list li:hover {
    cursor: move;
}
.ui-wizard-content .ui-button-text {
    padding: .2em 1em .6em 1em!important;
}
.ui-selectonebutton .ui-state-default.ui-state-active span.ui-button-text {
    margin: 0px 3px 0px 3px;
}
.ui-datatable-empty-message {
    text-align: center;
    padding: 6px;
}
.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1.4em .4em 1em!important;
}
.ui-wizard-content .ui-datatable-header {
    font-size: 17px;
    margin-bottom: 8px;
}
.vpe-column img {
    height: 22px;
    width: 22px;
}
.ui-wizard-content .table-row-subheader {
    text-align:left;
}
.ui-wizard-content .ui-panelgrid-header tr td {
    padding:6px;
}
.absolute_button {
    position: absolute;
    top: 2px;
    right: 32px;
}

/* INPUT DIMENSIONI */
.ui-radiobutton {
    margin: 3px 3px!important;
}

.vpe-transactions .ui-inputfield {
   
    padding: 2px!important;
}
.vpe-transactions thead {
    vertical-align: top;
}
.vpe-transactions thead th {
    padding-top: 5px;
}
.vpe-transactions .ui-selectonemenu-label {
    margin-top: 6px;
}
.vpe-transactions .ui-selectonemenu .ui-selectonemenu-trigger  {
    height: 90%!important;
    top: 1px!important;
}
.vpe-transactions .ui-selectonemenu .ui-selectonemenu-label {
    width: 94%;
    height: 17px;
 }
 .ui-icon-blank {
    border:solid 1px #e0e0e0;
    margin-bottom: -4px;
}
 .ui-picklist .ui-picklist-buttons {
    height: 200px;
    padding: 0px;
}
.ui-datatable thead th {
    border-style: solid;
    border-color: #b5bda8;
}
.ui-datatable tbody td {
    border-color: #b5bda8;
}
#contract_editor_terminal_details .ui-datatable-scrollable-body {
    overflow-x: hidden!important;
    
}
#contract_editor_terminal_details .ui-datatable-scrollable-body ::-webkit-scrollbar-track {
          background-color: #f0f0f0;
    }
    
#contract_editor_terminals .ui-paginator.ui-paginator-bottom {
    margin: 0px 10px 0px 10px;
}
#contract_editor_terminals .ui-paginator.ui-paginator-top {
    margin: 0px 10px 0px 10px;
}
#contract_editor_terminals .ui-messages-error, .ui-message-error {
   
    /*margin: 13px -21px 10px -1px;
    width: 99%;*/
}
#contract_editor_terminals .ui-selectonemenu {
    margin-bottom: 0px;
}
.ui-tree .ui-treenode-label {
    padding-bottom: 4px;
}
#banking_banks_editor_dialog_edit .ui-datatable-tablewrapper{
    margin:0px;
}
.button-header {
    float:right;
}
.ui-button-icon-only .ui-icon.fa, .ui-button-text-icon-left .ui-icon.fa, .ui-button-text-icon-right .ui-icon.fa {
    margin-top: -7px!important;
}
.ui-selectonemenu-trigger {
    right: 9px!important;
}
.company_member_wizard .ui-panelgrid {
    margin-top:25px;
}
#rip_rule_dialog_edit label {
    padding:6px;
}
.rip-rule-table-without-header thead,
.rip-rule-table-without-body tbody {
    display: none;
}
.rip-rule-table table, 
.rip-rule-table .ui-datatable-tablewrapper {
    margin: 0;
}

.massive_schedule_wizard {
    width: 1250px;
    margin: auto;
    padding: 20px;
    border: solid 1px #c6c4c0;
    border-top: 0px;
    background-color: #fff;
    border-radius: 0px 0px 10px 10px;
}
.massive_schedule_wizard table {
    width: 100%;
}
.massive_schedule_wizard .ui-wizard-content .ui-panelgrid-header tr td {
    background-color: #deddda;
}
.massive_schedule_wizard .ui-button-text {
    padding: 6px 9px 6px 9px;
}
.massive_schedule_wizard .ui-state-default {
    text-align: -webkit-left;
}
.massive_schedule_wizard .ui-wizard-content {
    margin: 15px 0;
}
.massive_schedule_wizard .ui-state-highlight {
    border-radius: 5px;
    color: #000!important;
}
.massive_schedule_wizard .ui-wizard-step-title {
    color: #c7c8c7;
}

/* Mauro ha detto che dovevano essere alineati (spaccapalle()). */
.width-perc-90 { width: 90%; }
.width-perc-80 { width: 80%; }
.width-perc-70 { width: 70%; }
.width-perc-60 { width: 60%; }
.width-perc-50 { width: 50%; }
.width-perc-48 { width: 48%; }
.width-perc-45 { width: 45%; }
.width-perc-40 { width: 40%; }
.width-perc-33 { width: 33%; }
.width-perc-30 { width: 30%; }
.width-perc-20 { width: 20%; }
.width-perc-10 { width: 10%; }
.width-perc-8 { width: 8%; }
.width-perc-6 { width: 6%; }
.width-perc-4 { width: 4%; }

/* White indent in expansion rows. */
.ui-treetable-data>tr.ui-expanded-row-content:hover,
.ui-datatable-data>tr.ui-expanded-row-content:hover,
.ui-row-indent-cell {
    background-color: white;
}

.selectCheckboxMenu {
    border: solid 1px #d3d3d3;
    padding: 3px;
    margin-right: 10px;
    margin-left: 10px;
}

.ui-selectcheckboxmenu 
.ui-selectcheckboxmenu-trigger .ui-icon {
    margin-top: 6px;
}

.plain {}
.scroll-value {
    overflow-x: auto;
    max-width: 170px;
}

/* Bread-crumb styling: */

.ui-breadcrumb .ui-icon-home,
.ui-breadcrumb .ui-icon-triangle-1-e {
    /* Reset: */
    background-image: none!important;
    margin: 3px 5px;
    width: auto;
    height: auto;
    background-position: 0 0;
    text-indent: 0;
    overflow: visible;
    
    color: rgb(64, 62, 62);
}
.ui-breadcrumb .ui-icon-home {
    /* Fa: */
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
}
.ui-breadcrumb .ui-icon-triangle-1-e {
    /* Fa: */
    display: inline-block;
    font: normal normal normal 12px/1 FontAwesome;
}
.ui-breadcrumb .ui-icon-home:after {
    content: "\f015";
}
.ui-breadcrumb .ui-icon-triangle-1-e:after {
    content: "\f054";
}
.ui-breadcrumb a.ui-menuitem-link {
    color: rgb(64, 62, 62);
}

#pages\:home\:report_engine_period {
    display: inline-block;
    margin: 6px 0;
    vertical-align: top;
}

#pages\:home\:report_engine_period input {
    line-height: 15px;
}

#pages\:home\:calendarDateFrom input.ui-state-disabled,
#pages\:home\:calendarDateTo input.ui-state-disabled {
    opacity: 0.6;
}

#pages\:home\:Mcalendar table,
#pages\:home\:Mcalendar a.ui-datepicker-prev,
#pages\:home\:Mcalendar a.ui-datepicker-next{
    display: none;
}
/*
.datePickerYearAndMonth table,
.datePickerYearAndMonth a.ui-datepicker-prev,
.datePickerYearAndMonth a.ui-datepicker-next {
    display: none;
}
*/
#pages\:home\:dashboard_period {
    display: inline-block;
    margin: 6px 0;
    vertical-align: top;
}

.jqplot-table-legend { 
    font-size: 12px; 
    padding-right: 4px;    
} 

.jqplot-title{
    font-weight: bold;
}

.jqplot-cursor-tooltip { 
     font-size: 6em; 
     font-weight: bold; 
     background-color: white;
} 

.jqplot-data-label {
    font-size: 12px;
    color: black;
    font-weight: bold;
 }

.jqplot-pie-series.jqplot-data-label {
      color: gray;
      font-weight: bold;
 }

/* All checkbox-menu without select-all: */
.ui-selectcheckboxmenu-header > .ui-chkbox {
    display: none;
}

/* Spinners: */
input.ui-spinner-input {
    margin-right: 20px;
    /* As in PrimeFaces "compontents.css" (to undo a rule that cannot be removed): */
    padding-right: 4px;
}
.ui-spinner-button.ui-button-text-only > .ui-button-text {
    padding: 0.5em 1em;
}

.reportCumRight {
    float: right;
}

.reportCumCenter {
    text-align: center;
}

/* 20210707 Set color of Admin Assistance Datatable Header becaues sortBy is unreadeble*/
#pages\:home\:dataset-admin-assistance th {
  color: #573a06;;
}

/* 20210807 NO MORE USED Adjust Select Menu*/
.ui-selectonemenu.select-from-list {
    width: 94%;
    height: 17px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding: 0px 0px 0px 0px !important;
    background-color: #fff !important;
    border: solid 1px #000 !important;
}

/* 20210807 NO MORE USED Adjust Select Menu label and all child*/
.ui-selectonemenu.select-from-list * {
    top: 0px !important;
    margin: 0px 0px 0px 0px !important;
    position:absolute;
}
     
/* 20210807 NO MORE USED Adjust Select Menu label using ID of panel (start of xhtml page)*/
#pages\:banking\:dataset-interchange-fees .ui-selectonemenu-trigger {
    transform: translateY(-2px);
}

/* 20210807 Adjust Select Menu label using specific ID 
#pages\:banking\:dataset-interchange-fees\:intfee_sm01 .ui-selectonemenu-trigger {
    transform: translateY(-2px);
}
*/

#pages\:banking\:dataset-tid-customer-data .ui-selectonemenu-trigger {
    transform: translateY(-2px);
}

.pdf-dialog {
    top:50px !important;
}

/* 20221018 Adjust grawl (messages) opacity, override component css */
.ui-growl-item-container {
    opacity: .90;
}

/* 20230420 Specific css for CBI UPLOAD (find id ending in 'cbiuplfup' and set element with class endig in 'ui-icon-plusthick' ) 
working but low priority 
div[id$='cbiuplfup'] span [class$='ui-icon-plusthick']{
    display: block;
    background-image:  url("/VpeBackEnd/faces/javax.faces.resource/svgs/solid/file-csv-o.svg?v=1.0") !important;
} */

/* START ******* 20221027 REMOVE DISPLAY FILE UPLOAD .... REMOVE ICONS */ 
.ui-fileupload-content {
    display: none !important;
}

.ui-fileupload .ui-icon-plusthick {
  display: none !important;
}

.ui-fileupload .ui-icon-arrowreturnthick-1-n {
  display: none !important;
}

.ui-fileupload .ui-icon-cancel {
  display: none !important;
}
/* END ******* 20221027 REMOVE DISPLAY FILE UPLOAD .... REMOVE ICONS */ 

/* START ******* 20230504 PROGRESS BAR */ 

.ui-progressbar {
    height: 1.2em;
    text-align: left;
    position: relative;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
    width: 0%;
    position: absolute;
    display: none;
    background-color: #E0CD47;
    border-radius: 10px;
}

.ui-progressbar .ui-progressbar-label {
    text-align: center;
    height: 100%;
    width: 100%;
    position: absolute;
    display: none;
    font-weight: bold;
}


.ui-rating-star, .ui-rating-cancel {
    float: left;
    display: block;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer;
}

.ui-rating-star a, .ui-rating-cancel a {
    width: 16px;
    height: 15px;
    display: block;
    background: lightblue;
}

.ui-rating-star a {
    background-position: 0px -32px;
}

.ui-rating-star-on a {
    background-position: 0px -48px;
}

.ui-rating-star-hover a {
    background-position: 0px -64px;
}

.ui-rating-cancel-hover a {
    background-position: 0px -16px;
}

.ui-rating.ui-state-disabled .ui-rating-star, .ui-rating.ui-state-disabled .ui-rating-cancel {
    cursor: default;
}

.animated{
    -webkit-transition: all 0.5s ease; 
    -moz-transition: all 0.5s ease; 
    -ms-transition: all 0.5s ease; 
    -o-transition: all 0.5s ease; 
    transition: all 0.5s ease;
}

/* ========================================================== */
/* VPE TOGGLE SWITCH 20251001
/* ========================================================== */

/* Stili Generali (Mantenuti dal tuo Originale) */
.vpe-toggle-switch.ui-selectBooleanButton {
    width: 60px !important; 
    height: 30px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    border: 2px solid #000000 !important;
    position: relative !important;
    background: transparent !important;
    float: right !important;
    margin-right: -4px !important;
    margin-top: 7px !important;
}

/* Reset dei BORDER, BACKGROUND e BOX-SHADOW di JQuery UI/PrimeFaces su HOVER/FOCUS/ACTIVE
   Questo impedisce che il bottone venga rovinato durante l'interazione. */
.ui-selectBooleanButton.ui-state-hover,
.ui-selectBooleanButton.ui-state-focus,
.ui-selectBooleanButton.ui-state-active {
    background: transparent !important; /* Rimuove lo sfondo di hover di PrimeFaces */
    border: 2px solid #000000 !important; /* Forza il tuo bordo nero */
    box-shadow: none !important; /* Rimuove ogni ombra aggiunta da PrimeFaces */
}

.vpe-toggle-switch .ui-button-icon-left {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.vpe-toggle-switch .ui-button-icon-left .ui-icon {
    font-size: 14px !important;
    text-indent: 0 !important;
}

/* STATO OFF - IMPLEMENTAZIONE RICHIESTE */
.vpe-toggle-switch-off {
    background-color: #E0E0E0 !important; /* Sfondo del bottone OFF */
}

.vpe-toggle-switch-off .ui-button-icon-left {
    background: #C0C0C0 !important;
    /* *** MODIFICA 1: Rimosso il rilievo (box-shadow) *** */
    box-shadow: none !important;
}

.vpe-toggle-switch-off .ui-button-icon-left .ui-icon {
    color: #D32F2F !important;
}

/* *** MODIFICA 2: Aggiunge lo sfondo BIANCO sull'icona al passaggio del mouse (hover) *** */
.vpe-toggle-switch-off:hover .ui-button-icon-left {
    background: #FFFFFF !important; 
}


/* STATO ON - Mantenuto INVARIATO */
.vpe-toggle-switch-on {
    background-color: #4CAF50 !important;
}

.vpe-toggle-switch-on .ui-button-icon-left {
    background: #388E3C !important;
    box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.3) !important;
}

.vpe-toggle-switch-on .ui-button-icon-left .ui-icon {
    color: #FFFFFF !important;
}