.clearfix {
    *zoom: 1
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

@-ms-viewport {
    width: device-width
}

.hidden {
    display: none;
    visibility: hidden
}

.visible-phone {
    display: none!important
}

.visible-tablet {
    display: none!important
}

.hidden-desktop {
    display: none!important
}

.visible-desktop {
    display: inherit!important
}

@media (max-width:1479px) {
	.page-title-foto {
		display:none;
	}
	
	.text-on-menu{
		display:none;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1199px) and (max-width: 1338px) {
  .hidden-md-gs {
    display: none !important;
  }
}

@media(min-width:768px) and (max-width:979px) {
    .hidden-desktop {
        display: inherit!important
    }
    .visible-desktop {
        display: none!important
    }
    .visible-tablet {
        display: inherit!important
    }
    .hidden-tablet {
        display: none!important
    }
}

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: inherit!important
    }
    .hidden-print {
        display: none!important
    }
}

@media(max-width:979px) {
	
	.padding-top-sm-0{
		padding-top: 0!important;
	}
	.padding-top-sm-10px{
		padding-top: 10px;
	}
	.padding-top-sm-15px{
		padding-top: 15px;
	}
	.padding-top-sm-30px{
		padding-top: 30px!important;
	}
	
	.padding-right-sm-0{
		padding-right: 0px;
	}
	.padding-right-sm-15{
		padding-right: 15px;
	}
	
	.padding-bottom-sm{
		padding-bottom: 5px;
	}
	.padding-bottom-sm-0{
		padding-bottom: 0;
	}
	.padding-bottom-sm-15px{
		padding-bottom: 15px;
	}
	.padding-bottom-sm-20px{
		padding-bottom: 20px;
	}
	.padding-bottom-sm-30px{
		padding-bottom: 30px;
	}
	.padding-bottom-sm-35px{
		padding-bottom: 35px;
	}
	.padding-bottom-sm-45px{
		padding-bottom: 45px;
	}
	
	.bx-loading{
		left:0;
		z-index: 2002;
	}
	
    body {
        padding-top: 0
    }
    .navbar {
        position: relative;
        margin-bottom: 0
    }
    .navbar .navbar-inner {
        padding: 0
    }
    .navbar .container {
        width: auto
    }
    .navbar .navbar-brand {
        width: 200px;
        font-size: 17px
    }
    
    #versioning{
		top: 2px;
		left: 80px;
	}
    
    .navbar .toggle-sidebar {
        display: none
    }
    .navbar-fixed-top {
        margin-right: 0;
        margin-left: 0
    }
    #container.fixed-header {
        margin-top: 0;
        padding: 0;
    }
    .sidebar-fixed,
    #sidebar {
        position: relative!important;
        top: 0
    }
    #divider {
        left: -8px
    }
    .navbar-left.navbar-left-responsive {
        position: absolute;
        width: 100%;
        background: #2a4053;
        margin-top: 48px!important;
        margin-left: -20px;
        display: none
    }
    .navbar-left.navbar-left-responsive>li {
        border-right: 0
    }
    
    /*-- dialog begin --*/
	    .modal-dialog.modal-lg .ui-resizable,  .modal-dialog.modal-xlg .ui-resizable{
		    bottom: 0;
		    left: 0;
		    overflow: scroll;
		    position: fixed;
		    right: 0;
		    top: 0;
		}
	    .modal-dialog.modal-lg, .modal-dialog.modal-xlg {
		    bottom: 0;
		    left: 0;
		    margin: 0;
		    position: fixed;
		    right: 0;
		    top: 0;
		    width: auto;
		}
		.modal-dialog.modal-lg .ui-resizable-handle, .modal-dialog.modal-xlg .ui-resizable-handle{
			display:none !important;
		}
		
		.modal-dialog.modal-lg .modal-content, .modal-dialog.modal-xlg .modal-content {
		    border: 0;
		    border-radius: 0;
		    box-shadow: none;
		    min-height: 0;
		    min-width: 0;
		}
	/*-- dialog end --*/
	
	
	/* ICONE TMPL */
	#bx-cerca-button .btn .text, .modal-footer .btn .text {
		display: none;
		
	}
	#bx-cerca-button .btn .icon, .modal-footer .btn .icon {
		display: inline;
		
	}
	
	.select2-dropdown--below { /** In responsive, i dropdown select 2 vengono messi dietro i filtri di ricerca nel tmpl. Da vedere perchè */
		z-index: 3000!important;
	}
    
}


@media(max-width:1280px) { /** Messo 1280 per visualizzazione su tablet fisico 1280x800 */
	/*-- dialog begin --*/
	    .modal-dialog.modal-lg .ui-resizable,  .modal-dialog.modal-xlg .ui-resizable{
		    bottom: 0;
		    left: 0;
		    overflow: scroll;
		    position: fixed;
		    right: 0;
		    top: 0;
		}
	    .modal-dialog.modal-lg, .modal-dialog.modal-xlg {
		    bottom: 0;
		    left: 0;
		    margin: 0;
		    position: fixed;
		    right: 0;
		    top: 0;
		    width: auto;
		}
		.modal-dialog.modal-lg .ui-resizable-handle, .modal-dialog.modal-xlg .ui-resizable-handle{
			display:none !important;
		}
		
		.modal-dialog.modal-lg .modal-content, .modal-dialog.modal-xlg .modal-content {
		    border: 0;
		    border-radius: 0;
		    box-shadow: none;
		    min-height: 0;
		    min-width: 0;
		}
	/*-- dialog end --*/
	
	.margin-right-sm-md-15px{
		margin-right: 15px;
	}
	
}	

@media(min-width:980px) {
    .nav-collapse.collapse {
        height: auto!important;
        overflow: visible!important
    }
/*     .page-title { */
/*     	width: calc(100% - 540px); */
/*     }	 */

	.padding-bottom-md-35px{
  		padding-bottom: 35px !important;
  	}
	.padding-bottom-md-30px{
  		padding-bottom: 30px !important;
  	}
	.padding-bottom-md-20px{
  		padding-bottom: 20px !important;
  	}
	
	.margin-left-negative-md-40px{
		margin-left: -40px;
	}
	
	.margin-left-negative-md-70px{
		margin-left: -70px;
	}
	
	/* ICONE TMPL */
	#bx-cerca-button .btn .text, .modal-footer .btn .text {
		display: inline;
	}
	#bx-cerca-button .btn .icon, .modal-footer .btn .icon {
		display: none;
	}

}

@media(min-width:1181px) {
	
	.padding-bottom-lg-0{
		padding-bottom: 0!important;
	}
	
	
}

@media(max-width:768px){
	.statbox .visual {
		  font-size: 26px;
		  padding: 0;
	}
	
	#bx-interlocutori-chat{
    	display: none;
    }
    
   #bx-lista-messaggi .year {
		display: block;
	}
	
	#bx-lista-messaggi .title-year{
		display:none;
	}
	
	#bx-lista-messaggi .title{
		display:block;
	}
	
	.btn-mobile {
	  height: 60px;
	  padding: 5px 10px;
	  font-size: 15px;
	  line-height: 1.5;
	}
	
	.mb-mobile {
	  margin-bottom: 20px;
	}
	
}


@media(min-width:768px) and (max-width:979px) {

	.crumbs-cerca{
		left: 180px !important;
	}
	
	#bx-cerca {
        width: 180px !important;
        
        float: right;
        border-left: 1px solid #d1d1d1
    }
    
    #divider2 {
	    display: none;
	}
	#bx-cerca-button{
		width: 180px !important;;
		margin-left: 0px !important;
	}
	
	#bx-risultati {
	    margin-right: 180px;
	    margin-top: 12px;
	}
	
	#bx-form-tmpl{
		margin-top: 12px;
	}
	
	.bx-cerca-closed #bx-risultati{
		margin-right: 0;
	}	
	
    #sidebar {
        width: 180px;
        overflow: visible;
        float: left;
        border-right: 1px solid #d1d1d1
    }
    #sidebar ul#nav>li.current>a {
        border-right: 2px solid #668eb0
    }
    #sidebar ul#nav>li.current>a>.arrow {
        right: 2px!important
    }
    #sidebar ul#nav li a {
        font-size: 12px
    }
    #sidebar ul#nav li ul.sub-menu {
        margin-left: 0
    }
    #sidebar ul#nav li ul.sub-menu li a {
        font-size: 11px
    }
    #sidebar ul#nav li ul.sub-menu li ul.sub-menu {
        margin-left: 10px;
        margin-right: 0
    }
    #divider {
        display: none
    }
    .slimScrollBar,
    .slimScrollRail {
        display: none!important
    }
    #content {
        margin-left: 181px
    }
/*     .crumbs .crumb-buttons>li>a>span { */
/*         display: none */
/*     } */
    .page-stats li:first-child {
        margin-left: 0;
        padding-left: 0
    }
    .page-stats li .summary {
        margin-right: 5px
    }
    .input-xxlarge {
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    
}

@media(max-width:767px) {
	
    .hidden-desktop {
        display: inherit!important
    }
    .visible-desktop {
        display: none!important
    }
    .visible-phone {
        display: inherit!important
    }
    .hidden-phone {
        display: none!important
    }
    
    .navbar > .container {
	  padding-left: 0;
	  padding-right: 0;
	}
	
	#label-nome-progetto{
		display: none;
	}
	
	.navbar .navbar-brand {
        padding: 10px 10px 10px;
        margin-left: 0px !important;
        height: 50px;
  		width: 60px;
    }
    .navbar-left.navbar-left-responsive {
        margin-left: 0
    }
    
    .page-title{
    	padding: 5px 20px;
    	text-align: left;
    }
	
	.crumbs-cerca{
		left: 0px !important;
		-webkit-transition: left .3s ease;
        -moz-transition: left .3s ease;
        -o-transition: left .3s ease;
        transition: left .3s ease
	}
	
	.row-bg.row-bg-home {
		padding-left:10px;
		padding-right: 10px;
	}
	
	#bx-cerca {
        width: 180px !important;;
        
        float: right;
        border-left: 1px solid #d1d1d1
    }
    
    #divider2 {
	    display: none;
	}
	#bx-cerca-button{
		width: 180px !important;;
		margin-left: 0px !important;
	}
	
	#bx-risultati {
	    margin-right: 180px;
	    margin-top: 12px;
	}
	
	#bx-form-tmpl{
		margin-top: 12px;
	}
	
	.bx-cerca-closed #bx-risultati{
		margin-right: 0;
	}	
	
/* 	.crumbs { */
/*     	margin: 0 -9px; */
/* 	} */
	
    body {
        padding-left: 0;
        padding-right: 0
    }
    html {
        overflow-x: hidden
    }
    .container {
        padding: 0
    }
    #content {
        margin-left: 0
    }
    .row {
        margin-left: -15px;
        margin-right: -15px
    }
    .navbar .container {
/*         padding: 0 */
    }
    .navbar .container .nav>li.nav-toggle {
        display: block
    }
    .navbar .container .navbar-brand {
/*         display: none */
    }
    #versioning {
	   top: 15px;
       left: 50px;
  	}
    
    .navbar .container .username {
        display: none
    }
    .navbar .container .nav-left {
        margin-left: -2px
    }
    .navbar .container .navbar-nav {
        float: left;
        margin-top: 0;
        margin-bottom: 0
    }
    .navbar .container .navbar-nav.pull-right {
        float: right;
        width: auto
    }
    .navbar .container .navbar-nav>li {
        float: left
    }
    .navbar .container .nav>li>.dropdown-menu.extended {
        margin-right: -110px;
        width: 260px
    }
    .navbar .container .nav>li>.dropdown-menu.extended>li>a {
        color: #6f6f6f;
        padding: 8px
    }
    .navbar .container .nav>li>.dropdown-menu.extended>li>a:hover {
        background-color: #4d7496;
        color: #fff
    }
    .navbar .container .nav>li>.dropdown-menu.extended>li.footer>a {
        background-color: #f9f9f9
    }
    #divider {
        display: none
    }
    #project-switcher .project-list li {
        padding: 0 10px
    }
    #container {
        position: relative;
        left: 0;
        padding-left: 20px;
        padding-right: 20px
    }
    #sidebar {
        position: fixed!important;
        overflow: hidden;
        overflow-y: auto;
        top: 0;
        left: -250px;
        width: 249px;
        height: 100%;
        z-index: 1;
        border-right: 1px solid #d1d1d1;
        -webkit-transition: left .3s ease;
        -moz-transition: left .3s ease;
        -o-transition: left .3s ease;
        transition: left .3s ease
    }
    #sidebar ul#nav>li.current>a {
        border-right: 2px solid #668eb0
    }
    #sidebar ul#nav li a {
        padding: 12px 15px
    }
    #sidebar ul#nav li ul.sub-menu li a {
        padding: 10px 15px 10px 20px
    }
    #container,
    .header,
    #sidebar {
        -webkit-transition: left .3s ease;
        -moz-transition: left .3s ease;
        -o-transition: left .3s ease;
        transition: left .3s ease
    }
    .nav-open #container,
    .nav-open .header,
    .nav-open #sidebar {
        left: 250px;
        -webkit-transition: left .3s ease;
        -moz-transition: left .3s ease;
        -o-transition: left .3s ease;
        transition: left .3s ease
    }
    
    .crumbs-cerca.nav-opened-cerca {
        left: 258px !important;
        -webkit-transition: left .3s ease;
        -moz-transition: left .3s ease;
        -o-transition: left .3s ease;
        transition: left .3s ease
    }
    
    .nav-open #sidebar {
        left: 0
    }
    .crumbs .crumb-buttons>li>a>span {
        display: none
    }
    
    .crumbs .crumb-buttons>li>a>.always-show{
        display: block;
    }
    
    .crumbs .crumb-buttons>li>a>.hide-s{
    	display: none;
    }
    
    .daterangepicker.dropdown-menu {
        min-width: 0!important
    }
    .daterangepicker.opensleft .calendar.right {
        float: none
    }
    .left-box,
    .right-box {
        width: 100%;
        float: none
    }
    .dual-control {
        width: auto;
        margin: 20px 0;
        position: static;
        left: 0
    }
    .btn-group,
    .input-append,
    .input-prepend {
        white-space: normal
    }
    .form-horizontal .form-actions {
        padding-left: 20px;
        padding-right: 20px
    }
    .form-horizontal .form-group {
        margin-right: -15px;
        margin-left: -15px
    }
    .input-width-large,
    .input-width-xlarge,
    .input-width-xxlarge {
        width: 100%!important;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .select2-container-multi.full-width-fix .select2-search-field input {
        width: 100%!important
    }
    
    
    /*-- dialog begin --*/
    .ui-resizable {
	    bottom: 0;
	    left: 0;
	    overflow: scroll;
	    position: fixed;
	    right: 0;
	    top: 0;
	}
    .modal-dialog {
	    bottom: 0;
	    left: 0;
	    margin: 0;
	    position: fixed;
	    right: 0;
	    top: 0;
	    width: auto;
	}
	.ui-resizable-handle{
		display:none !important;
	}
	
	.modal-content {
	    border: 0;
	    border-radius: 0;
	    box-shadow: none;
	    min-height: 0;
	    min-width: 0;
	}
	/*-- dialog end --*/
}

@media(max-width:480px) {
    .page-header {
        text-align: center;
        margin: 0 auto
    }
    .page-header .page-title {
        float: none
    }
    .page-header .page-stats {
        display: none
    }
    .crumbs {
        text-align: center
    }
    .crumbs .breadcrumb {
        display: none
    }
    .crumbs .crumb-buttons {
        float: none;
        margin: 0 auto;
        display: inline-block;
        height: 40px
    }
    .login .logo {
        margin-top: 0!important
    }
    .login .box {
        width: 100%!important
    }
    .login .single-sign-on {
        width: 90%!important
    }
    .bx-col-owc {
		width: inherit;
		float: inherit;
		padding-left: inherit;
	}
}

@media (min-width: 800px) and (max-width:1099px) {
	.menu-home-col-lg-3 {
	    width: 50%;
	}
}

@media (min-width: 1100px) and (max-width:1340px) {
	.menu-home-col-lg-3 {
	    width: 33.3333%;
	}
	.widthCbData .select2-container{
		width: 150px!important;
	}
}

@media (min-width: 1341px) {
	.menu-home-col-lg-3 {
	    width: 25%;
	}
	.widthCbData .select2-container{
		width: 150px!important;
	}
}

/* MODALITA TABLET PER RAPPORTINO? */
@media(min-width:768px) and (max-width: 1199px) {
	.d-none-tablet {
		display: none;
	}
	.d-block-tablet {
		display: block;
	}
}
@media(min-width:1200px) {
	.d-none-desktop {
		display: none;
	}
	.d-block-desktop {
		display: block;
	}
}

@media(max-width:809px) {
	
	ul.sub-menu li a:not(.mm-salcef-enabled-mobile){
		opacity: 0.3;
	}
	
}