/* Add here all your CSS customizations */

@media only screen and (max-width: 425px) {
    .select2_lunghezza{
        width:auto !important;
    }
    .userbox {
        float: unset !important;
    }
    .userbox .name, .userbox .role {
        max-width:100% !important;
    }
    .userbox:after{
        display:none !important;
    }
    .userbox.open .dropdown-menu {
        width:120% !important;
    }
}

ul.gallery{
	list-style:none;
	padding:5px;
}

ul.gallery li{
	  margin: 5px;
    height: 150px;
    width: 150px;
    text-align: center;
    float: left;
    border: 1px solid #eee;
    padding: 2px;
    position: relative;
    background: #f6f6f6;
    border-radius: 5px 5px 0 0;
}

img.gallery{
	max-height:100px;
	max-width:100%
}

ul.gallery li div{
	margin-top:3px; 
	width:100%;
	padding:5px;
}
.text-right-imp{
	text-align:right !important;
}
input.btn-danger , textarea.btn-danger , select.btn-danger{
	border: 2px solid;
	border-color: #a94442 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
  background-color:#fff !important;
  color:#000 !important;
}

.sel2{
	width:100%;
	height:34px !important;
	max-width:100%;	
}

.select2-container .select2-selection--single.sel2{
    height: 34px !important;
    line-height: 1.42857143 !important;
    padding-top: 2px;    
}
.btn-danger .select2-container .select2-selection--single{
    height: 34px !important;
    line-height: 1.42857143 !important;
    padding-top: 2px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    /* background-color: #d2322d; */
    border-color: #d2322d;
    border: 3px solid #d2322d;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    position: absolute !important;
    bottom: 0 !important;
    right: 12px !important;
    top: 4px !important;
    width: 4px !important;
}

.control-label{
	font-weight: bold;	
}

.select2{
	width:100% !important;	
}	

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 31px !important;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 34px !important;
    user-select: none;
    -webkit-user-select: none;
    min-width: 130px;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

 .select2-container.select2-container--default.select2-container--open{
    z-index: 10013;
}

.no-overflow {
    display:inline-block;
    white-space:nowrap;
    position:relative; /* must be relative */
    width:100%; /* fit to table cell width */
    margin-right:-1000px; /* technically this is a less than zero width object */
    overflow:hidden;
    height:60.8px;
    line-height: 3.428571 !important;
}


ul.nav-main.progetti > li > a:hover, ul.nav-main > li > a:focus , ul.nav-main.progetti > li.nav-expanded > a , ul.nav-main.progetti li .nav-children, ul.nav-main.progetti li .nav-children li a:hover{
    background-color: #0088cc;
   /* color:#fff;*/
   color:#777;
}

ul.nav-main.progetti > li > a{
		color:#777;	
}
ul.nav-main.progetti > li.active > a{
		font-weight: bold;	
}
ul.nav-main.progetti li .nav-children a{
		color:#fff;
}
ul.nav-main li ul.nav-children.percorsi li a{
	padding-left:20px !important;
}

ul.nav-main li.nav-parent.percorsi_voci > a:after{
	padding: 14px 11px !important;
}

ul.nav-children.percorsi > li.active > a{
		/*font-weight: bold;*/
		/*background-color:#171717;*/
		background-color:#0088cc;
		color:#fff !important;
}
ul.nav-children.percorsi > li.active > a:hover{
		color:#777 !important;
}

.colored_title{
	color:#0088cc;
}

.popover-content {
    font-size: 11px;
}


/*
ul.nav-main.progetti li .nav-children li a:focus{
	background-color: #fff;
 }*/