/* CSS used here will be applied after bootstrap.css */

/* colore sfondo navbar*/ 
.navbar-default {	background-color: #ffffff;}

/* Create a medium height at 40px */
.navbar-md {min-height:40px}
.navbar-md .navbar-brand,
.navbar-md .navbar-nav>li>a {padding-top:10px; padding-bottom:10px}
.navbar-md .navbar-brand {height: 70px}  
/.navbar-md .navbar-toggle {margin: 6px 12px 6px 0px; padding: 6px 7px 6px 7px;}
.navbar-md .navbar-toggle .icon-bar {width: 19px;}*/


/* Create a small height at 30px */
.navbar-sm {min-height:30px}
.navbar-sm .navbar-brand,
.navbar-sm .navbar-nav>li>a {padding-top:5px; padding-bottom:5px}
.navbar-sm .navbar-brand {height: 70px}
/*.navbar-sm .navbar-toggle {margin: 3px 9px 3px 0px; padding: 4px 4px 4px 4px;}
.navbar-sm .navbar-toggle .icon-bar {width: 16px;} */

/* Create a big height at 60px */
.navbar-bg {min-height:60px}
.navbar-bg .navbar-brand,
.navbar-bg .navbar-nav>li>a {padding-top:25px; padding-bottom:25px}
.navbar-bg .navbar-brand {height: 70px}
/* .navbar-bg .navbar-toggle {margin: 3px 12px 6px 0px; padding: 6px 7px 6px 7px;} 
.navbar-bg .navbar-toggle .icon-bar {width: 19px;} */


/* LOGIN - Credit to bootsnipp.com for the css for the color graph*/
.colorgraph {
  height: 5px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}





/*______________  VALIDATION FORM ________________*/
.input-group-addon.primary {
    color: rgb(255, 255, 255);
    background-color: rgb(50, 118, 177);
    border-color: rgb(40, 94, 142);
}
.input-group-addon.success {
    color: rgb(255, 255, 255);
    background-color: rgb(92, 184, 92);
    border-color: rgb(76, 174, 76);
}
.input-group-addon.info {
    color: rgb(255, 255, 255);
    background-color: rgb(57, 179, 215);
    border-color: rgb(38, 154, 188);
}
.input-group-addon.warning {
    color: rgb(255, 255, 255);
    background-color: rgb(240, 173, 78);
    border-color: rgb(238, 162, 54);
}
.input-group-addon.danger {
    color: rgb(255, 255, 255);
    background-color: rgb(217, 83, 79);
    border-color: rgb(212, 63, 58);
}

/* MODIFICHE LAYOUT PRESConfNuovoDip */
	
	.grey{
			background-color: #333;
			padding: 20px;

	}
	
	.azzurro{
			background-color: #007FFF;
			padding: 20px;

	}
	
	.verde{
			background-color: rgba(46, 98, 0, 0.8);
			padding: 20px;

	}
	
		
	.darkblue{
			background-color: #2f4253;
			padding: 20px;

	}
	#2f4253
	
	.marginejumbo{
			margin-bottom: 0px;
	}	
	
	.nolineapageheader{
		border-bottom: 0px;
		margin: 40px 0 20px;
		padding-bottom: 9px;
	}	
	
	.nav-pills > li > a {
		border-radius: 0px;
	}
	
	.fontlabel_giorni {
		font-weight:normal;
		font-color:#737373;
	}	

	 .help-block  {
		margin-bottom:0px;
	}	

	.has-feedback .form-control {
		padding-right: 0px;
	}

	/*  ________________ altro ________________ */
	.btn {
		border-radius: 0px;
	}


     /* _______________ MENU SIDEBAR A SX ______________*/
	 
	 .nav-side-menu .menu-list .menu-content{
	visibility:visible !important;
	}
	
	.menu-list{
	 height: auto;  /* era 400px ma poi su cellulare occupa spazio*/
	 }
	 
	.nav-side-menu {
	  overflow: auto;
	  font-family: verdana;
	  font-size: 12px;
	  font-weight: 200;
	  background-color: #2e353d;
	  /*position: fixed;
	  top: 0px;*/
	  width: auto;
	  height: 100%;
	  color: #e1ffff;
	}
	.nav-side-menu .brand {
	  background-color: #23282e;
	  line-height: 50px;
	  display: block;
	  text-align: center;
	  font-size: 14px;
	}
	.nav-side-menu .toggle-btn {
	  display: none;
	}
	.nav-side-menu ul,
	.nav-side-menu li {
	  list-style: none;
	  padding: 0px;
	  margin: 0px;
	  line-height: 35px;
	  cursor: pointer;
	  /*    
		.collapsed{
		   .arrow:before{
					 font-family: FontAwesome;
					 content: "\f053";
					 display: inline-block;
					 padding-left:10px;
					 padding-right: 10px;
					 vertical-align: middle;
					 float:right;
				}
		 }
	*/
	}
	.nav-side-menu ul :not(collapsed) .arrow:before,
	.nav-side-menu li :not(collapsed) .arrow:before {
	  font-family: FontAwesome;
	  content: "\f078";
	  display: inline-block;
	  padding-left: 10px;
	  padding-right: 10px;
	  vertical-align: middle;
	  float: right;
	}
	.nav-side-menu ul .active,
	.nav-side-menu li .active {
	  border-left: 3px solid #d19b3d;
	  background-color: #4f5b69;
	}
	.nav-side-menu ul .sub-menu li.active,
	.nav-side-menu li .sub-menu li.active {
	  color: #d19b3d;
	}
	.nav-side-menu ul .sub-menu li.active a,
	.nav-side-menu li .sub-menu li.active a {
	  color: #d19b3d;
	}
	.nav-side-menu ul .sub-menu li,
	.nav-side-menu li .sub-menu li {
	  background-color: #181c20;
	  border: none;
	  line-height: 28px;
	  border-bottom: 1px solid #23282e;
	  margin-left: 0px;
	  padding-left:20px;
	}
	.nav-side-menu ul .sub-menu li:hover,
	.nav-side-menu li .sub-menu li:hover {
	  background-color: #020203;
	}
	.nav-side-menu ul .sub-menu li:before,
	.nav-side-menu li .sub-menu li:before {
	  font-family: FontAwesome;
	  /*content: "\f105";
	  display: inline-block;
	  padding-left: 10px;
	 padding-right: 10px; */
	  vertical-align: middle;
	}
	.nav-side-menu li {
	  padding-left: 0px;
	  border-left: 3px solid #2e353d;
	  border-bottom: 1px solid #23282e;
	}
	.nav-side-menu li a {
	  text-decoration: none;
	  color: #e1ffff;
	}
	.nav-side-menu li a i {
	  padding-left: 10px;
	  width: 20px;
	  padding-right: 20px;
	}
	
	.nav-side-menu li i {
	  padding-left: 10px;
	  width: 20px;
	  padding-right: 20px;
	}
	
	.nav-side-menu li:hover {
	  border-left: 3px solid #d19b3d;
	  background-color: #4f5b69;
	  -webkit-transition: all 1s ease;
	  -moz-transition: all 1s ease;
	  -o-transition: all 1s ease;
	  -ms-transition: all 1s ease;
	  transition: all 1s ease;
	}
	@media (max-width: 767px) {
	  .nav-side-menu {
		position: relative;
		width: 100%;
		margin-bottom: 10px;
	  }
	  .nav-side-menu .toggle-btn {
		display: block;
		cursor: pointer;
		position: absolute;
		right: 10px;
		top: 10px;
		z-index: 10 !important;
		padding: 3px;
		background-color: #ffffff;
		color: #000;
		width: 40px;
		text-align: center;
	  }
	  .brand {
		text-align: left !important;
		font-size: 22px;
		padding-left: 20px;
		line-height: 50px !important;
	  }
	}
	@media (min-width: 767px) {
	  .nav-side-menu .menu-list .menu-content {
		display: block;
	  }
	}
	body {
	  margin: 0px;
	  padding: 0px;
	}

.huge {
    font-size: 40px;
}