/* ---------------------------------------------------Color ---------------------------------------------------*/
.darkGray{
    background-color: #CECECE  !important;
}
.lightGrey{
    background-color: rgb(226, 226, 226) !important;
}
.bgSfondo{
    background-image: url(../images/bg.png)  !important; ;
}




.grayBorderColor{
    border-color: #B8B7BB!important;
}

.green{
    background-color: #00FFD0;
}
.lightGreyBorderColor{
border: 1px solid #D3CDCD;
}
/* A8ADBB ---------------------------------------------------Generic ---------------------------------------------------*/

HTML{
    text-shadow: none!important;
}

body{  /* Safari */overflow-x: scroll;}

/* Elimina shadow Jquery Mobile all content*/
.ui-focus,
.ui-btn:focus {
    -moz-box-shadow: none!important;
    -webkit-box-shadow:none !important;
    box-shadow: none !important;
}
.ui-input-text.ui-focus,
.ui-input-search.ui-focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow:none!important;
}
/* bordi arrotondati box JQuery mobile*/
.custom-corners .ui-bar {
    -webkit-border-top-left-radius: inherit;
    border-top-left-radius: inherit;
    -webkit-border-top-right-radius: inherit;
    border-top-right-radius: inherit;
}
.custom-corners .ui-body {
    border-top-width: 0;
    -webkit-border-bottom-left-radius: inherit;
    border-bottom-left-radius: inherit;
    -webkit-border-bottom-right-radius: inherit;
    border-bottom-right-radius: inherit;
}

.ui-header h3 {
    width: 100%;
    overflow: visible !important;
    margin-left: 0px !important;
}
.ui-disabled, .ui-state-disabled, button[disabled], .ui-select .ui-btn.ui-state-disabled {
    filter: Alpha(Opacity=50)!important;
    opacity: .50;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"!important; /* IE 8 */
    cursor: default!important;
    pointer-events: none;
}
/* modifica beckground check*/
.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after{
    background-color: #ddd;
    background-color: rgba(0,0,0,.3);
}
.ui-checkbox-off:after, .ui-btn.ui-radio-off:after {
    filter: Alpha(Opacity=50);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"!important; /* IE 8 */
}

.ui-li-count {
    right: inherit;
    left:.8em;
}

#selectAllArticletd .ui-checkbox-on:after {
    background-color:#BDC0C4 !important;
}

.floatLeft{
    float:left;
}
.floatRight{
    float:right;
}
.margin-top5{
    margin-top:5px;
}
.margin-left5{
    margin-left: 5px;
}
.margin-left0{
    margin-left: 0px!important;
}
.margin-right5{
    margin-right: 5px;
}

.paddingLeft30{
  padding-left: 30px!important;
}

.padding0{
  padding: 0px!important;
}
.paddingLeft10{
    padding-left: 10px!important;
}
.noTextshadow{
    text-shadow: none!important;
}
.hide{
    display: none!important;
}
.hideFullScreen{
    display: none!important;
}
.showInline{
    display: inline !important;;
}
.showBlock{
    display: block !important;;
}

.centerDiv{
    position:absolute; top:0; margin:auto; left:0px; width:100px; height:100px; bottom:0px; right:0px;
}

.fontBold{
    font-weight: bolder;
}
.font10{
    font-size: 10px;
}
.font11{
    font-size: 11px;
}



/******************************************************************************************************************/
/*------------------------------------PAGINA PRINCIPALE ---------------------------------------------------------*/
/*******************************************************************************************************************/


/* ---------------------------------------------------[HEADER] CONTAINER----------------------------------------------*/
.headerContainer{
    width:100%;
    height:100px;
    background: url(../images/bkgWhiteLogSfuma.png)   no-repeat;
}
.logo{
    width: 17%;
    margin-right:4%;
    height: 100px;
    float:left;

}
.logo img{
   margin-left: 10px;
    max-width:100%;
    height:auto;
    width: auto;
    margin-top: 10px;
}

.minMenu{
    width: 42px;
    height: 38px;
    float:right;
    display: none;
    background-image: url('../images/minmenuBar.png');
    background-repeat: no-repeat;
    background-position: 3px;
    background-position-y: 0px;
    background-size:contain;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}
.espandiMenu{cursor:pointer}

.menuTopWelcome{
    line-height: 40px;
    height: 40px;
    border-right:none;
    padding-left:10px;
    float: left;
    border-right: 0px!important;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    overflow: hidden;
    width: 300px;
}

.menuTopSelCustomer{
    line-height: 40px;
    height: 40px;
    border-right:none;
    padding-left:10px;
    float: right;
    border-right: 0px!important;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    overflow: hidden;
    width: 300px;
}

.menuTopSelUser{
    line-height: 40px;
    height: 40px;
    border-right:none;
    padding-left:10px;
    float: right;
    border-right: 0px!important;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    overflow: hidden;
    width: 300px;
}


.menuTopIcon{
    line-height: 40px;
    height: 40px;
    width: 50px;
    float: right;
    background-repeat: no-repeat;
    background-position: center;
    cursor:pointer;
}

/* ---------------------------------------------------[HEADER] Barra azioni -------------------------------------------*/

#headerMenu{ float:left; width:79%;height:42px;-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px;}
#headerMenu table { width:100%; }
#headerMenu table td { text-shadow: none; background-repeat:no-repeat; line-height:38px; padding:0 20px;  white-space:nowrap; }
#headerMenu table td.logS {  background-position:center center; cursor:pointer;}
#headerMenu table td.logR {  background-position:center center; cursor:pointer;}

/* -------------------------- Gestione pannelli [Gestisci-Visualizza-elimina]------------------------------------------*/
#MENU { height:40px; position:absolute; bottom:0; right:15px; z-index:5; color:#fff; }
#MENU div { float:right; font-size:14px; line-height:40px; margin-left:2px; padding:0 16px; min-width:70px;cursor:pointer; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0;}
#MENU div.img { padding:0 4px; min-width:0;}
#MENU div.img div { width:33px; height:40px; min-width:0; padding:0; position:relative;}
#MENU div.img div img { position:absolute; top:5px;}
.linkEsterni {background-image: url(../images/linkEsterni.png);}
/* ---------------------------------------------------PANNELLO RICERCA SX---------------------------------------------------*/
.pannelloSX .ui-input-text{
    height:2.2em !important;
}

#popupSelectFolder .ui-input-text{
    height:2.2em !important;
}

#popupLoadQuery .ui-input-text{
    height:2.2em !important;
}

.pannelloSX .ui-bar{
    padding-right: 8px;
}
.pannelloSX{background: url(../images/bg.png);
}
.pannelloSX .ui-panel-inner  {

    padding: 0px;
    overflow: hidden;
    top:0;
    left:0;
    right: 0;
    bottom: 0;

}

#pannelloMinAction .ui-panel-inner  {

    padding: 0px;
    overflow-y: hidden;
    top:0;
    left:0;
    right: 0;
    bottom: 0;

}


#headerPannelloRicerca .ui-slider{
    float: right;
    padding: 0px;
    margin-top: 1.8px;
    margin-bottom: 1.8px;
    width: 100px;

}
#headerPannelloRicerca H3{
    float: left;
    line-height: 34px;
    vertical-align: middle;
    text-shadow: none;
    font-size: 18px;
    margin-left: 30px;
}

.scroll-folder
{

}

.scroll-parametri
{WIDTH: 272px; overflow-y:auto;

}

.scroll-testate
{

}



.panelListPopup{ WIDTH: 100%!important; overflow-y:visible!important;height: auto!important;}
.panelList{ WIDTH: 272px; overflow-y:scroll;}
.panelList UL{padding:0px; margin: 0px;}
.panelList LI {
	height: 30px!important;
	border-radius: 0;  
	background-color: #e8e8e8 ;
	line-height: 30px!important;
	border-bottom:1px solid #DAD7D7; 
	font-family: sans-serif; 
	font-size: 13px;
	list-style: none;
	text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap !important;
    overflow: hidden;
}
.panelList INPUT {margin-left: 8px!important;
    margin-right: 8px!important;
    line-height: 30px;
}

.panelList LI SPAN {
    cursor:pointer;
}
.listInputAlign input{
margin-top: 1px;
display: inline-block;
vertical-align: middle;
}

.panelListPopup INPUT {margin-left: 8px!important;
    margin-right: 8px!important;
    line-height: 30px;
    margin-top: -1px;
    display: inline-block;
    vertical-align: middle;
}


.espandiFolder , .espandiTypeCategory{ background-color:#DBDBDB;; width:30px; height:30px; float:right;cursor:pointer;background-image: url("../images/menu_off.png"); }


.chapterF ,.testate, .link_truncated {
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap !important;
    overflow: hidden;
    vertical-align: top;
    cursor:pointer;
    font-size: 11px!important;
}


#testate .ui-input-text ,#folder .ui-input-text {margin-bottom:0px!important;border-radius: 0px;}
#testate  .ui-mini ,#folder  .ui-mini  { font-size:10px!important; }
.ui-btn.my-tooltip-btn,
.ui-btn.my-tooltip-btn:hover,
.ui-btn.my-tooltip-btn:active {
    background: none!important;;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;

}
#containerSommarioBtnFolder .ui-mini , #containerSommarioBtnTestate .ui-mini {
    float:left;
    width: 220px;
}

#filtroSX{ margin-top:0px;}
#parametri{padding: 0!important;}

.marginiTab{margin-top:20px}
.ui-listview>.ui-li-static {padding: 0px}
.ui-checkbox{margin: 0; border-radius:0}

.ui-navbar li .ui-btn {
    border-right-width: 1px!important;
}
.ui-navbar li:last-child .ui-btn {
    margin-right: 0px;
}
.ui-tabs {
    position: relative;
    padding: 0;
}

#parametri .ui-body-a{
    padding-left: 13px;
    padding-right: 13px;
    margin-top: 10px;
}



#folder .ui-body-a{
   padding: 0;
    margin-top: 10px;
}


.ui-tabs-panel .ui-body-a h4{
    margin-top: 7px;
    margin-bottom:9px;
         font-size: 14px;
}

.ui-tabs .ui-tabs-panel  {
    /* padding: 10px!important; */
    padding-top: 0px!important;
}

.hideRicercaSemplice{
    display: none;
}

.width33 {
    width:33% ! important;
}

.width50{
    width: 49.95%!important;
}

.width100{
    width: 99.95%!important;
}

.link_truncated {
    text-overflow: ellipsis;
    width: 164px;
    white-space: nowrap !important;
    overflow: hidden;
    vertical-align: top;
    display: inline-block !important;
    margin-left: 3px;
}
/*#rassegnaStart , #rassegnaStop, #articoloStart, #articoloStop{
    cursor: pointer;
}*/

.areaCercaNote {
    overflow: visible;
}

#areaCercaNote > fieldset > div.ui-block-a.filtroTagsT1_wrapper > div.ui-input-text.ui-body-inherit.ui-corner-all.ui-shadow-inset.es-wrapper > ul,
#areaCercaNote > fieldset > div.ui-block-b.filtroTagsT2_wrapper > div.ui-input-text.ui-body-inherit.ui-corner-all.ui-shadow-inset.es-wrapper > ul,
#areaCercaNote > fieldset > div.ui-block-c.filtroTagsT3_wrapper > div.ui-input-text.ui-body-inherit.ui-corner-all.ui-shadow-inset.es-wrapper > ul {
    position: sticky;
}
/* ---------------------------------------------------MODIFICHE JQUERY MOBILE PANNELLO DX DIM 60PX---------------------------------------*/
/* Queste modifiche sono necessarie per rendere il pannello di destra della dimensione di 60px di default piu grande in JQM*/

#pannelloMinAction, #pannelloMinHeader { width: 80px !important; }
#pannelloMinAction .ui-panel-inner,
#pannelloMinHeader .ui-panel-inner{ padding: 0!important; }
.ui-panel-animate.ui-panel-page-content-position-right {
    left: 0!important;;
    right: 0!important;;
    -webkit-transform: translate3d(-80px,0,0)!important;
    -moz-transform: translate3d(-80px,0,0)!important;
    transform: translate3d(-80px,0,0)!important;
}
.ui-panel-page-content-position-right { left: -80px; right: 80px;
}
#pannelloMinAction{
border-left: 1px solid #B0B0B2;  }

#impostazioniTabella label.ui-btn {
    font-weight: 700;
    border-width:0px;
    border-radius: 0px;

}

@media (min-width: 55em)  {
    .ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-right {
        margin-left:80px;
        border-left: 1px solid #B0B0B2;
    }
}
/*------------------------------------------------BARRA AZIONI TABELLA + RISULTATI--------------------------------------------------------------------*/


 /*barra comandi e risutlati container */
.descrizioneRisultati{float:left;font-weight:bold;padding-left:10px; height:25px; font-size:85%; }
.alertResultset {float: left; font-weight: bold; padding-left: 50px; height: 25px; text-transform: uppercase;}

.alertFilterAVE {
	color: red; 
	text-shadow: none;
    float: left; 
	font-weight: bold; 
	padding-left: 50px; 
	height: 25px; 
	text-transform: uppercase;
}

#areaFiltraAve h4,
#areaFiltraAve .aveLabel {
    margin-bottom: 0px !important;
    margin-top: 0 !important;
}

#areaFiltraAve fieldset {
    margin-top: 0 !important;
    margin-bottom: px !important;
}

#areaFiltraAve .ui-controlgroup-controls {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.articleCount{
    float:right;

    height:15px;
    line-height:15px;
    padding:2px;
    padding-left:10px; padding-right:10px;
    font-size:12px;
    border-radius:40px;

}


.statuOnDemand{float:right; font-weight:bold;padding-right:10px; height:34px; font-size:78%;    background: #f9f9f9;
    border-radius: 5px;
    line-height: 34px;
    margin-top: 8px;
    font-size: 12px;
    padding-left: 10px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

.barraComandi{ padding: 0;overflow: hidden; height: 1%;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-top:2px;
    clear: both;
}
.barraComandiGroupContainer{float:left; height:50px}
#barracomandiWrapper{overflow: hidden; height: 1%;}

/*Puslanti barra comandi  */
.barraComandi .ui-btn {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
    text-align: left;
}

.btntICO {float:left; width:31px; height:31px; position:relative; margin:10px 0 4px 15px;border-radius: 2px; -webkit-border-radius:2px; border-radius:2px;
    background-color: #919191;
    -webkit-box-shadow: 2px 2px 0px 0px rgba(50, 50, 50, 0.14);
    -moz-box-shadow:    2px 2px 0px 0px rgba(50, 50, 50, 0.14);
    box-shadow:         2px 2px 0px 0px rgba(50, 50, 50, 0.14);
}
.btntICO img{ position:absolute; top:0; right:0;}

.btntICOAcquista {float:left; width:31px; height:31px; position:relative; margin:10px 0 4px 15px;border-radius: 2px; -webkit-border-radius:2px; border-radius:2px;
    background-color: #919191;
    -webkit-box-shadow: 2px 2px 0px 0px rgba(50, 50, 50, 0.14);
    -moz-box-shadow:    2px 2px 0px 0px rgba(50, 50, 50, 0.14);
    box-shadow:         2px 2px 0px 0px rgba(50, 50, 50, 0.14);
}
.btntICOAcquista img{ position:absolute; top:0; right:0;}

.btntSearch {
    float:left; width:31px; height:31px; position:relative; margin:10px 0 0px 10px;border-radius: 2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    -webkit-box-shadow: 2px 2px 0px 0px rgba(50, 50, 50, 0.14);
    -moz-box-shadow:    2px 2px 0px 0px rgba(50, 50, 50, 0.14);
    box-shadow:         2px 2px 0px 0px rgba(50, 50, 50, 0.14);
}
.btntICOMenu {float:left; width:31px; height:31px; position:relative; margin:8px 0 4px 10px;border-radius: 2px; -webkit-border-radius:2px; border-radius:2px;
    display: none;
    -webkit-box-shadow: 2px 2px 0px 0px rgba(50, 50, 50, 0.14);
    -moz-box-shadow:    2px 2px 0px 0px rgba(50, 50, 50, 0.14);
    box-shadow:         2px 2px 0px 0px rgba(50, 50, 50, 0.14);
}
.btntICOMenu img { position:absolute; top:1px; right:0;}
.btntICOFirstMargin{ margin:10px 0 4px 10px;}
.sepAzioni { float:left; background-color:#efefef; border-right: 1px solid #C9C9C9; width:1px; height:33px; margin:9px 11px;}
.sepAzioniOnDemand { float:left; background-color: #E5E4E4;
    border-right: 1px solid #FFFFFF; width:1px; height:30px; margin:3px 11px;}
/*btn apertura left min action bar*/
.btntICOMin {  height:60px; position:relative;}


.btntICOMin img { position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;}

/* select filtro tabella */
.barraComandi .ui-select{
    position: inherit!important;
    margin-right: 10px;
    margin-left: 10px;
}
.barraComandi .ui-btn-active  {
    color:#ffffff !important;
}

.ui-table th{
    padding: .4em 0.6em;
}

/* btn left min action bar */
.btntICOBorderActionBar{ border-top: 1px solid #CECECE; border-bottom: 1px solid #B4B3B3;}

.hideMinMenuBtn{
    display: none !important;
}
.hideWorkOnAll{
    display: none !important;
}

.hideStatusOnDemand{
    display: none !important;
}
/*
.headerSottoGruppoName{
  text-overflow: ellipsis;
  width: 70%;
  white-space: nowrap !important;
  overflow: hidden;
  vertical-align: top;


}  */

/*------------------------------------------------POPUP SHOW  ARTICLES GALLERIES--------------------------------------------------------------------*/



#popupShowArticleGallery-popup{ top: 2%!important;left: 20px; right:20px }
#popupShowArticleGallery{height:100%; max-height:100%}
.showArticleActionBar div,  .showArticleActionBar fieldset {float:left; margin:1px;}
.showArticleActionBar {width:100%; height:41px; background-color:#ededed;}
.ui-nosvg .ui-icon-cropPdf:after {
    background-image: url("../images/ico-crop-pdf.png");
}
.ui-icon-cropPdf:after {
    background-image: url("../images/ico-crop-pdf.png");
    background-size: 20px;

}

.ui-nosvg .ui-icon-fb:after {
    background-image: url("../images/icon_fb.png");
}
.ui-icon-fb:after {
    background-image: url("../images/icon_fb.png");
    background-size: 20px;

}


.ShowArticleImgContianer{
    float:left;  width:auto; margin:5px;
    margin-right: 20px;   margin-left: 0px;
}
.noteShowArticle{
    background-color:#F0F0F0;
    padding:7px   ;
    margin-bottom: 10px;
}
.headline{
    margin-bottom: 10px;
    font-size:1em;
    font-style: italic;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------POPUP impostazioni tabella-----------------------------------------------------------------*/
#impostazioniTabella label.ui-btn {
    font-weight: 700;
    border-width:0px;
    border-radius: 0px;
    /* border-style: solid; */
}
#impostazioniTabella ul{
    border-radius: 0px;
}
#hideIncipitLI .ui-checkbox,  #hideNoteLI .ui-checkbox{
    margin-left: 20px!important;
}



/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

/* ---------------------------------------------------TABELLA ---------------------------------------------------*/
#tabellaNotizie{margin-top: -30px; border-left: 1px solid #DDD;}
#tabellaNotizieFixedHeader      { border-left: 1px solid #DDD;}
.tCellDB h5 { font-size:13px; margin:0; margin: 2px 0 4px 0; }
.tCellDB .incipit { font-size:12px; margin-top: 2px; float:left; }
.tCellDB span { font-size:12px;}
.btnTableG { width:26px; padding:0; margin:0; text-align:center; cursor:pointer;}
.btnTableG img { padding:0; margin:0;}
.bottoneLine {  width:25px; height:25px;float:left; padding:0px; margin:1px 4px; cursor:pointer; -webkit-border-radius:5px; border-radius:5px;
    background: rgb(238,238,238);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmQyZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(238,238,238) 0%, rgb(210,210,210) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(238,238,238)), color-stop(100%,rgb(210,210,210)));
    background: -webkit-linear-gradient(top,  rgb(238,238,238) 0%,rgb(210,210,210) 100%);
    background: -o-linear-gradient(top,  rgb(238,238,238) 0%,rgb(210,210,210) 100%);
    background: -ms-linear-gradient(top,  rgb(238,238,238) 0%,rgb(210,210,210) 100%);
    background: linear-gradient(to bottom,  rgb(238,238,238) 0%,rgb(210,210,210) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d2d2d2',GradientType=0 );
}
.tCellDB {display:table-cell; padding:0; margin:0; vertical-align:middle;  }
.tCellDB div.pad { padding:2px 5px;}
.ui-table th, .ui-table td{ vertical-align: middle!important; line-height: 1em;}

/*.ui-table tr{ background: #e8e8e8; width: 100%!important}  */
.ui-table tr{ background: #F8F9FC ; width: 100%!important}
.ui-table { border-collapse: inherit;border-spacing: 0px;font-size:13px!important;}

.tableHeader{ text-shadow: none; height: 30px; vertical-align: middle!important;}
.tableHeader th{ font-size:15px!important; line-height: 18px; font-weight: normal;}
.TDcheckSize{
  max-width:35px!important;
  min-width:35px!important;
  width:35px!important;
  text-align: center!important;
}
.TDArticleBtnContainer{
    width: 100px;
    height: 28px;
    position: relative;
}

.locked{

    margin: auto;
 position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.headerSottoGruppo{
  text-shadow: none;
  height: 35px;
  font-size:14px!important;
  vertical-align: middle!important;
  background-color: rgb(210, 210, 213)!important;
}
.headerSottoGruppo td{
  line-height: 10px;
  padding: .2em .4em;
  padding-left:8px;
  border-right: solid 1px #B1ADAD;
  border-left: solid 1px #DEE2E4;
  font-weight: bold!important;
  border-bottom: 1px solid #B9B9B9!important;
  border-top: 1px solid #E6E1E1!important;
}

.toBeModCustomer{
  margin-top: 10px ; margin-right: 10px;
}
.headerSottoGruppoName{
  line-height: 40px;height: 40px;
    cursor:pointer;
}


.rowSottoGruppo{ text-shadow: none; height: 38px; font-size:14px!important; vertical-align: middle!important;}
/*.rowSottoGruppo td,th{ border-right: solid 1px #DAD7D7;  border-left: solid 1px #E3E9EC; font-weight: normal;  }   */
.rowSottoGruppo td,th{
    border-right: solid 1px #DFDFDF; font-weight: normal;
    border-left: solid 1px transparent;
    padding-top: 7px;
    padding-bottom: 7px; }

.dettglioTabella{
     margin-top:2px;
}

.ui-table-columntoggle-btn{display: none;}
.footerTabella{
    width:100% ;
    height:30px;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}
.ordinaArticolo{
    width: 40px;
    height: 40px;
    text-align: center!important;
    line-height: 40px;
    cursor: pointer ;
    font-size:20px;
    display: none;

}
#confermaRiordinaWrapper{
    margin-left: 10px;
    display: none;
}
.checkHideLabel{
   padding-left: 0!important;
    background: #e8e8e8 !important;
    border: 0px !important;
    left: 0!important;
}
.checkHideLabelBgHeader{
    background: url(../images/bggray.gif) !important;
}
.checkHideLabelData, .absentTagLabelData, .absentSentimentLabelData, .absentAVELabelData {
    margin-left: -8px!important;
    font-size: 14px!important;
    background: #fff !important;
    border: 0px !important;

}

.ui-body label.labelDataArticolo {font-size: 14px;}
/*.published{ background:#DBDDE0 !important;  }  */

.published{

    background:#e8e8e8 !important;
}

.articleTitle ,.np_detail{
    cursor:pointer;
}
.hideDataRassegna{
 display: none;
}

.hideSubFolder{
    display: none;
}

/* effetti per classe Sortable.js */
.sortable-ghost {
  /*background-color: #ffff00 !important;*/
    background-color: #9f9e6f ! important;
    opacity: 0.4;
}
.sortable-chosen {

}
.sortable-drag {
    z-index: 20000;
}
/* custom css per sortable */
.sortable-item-cloned {
    background-color: rgba(0,255,255,0.4) !important;
}

.sortable-item-sorted {
    background-color: rgba(192,238,255,0.4) !important;
}
.sortable-item-dropped {
    font-weight: 900;
    background-color: rgba(0,255,255,0.4) !important;
}

.dragHandler {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.dragHandler .itemGrab{
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.panelList li.chapterF tr.draggableTableRow {
    display:none;
}

/* ---------------------------------------------------Footer---------------------------------------------------*/
.paginationWrapper{
    position: relative;
    height:30px;
    float: right;
    color: #fff;
}
.paginationItem{
    margin: auto;
    float:left;
    width: 80px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    line-height: 30px;
    padding-left: 2px;
    padding-right: 2px;
    position: relative;
}

.paginationWrapper div:last-child{
    border-right:0px !important;

}
.paginationStart{
    background-image: url("../images/ssx.png");
}
.paginationEnd{
    background-image: url("../images/ddx.png");
}
.paginationNext{
    background-image: url("../images/dx.png");
}
.paginationPrev{
    background-image: url("../images/sx.png");
}

#currentPage{
    background: white;
    width: 32px;
    height: 24px;
   line-height:24px ;
    float: left;
    margin-right: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    margin: 3px;
}
#totalPage{
      margin: 3px;
         color: #fff;
    width: 36px;
    height: 24px;
    line-height:24px ;
    float: left;


}
.numPageWrapper{
    height: 24px;
    width: 72px;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;

}

/* #############################################################################################################*/
/* ---------------------------------------------------PAGINA RICERCA--------------------------------------------*/
/* #############################################################################################################*/

/* ---------------------------------------------------GRID ---------------------------------------------------*/
.gridRicerca .ui-block-articolo,
.gridRicerca .ui-block-folder{
    float: left;
}
.gridRicerca .ui-block-articolo{
    width: 70%;
}

.gridRicerca .ui-block-folder{
   width: 30%;
    min-width: 300px!important;
}
.gridRicerca .ui-block-a .ui-bar,
.gridRicerca .ui-block-b .ui-bar{
    height: 60px;
    padding: 0;
    padding-bottom: 10px;
    border: 0;
    background: #fff;
    margin-top: 12px;
}
.gridRicerca  .ui-block-a .ui-bar{
    padding-right: 7px;

}
.gridRicerca .ui-block-b .ui-bar{
     padding-left: 7px;

}
#panelSelezionaTestate .ui-panel-inner{
    padding: 0px!important;
    padding-left: 6px!important;
}
#panelSelezionaTestate span{
    margin-left:10px;
   line-height: 30px;
    font-weight: bold;
    font-size: 17px;
    color: #0083be!important;
}

/* #############################################################################################################*/ 
/* ---------------------------------------------------Massive TAG------------------------------------------------*/ 
/* #############################################################################################################*/ 
.massiveTagWrapper{ 
    width:100%; 
    height:40px; 
} 
 
.massiveTagWrapperEditArticle{ 
    width:120px!important; 
    float:left!important;; 
    height:40px!important;; 
} 
.massiveTagBox { 
    width:35px; 
    height:40px; 
} 
.massiveTagName { 
    margin-right:10px!important;; 
    height:40px; 
    width:130px; 
} 
 
.selectTagCheckBoxWrapper input {
    display: none;
}

.massiveTagBox input{
    margin-top:12px; 
} 
.massiveTagBox a{ 
    padding:0!important; 
    background-color:red!important; 
} 
.massiveTagName label{ 
 
    line-height:45px!important; 
} 
 
.massiveTagGridWrapper{ 
    border: 1px solid #e8e8e8; 
    padding-left: 5px; 
} 
 
.massiveTagGridWrapper   .ui-field-contain{ 
    margin:0!important; 
} 
 
.hideEditArticleText{ 
    height: 100%!important; 
    width: 0!important; 
    height: 0!important; 
    overflow: hidden!important; 
} 
.width100{ 
    width:100%; 
}

.hidden-h1 {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* #############################################################################################################*/
/* ---------------------------------------------------RESPONSIVE------------------------------------------------*/
/* #############################################################################################################*/

@media screen and (min-width: 0px) and (max-width: 480px){
  /*  #logo{display:none!important; }
    #headerMenu{width:167px!important; height:48px!important; border-radius: 0px!important; -webkit-border-bottom-right-radius: 10px!important;-moz-border-radius-bottomright: 10px!important; border-bottom-right-radius: 10px!important;}
    #headerContainer{height:48px!important}
    #headerMenu {display: none!important;}
    #minLog{display:inline-block; width: 124px!important;border:0px!important; }
    #MENU{right:50px!important}
    .minMenu{ display: inline-block!important; }
    .btntICOMenu{display: inline!important; }
    .btntICO{display: none!important; }
    .espandiMenu{display: none!important;}
    .hideSep{ display: none!important;}  */
}

@media screen and (max-width: 768px) and (min-width: 0px){
    #logo{display:none!important; }
    #headerMenu{width:205px!important;  height:48px!important; border-radius: 0px!important; -webkit-border-bottom-right-radius: 10px!important;-moz-border-radius-bottomright: 10px!important; border-bottom-right-radius: 10px!important;}
    #headerContainer{height:48px!important}
    #topMenuActionBar{display: none!important;}
    #minLog{display:inline-block!important; width: 160px!important;;border:0px!important; }
    #MENU{right:50px!important}
    .minMenu{ display: inline-block!important; }
    .espandiMenu{display: none!important;}
    .btntICOMenu{display: inline!important; }
    .btntICO{display: none!important; }
    .workOnAllArticle{display: inline!important; margin-right: 15px!important; }
    .btnICORestore{display: inline!important; }
    .hideSep{ display: none!important;}
    .note{display:none!important;}
    .incipit{display:none!important;}


    }

@media screen and (max-width: 1024px) and (min-width: 768px)  and (orientation : portrait) {
    #logo{display:none!important;; }
    #headerMenu{width:205px!important;  height:48px!important; border-radius: 0px!important; -webkit-border-bottom-right-radius: 10px!important;-moz-border-radius-bottomright: 10px!important; border-bottom-right-radius: 10px!important;}
    #headerContainer{height:48px!important;}
    #headerMenu table{display: none!important;;}
    .espandiMenu{display: none!important;}
    #minLog{display:inline-block!important; width: 160px!important;border:0px!important; }
    .minMenu{ display: inline-block !important; }
    .btntICOMenu{display: inline!important; }
    .btntICO{display: none!important; }
    .workOnAllArticle{display: inline!important; margin-right: 15px!important; }
    .btnICORestore{display: inline!important; }
    #MENU{right:50px!important}
    .hideSep{ display: none!important;}
    .note{display:none!important;}
    .incipit{display:none!important;}
    #topMenuActionBar{display: none!important;}


 }

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .menuTopWelcome{width: 0px!important;
        overflow: hidden;  }
}
@media screen and (max-width: 1200px) and (min-width: 1024px) {
    .menuTopWelcome{width:160px!important;
        font-size: 12px;
        }
}

@media screen and (min-width: 1200px) {

}


/* news*/



/*

@media


only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
.rowSottoGruppo th:nth-of-type(1):before { content: "First Name"; }
.rowSottoGruppo    td:nth-of-type(1):before { content: "First Name"; }
.rowSottoGruppo    td:nth-of-type(2):before { content: "Last Name"; }
.rowSottoGruppo    td:nth-of-type(3):before { content: "Job Title"; }
.rowSottoGruppo   td:nth-of-type(4):before { content: "Favorite Color"; }
.rowSottoGruppo    td:nth-of-type(5):before { content: "Wars of Trek?"; }
.rowSottoGruppo   td:nth-of-type(6):before { content: "Porn Name"; }
.rowSottoGruppo   td:nth-of-type(7):before { content: "Date of Birth"; }
.rowSottoGruppo    td:nth-of-type(8):before { content: "Dream Vacation City"; }
.rowSottoGruppo    td:nth-of-type(9):before { content: "GPA"; }
.rowSottoGruppo  td:nth-of-type(10):before { content: "Arbitrary Data"; }



.rowSottoGruppo td {

    display: block!important;
    width: 100%;

}

    }*/