*{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */        
}

*, body, table{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: normal !important;
    /*overflow: hidden;*/
}

body{
    overflow: auto !important;
}

table{
    margin: 0 auto;
}

body {
		background: url("/images/zimmer-sfondo.png");
		background-repeat: repeat;
		background-position: center;
		background-size: cover;
		color: #000305;
    margin: 0;
    padding: 5px 0;
    text-align: left;
}

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
    display: block;
}

.pointer{
    cursor:pointer;
}

.response{
    text-align: center;
    font-weight: bold;
    color: red;
}

.response_green{
    text-align: center;
    font-weight: bold;
    color: green !important;
}

.hidden{
    display: none;
}

/***** Layout *****/

.body {
    clear: both; 
    margin: 0 auto; 
    width: 90%;
    overflow: hidden;
}

.bg-zimmer{
	background-color: #FFF;
}

.bg-white{
	background-color: #FFF !important;
}

#right_content{
	margin-top: 2rem;
	/* overflow: auto;
	max-height: 280px; */
}

#news_list, #left_content{
	overflow: auto;
}

.transparent{
	background-color: transparent !important;
}

.rounded{
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.field{
    clear: both;
    float: left;
    width: 100%;
}

section.standard header{
    margin: 0 auto;
    width: 90%;
    text-align: center;
    font-weight: bold;
    color: #005D9E;
    padding-top: 5px;
    padding-bottom: 30px;
}

section.standard header article.maintitle{
    font-size: 22px;
    padding: 5px;
}

section.standard header article.subtitle{
    font-style: italic;
    font-size: 16px;
    padding: 2px;
}

section.form{
    margin: 0 auto;
    width: 90%;
}

label{
    font-size: 14px;
}

nav.button{
    padding: 5px;
}

#content{
    min-height: 500px;
    vertical-align: middle;
    background-color: #FFF;
    padding: 15px;
}

.f-left{
    float: left !important;
}

.f-right{
    float: right !important;
}

.left_area{
	padding-top: 3rem;
	padding-left: 10px;
	margin-left: -15px;
}

.right_area{
	margin-right: -30px;
	padding: 1rem;
}

section.folder h1{
    font-size: 22px;
    font-weight: bold;
    padding: 5px;
}

section.folder h2{
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    padding: 5px;
}

#area_list ul{
    list-style: none;
}

#area_list_folder ul li{
	font-weight: bold;
	margin-bottom: 5px;
}

#area_list ul li{
    font-weight: bold;
    margin-bottom: 5px;
    color: #0090D1;
		font-size: 1.3rem;
}

#area_list ul li:hover{
    text-decoration: underline;
}

#area_list ul li:last-child{
    margin-bottom: 0px;
}

.alignleft{
    text-align: left !important;
}

.alignright{
    text-align: right !important;
}

.aligncenter{
    text-align: center !important;
}

.fancytree-container{
    border: 0px !important;
    overflow: visible !important;
    min-height: 300px !important;
		height: 100% !important;
}

.area_selected{
    font-style: italic;
    color: #FFF !important;
    background-color: #0090D1;
    padding: 5px;
}

#area_tree{
    min-height: 300px;
    /*max-height: 400px;*/
}

.item_detail{
    border-top: 1px solid #0090D1;
    padding-left: 50px;
    padding-right: 50px;
}

.item_detail div.header{
    font-weight: bold;
    font-size: 14px;    
    margin-top: 10px;
    margin-bottom: 5px;
}

.item_detail div.item{
    clear: both;
    width: 100%;
    overflow: hidden;
    margin-bottom: 5px;
}

.item_detail div.item span{
    margin-right: 5px;
    float: left;
}

.item_detail div.item span.type{
    font-style: italic;
}

.item_detail div.item span.title{
    font-weight: bold;
    text-decoration: underline;
}

.item_detail div.description{
    margin-top: 5px;
    margin-bottom: 15px;    
}

.item_detail div.item span:last-child{
    margin-right: 0px;
}

.item_detail header{
    font-weight: bold;
    text-align: center;
    font-size: 24px;
    padding: 10px;
}

.item_detail footer{
    font-style: italic;
    text-align: center;
    padding: 10px;
}

.item_detail mark{
    padding: 2px;
    margin: 5px;
    width: 100%;
    float: left;
}

span.button{
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #0090D1;
    border: 1px solid #000;
    color: #ffffff;
    font-weight: bold;
    font-size: 10px;
    cursor: pointer;
}

span.label{
    font-weight: bold;
    color: #000;
    font-size: 100%;
    white-space: normal;
    text-align: left;
}

div.field-inline span.label{
    width: 26%;
    float: left;
}

div.field-inline{
    margin-bottom: 5px;
}

div.field-inline span.value{
    float: left;
}

#get_folder_popup{
    padding-top: 20px;
}

.mandatory{
    color: red;
}

span.mandatory{
    margin-left: 5px;
}

div.mandatory{
    font-size: 10px;
    font-style: italic;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
}

.download_item{
    text-decoration: underline;
}

.disattivo{
    color: red;
}

.link{
    text-decoration: underline;
    cursor: pointer; 
}

ul{
    overflow: hidden;
}

ul.user_auth{
    margin-top: 20px;
}

ul.user_auth li{
    display: block; 
    width: 100%;
    float:left;
    margin-bottom: 15px;
}

section.user_auth_area header{
    font-weight: bold;
    font-size: 120%;
    text-align: left;
}

section.user_auth_area footer.checkall{
    font-size:90%;
    font-style: italic;
    text-decoration: underline;
}

.result_list{
    margin-top: 20px;
}

.table-hover tbody tr:hover td {
    color: #0090D1;
}

#loading {
    display:    none;
    position:   fixed;
    z-index:    99999999;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: transparent
                    url('/images/ajax-loader.gif') 
                    50% 50% 
                    no-repeat;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 100);
    filter: alpha(opacity = 100);
}

.max_dim_upload{
    font-weight: bold;
    color: red;
    font-style: italic;
    padding: 15px;
    float: left;
    width: 100%;
}

.validcode{
    color: green;
}

.invalidcode{
    color: red;
}

.break{
    width: 100%;
    clear: both;
    float: left;
    margin: 5px;
}

.no_result{
    font-style: italic;
    font-weight: bold;
    text-align: center;
}

td.label_filter{
    font-weight: bold;
}

td.num{
	text-align: right;
}

td.data{
	width: 80px;
	text-align: center;
}

.viewdoc{
    text-decoration: underline;
}

.news-item footer{
    margin-top: 3px;
}

.library{
    margin-top: 10px;
}

.library header{
    font-weight: bold;
    text-align: center;
    font-size: 120%;
}

.drophover {
    background: #0090D1;
}

.preview-autonew{
    width: 100%;
    text-align: center;
}

.preview-autonew-container{
    border: 1px solid #000;
    padding: 5px;
    width: 100%;
}

#stats_list{
    overflow: auto;
}

td.num{
    text-align: right;
}

tr.totale, tr.subtotale{
    font-weight: bold;
}

tr.totale td{
    text-align: right;
}

thead th{
    text-align: center;
}

/*
.ui-sortable li{
    padding-bottom: 10px !important;
    border: 1px solid #000;
}
*/
.ui-sortable li span.fancytree-node{
    margin-left: 15px;
}

.ui-sortable li{
    background-image: url(/images/move.png) !important;
    background-repeat: no-repeat  !important;
}

.fancytree-zimmer-item span.fancytree-expander{
    width: 0px !important;
}

.ui-state-highlight{
    border: 1px solid #0090D1;
    height: 20px;
}

input[type="text"].little{
    font-size: 10pt;
    padding: 2px;
}

li.disabled{
    color: gray;
    font-style: italic;
}

.pwdexpired{
    color: red;
}

article.warning{
    color: red;
    font-weight: bold;
    font-size: 1.5em;
}

footer a, footer a:hover, footer a:active, footer a:visited{
	color: #FFF;
}

.popup_app .ui-dialog-titlebar-close{
	display: none;
}

.popup_app{
    font-size: 1.5em;
}

.popup_app p{
    text-align: justify;
}

td .qrcode{
	cursor: pointer;
	text-decoration: underline;
}

.font-weight-bold{
	font-weight: bold;
}

img.itempodcast_play, img.podcast_play{
	max-width: 100%;
}

#search_list tr.selected td{
	background-color: yellow !important;
}

.ui-tooltip{
	display: none !important;
}

.news-homepage{
	margin-top: 0;
	margin-bottom: 1.5rem;
	overflow: auto;
}

.news-homepage-container>header.title>h1, .video-homepage-container>header.title>h1{
	color: #17359c;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 2rem;
}

.news-homepage-container{
	height: auto;
	overflow: hidden;
}

.video-homepage-container{
	height: auto;
	overflow: hidden;
}
/* .news-homepage-container>header.title>h1{
	font-weight: bold;
	font-size: 18px;
	border-bottom: 1px solid #000;
	margin-bottom: 15px;
	text-align: center;
} */
/* 
.news-homepage-container>header.title{
	border-bottom: 0 !important;
} */

/* .news-homepage-container>div{
	text-align: center;
	float: left;
	padding-right: .5rem;
	padding-left: .5rem;
	padding-bottom: .5rem;
	border-bottom: 3px solid #0090D1;
	margin-left: 20%;
	margin-right: 20%;
} */

.news-homepage header{
	border-bottom: 1px solid #DDD;
	padding-bottom: .5rem;
	margin-bottom: .5rem;
}

.news-homepage article{
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.news-homepage h1{
	font-size: 1.05rem;
}

.news-homepage h2{
	margin-bottom: .5rem;
	font-size: .75rem;
}

.news-homepage h1{
	font-weight: bold;
	margin-bottom: 5px;
	color: #0090D1;
}

#pop_modify_news span.label{
	display: block;
}

.news-slider .slick-arrow{
	z-index: 9999 !important;
	width: 40px;
	height: 40px;
}
/*
.news-slider .slick-next{
	color: #0090D1;
}
.news-slider .slick-track{
	align-items: center !important;
	display: flex !important;
} */

.news-slider .slick-next{
	position: absolute;
  bottom: 50%;
  right: 5px;
}

.news-slider .slick-prev{
	position: absolute;
  bottom: 50%;
  left: 0;
}

.news-slider .slick-prev:before, .news-slider .slick-next:before{
	font-size: 40px;
	color: #0090D1;
}

.news-homepage .img{
	max-height: 100px;
	overflow: hidden;
	margin-top: .5rem;
	margin-bottom: .5rem;
}

.news-homepage .img img{
	max-height: 100px;
}

.news-homepage{
	background-color: #EEE;
	height: 15rem !important;
	margin-right: .5rem;
	border-radius: 5px;
}

.news-homepage .title{
	color: #0090D1;
	font-size: .8rem;
	padding-top: .3rem;
	padding-bottom: .3rem;
	height: 4rem;
	overflow: hidden;
}

.news-homepage .link{
	font-size: .7rem;
	padding-top: .2rem;
	padding-bottom: .2rem;
	padding-right: .2rem;
}

.news-homepage .date{
	color: #0090D1;
	font-size: 1rem;
	font-weight: bold;
	padding-top: .2rem;
	padding-bottom: .2rem;
}




.news-detail .img{
	max-height: 100px;
	overflow: hidden;
	margin-top: .5rem;
	margin-bottom: .5rem;
}

.news-detail .img img{
	max-height: 100px;
}

.news-detail{
	margin-top: 0;
	margin-bottom: 1.5rem;
	overflow: auto;
}

.news-detail .title{
	color: #0090D1;
	font-size: 1.3rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	overflow: hidden;
}

.news-detail .link{
	font-size: .8rem;
	padding-top: .5rem;
	padding-bottom: .2rem;
}

.news-detail .date{
	color: #0090D1;
	font-size: 1.1rem;
	font-weight: bold;
	padding-top: .2rem;
	padding-bottom: .2rem;
}

.left-area-container{
	padding-right: 5px;
}

footer{
	margin-top: 5px;
}

.cc-nb-changep{
	display: none !important;
}

.d-none{
	display: none !important;
}

.news-homepage .title .content{
	color: #000;
	margin-top: 0.4rem;
}

.news-homepage .title .content p{
	font-size: .7rem;
}