/*
besync-web
custom.css
Copyright (C) 2018 Nexteam S.r.l., All rights reserved.
*/
/* 
    Created on : 5-ott-2018, 12.07.44
    Author     : Alessandro Cataldo
*/

/* AJAX LOADER */





/*
 DEFAULT OVERRIDES
*/

body .ui-inputswitch.ui-inputswitch-checked {
    background-color: #A1E4FF;
    border-color: #4288dc;
}
body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
    background-color: #4288dc;
    color: #fff;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
    background-color: #A1E4FF;
    border-color: #4288dc;
    color: #333
}
body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
    background-color: #A1E4FF;
    border-color: #4288dc;
    color: #333;
}
.layout-wrapper .layout-topbar .logo-container {
    top:18px
}

.layout-wrapper .layout-topbar #topbar-usermenu li a {
    padding-left:0
}
.layout-wrapper .layout-topbar #topbar-usermenu {
    width:360px
}

.ui-tree .ui-tree-container .ui-treenode  {
    margin: 0;
    padding: 0px;
    white-space: nowrap;
    overflow:hidden;
}
/*
CUSTOM CLASSES
*/

.custom-sidebar {
    height: 250px;
}

.ajaxloader > div {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
}

.ajaxloader .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 40px;
    margin: -20px 0 0 -20px;
}

#menuform .leftmenu .leftmenugroup a {
    padding:10px 36px 10px 10px
}
#menuform .leftmenugroup a i:first-child{
    margin-right:5px
}
#menuform .leftmenu {
    padding: 0;
}

.cell-locked {
    background-color: #afafaf;
    height: 30px;
}

.cell-ruled {
    background-image: url("/javax.faces.resource/images/locked.png.xhtml");
    height: 30px;
}

/*.listPlanner .planner-item:nth-child(even) .cell-busy .busy-day,
.standardPlanner .planner-item:nth-child(odd) .cell-busy .busy-day {
    background-color:#edfaff;
}
.cell-busy .busy-day { 
    background:#fff url("/javax.faces.resource/images/loadsmall.gif.xhtml") no-repeat center center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index:3;
}
label.cell-busy .busy-day {
    height: 32px;
}*/

.listPlanner .planner-item:nth-child(even) .cell-busy-but-not-lock .busy-day {
    background-color: #edfaff;
}
.standardPlanner .planner-item:nth-child(odd) .cell-busy-but-not-lock .busy-day {
    background-color: transparent;
}

.busy-day {
    display:block;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    position:absolute;
}

.cell-busy-but-not-lock .busy-day{
    width: 10px;
    height: 10px;
    border-top: 32px solid #FFFFCC;
    border-left: 32px solid transparent;
}

label.cell-busy-but-not-lock .busy-day{
    height: 32px;
}

.cell-updating {
    display:block;
    position: relative;
    z-index: 3;
    left: -14px;
    top: -29px;
    color: #FD7207;
}

.label-cell-busy{
    display:none;
}

.label-cell-busy-visible{
    padding: 10px;
    display: block;
    background: #FFFFCC;
    border: 1px solid #FD7207;
    color: #FD7207;
    font-size: 16px;
    margin: 8px;

}

.label-cell-busy-not-visible{
    display: none;
}

.planner-item label .selected-day {
    height: 32px;
    width: 100%;
    position: relative;
    background: none;
}

.planner-item label .selected-day .cell_updating_template,
.planner-item label .selected-day .selector{
    display:none;
    position:absolute;
    z-index: 3;
}

.planner-item label.cell-busy-but-not-lock .selected-day:not(.selector-visible) .cell_updating_template.fa,
.planner-item label .selected-day.selector-visible .selector.fa {
    display:block;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-left: 32px solid transparent;
}

.planner-item label.cell-busy-but-not-lock .selected-day:not(.selector-visible) .cell_updating_template.fa{
    color: #FD7207;
    border-top: 32px solid #FFFFCC;
}

.planner-item label .selected-day.selector-visible .selector.fa{
    color: #fff;
    border-top: 32px solid #900;
}

.planner-item label.cell-busy-but-not-lock .selected-day:not(.selector-visible) .cell_updating_template.fa:before,
.planner-item label .selected-day.selector-visible .fa:before{
    position:absolute;
    top: -30px;
    left:-15px;
}

#plannerForm\:plannerSummary .planner-item.modified-cell{
    font-weight: bold;
    color: #fff !important;
    background-color:#007ad9 !important
}
#plannerForm\:plannerSummary .planner-item.editing-cell {
    background-color:#FFA309;
    color: #f00;
}

#plannerForm\:plannerSummary .planner-type-item.selected-cell {
    background-color:#243ded !important;
    color: #f00;
}

.label-padding {
    border: 1px solid #ccccff;
    padding-left: 5px;    
    padding-right: 5px;

}
.no-padding{
    padding: 0 !important;
}

.row-not-alternated {
    background-color: #ffffff !important;
}


body .auto_layout_table table {
    table-layout: auto;
}

/* PLANNER MAIN PAGE */

.table-header-duplicate td.plnCell,
#plannerForm\:plannerSummary td.plnCell {
    text-align: center;
    padding:5px 0
}
.plnEditBtn.ui-button {
    background: #fff;
    border:none;
    margin-left:5px
}
.plnEditBtn .ui-icon.fa {
    color:#333;
}
.plnEditBtn .ui-icon.fa:hover {
    color:#fff;
}

.planner-wrap label {
    font-size: 12px
}
.table-header-duplicate td.planner-item .planner-type-item *,
#plannerForm\:plannerSummary td.planner-item .planner-type-item * {
    font-size: 11px
}

.planner-cell {
    height: 25px;
}

#sessionsForm\:filters.ui-panelgrid>*>tr,
#sessionsForm\:filters.ui-panelgrid>*>tr>td,
#receivedOperationsForm\:filters.ui-panelgrid>*>tr,
#receivedOperationsForm\:filters.ui-panelgrid>*>tr>td,
#historycalOperationsForm\:filters.ui-panelgrid>*>tr,
#historycalOperationsForm\:filters.ui-panelgrid>*>tr>td,
.filterToggleable .filters-panel>*>tr,
.filterToggleable .filters-panel>*>tr>td {
    border: none;
}

.table-header-duplicate .editor-item,
body .editor-table table tr td.editor-item {
    text-align: center;
    white-space: normal;
    border:1px solid #dedede
}

.table-header-duplicate .planner-item,
#plannerForm\:plannerSummary .planner-item {
    padding:0;
    text-align: center;
    white-space: normal;
    border:1px solid #dedede
}

.table-header-duplicate .planner-item .planner-date,
#plannerForm\:plannerSummary .planner-item .planner-date {
    margin:0;
    font-size: 11px;
    font-weight: bold;
}
.table-header-duplicate .planner-grid,
#plannerForm\:plannerSummary .planner-grid {
    display: table;
    padding:0;
    border:none;
    width: 100%;
    position:relative
}
.table-header-duplicate .planner-grid .planner-type-item,
#plannerForm\:plannerSummary .planner-grid .planner-type-item {
    display:table-row;
    padding:0;
    margin:0;
}
.table-header-duplicate .planner-grid .planner-type-item:last-child,
#plannerForm\:plannerSummary .planner-grid .planner-type-item:last-child{
    border:none;
}
.table-header-duplicate .planner-grid .planner-type-item .planner-percents,
#detailsForm\:plannerSummary .planner-grid .planner-type-item .planner-percents,
#plannerForm\:plannerSummary .planner-grid .planner-type-item .planner-percents{
    height: 32px;
    border-bottom:1px solid #dedede;
}
.table-header-duplicate .planner-grid .planner-type-item .planner-td,
#plannerForm\:plannerSummary .planner-grid .planner-type-item .planner-td{
    display:table-cell;
    vertical-align:middle;
    height: 31px;
    border-bottom:1px solid #dedede;
}
#plannerForm\:plannerSummary .planner-grid .planner-type-item .has-master-value {
    position: absolute;
    right: 0;
    color: #ff6857;
    font-size: 10px !important;
    text-shadow: 0px 0px 3px #fff;
    z-index:2
}
#plannerForm\:plannerSummary .editing-cell .planner-grid .planner-type-item .planner-td.closed-date{
    background: none;
}
#detailsForm .closed-date,
#plannerForm\:plannerSummary .planner-grid  .planner-type-item .planner-td.closed-date{
    /*background-color: #ff988c;*/
    background-color: rgba(255, 0, 0, 0.2);
}
#plannerForm\:plannerSummary .planner-grid .planner-type-item .planner-td > label {
    border:none;
    padding:0 3px;
    margin:0;
}
.table-header-duplicate {
    border-collapse: collapse;
    table-layout: fixed;
    position: fixed;
    top: 60px;
    z-index: 998;
    background: #fff;
    box-shadow: 0 0px 20px 0 #666;
}
.table-header-duplicate .ui-column-title .row-month.odd-month,
#plannerForm\:plannerSummary_head .ui-column-title .row-month.odd-month {
    background:#fdffad;
}
.table-header-duplicate .ui-column-title .row-month.even-month,
#plannerForm\:plannerSummary_head .ui-column-title .row-month.even-month {
    background:#e1f9da;
}
.table-header-duplicate .ui-column-title .row-month,
#plannerForm\:plannerSummary_head .ui-column-title .row-month {
    font-weight: normal; 
    display:block;
    border-bottom:1px solid #dedede;
    text-transform: capitalize;
}
#detailsForm .planner-type-date.weekend-date,
.table-header-duplicate .ui-column-title .weekend-date,
#plannerForm\:plannerSummary_head .ui-column-title .weekend-date,
body .planner-item .ui-column-title .weekend-date,
body .weekend-date {
    color:#c51804
}
.table-header-duplicate .ui-column-title,
#plannerForm\:plannerSummary_head .ui-column-title {
    display: block;
    /*white-space: pre-line;*/
    margin: 0;
    font-weight:normal;
    font-size: 12px;
}

body .layout-wrapper .layout-main .layout-content {
    padding:0;
}
.standard-editor .editor-item:nth-child(odd),
.table-header-duplicate.listPlanner .planner-item:nth-child(odd):not(.editing-cell),
.table-header-duplicate.standardPlanner .planner-item:nth-child(odd):not(.editing-cell),
.listPlanner .planner-item:nth-child(even):not(.editing-cell),
#plannerForm\:plannerSummary.standardPlanner .planner-item:nth-child(odd):not(.editing-cell){
    background-color:#edfaff;
    color: #000;
}
.master-editor .editor-item:nth-child(odd),
.table-header-duplicate.masterPlanner .planner-item:nth-child(odd):not(.editing-cell),
#plannerForm\:plannerSummary.masterPlanner .planner-item:nth-child(odd):not(.editing-cell){
    background-color:#ffeded;
    color: #000;
}
#plannerForm\:plannerSummary .planner-grid .planner-type-item .planner-numeric-item{
    margin:0;
    line-height: 10px;
}

#plannerForm\:plannerSummary .planner-grid .planner-numeric-item .planner-integer,
#plannerForm\:plannerSummary .planner-grid .planner-numeric-item .planner-decimal{
    display:inline-block;
}

#plannerForm\:plannerSummary .planner-grid .planner-numeric-item .planner-integer{
    font-size:11px;
}
#plannerForm\:plannerSummary .planner-grid .planner-numeric-item .planner-decimal{
    font-size:9px;
}
#plannerForm\:plannerSummary .planner-grid .planner-type-item .fa {
    font-size: 14px
}
.table-header-duplicate .planner-row,
body .editor-table table .editor-row,
#plannerForm\:plannerSummary .planner-row{
    border:none;
}
body .editor-table th.editor-toggler,
body .editor-table th.editor-row-title,
body .editor-table tr:not([data-prk="root"]) .editor-toggler,
.table-header-duplicate th.editor-toggler,
.table-header-duplicate th.editor-row-title,
.table-header-duplicate th.planner-item:first-child,
.table-header-duplicate th.planner-item:nth-child(2),
.table-header-duplicate.standardPlanner th.planner-item:nth-child(3),
.table-header-duplicate .planner-row:not([data-prk="root"]) td:first-child,
#plannerForm\:plannerSummary table th.planner-item:first-child,
#plannerForm\:plannerSummary.standardPlanner table th.planner-item:nth-child(2),
#plannerForm\:plannerSummary .listPlanner:not(.planner-view-month):not(.planner-view-year_week) table th.planner-item:nth-child(2),
#plannerForm\:plannerSummary.standardPlanner table th.planner-item:nth-child(3),
#plannerForm\:plannerSummary .planner-row:not([data-prk="root"]) td.planner-item:first-child,
#detailsForm\:plannerSummary table th.planner-item:first-child,
#detailsForm\:plannerSummary.standardPlanner table th.planner-item:nth-child(2),
#detailsForm\:plannerSummary .listPlanner:not(.planner-view-month):not(.planner-view-year_week) table th.planner-item:nth-child(2),
#detailsForm\:plannerSummary.standardPlanner table th.planner-item:nth-child(3),
#detailsForm\:plannerSummary .planner-row:not([data-prk="root"]) td.planner-item:first-child{
    border:none;
    background-color: #fff !important;
}
.page-title h2{
    padding:0;
    margin:0;
}
.page-title{
    border-bottom: 1px solid #dedede;
    margin: 0;
    line-height: 25px;
}
.page-cta{
    border-bottom: 1px solid #dedede;
    line-height: 25px;
    text-align: right
}
.page-cta button{
    margin-left: 15px
}
/* PLANNER RIGHT BAR */
#planner-right-bar {
}

#planner-right-bar .right-bar-head:first-child{
    margin-top:20px;
    margin-bottom:10px;
}
#planner-right-bar .right-bar-head h3{
    margin:0
}

#planner-right-bar .right-bar-head{
    margin:0;
    font-size: 13px;
    line-height: 13px;
}
#detailsForm td {
    padding:0;
    text-align: center;
}
#detailsForm .planner-type-label,
#detailsForm .planner-type-item {
    display:block;
    padding:5px;
}
#detailsForm .planner-type-item {
    min-width:5em;
}
#plannerForm\:detailGrid .planner-type-label,
#detailsForm .planner-type-label{
    font-weight: bold;
    text-transform: uppercase;
    line-height: 8px;
    font-size: 10px;
}
#detailsForm .planner-type-head,
#detailsForm .planner-type-date,
#detailsForm .planner-type-editor{
    padding:5px
}
#detailsForm .planner-type-editor input{
    width:8em;
    text-align: center;
}
#detailsForm .planner-type-head{
    font-weight:bold;
}
#detailsForm .planner-type-item .planner-style {
    border:none
}
#detailsForm .planner-type-item  * {
    font-size: 12px;
}
#detailsForm .planner-add-button{
    padding: 0;
    text-align: right;
}

#detailsForm.listPlanner tr td:nth-child(even),
#detailsForm.standardPlanner tr td:nth-child(odd){
    background-color:#edfaff;
    color: #000
}

#detailsForm.masterPlanner tr td:nth-child(odd){
    background-color:#ffeded;
    color: #000
}

/* PLANNER PENDING BAR */
.pending-cta {
    text-align: right;
}

.table-header-duplicate .planner-head:first-child,
#plannerForm\:plannerSummary .planner-head:first-child {
    background: #fff;
    border:none
}
.table-header-duplicate .planner-head,
#plannerForm\:plannerSummary .planner-head {
    background:#f00;
    border:1px solid #000;
    display: table-cell;
    border-collapse: collapse; 
}

.table-header-duplicate .ui-treetable-header,
#plannerForm\:plannerSummary .ui-treetable-header{
    background: none;
    margin:0;
    padding:0;
    border:none;
    display:table;
    width: 100%;
    border:1px solid #f00;
}
.table-header-duplicate .ui-treetable-header .planner-head-row,
#plannerForm\:plannerSummary .ui-treetable-header .planner-head-row{
    display:table-row;
}

.checkbox-item {
    padding-left:3px
}
.checkbox-label {
    margin-left:11px
}
.panel-right {
    text-align: right;
    margin-top: 10px;
}
/* EDITOR */
#plannerForm\:detailGrid {
    margin-left : 1em;
    margin-right: 1em;
}
#plannerForm\:detailGrid .detail-cell{
    border:1px solid #dadada;
    padding: 3px;
}
#plannerForm\:detailGrid .detail-label{
    float:left;
    border-right:1px solid #dadada;
    width:25px;
    padding: 0 30px 0 5px;
}
#plannerForm\:detailGrid .detail-label *{
    line-height: 15px;
}
#plannerForm\:detailGrid .detail-item{
    float:left;
    line-height: 30px;
    margin-left:10px;
    width:80%
}
#plannerForm\:detailGrid .detail-item > span{
    display: inline-block;
    margin-top: 2px;
}

#plannerForm\:selectedEntities {
    width:100%;
    box-shadow: none;
    margin:0;
    padding:0;
}
#plannerForm\:selectedEntities_header {
    border:none;
    background: none;
    font-weight: 400;
}
#plannerForm\:selectedEntities_content {
    border:none;
}

#plannerForm\:selectedEntities_content .ui-datatable-scrollable-body{
    max-height: 150px;
}

#plannerForm\:detailGrid .detail-item .alert-icon{
    display:inline-block;
    float:right;
    line-height:30px;
    color:#f00;
    font-size:15px

}
#plannerForm\:detailGrid .detail-item .alert-text{
    display:inline-block;
    float:right;
    line-height: 15px;
    height:30px;
    font-size: 11px;
    width:90%;
}

/* FILTER TOGGLEABLE */
#sessionsForm\:filterToggleable_header,
#historycalOperationsForm\:filterToggleable_header,
#receivedOperationsForm\:filterToggleable_header,
.filterToggleable.ui-panel .ui-widget-header {
    padding:0;
}
#sessionsForm\:filterToggleable_header .ui-panel-title,
#historycalOperationsForm\:filterToggleable_header .ui-panel-title,
#receivedOperationsForm\:filterToggleable_header .ui-panel-title,
.filterToggleable.ui-panel .ui-widget-header .ui-panel-title {
    display:block;
}
#sessionsForm\:filterToggleable_header table,
#receivedOperationsForm\:filterToggleable_header table,
#historycalOperationsForm\:filterToggleable_header table,
.filterToggleable.ui-panel .ui-widget-header table{
    width:100%
}
#sessionsForm\:filterToggleable_header td,
#receivedOperationsForm\:filterToggleable_header td,
#receivedOperationsForm\:filterToggleable_header td div.ui-outputpanel,
#historycalOperationsForm\:filterToggleable_header td,
#historycalOperationsForm\:filterToggleable_header td div.ui-outputpanel,
#historycalOperationsForm\:filterToggleable_header td div.ui-outputpanel,
.filterToggleable.ui-panel .ui-widget-header td {
    padding:0.571em;
    vertical-align: top;
    font-size: 11px;
    font-weight: 400;
    background: none;
    border:none;
    border-left:1px solid #dedede
}
body .ui-widget .border-none {
    border:none;
}


#sessionsForm\:filterToggleable_toggler,
#receivedOperationsForm\:filterToggleable_toggler,
#historycalOperationsForm\:filterToggleable_toggler,
.filterToggleable.ui-panel .ui-panel-titlebar-icon {
    display:none
}
#sessionsForm\:filterToggleable_header td.filter-button,
#receivedOperationsForm\:filterToggleable_header td.filter-button,
#historycalOperationsForm\:filterToggleable_header td.filter-button,
.filterToggleable.ui-panel .ui-widget-header td.filter-button {
    padding:3px;
    text-align: right;
    border-top: 1px solid #dedede
}
#plannerForm\:operation-buffer-button{
    display:inline-block;
    margin-right: 5px
}
#ui-datepicker-div{
    z-index: 15001 !important;
}
#detailsForm\:rightPanelCta {
    text-align: right;
}
#detailsForm\:rightPanelCta button {
    margin-left:2px;
}
#detailsForm\:plannerDateRow label,
#detailsForm\:plannerDateRow span {
    display: inline-block;
}
#detailsForm\:plannerDateRow label {
    margin-right: 15px;
}
.right-bar-head .ui-inputswitch {
    float:right;

}

#sessionsForm\:filters,
#receivedOperationsForm\:filters,
#historycalOperationsForm\:filters,
.filterToggleable .filters-panel {
    width:100%
}
#sessionsForm\:filters .multi-select-table,
#receivedOperationsForm\:filters .multi-select-table,
#historycalOperationsForm\:filters .multi-select-table,
.filterToggleable.ui-panel .multi-select-table {
    width:100%
}
#sessionsForm\:filters label span.no-items,
#receivedOperationsForm\:filters label span.no-items,
#historycalOperationsForm\:filters label span.no-items,
.filterToggleable.ui-panel label span.no-items{
    color:#aaa;
}
#sessionsForm\:filterToggleable_header td.filter-button > *,
#receivedOperationsForm\:filterToggleable_header td.filter-button > *,
#historycalOperationsForm\:filterToggleable_header td.filter-button > *,
.filterToggleable.ui-panel .ui-widget-header td.filter-button > *{
    margin-left:5px;
}

.fixed_right{
    position: fixed;
    right:0;
    top:61px;
}
.float_right{
    float: right;
}
.align_right{
    text-align: right;
}

.align_center{
    text-align: center;
}
.align_left{
    text-align: left;
}
.text-bold{
    font-weight: bold;
}
#tabResult\:resultForm\:historycalOperations td,
#receivedOperations td {
    font-size: 12px
}

#receivedOperations .operation-username,
#historycalOperationsForm .operation-username{
    font-weight: bold;
}
#receivedOperations .operation-entity-type,
#historycalOperationsForm .operation-entity-type{
    font-weight: bold;
}
#receivedOperations .operation-day,
#receivedOperations .operation-entity,
#historycalOperationsForm .operation-day,
#historycalOperationsForm .operation-entity{
    font-style: italic;
}
#receivedOperations .operations-status,
#historycalOperationsForm .operations-status {
    text-align: center;
    width:3em
}

.ico{
    font: normal normal normal 14px/1 FontAwesome;
}
/* LOG STATUS*/
.ico.log_status_0:before{
    content:'\F021';color:#00f;
}
.ico.log_status_1:before{
    content:'\F071';color:#F00;
}
.ico.log_status_2:before{
    content:'\F00c';color:#35923a;
}
.ico.log_status_3:before{
    content:'\F00c';color:#999;
}
.ico.log_status_4:before{
    content:'\F071';color:#fea337;
}
.ico.log_status_5:before{
    content:'\F252';color:#009;
}
.ico.log_status_6:before{
    content:'\F2DC';color:#72c4ff;font-size:18px
}
.ico.log_status_7:before{
    content:'\F05E';color:#F00;
}
#mappingForm\:mappingPanel .footer-icon-button:not(:hover),
#mappingForm\:mappingPanel .ui-datatable-odd .tr-icon-button:not(:hover) {
    background-color: #fff;
    border: 1px solid #fff;
}
#mappingForm\:mappingPanel .to-be-saved-icon {
    background-color: #f9d0cc;
    border-radius: 1em;
    color: #900;
    font-weight: normal;
    font-size: 10px;
    padding: 3px
}
#mappingForm\:mappingPanel .to-be-saved-icon i{
    font-weight: bold;
    font-size: 18px;
    display:block;
}
#mappingForm\:mappingPanel .validation-error {
    background-color: #f9d0cc !important;
}
#mappingForm .highlight-error {
    background-color: #f9d0cc !important;
}
#mappingForm .highlight-warn {
    background-color: #FFF0D2 !important;
}
#mappingForm .highlight-success {
    background-color: #34a835 !important;
}
#mappingForm\:associationsTable tr.ui-state-highlight {
    background: #A1E4FF;
    color:#000
}
#mappingForm\:entitiesAssociationsTable tr.ui-state-highlight {
    background: #A1E4FF;
    color:#000
}


.header-filter{
    width: 100%;
    line-height: 1em;
}

#mappingForm .select-columns-container {
    line-height: 1em;
}
#mappingForm .select-columns-container .ui-button.ui-state-active{
    background-color: #A1E4FF;
    color:#333
}
#mappingForm .select-columns-container .ui-button{
    background-color: #FFFFFF;
    border:none;
    color: #999;
    font-size: 10px;
}

#mappingForm\:hideRuled{
    background-color: #fff;
    color: #333;
    border-color: #019f85;
}
#mappingForm\:hideRuled:hover,
#mappingForm\:hideRuled.ui-state-active{
    background-color: #ddfff9;
    color: #333;
    border-color: #019f85;
}
#mappingForm\:hideRuled .ui-icon {
    color: #019f85;
    font-size: 13px
}

#mappingForm .title-toggleable,
#mappingForm .title-toggleable h4 {
    cursor: pointer
}
body span.legend,
#mappingForm h4 .legend {
    font-size: 10px;
    color:#999;
    font-style: italic;
}

#mappingForm\:saveDialog {
    width: 20em !important;
    bottom: 20px;
    right: 10px;
    top: auto !important;
    left: auto !important;
}
#mappingForm\:saveDialog .ui-widget-content,
#mappingForm\:saveDialog .ui-widget-header{
    background-color: #f9d0cc;
    text-align: center;
}

#mappingForm\:pmsHotelsSelect{
    line-height: 1em;
}
#mappingForm\:previewAssoc{
    background-color: #fff;
    color: #333;
    border-color: #144086;
}
#mappingForm\:previewAssoc:hover,
#mappingForm\:previewAssoc.ui-state-active{
    background-color: #edfaff;
    color: #333;
    border-color: #144086;
}
#mappingForm\:associationsGenerationCmdButton{
    background-color: #fff;
    color: #333;
    border-color: #c51804;
}
#mappingForm\:associationsGenerationCmdButton:hover,
#mappingForm\:associationsGenerationCmdButton.ui-state-active{
    background-color: #ffeded;
    color: #333;
    border-color: #c51804;
}

#mappingForm\:importBar {
    box-shadow: 0 0px 20px 0 #999;
    background: #f99
}
#mappingForm\:importBar .ui-panelgrid td{
    border:none;
    font-size: 14px;
    font-weight: bold;
    background: #f99
}

/*** BUTTONS ***/
body .ui-colorpicker.gray-empty-btn .ui-button.ui-state-active:not(.ui-state-disabled):hover,
body .ui-colorpicker.gray-empty-btn .ui-button,
body .ui-button.gray-empty-btn.ui-state-active:not(.ui-state-disabled):hover,
body .ui-button.gray-empty-btn{
    background-color: #fff;
    color: #333;
    border-color: #c4c4c4;
}
body .ui-colorpicker.gray-empty-btn .ui-button:not(.ui-state-disabled):hover,
body .ui-colorpicker.gray-empty-btn .ui-button:not(.ui-state-disabled).ui-state-active,
body .ui-button.gray-empty-btn:not(.ui-state-disabled):hover,
body .ui-button.gray-empty-btn.ui-state-active:not(.ui-state-disabled){
    background-color: #fff;
    color: #333;
    border-color: #7f7f7f;
}
body .ui-colorpicker.gray-empty-btn .ui-button:not(.ui-state-disabled):hover .ui-icon,
body .ui-colorpicker.gray-empty-btn .ui-button:not(.ui-state-disabled) .ui-icon,
body .ui-button.gray-empty-btn:not(.ui-state-disabled):hover .ui-icon,
body .ui-button.gray-empty-btn:not(.ui-state-disabled) .ui-icon {
    color: #7f7f7f;
    font-size: 13px
}
body .ui-button.red-empty-btn.ui-state-active:not(.ui-state-disabled):hover,
body .ui-button.red-empty-btn{
    background-color: #fff;
    color: #333;
    border-color: #c51804;
}
body .ui-button.red-empty-btn:not(.ui-state-disabled):hover,
body .ui-button.red-empty-btn.ui-state-active:not(.ui-state-disabled){
    background-color: #ffeded;
    color: #333;
    border-color: #c51804;
}
body .ui-button.red-empty-btn:not(.ui-state-disabled):hover .ui-icon,
body .ui-button.red-empty-btn:not(.ui-state-disabled) .ui-icon {
    color: #ff6857;
    font-size: 13px
}


body .ui-menubutton.noborder-empty-btn .ui-button{
    background-color: #fff;
    color: #666;
    border-color: #fff;
}

body .ui-menubutton.blu-empty-btn .ui-button.ui-state-active:not(.ui-state-disabled):hover,
body .ui-menubutton.blu-empty-btn .ui-button,
body .ui-colorpicker.blu-empty-btn .ui-button.ui-state-active:not(.ui-state-disabled):hover,
body .ui-colorpicker.blu-empty-btn .ui-button,
body .ui-buttonset.blu-empty-btn .ui-button.ui-state-active:not(.ui-state-disabled):hover,
body .ui-buttonset.blu-empty-btn .ui-button,
body .ui-button.blu-empty-btn.ui-state-active:not(.ui-state-disabled):hover,
body .ui-button.blu-empty-btn{
    background-color: #fff;
    color: #333;
    border-color: #144086;
}

body .ui-menubutton.blu-empty-btn .ui-button:not(.ui-state-disabled):hover,
body .ui-menubutton.blu-empty-btn .ui-button:not(.ui-state-disabled).ui-state-active,
body .ui-colorpicker.blu-empty-btn .ui-button:not(.ui-state-disabled):hover,
body .ui-colorpicker.blu-empty-btn .ui-button:not(.ui-state-disabled).ui-state-active,
body .ui-buttonset.blu-empty-btn .ui-button:not(.ui-state-disabled):hover,
body .ui-buttonset.blu-empty-btn .ui-button:not(.ui-state-disabled).ui-state-active,
body .ui-button.blu-empty-btn:not(.ui-state-disabled):hover,
body .ui-button.blu-empty-btn:not(.ui-state-disabled).ui-state-active{
    background-color: #edfaff;
    color: #333;
    border-color: #144086;
}

body .ui-menubutton.blu-empty-btn .ui-button:not(.ui-state-disabled):hover .ui-icon,
body .ui-menubutton.blu-empty-btn .ui-button:not(.ui-state-disabled) .ui-icon,
body .ui-colorpicker.blu-empty-btn .ui-button:not(.ui-state-disabled):hover .ui-icon,
body .ui-colorpicker.blu-empty-btn .ui-button:not(.ui-state-disabled) .ui-icon,
body .ui-buttonset.blu-empty-btn .ui-button:not(.ui-state-disabled):hover .ui-icon,
body .ui-buttonset.blu-empty-btn .ui-button:not(.ui-state-disabled) .ui-icon,
body .ui-button.blu-empty-btn:not(.ui-state-disabled):hover .ui-icon,
body .ui-button.blu-empty-btn:not(.ui-state-disabled) .ui-icon {
    color: #737373;
    font-size: 13px
}
body .ui-menubutton.green-empty-btn .ui-button.ui-state-active:not(.ui-state-disabled):hover,
body .ui-menubutton.green-empty-btn .ui-button,
body .ui-buttonset.green-empty-btn .ui-button.ui-state-active:not(.ui-state-disabled):hover,
body .ui-buttonset.green-empty-btn .ui-button,
body .ui-button.green-empty-btn.ui-state-active:not(.ui-state-disabled):hover,
body .ui-button.green-empty-btn{
    background-color: #fff;
    color: #333;
    border-color: #019f85;
}
body .ui-menubutton.green-empty-btn .ui-button:not(.ui-state-disabled):hover,
body .ui-menubutton.green-empty-btn .ui-button:not(.ui-state-disabled).ui-state-active,
body .ui-buttonset.green-empty-btn .ui-button:not(.ui-state-disabled):hover,
body .ui-buttonset.green-empty-btn .ui-button:not(.ui-state-disabled).ui-state-active,
body .ui-button.green-empty-btn:not(.ui-state-disabled):hover,
body .ui-button.green-empty-btn:not(.ui-state-disabled).ui-state-active
{
    background-color: #ddfff9;
    color: #333;
    border-color: #019f85;
}
body .ui-menubutton.green-empty-btn .ui-button:not(.ui-state-disabled):hover .ui-icon,
body .ui-menubutton.green-empty-btn .ui-button:not(.ui-state-disabled) .ui-icon,
body .ui-buttonset.green-empty-btn .ui-button:not(.ui-state-disabled):hover .ui-icon,
body .ui-buttonset.green-empty-btn .ui-button:not(.ui-state-disabled) .ui-icon,
body .ui-button.green-empty-btn:not(.ui-state-disabled):hover .ui-icon,
body .ui-button.green-empty-btn:not(.ui-state-disabled) .ui-icon  
{
    color: #019f85;
    font-size: 13px
}
body .ui-button.yellow-empty-btn.ui-state-active:not(.ui-state-disabled):hover,
body .ui-button.yellow-empty-btn{
    background-color: #fff;
    color: #333;
    border-color: #ED990D;
}
body .ui-button.yellow-empty-btn:not(.ui-state-disabled):hover,
body .ui-button.yellow-empty-btn:not(.ui-state-disabled).ui-state-active{
    background-color: #f9e4c2;
    color: #333;
    border-color: #ED990D;
}
body .ui-button.yellow-empty-btn:not(.ui-state-disabled):hover .ui-icon,
body .ui-button.yellow-empty-btn:not(.ui-state-disabled) .ui-icon  {
    color: #737373;
    font-size: 13px
}
/*** END BUTTONS ***/
/*** DOWS ***/

#detailsForm\:plannerDateRow .p-datepicker{
    min-width: 1em
}

.datePickerRight{
    right:0;
    z-index: 11999 !important;
    /* left:auto !important  commentato perchè nella versione 8.0.4 di pf il calendario non esce vicino alla data*/
}

body .ui-panelgrid.date-dows-container tr,
body .ui-panelgrid.date-dows-container td
{
    border:none
}

body .ui-panelgrid.date-dows-container td{
    background-color: inherit
}
body .filter-dows .ui-panelgrid.date-dows-container .ui-button:first-child {
    border-left: 1px solid #4288dc;
}
body .planner-dows .ui-panelgrid.date-dows-container .ui-button:first-child {
    border-left: 1px solid #c4c4c4;
}
body .filter-dows .ui-panelgrid.date-dows-container .ui-button:last-child {
    border-right: 1px solid #4288dc;
}
body .planner-dows .ui-panelgrid.date-dows-container .ui-button:last-child {
    border-right: 1px solid #c4c4c4;
}

body .filter-dows .ui-panelgrid.date-dows-container .ui-button{
    border-top-color: #4288dc;
    border-bottom-color: #4288dc;

}
body .planner-dows .ui-panelgrid.date-dows-container .ui-button {
    border-top-color: #c4c4c4;
    border-bottom-color: #c4c4c4;
}
body .ui-panelgrid.date-dows-container .ui-button{
    border-left: none;
    border-right: none;
    color: #999;
    font-size: 10px;
}
body .filter-dows .ui-panelgrid.date-dows-container .ui-button {
    background-color: #FFFFFF;
}
body .planner-dows .ui-panelgrid.date-dows-container .ui-button {
    background-color: #EDFAFF;
}
body .ui-panelgrid.date-dows-container .ui-button.ui-state-active{
    background-color: #A1E4FF;
    color:#333;
    font-weight: bold;
}
body .planner-dows .ui-panelgrid.date-dows-container .ui-button .ui-button-text {
    padding-left: 0.60em;
    padding-right: 0.60em;
}
/*** DOWS END ***/
/*** LOCK TRISTATE ***/

body .ui-chkbox.tri-state-lock *,
body .ui-chkbox.tri-state-lock:hover *
{
    background: #fff;

}
body .ui-chkbox.tri-state-lock .ui-state-active,
body .ui-chkbox.tri-state-lock:hover .ui-state-active {
    background: #fff;
    border-color: #c4c4c4;
}
.fa.icon-green,
body .ui-chkbox.tri-state-lock .fa-unlock {
    color:#35923a
}
.fa.icon-red,
body .ui-chkbox.tri-state-lock .fa-lock {
    color:#f00
}
.fa.icon-blu,
body .ui-chkbox.tri-state-lock .fa-lock {
    color:#144086
}
.fa.icon-yellow,
body .ui-chkbox.tri-state-lock .fa-lock {
    color: #ED990D
}
/*** LOCK TRISTATE END ***/
/*** HANDLED VALUES ***/

.hv-av{
    color:#000;
}
.hv-rr{
    color: #e21c1c;
}
.hv-pr{
    color:#35923a
}
.hv-coa{
    color:#900
}
.hv-cod{
    color:#900
}
.hv-cr{
    color:#900
}
.hv-mxa{
    color:#e35434
}
.hv-msa{
    color:#e35434
}
.hv-rl{
    color:#35923a
}
.hv-al{
    color:#e35434
}
.hv-ra{
    color:#e35434
}

body .hv-label.inline-hv-label{
    display: inline-block;
    margin-right: 10px;
    border: none;
    vertical-align: middle;
    height: 34px;
}
body .hv-label .hv-icon{
    width:100%;
    height:15px;
}
body .hv-label .hv-short{
    border:none
}
body .hv-label .hv-icon,
body .hv-label .hv-short {
    display:block;
    line-height:15px;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase
}
body .hv-label {
    border-bottom: 1px solid #dedede;
}
body .hv-label:last-child {
    border: none;
}
body .hv-label.date-label{
    line-height: 15px;
    font-size: 12px;
    height: 32px;
}
/*** HANDLED VALUES END ***/
/*** EDITOR ***/
body .editor-table .editor-toggler {
    width: 1em
}
/*** EDITOR END ***/
/*** BOTTOM TOOLBAR ***/
body form.toolbar-page {
    padding-bottom: 42px;
}
body .editor-item input {
    text-align: center
}
body .bottom-toolbar {
    position:fixed;
    bottom: 0;
    left:0;
    right:0;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12);
    padding: 0.5em 0;
    z-index:10
}

body .top-toolbar{
    margin-inline-start: 2px;
    margin-inline-end: 2px;
}
body .top-toolbar-left{
    position:relative;
    top:8px;
}
body .top-toolbar-right{
    position:relative;
    top:8px;
}
/*** BOTTOM TOOLBAR END ***/

/*** USER MESSAGES ***/

.layout-wrapper .layout-topbar #topbar-profile-menu-button .fa {
    font-size: 16px;
    margin-top: -1px
}
.layout-wrapper .layout-topbar #topbar-profile-menu-button .user-message-badge {
    display:inline-block;
    margin-left: -3px;
    background: #e21c1c;
    width: 18px;
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    border-radius: 24px;
    text-align: center;
}

#rightMenuForm\:notificationIcon {
    float: left;
}
.layout-wrapper .layout-topbar #topbar-profile-menu-button .topbar-user-name {
    font-size: 13px;
}
.layout-wrapper .layout-topbar #topbar-profile-menu-button .topbar-down-arrow {
    font-size: 24px;
}
.display-column {
    text-align: center;
    width: 15px;
}
.display-column .new-message-icon{
    color:#f00
}
.display-column .display-icon{
    font-size: 18px; 
    color:#fff;
}
.data-columns {
    width: 140px;
    text-align: center;
}
.action-columns {
    text-align: center;
    width: 40px;
}
.handled-columns {
    text-align: center;
    width: 70px;
}
.day-columns {
    width: 80px;
}
.portal-columns {
    text-align: center;
    width: 100px;
}
.newmessage-column {
    width:10px;
    text-align: center;
}
#mailboxForm\:mailboxTable tr td{
    height: 45px;
}

#inlineEditorForm\:inlineEditorContent .inline-pending-btn {
    margin-left:15px
}
#inlineEditorForm\:inlineEditorContent .inline-save-btn {
    margin-left:5px
}
#inlineEditorForm\:inlineEditorContent .inline-hv-label {
    margin-right: 5px
}
#inlineEditorForm\:inlineEditorContent .clear-icon {
    font-size: 15px;
    margin-left: 10px;
    cursor: default;
    color:#333;
    height: 18px;
}
#domainsForm\:domainTable .ui-widget-header label {
    margin-right: 10px;
}
#domainsForm\:domainTable .ui-widget-header input {
    margin-right: 20px;
}
#domainsForm\:domainTable .pms-select {
    vertical-align: middle;
}
#domainsForm\:domainTable tbody thead{
    display:none
}
#domainsForm\:domainTable .ui-datatable-odd {
    background: #FFF;
}
#domainsForm\:domainTable .ui-datatable-even {
    background: #FFF;
}

body .topbar-info-box{
    border-bottom: 1px solid #999;
    padding-bottom: 15px;
}
body .topbar-domain-info{
}
body .topbar-hotel-info{
}
body .topbar-detail-info{
    margin-left: 31px;
    margin-bottom: 5px;
}
body .topbar-detail-info,
body .topbar-sub-info {
    font-size:11px;
    padding-top:5px;
}
body .topbar-domain-info,
body .topbar-hotel-info {
    font-weight: bold
}
body .topbar-sub-info,
body .topbar-detail-info,
body .topbar-domain-info,
body .topbar-hotel-info {
    color: #ccc;
    text-align:left;
}
body .topbar-sub-info .fa {
    margin-left:5px;
    margin-right:11px
}
body .topbar-hotel-info .fa,
body .topbar-domain-info .fa{
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #2162b0;
    color: #fff;
    text-align: center;
    border-radius: 75px;
    margin: 8px 6px 0 auto;
    font-size: 12px;
}

/*** RESERVATION STATUS START ***/

/* RESERVATION STATUS */
.fa.reservation_status {
    margin-right:5px;
    font-size: 14px
}
.fa.status_0:before{
    content:'\F071';color:#F00
}
.fa.status_1:before{
    content:'\F044';color:#ff6633
}
.fa.status_2:before{
    content:'\F00c';color:#35923a
}
.fa.status_3:before{
    content:'\F0e2';color:#e4b41d
}
.fa.status_4:before{
    content:'\F00d';color:#e35434
}
.fa.status_5:before{
    content:'\F084';color:#666;font-weight:bold
}

/**** RESERVATION STATUS END ****/

.restore-password-link {
    position: absolute;
    bottom: 10px;
    width: 100%;
    left: 0;
    text-align: center;
}

/***** EDIT PAGE START *****/


.edit-fieldset {
    margin-bottom:1em
}
.edit-fieldset-subtitle,
.edit-fieldset-title {
    display:block;
    font-size: 1.5em;

}
.edit-fieldset-subtitle{
    margin-top: 1.5em;
    margin-bottom: 1.5em;

}
.edit-row {
    margin-bottom:10px;
}
.edit-label {
    display:inline-block;
    width:220px;
}
.colInfoLabel {
    width: 220px;
    padding: 0px 0px 10px 0px !important;
    vertical-align: top;
}
.colInfoValue {
    padding: 0px 0px 10px 0px !important;
    vertical-align: top;
}
.colGridLabel {
    width: 100px;
    padding: 0px 0px 0px 0px !important;
    text-align: left;
}
.colGridLabelTop {
    width: 120px;
    padding: 0px 0px 0px 0px !important;
    text-align: left;
    vertical-align: top;
}
.colGridValue {
    width: 250px;
}
.colGridValueLong {
    width: 400px;
}
.colGridIcon {
    width: 20px;
    padding: 0px 0px 0px 0px !important;
    text-align: center;
}
.nopaddingGrid .ui-panelgrid-cell {
    padding: 0px 0px 0px 0px !important;
}
body .ui-datatable tr.selectedReservation.ui-datatable-even,
body .ui-datatable tr.selectedReservation {
    background-color: #A1E4FF;
}
.comunicationStyle {
    background-color: #FF8474 !important;
    background-image: none !important;
    color: #000000 !important;
    width: 100% !important;
    border: none !important;
    text-align: center !important;
}

.comunicationPaymentStyle {
    background-color: #FFD000 !important;
    background-image: none !important;
    color: #000000 !important;
    width: 100% !important;
    border: none !important;
    text-align: center !important;
}
.pmsWarning {
    background-color: #FFD000 !important;
}
.pmsWarningGrid tr, .pmsWarningGrid td {
    background-color: #FFD000 !important;
}
.titlebarRight .ui-dialog-titlebar {
    text-align: right ;
}
.center_no_border {
    text-align: center ;
    border: none !important;
}
.pmsHotelStyle {
    background-color: #FFD000 !important;
    background-image: none !important;
    color: #000000 !important;
    width: 100% !important;
    border: none !important;
    text-align: center !important;
}
/* Custom styles for the Timeline */  
div.timeline-frame {  
    border-color: #5D99C3;  
    border-radius: 5px;  
}  
div.timeline-axis {  
    border-color: #5D99C3;  
    background-color: #5D99C3;  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5D99C3', endColorstr='#3A6DA0') alpha(opacity = 100);  
    background: -webkit-gradient(linear, left top, left bottom, from(#5D99C3), to(#3A6DA0));  
    background: -moz-linear-gradient(top,  #5D99C3,  #3A6DA0);  
    -khtml-opacity: 1;  
    -moz-opacity: 1;  
    opacity: 1;  
}  
div.timeline-groups-axis-onleft {  
    border-style: none solid none none;  
}  
div.timeline-axis-text {  
    color: white;  
}  
div.timeline-event {  
    color: #000 !important;  
    border-radius: 5px !important;  
}  
div.timeline-event-content {  
    padding: 5px;  
    text-shadow: none;  
}  
div.today {  
    background: #F03030 none !important;    
    border-color: #bd2828 !important;     
}  
div.anotherday {  
    background: #1AA11A none !important;  
    border-color: #136e13 !important;     
}  
div.invisible-item {
    display: block; 
    visibility: hidden;
}
.groupClass {  
    border-color: #ffffff !important;     
    width: 127px;
}  
.nogroupClass {  
    border-color: #ffffff !important;     
} 
/* Custom styles for the Timeline */  
/***** EDIT PAGE END *****/


body .room-panel-title {
    display: inline-block; 
    width:95%; 
    height:13px
}

body .room-panel-title > div {
    padding: 0 0.5em;
    font-weight: normal;
}

/* Custom styles for Formula */  
.hiddenSelect .ui-state-disabled {
    cursor: default!important;
    pointer-events: none;
    display: none !important;
}

.testFormat {
    font-size: 12px !important;
    font-style: italic !important;
}
.resultFormat {
    font-size: 12px !important;
    font-style: italic !important;
    cursor: not-allowed !important;
    pointer-events: none  !important;
    border: none !important;
}
.errorFormulaFormat {
    font-size: 10px;
    font-style: italic;
    font-weight: bold;
}

/* Custom styles for RateRuleTemplate */  
.colRoomLabel {
    width: 420px;
}
.colRoomLink {
    width: 20px;
}
.colRoomRule {
    width: 100px;
}

.sidebarBottomScroll {
    height:  400px;
    overflow-y: scroll;
}

.sidebarRightScroll {
    overflow-x: scroll;
}

.sidebarNoClose .ui-sidebar-close {
    display: none;
}

.customPicklist .ui-picklist-list-wrapper {
    border: 1px solid #c4c4c4;
}

.hideTabHeader .ui-tabs-nav{
    display: none !important;
}

body .ui-selection-column.invisible-selector .ui-chkbox {
    display: none;
}

body .action-menu-modal {
    width:20em;
}

body .template-colored-dot {
    display: inline-block;
    height:20px;
    width: 20px;
    border-radius: 15px;
    border:1px solid #dadada;
    vertical-align: middle;
    margin: 0 5px 0 10px;
}

body .template-selection-list {
    max-height: 150px; 
    border:none; 
    padding: 0;
    width: 100%;
    background: none;
}

body .cell-date.weekend-date{
    color:#e21c1c;
    font-weight: bold;
}
body .cell-date{
    position: absolute;
    width:100%;
    line-height:32px;
    text-shadow: 1px 0px #fff;
}

#reservationForm\:printDetailsWrapper{
    text-align:left;
    height:500px

}

.sidebarRightScroll {
    overflow-x: scroll;
}

.sidebarNoClose .ui-sidebar-close {
    display: none;
}
body .planner-percents td.ui-panelgrid-cell {
    border:none;
}

body .templateSample{
    height: 26px;
    line-height: 26px;
    background: #f2f2f2;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    font-size: 11px;
    padding: 0 10px;
    cursor: pointer;
    margin-top: 5px;
}

.dayDetail .templateSample:first-child{
    margin-top: 0
}

body .templateSample span{
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 8px 8px 0 0;
}

body .planner-view-year_week.listPlanner .ui-column-title {
    font-size: 10px
}

body .planner-view-year_week.listPlanner {
    height:210px
}


body .planner-view-day .planner-wrap{
    overflow:hidden;
}


body .invisibleHeader.ui-datatable table thead tr th,
body .invisibleHeader.ui-treetable table thead tr th {
    border:none;
    background: none
}

body .noHeader.ui-datatable table thead tr,
body .noHeader.ui-treetable table thead tr {
    display: none
}

body .template-select-label {
    display:inline-block;
    padding-top: 7px;
    margin-right: 10px;
    vertical-align: top
}
body .template-clean-label {
    display:inline-block;
    padding-top: 7px;
    margin-right: 10px;
    margin-left: 10px;
    vertical-align: top
}

#plannerForm\:cleanButton{
    display: inline-block;
    vertical-align: top;
}
body .template-select-item{
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
body #plannerForm\:templateSelect_panel .ui-selectonemenu-filter-container {
    width:100%
}

body .planner-type-item .planner-percents.out-of-bound-date,
body .planner-type-item .cell-date.out-of-bound-date {
    background: #ccc;
    height: 100%;
}


/*** STANDARD RULES ***/

body .inline-box{
    display:inline-block
}

body .m-r-5 {
    margin-right:5px
}
body .m-r-10 {
    margin-right:10px
}
body .m-l-5 {
    margin-left:5px
}
body .m-l-10 {
    margin-left:10px
}
body .pad-0 {
    padding:0
}

/** Icon Lang **/
body .iconlang{background:url("/javax.faces.resource/images/langs.png.xhtml") no-repeat -96px 0;display:inline-block;width:16px;height:11px}
body .icon_it{background-position:0 0}
body .icon_en{background-position:-16px 0}
body .icon_fr{background-position:-32px 0}
body .icon_de{background-position:-48px 0}
body .icon_es{background-position:-64px 0}
body .icon_ru{background-position:-80px 0}
body .icon_ar{background-position:-112px 0}
body .icon_br{background-position:-128px 0}
body .icon_bu{background-position:-144px 0}
body .icon_ca{background-position:-160px 0}
body .icon_cz{background-position:-176px 0}
body .icon_da{background-position:-192px 0}
body .icon_el{background-position:-208px 0}
body .icon_et{background-position:-224px 0}
body .icon_fi{background-position:-240px 0}
body .icon_hu{background-position:-256px 0}
body .icon_jp{background-position:-272px 0}
body .icon_ko{background-position:-288px 0}
body .icon_mk{background-position:-496px 0}
body .icon_nl{background-position:-304px 0}
body .icon_no{background-position:-320px 0}
body .icon_pl{background-position:-336px 0}
body .icon_pt{background-position:-352px 0}
body .icon_ro{background-position:-368px 0}
body .icon_sl{background-position:-384px 0}
body .icon_sv{background-position:-400px 0}
body .icon_th{background-position:-416px 0}
body .icon_tr{background-position:-432px 0}
body .icon_us{background-position:-448px 0}
body .icon_vt{background-position:-464px 0}
body .icon_zh{background-position:-480px 0}

body .login-button{
    margin-top: 5px
}

body .lang-select{
    border: none;
    position: absolute;
    bottom: 25px;
    right: 150px;
}
body .restore-panel {
    text-align: center;
    top: 17%;
    height: 700px;
}
body .restore-panel .passwd-fieldset {
    width: 100%;
}
body .restore-panel .lang-select {
    right: 265px;
}
body .restore-panel img {
    margin-bottom: 54px;
}

body .passwd-rule-panel {
    font-size:10px;
    margin-bottom:20px;
    margin-top: 20px;
}
body .passwd-rule-panel .passwd-rule-content{
    width:100%;
    font-size: 11px
}

body .passwd-rule-panel .passwd-rule-content td label{
    font-size:11px;
}

#detailsForm\:plannerSummary .planner-grid .planner-type-item {
    padding: 0;
}

body .sidebar-details {
    width: 50em; 
    overflow-y: scroll;
}

body .sidebar_details_date {
    font-weight: bold;
    display: block;
    text-align: center;
}

body .tooltip-title{
    text-align: center;
    border-bottom: 1px solid #dadada;
    padding-bottom: 5px;
}
body .tooltip-footer {
    text-align: center;
    border-top:1px solid #dadada;
    padding-top: 5px;
    margin-top: 5px;
}
body .detail-sidebar-title {
    border-bottom: 1px solid #dadada;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
body .togglerIconTreetableImg.ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler{
    vertical-align: super !important;
    margin-right: 0.9em !important;
}
body .togglerIconTreetable.ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler{
    vertical-align: middle !important;
    margin-right: 0.9em !important;
}
.colImportTemplate {
    width: 250px;
    padding: 0px 0px 10px 0px !important;
    vertical-align: central;
}
body .ui-panelgrid.panel-filter-container tr,
body .ui-panelgrid.panel-filter-container td
{
    border:none
}
.frozen {
    background-color: #72c4ff !important;
    background-image: none !important;
    color: #000000 !important;
}
.rowFrozenMsg {
    padding:10px;
    background: #72c4ff
}
body .ui-panelgrid.toolbar-button tr,
body .ui-panelgrid.toolbar-button td {
    border: none;
    background-color: #efefef;
    color: #333333;
    padding: 0.571em 1em;
}
div.selected-event {  
    background: #007ad9 none !important;    
    border-color:#00f !important;   
}  
div.unselected-event {  
    background: #1AA11A none !important;  
    border-color: #136e13 !important;     
}
.rowButton{
    background-color: transparent !important;     
    color: #1a51a8 !important;     
    border-color: transparent !important;     
    font-size: 1em !important;   
}
.colGridRowValue {
    padding: 0px 0px 10px 0px !important;
    vertical-align: top !important;  
    background-color: transparent !important;   
    text-align: left !important;   
}
.colGridRowLabel {
    width: 25px;
    padding: 0px 0px 0px 0px !important;
    text-align: left !important;   
    background-color: transparent !important;  
    vertical-align: top !important;  
}

.colGridRowShort {
    width: 10px;
    padding: 0px 0px 0px 0px !important;
    text-align: left !important;
    background-color: transparent !important;
    vertical-align: top !important;
}

#reservationForm\:filterToggleableMore {
    box-shadow: none;
    padding: 0;
}

#reservationForm\:filterToggleableMore_content{
    border: none;
}
#plannerForm\:icalExportDialog, #plannerForm\:icalExportDialog .ui-dialog-titlebar  {
    text-align: center !important;
}

.layout-wrapper .layout-sidebar .layout-menu li a span {
    line-height: 1.3;
    display: inline-block;
    max-width: 85%;
}

.layout-wrapper .layout-sidebar{
    width: 280px;
}

/*.layout-wrapper.layout-menu-overlay .layout-sidebar {
    left: -280px;
}*/

@media (min-width: 1025px) {
    .layout-wrapper.layout-menu-overlay:not(.layout-menu-overlay-active) .layout-sidebar {
        left: -280px;
    }
}

/*.plannerForm\:plannerExportTable {
    text-align: center;
}*/
.colNoBorder {
    border : none !important;
}
.datalist-align .ui-datalist-item{
    text-align: left ! important;
}
#plannerForm\:plannerSummary .editing-cell .planner-grid .planner-type-item .planner-td.reserved-date{
    background: none;
}
#detailsForm .reserved-date,
#plannerForm\:plannerSummary .planner-grid  .planner-type-item .planner-td.reserved-date{
    background-color: #fff6cc;
}
#plannerForm\:plannerSummary .editing-cell .planner-grid .planner-type-item .planner-td.reserved-val-date{
    background: none;
}
#detailsForm .reserved-val-date,
#plannerForm\:plannerSummary .planner-grid  .planner-type-item .planner-td.reserved-val-date{
    background-color: #d3f8d3;
}
#editorForm\:editorTable.table-no-header #editorForm\:editorTable_head {
    display:none
}

body .editor-table table tr td.editor-item-all{
    border-bottom: none;
}

#editorForm\:editorHeadDuplicate table tr th:first-child{
    width:1em
}

.label-cell-warn-visible{
    padding: 10px;
    display: block;
    background: #FFFFCC;
    border: 1px solid #FD7207;
    color: #000000;
    font-size: 16px;
    margin: 8px;

}

.label-cell-warn-not-visible{
    display: none;
}
.redMsg {
    background-color: red !important;
    background-image: none !important;
    color: #000000 !important;
}
.rowRedMsg {
    padding:10px;
    background: red;
}
.yellowMsg {
    background-color: #FFD000 !important;
    background-image: none !important;
    color: #000000 !important;
}
.rowYellowMsg {
    padding:10px;
    background:  #FFD000;
}

.rowErrorRule {
    background-color: #FFD000 !important;
    background-image: none !important;
    color: #000000 !important;
}

.label-cell-error_rule{
    padding: 10px;
    display: block;
    background:  #FFD000;
    border: 1px solid #FFD000;
    color: #000000;
    font-size: 16px;
    margin: 8px;

}

.custom-fieldset td{
    width: 500px;
    vertical-align: middle;
}

.colGridLong {
    width: 800px;
}
.colGridExtraLong {

}