/* Personalizzazione navbar */

.panel-body{
	height: 100%
}

.collapsing{
	transition: height 0.6s;
}

.navbar-default {  
	background-image: linear-gradient(to bottom, #F04949 0, #CA0000 100%);
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
	color: #fff;
	background-color: #D5D5D5;
	background-image: linear-gradient(to bottom, #F04949 0, #CA0000 100%);
}

nav input{
	margin-left: 2px;
	margin-right: 2px;
}
.navbar {
	color: #fff;
}
#logout {
	margin-left: 10px;
}
.navbar-brand{
	padding:10px;
}
.navbar-brand>img{
	height: 30px;
	width: 30px;
}

/* Footer */
html,body
{
	height:100%;
	font-family: Helvetica, Arial, sans serif;
}


#wrap
{
	min-height: 65%; 
	margin-bottom: 20px;
}
#wrap-nologin{
	min-height: 60%; 
	margin-bottom: 20px;	
}

#main
{
	overflow:auto;
	padding-bottom:80px; /* this needs to be bigger than footer height*/
}

.footer 
{
	height: 60px;
	clear:both;
	padding-top:20px;
	color: #565655;
	border-radius: 4px;
	font-size: 10px;
	border: none;
} 

/* Spaziatura forms */
input{
	margin-bottom: 20px;
}
.form-inline input{
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
}
select{
	margin-bottom: 20px;
}
nav input{
	margin-bottom: 0px;
}
.chosen-container{
	margin-bottom: 20px;
}
.divisore{
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}
.chosen-container{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_222222_256x240.png") !important;
}


/* Spaziature generali*/


.spazio-top{
	margin-top: 10px;
}
.spazio-bottom{
	margin-bottom: 10px;
}
.spazio-left{
	margin-left: 5px;
}
.spazio-right{
	margin-right: 5px;
}


/* CSS per le checkbox */
.checkbox label{
	font-weight: 300;
}

/* CSS per la validazione form */
ul.has-error{
	border-color: #a94442 !important;
}
input.has-error{
	border-color: #a94442;
}
label.has-error {
	color: #a94442;
}
textarea.has-error{
	border-color: #a94442;
}


/* Css per il pagination */
.pagination>li>a, .pagination>li>span{
	color: #B73333;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background-color: #B73333;
	border-color: #B73333;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
	color: #7C2323;	
}

/* Table headers */
thead {
	background-color: #f5f5f5;
}
.page-header{
    margin: 20px 0px 20px;
}

/* Links */
a {
	color: #b73333;
}
a:focus, a:hover {
	color: #7C2323;
}

/* Istruzioni per le form */
.postilla {
	margin-top: 5px;
	font-size: 12px;
}


/*   TYPOGRAPHY     */
legend{
	color: #D10E0E;
}
.glyphicon-middle{
	vertical-align: middle;
}
.glyphicon-info-sign {
	font-size: 20px;
	color: #b73333;
}
.glyphicon-log-in {
	font-size: 20px;
	color: #b73333;
}
.glyphicon-edit {
	font-size: 20px;
	color: #b73333;
}
.glyphicon-remove {
	font-size: 20px;
	color: #b73333;
}
.glyphicon-file {
	font-size: 20px;
	color: #b73333;
}
.glyphicon-user {
	font-size: 20px;
	color: #b73333;
}
.glyphicon-upload {
	font-size: 20px;
	color: #b73333;
}
.glyphicon-picture {
	font-size: 20px;
	color: #b73333;
}
.glyphicon-refresh {
	font-size: 20px;
	color: #b73333;
}
.glyphicon-import {
	font-size: 20px;
	color: #b73333;
}
.glyphicon-ok {
	font-size: 20px;
	color: #b73333;
}
.glyphicon-cog {
	font-size: 20px;
	color: #b73333;
}
.glyphicon-duplicate {
	font-size: 20px;
	color: #b73333;
}
.glyphicon-send{
    font-size: 20px;
	color: #b73333;	
}
.glyphicon-euro{
    font-size: 20px;
	color: #b73333;	
}
.glyphicon-globe{
    font-size: 20px;
	color: #b73333;	
}
.glyphicon-pencil{
    font-size: 20px;
	color: #b73333;	
}
.glyphicon-lock{
    font-size: 20px;
	color: #b73333;	
}
.testo-verde {
	color: green;
}
.testo-rosso{
	color: red;
}
#legenda_remove {
	vertical-align: sub;
	padding-left: 2px;
}
.btn-primary:hover {
  background-color: #CA0000;
  border-color: #CA0000;
  background-position: 0 -15px;
}
.btn-primary:active {
  background-color: #CA0000;
  border-color: #CA0000;
  background-position: 0 -15px;
}
.btn-primary:focus {
  background-color: #CA0000;
  border-color: #CA0000;
  background-position: 0 -15px;
}
.btn-primary {
  background-repeat: repeat-x !important;
  border-color: #CA0000 !important;
  background-image: -webkit-linear-gradient(top,#F04949 0,#CA0000 100%);
  background-image: -o-linear-gradient(top,#F04949 0,#CA0000 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#F04949 ),to(#CA0000));
  background-image: linear-gradient(to bottom,#F04949 0,#CA0000 100%);
}

/* BOOTSTRAP SELECT */
.bootstrap-select button{
	background: none !important;
}
.bootstrap-select button.disabled{
	background-color: #eee !important;
	opacity: 100 !important;
}
.bootstrap-select .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
	background-color: #CA0000 !important;
	background-image: -webkit-linear-gradient(top,#F04949 0,#CA0000 100%) !important;
	background-image: -o-linear-gradient(top,#F04949 0,#CA0000 100%) !important;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#F04949 ),to(#CA0000)) !important;
	background-image: linear-gradient(to bottom,#F04949 0,#CA0000 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F04949'  , endColorstr='#CA0000', GradientType=0) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
	background-repeat: repeat-x !important;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{
	color: green;
}

/* LOGIN FORM */

.vertical_align{
  min-height: 60%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 60vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}
.login-header{
	font-size: 20px;
	color: #676565;
	margin-bottom: 25px
}
#login-button{
	font-size: 20px;
}
.blocco-login{
	margin-top: 50px;
}

/* MEDIA QUERIES */
@media (max-width: 767px){
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
  		color: #FFF !important;
	}
	.navbar-default .navbar-toggle .icon-bar {
  		background-color: #FFF;
	}
	.login-header{
		font-size: 10px !important;
		font-weight: normal !important;
	}
	h1{
		font-size: 22px !important;
	}
	.blocco-login{
		margin-top: 10px !important;
	}
	.banner-container{
		padding-left: 2px !important;
		padding-right: 2px !important;
	}
	.breadcrumb>li{
		font-size: 10px;
	}
}

.bootstrap-select.has-error button{
	border-color: #a94442;
}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}