/* 
    Created on : 9-giu-2015, 19.45.01
    Author     : Massimiliano
*/

.ui-menu.ui-menubar{
    background-image: none;
}
span.ui-column-title{
    font-size: 14px;
}
/*
fix il grigio che esce a sinistra della freccia in giu per il dropdowm menu
*/

/*
fix overflow auto nelle tabelle dovuto alla shadow dopo aggiornamento chrome 61
*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.ui-message-error-icon{
    margin-right: 5px !important;
}
.ui-message-error-detail,.ui-message-info-detail{
    text-align: justify;
    display: flex;
}
.ui-message-info, .ui-message-error, .ui-message-warn, .ui-message-fatal{
    margin-left:0px !important
}

.ui-contentflow .globalCaption{
    color: black !important;
}

.ui-selectonemenu-panel{
    max-height: 300px !important;
    overflow-y: auto;
    min-width: 200px;
}

.navbar{
    margin-bottom: 0px !important;
}

.ui-selectlistbox-filter.ui-inputfield{
    width:100% !important;
}
.ui-wizard-step-title{
    cursor: default !important;
}

.ui-row-editor .ui-icon-pencil {
    margin-left: 8px;
}


.ui-tabs-selected > a{
    color: #fff !important;
}
.ui-tabs-selected{
    background-color: #337ab7 !important;
}
.ui-inputfield{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.alert{
    margin-bottom: 10px !important;
}
.ui-accordion-header{
    overflow: auto;
    border-radius: 0px;
}

.ui-fileupload{
    margin-bottom: 10px;
}
/*dialog with panelgrid not responsive*/
.ui-panelgrid-footer td,.ui-panel-footer{
    padding: 5px !important;
    text-align: center !important;
}

.ui-dialog {
    min-width: 500px;
}

/* dialog with panelgrid responsive*/
.ui-dialog-content .ui-panelgrid-footer{
    text-align: center !important;
}

.ui-layout-pane-west,.ui-layout-resizer-west-closed{
    position: relative !important;
}



ol.ui-datalist-data,ul.ui-datalist-data{
    padding-right: 5px;
}
legend.ui-state-default{
    cursor:auto !important;
}

.ui-fieldset, .ui-fieldset .ui-fieldset-legend{
    padding: 0.3em 0.8em !important;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.1;
    font-family: 'Roboto',sans-serif;
}

.ui-widget-header > td, .ui-datalist-header.ui-widget-header, .ui-datatable-header.ui-widget-header{
    font-size: 14px;
    padding: 5px;
}
/*
.ui-selectonelistbox{
    width: 200px !important;
}
*/
.ui-treenode-label{
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.ui-selectlistbox-listcontainer{
    height: 110px !important;
}

table.ui-selectoneradio td{
    padding-left:5px;
    /*border-spacing: 5px;
    border-collapse: separate;*/
}
.ui-treenode-label.ui-state-hover{
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700 !important;
}


.ui-datatable-tablewrapper{
    overflow-y: visible !important;
    overflow-x: auto;
}

.ui-menu .ui-menuitem-link {
    float: right !important;
}

.ui-datalist li:first-child{
    margin-top: 5px;
}
.ui-tabs.ui-widget-content{
    background-color: white !important;
}
.ui-tabmenuitem .ui-menuitem-icon{
    float:right !important;
    margin-left: 5px;
}

.ui-state-highlight {
    text-shadow: none !important;
}


.ui-widget{
    font-size: 90%;
    font-family: 'Roboto';
}
/*
.fa{
    font: normal normal normal 14px/1 FontAwesome;
}*/
.ui-menuitem-icon.ui-icon.fa{
    padding-top: 2px;/*dovrebbe risolvere il disallineamento e permettere comunque il resize (tramite font-size) degli .fa senza dover ricadere
                     nel fix commentato sopra)*/
}
.fa-lg{
    font-size: 1.33333333em;
    line-height: 1.1em;
    vertical-align: -15%;
}


.ui-tabs .ui-tabs-nav.ui-widget-header{
    background-color: white;
}
.ui-tabs.ui-tabs-left > .ui-tabs-nav li a, .ui-tabs.ui-tabs-right > .ui-tabs-nav li a{
    width: 100% !important; 
    border-color: transparent !important;
    margin-top: 2px;
    border-top-right-radius: 0px !important;
}

table.jqplot-table-legend{
    font-size: 12px !important;
}

.ui-wizard-content{
    margin-top:20px !important;
    margin-bottom: 20px !important;
}

.ui-state-error{
    border-color: #e86969 !important;
    color:#111 !important;
}
.ui-state-error label{
    border: 1px #da3838 solid !important;
}

.ui-selectmanymenu.ui-inputfield{
    padding: 5px;
    box-shadow: none;
    border: 1px solid #eee;
}

.ui-selectonemenu-trigger,.ui-selectcheckboxmenu-trigger,.ui-picklist-filter{
    box-sizing: content-box;
    -webkit-box-sizing:content-box;
}
.ui-picklist-list{
    width: 300px !important;
    height: 400px !important;
}
.ui-picklist-filter{
    /* width: 93% !important; */
}

.ui-state-highlight div.ui-chkbox-box{
    background-color: black !important; 
}

.ui-wizard-content{
    overflow: hidden;
}

.ui-datagrid-column{
    vertical-align: top;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li a{
    color: #333;
    text-shadow: none !important;
}
.ui-rating-star a{
    background: url("/liguria_digitale/javax.faces.resource/img/v1.png.xhtml?ln=v1") no-repeat 0 0 !important;
    background-size: 16px 16px !important;
}
.ui-rating-star-on a{
    background: url("/liguria_digitale/javax.faces.resource/img/v5.png.xhtml?ln=v1") no-repeat 0 0 !important;
    background-size: 16px 16px !important;
}
.ui-slider-range{
    background-color: #337ab7;
}
.ui-rating-star{
    margin-left: 2px;
}

.ui-carousel .ui-carousel-footer, .ui-carousel .ui-carousel-header{
    height:inherit !important;
}

.ui-carousel-viewport ul{
    height: inherit;
}


/*center the bullet*/
.ui-radiobutton-icon{
    margin-left: 0px !important;
    margin-top: -1px;
}


/*uploader auto=true, mode=advanced*/
.autoupload{
    margin-bottom: 0px;
    float:left;
    margin-right: 10px;
}
.autoupload > .ui-fileupload-buttonbar{
    padding:0px !important;
}
.autoupload > .ui-widget-header {
    border:none !important;
    background: none !important;
}
.autoupload  .ui-widget-content{
    border:none !important;
}
.autoupload .ui-fileupload-content{
    padding:0px !important;
}

.autoupload .ui-button-text {
    padding: 10px 10px 10px 25px !important;
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    font-weight: normal;
    text-shadow:none ;
}
.autoupload .ui-button-text:hover {
    text-decoration: none;
    color: #fff;
    background-color: #286090;
    border-color: #204d74;

}
/******/

.ui-chkbox .ui-chkbox-label{
    margin:0px 5px 0px 5px !important;
}

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

/* navigation back/forward wizard */
.ui-wizard-nav-back, .ui-wizard-nav-next, .fc-prev-button, .fc-next-button, .fc-month-button,
.fc-agendaWeek-button, .fc-agendaDay-button{
    color: #fff !important;
    background-color: #337ab7 !important;
    border: 1px #2e6da4 solid !important;
    display: inline-block;
    padding: 6px 12px !important;
    margin-bottom: 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.42857143 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    background-image: none !important;
    box-shadow: none !important; 
    text-shadow:none !important;
}
.fc-month-button , .fc-agendaWeek-button, .fc-agendaDay-button, .fc-prev-button, .fc-next-button{
    padding: 0px 10px 0px 10px !important;
    margin-left: 5px !important;
}

.ui-wizard-nav-back>.ui-button-text, .ui-wizard-nav-next>.ui-button-text{
    text-shadow:none !important;
    padding: 0px 0px 0px 15px !important;

}

.ui-selectonemenu-label{
    margin-right: 4px !important;
}

.ui-cell-editor-input input{
    color:#333;
}

.ui-menu.ui-widget li > .ui-menuitem-link.ui-state-hover,.ui-menu.ui-widget li.ui-menuitem.ui-state-hover{
    border-radius: 2px;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
    background-image: none !important;
}
li.ui-menuitem.ui-state-hover>a{
    color:white;
}
/*FIX: quando ho un menu in un menubar con icona a sinistra ho padding a sx (dovuto all'icona) ma non a dx*/
.ui-menu.ui-widget li > .ui-menuitem-link{
    padding-right: 0.3em;
}
.ui-widget-content .ui-state-highlight{

    background-color: #337ab7;
    background-image: none;
}
.ui-widget-content .ui-state-highlight.Terminato{
    background-color: #DD6864;
}
.ui-widget-content .ui-state-highlight.daIniziare{
    background-color: #EF9B34;
}
.ui-widget-content .ui-state-highlight.inCorso{
    background-color: #5CB75C;
}

.ui-wizard-step-title{
    background-image: none;
    border-radius: 1px;
    box-shadow: none;
    -webkit-box-shadow:none;
    border:1px solid #ccc;
}
.ui-wizard-step-title.ui-state-highlight{
    background-color: #337ab7;;
    border:1px solid #2e6da4;

}
.ui-button{
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    color:white !important;
    text-shadow: none !important;

}
.ui-dialog-footer {
    text-align: center !important;
}
.ui-selectonemenu .ui-selectonemenu-trigger  .ui-icon{
    margin-left: 2px;
}
.ui-selectonemenu .ui-selectonemenu-trigger{
    width: 20px !important;
}
.ui-tabmenuitem.ui-state-active{
    background-color: #337ab7;
}
.ui-tabmenuitem.ui-state-active a,.ui-tabmenuitem.ui-state-active span{
    color:white;
    text-shadow:none;
}

/* PRIMEFACES 6.0 ha introdotto un min-width su div esterno 
in base alla lunghezza maggiore del option più lunga */
.ui-selectonemenu{
    min-width: 0px;   
}
tr.ui-selectlistbox-item .ui-chkbox-box{
    margin-top: 4px;
    margin-left: 2px;
}

/*
RESPONSIVE
*/


@media (max-width:768px){
    .menuGestione {
        display: none;
    }
}
.navigation-device{
    margin-top: 15px;
    margin-bottom: 5px;
    display: none;
    width: 100%;
    overflow: auto;
}
.menuGestione-device .ui-panelmenu-header,.menuGestione-device-full .ui-panelmenu-header{
    background-image: none;
    background-color: rgba(255,255,255,0.7);
}
.menuGestione-device{
    width: 60% !important;
    display: none;
    float:left;
    margin-bottom: 10px;
}
.menuGestione-device-full{
    width: 100% !important;
    display: none;
    margin-bottom: 10px;
}
@media (max-width:768px){
    .menuGestione-device,.navigation-device,.menuGestione-device-full{
        display: block;
    }
}
@media (max-width:768px){
    .navigation .nav-pills>li{
        float: none;
        display: none;
    }
    .navigation .nav-pills>li.active{
        display: block;
    }
}
.menuGestione-device a.active,.menuGestione-device-full a.active{
    color: #fff;
    background-color: #337ab7;
}
.ui-panelmenu .ui-panelmenu-header a{
    margin-top:3px;
    font-size:16px;
}
.ui-panelmenu .ui-panelmenu-header{
    height: 40px;
}
@media (min-width:970px){
    .tab-device>.ui-tabs-nav{
        float:left;
        width: 20%;
    }

}
@media (min-width:970px){
    .tab-device li{
        margin-bottom: 1px !important;
        width: 100%;
    }
}
@media(min-width:970px){
    .tab-device>.ui-tabs-panels{
        width: 80%;
        float: right;
        border-left: 3px ridge #ddd;
        border-top: 0;
    }
}

.ui-tabs-panels{
    margin-bottom: 10px;
    border-top: 3px ridge #ddd;
}
.ui-tabs.ui-tabs-top{
    margin-bottom: 10px;
}

.tab-device.ui-tabs{
    overflow: auto;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header{
    border-bottom: none;
}
.ui-tabs.ui-tabs-top>.ui-tabs-nav li{
    border-bottom: 1px solid #DDDDDD !important;
}

.ui-panelgrid-footer {
    
}

.ui-datatable table td{
    vertical-align: top;
}
.ui-accordion .ui-accordion-header .ui-icon{
    display: block;
}

.ui-selectonemenu-filter-container{
    width: 100%;
}
.ui-selectonemenu-filter-container > input.ui-selectonemenu-filter.ui-inputfield {
    width: 100%;
}

.ui-autocomplete-itemtip {
    width: auto !important;
    background-image: none;
    background-color: white;
    color: #333;
    padding: 10px !important;
}

.ui-messages-error-icon{
    display: none !important;
}

.ui-messages ul{
    margin-left: 0px !important;
}