/* **************************************************************
 * Priorita dei css:
 * In presenza di più regole, ha priorità la regola più specifica
 *
 * La regola è più specifica quanto più riesce a risalire nel DOM
 *
 * ESEMPIO:
 * 
 *
 *  div.a { input:red }
 * .wrapper div.b { input: blue } //la classe b è più specifica di a 
 *                                //ha una condizione in più
 ****************************************************************/
#infobar {
	line-height: 40px;
}

.jm-navbar {
	background-color: #1B1B1B;
	background-image: -moz-linear-gradient(center top, #22ff22, #11ee11);
	background-repeat: repeat-x;
	border-color: #252525;
}

#jm-brand { /*color:#11AA11;*/
	color: #000;
	font-weight: bold;
	font-size: 22px;
	font-family: comic sans ms, Helvetica Neue, Helvetica, sans-serif
}

input.jm-input,.navbar-fixed-top .navbar-inner .sub-navbar .container input.jm-input
	{
	font-size: 12px;
	height: 14px;
	line-height: 14px;
}

.navbar-fixed-top .navbar-inner .sub-navbar .container button.jm-input {
	font-size: 12px;
	height: 20px;
	line-height: 12px;
}

.jm-descrizione-evento-header {
	width: 260px;
	background-color: #333333;
	line-height: 20px;
	color: #eeeeee;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	font-size: 14px;
}

.jm-descrizione-evento-body {
	height: 55px;
	padding: 3px;
	line-height: 12px;
	color: #222222;
	font-size: 12px;
}

div.jm-info-evento {
	margin-left: 3px;
	width: 220px;
	line-height: 12px;
	color: #222222;
	font-size: 10px;
	border: 1px solid #eeeeee
}

#label-foto {
	line-height: 18px;
	font-size: 18px;
	line-height: 26px;
	background-color: #0088CC;
}

#jm-submit,#jm-cerca-eventi {
	background-image: -moz-linear-gradient(top, #ccc, #6189b7);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ccc),
		to(#6189b7) );
	background-image: -webkit-linear-gradient(top, #ccc, #6189b7);
	background-image: -o-linear-gradient(top, #ccc, #6189b7);
	background-image: linear-gradient(to bottom, #ccc, #6189b7);
	background-color: #6189b7;
}

#jm-home {
	background-image: -moz-linear-gradient(top, #ccc, #6189b7);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ccc),
		to(#6189b7) );
	background-image: -webkit-linear-gradient(top, #ccc, #6189b7);
	background-image: -o-linear-gradient(top, #ccc, #6189b7);
	background-image: linear-gradient(to bottom, #ccc, #6189b7);
	background-color: #6189b7;
}

#news .carousel-caption{
	color: #777;
}

/*
#carousel-sinistra {
	position: relative;
	float: left;
	margin-top: 10px;
}

#carousel-destra {
	position: relative;
	float: right;
	margin-top: 10px;
}
*/
.jm-descrizione-evento-rating {
	vertical-align: bottom;
}

#registrazione .control-group label.control-label {
	width: 220px;
	margin-right: 15px;
}

.jm-visible {
	display: visible;
}

.jm-invisible {
	display: none;
}

.jm-centrato {
	margin-left: auto;
	margin-right: auto;
}

.jm-flol {
	float: left;
}

.jm-flor {
	float: right;
}

.jm-control-label2 {
	float: left;
	padding-top: 5px;
	text-align: right;
	width: 75px;
}

#contenitore_mappa {
	height: 280px;
}

.jm-content {
	margin: 8px;
	background-color: white;
	padding: 3px;
}

.jm-riga {
	clear: both;
	overflow: hidden;
	margin-bottom: 15px;
}

label.jm-label1 {
	text-align: right;
	font-weight: bold;
	margin-right: 5px;
}

label.jm-label-titolo {
	margin-top: 0px;
	line-height: 24px;
	font-size: 20px;
	width: 100%;
	margin-bottom: 5px;
}

label.jm-label2 {
	font-weight: bold;
	color: #0088CC;
	text-align: left;
	display: inline;
}

.jm-border-bottom1 {
	border-bottom: 1px solid #BBB;
}

.jm-hover1:hover {
	border: 2px solid #0088CC;
}

.jm-margin1 {
	margin: 8px;
}

.jm-margin-t1 {
	margin-top: 5px;
}

.jm-margin-t2 {
	margin-top: 10px;
}

.jm-margin-r1 {
	margin-right: 5px;
}

.jm-margin-r2 {
	margin-right: 10px;
}

.jm-background1 { /*background-color:#ebebeb;*/
	/*
    background-color:#fff;
    -moz-border-radius: 35px;
	border-radius: 35px;*/
	
}

.jm-background2 {
	background-color: white;
}

.jm-border {
	border: 1px solid #CCCCCC;
	padding: 6px;
}

.jm-border-bottom {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 4px;
}

.jm-border-left { /*border-left: 1px solid #CCCCCC;*/
	padding-bottom: 4px;
}

#ui-datepicker-div {
	z-index: 1200 !important;
}

.jm-top-label-nick {
	color: #DDD;
	margin: 0;
	padding: 0;
}

.jm-link-top {
	color: #11AA11
}

#mplthumbs {
	height: 350px;
	overflow-y: auto;
	clear: both;
}

.player {
	padding-right: 10px;
}

/*****playlist************/
.playlistbox {
	margin-left: 8px;
	margin-top: 10px;
	padding: 4px;
	border: 1px solid #aaa;
	width: 172px;
	min-height: 100px;
	float: left;
	/*display:inline-block;*/
	overflow-x: hidden;
}

.playlistbox a {
	cursor: pointer;
}

.playlistbox-inner {
	min-height: 120px;
	max-height: 120px;
	overflow-y: auto;
	margin-bottom: 4px;
	border-bottom: 1px solid #AAAAAA;
}

.playlistbox .left {
	min-height: 50px;
}

.playlistbox .right {
	overflow-x: hidden;
}

.playlistbox .descrizione {
	border-top: 1px solid #aaa;
	font-size: 10px;
	font-style: italic;
	width: 100%;
	clear: both;
}

.playlistbox h5 {
	font-weight: bold;
	color: blue;
}

.playlistbox .link {
	border-top: 1px solid #aaa;
	font-weight: bold;
	color: blue;
	width: 100%;
	clear: both;
}

/*****playlist************/
input.ricerca {
	font-size: 18px;
	height: 32px;
	line-height: 30px;
	width: 377px;
}

input.ricercawpl {
	font-size: 14px;
	height: 10px;
	line-height: 16px;
	margin-left: 8px;
	padding: 8px;
	width: 70%;
}

input.shareurl {
	font-size: 14px;
	height: 10px;
	line-height: 16px;
	margin-left: 8px;
	padding: 8px;
	width: 60%;
}

/*******pulsante cerca***********/
#cerca {
	height: 42px;
	line-height: 30px;
	margin-bottom: 10px;
	padding: 4px 6px;
	width: 65px;
}
/*******pulsante cerca***********/

/*******risultati ricerca***********/
.searchResult {
	width: 594px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	padding: 4px;
	margin-bottom: 10px;
}

.searchResult:hover {
	background-color: #EEE;
	border: 1px solid #006DCC;
}

.searchResult .title {
	width: 508px;
	float: left;
	font-weight: bold;
	font-size: 14px;
	background-color: #222;
	color: white;
}

.searchResult .description {
	width: 508px;
	float: left;
	font-weight: italic;
	font-size: 10px;
}

.searchResult .icon {
	width: 80px;
	float: right;
}

.searchResult .icon img {
	max-width: 100%;
}

.searchResult .button {
	margin-top: 6px;
	width: 594px;
	clear: both;
}

.searchResult .butt-left {
	float: left;
	width: 250px;
	height: auto;
}

.searchResult .butt-right {
	float: right;
	height: auto;
}

#btnPlaySelected {
	float: right;
	margin-bottom: 12px;
	margin-left: 3px;
}

#btnAddSelectedToPl {
	float: right;
	margin-bottom: 12px;
	margin-left: 3px;
}

span.jm-label {
	margin-right: 5px;
	padding-left: 4px;
}

#returnToList {
	margin-top: 10px;
	margin-bottom: 10px;
}

#messaggiWrapper {
	margin-top: 7px;
	min-height: 44px;
}

#messaggi {
	margin-bottom: 4px;
}

#actionMenu {
	min-height: 42px;
}

#infoDediche {
	white-space: normal;
}

#dialogMail {
	background-color: white;
}

.ui-front {
	z-index: 9999 !important;
}

/*******risultati ricerca***********/

/**
Top Bar

*/
/*
.topbar {
	background-color: #1b1b1b;
	background-image: -moz-linear-gradient(top, #cc6300, #F39814);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cc6300),
		to(#F1C7A0) );
	background-image: -webkit-linear-gradient(top, #cc6300, #F39814);
	background-image: -o-linear-gradient(top, #cc6300, #F39814);
	background-image: linear-gradient(to bottom, #cc6300, #F39814);
	background-repeat: repeat-x;
	border: 0px solid #bbbbbb;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222',
		endColorstr='#ff111111', GradientType=0 );
		
}

	

*/

body{
	background-color: #FFFFFF;
}

.topbar .container{
	margin-top: 0px;
	background-color: #FFFFFF;
	
}

.topbar {
	background-color: #FFFFFF;
	background-image: none;
	border: none;
}




.topbar .navbar-brand {
	color: #000;
	-webkit-transition: color .5s linear;
	-moz-transition: color .5s linear;
	-o-transition: color .5s linear;
	transition: color .5s linear;
}

.topbar.navbar-inverse .navbar-link {
  color: #000;
}
.topbar.navbar-inverse .navbar-link:hover {
  color: #FFFFFF;
  text-decoration: none;
}


.topbar .navbar-brand:hover,.topbar .navbar-brand:focus {
	color: #cc6300;
	background-color: transparent;
}

.topbar .navbar-brand {
	float: left;
	height: 50px;
	padding: 15px 15px;
	font-size: 18px;
	line-height: 20px;
	font-family: comic sans ms, Helvetica Neue, Helvetica, sans-serif
}

.topbar.navbar-inverse .navbar-text {
  color: #000;
}

.topbar.navbar-inverse .navbar-nav > li > a {
  color: #000;
  	
}

.navbar-nav li{
	border-radius: 3px;
		
}

.navbar-nav li:hover{
	border-radius: 3px;
	background-color: #eee;	
}


.navbar-btn{

	margin-top: 0px;
	margin-bottom: 0px;
	
}

.panelbottom{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }

.navbar{
	min-height:0px;
	border: none !important;
}

.transparent{
        
        background:transparent !important;
    }

.navbarbottom-btn{

	margin-top: 0px;
	margin-bottom: 0px;
	
}

/*
--------------------------------------
*/

/*

Tags Bar

*/

.tagbar{
	width: 100%;
	text-align: center;
}



/*


Crea Ricetta


*/

 .ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
  }
  
  #feedback { font-size: 1.4em; }
  .selectable .ui-selecting { background: #FECA40; }
  .selectable .ui-selected { background: #F39814; color: white; }
  .selectable { list-style-type: none; margin: 0; padding: 0;  }
  .selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 100px;display: inline-block;}
  .selectabletag .ui-selecting { background: #FECA40; }
  .selectabletag .ui-selected { background: #F39814; color: white; }
  .selectabletag { list-style-type: none; margin: 0; padding: 0;  }
  .selectabletag li { 
  
  				margin: 3px; padding: 0.4em; font-size: 1.4em;
  				background-color: #428bca;
  				background: #428bca;
  				display: inline;
				padding: .2em .6em .3em;
				font-weight: 700;
				line-height: 1;
				color: #fff;
				text-align: center;
				white-space: nowrap;
				vertical-align: baseline;
				border-radius: .25em;
				font-size: 150%;
				cursor: pointer;
				display: inline-block;
  				}
  #searchingrlist .ui-selecting { background: #FECA40; }
  #searchingrlist .ui-selected { background: #F39814; color: white; }
  #searchingrlist { list-style-type: none; margin: 0; padding: 0;  }
  #searchingrlist li { 
  
  				margin: 3px; padding: 0.4em; font-size: 1.4em;
  				background-color: ##5bc0de;
  				background: ##5bc0de;
  				display: inline;
				padding: .2em .6em .3em;
				font-size: 75%;
				font-weight: 700;
				line-height: 1;
				color: #fff;
				text-align: center;
				white-space: nowrap;
				vertical-align: baseline;
				border-radius: .25em;
				font-size: 100%;
				cursor: pointer;
				display: inline-block;
  				}  				
  	.ingrlistsearch li { 
  
  				margin: 3px; padding: 0.4em; font-size: 1.4em;
  				background-color: #5bc0de;
  				background: #5bc0de;
  				display: inline;
				padding: .2em .6em .3em;
				font-size: 75%;
				font-weight: 700;
				line-height: 1;
				color: #fff;
				text-align: center;
				white-space: nowrap;
				vertical-align: baseline;
				border-radius: .25em;
				font-size: 100%;
				cursor: pointer;
  				}			
  
  .progress { border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
  .bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
  .percent { display:inline-block; top:3px; left:48%; }
  .ui-dialog-titlebar{background: #F39814; color: white;}

  .ui-dialog .accordion-group a{
		color: #cc6300;
		text-decoration: none;
	}
	.ui-dialog .accordion-group a:hover,
	.ui-dialog .accordion-group a:focus {
		color: #08c;
		text-decoration: underline;
	}


.progress {
	overflow: hidden;
	margin-bottom: 18px;
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,#f5f5f5,#f9f9f9);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));
	background-image: -webkit-linear-gradient(top,#f5f5f5,#f9f9f9);
	background-image: -o-linear-gradient(top,#f5f5f5,#f9f9f9);
	background-image: linear-gradient(to bottom,#f5f5f5,#f9f9f9);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.progress .bar {
	width: 0%;
	height: 100%;
	color: #fff;
	float: left;
	font-size: 12px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #0e90d2;
	background-image: -moz-linear-gradient(top,#149bdf,#0480be);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));
	background-image: -webkit-linear-gradient(top,#149bdf,#0480be);
	background-image: -o-linear-gradient(top,#149bdf,#0480be);
	background-image: linear-gradient(to bottom,#149bdf,#0480be);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: width .6s ease;
	-moz-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease;
}
.progress .bar + .bar {
	-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
	-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
	box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
}
.progress-striped .bar {
	background-color: #149bdf;
	background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,0.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,0.15)),color-stop(.75,rgba(255,255,255,0.15)),color-stop(.75,transparent),to(transparent));
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	-o-background-size: 40px 40px;
	background-size: 40px 40px;
}
.progress.active .bar {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-moz-animation: progress-bar-stripes 2s linear infinite;
	-ms-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite;
}
.progress-danger .bar,
.progress .bar-danger {
	background-color: #dd514c;
	background-image: -moz-linear-gradient(top,#ee5f5b,#c43c35);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));
	background-image: -webkit-linear-gradient(top,#ee5f5b,#c43c35);
	background-image: -o-linear-gradient(top,#ee5f5b,#c43c35);
	background-image: linear-gradient(to bottom,#ee5f5b,#c43c35);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}
.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
	background-color: #ee5f5b;
	background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,0.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,0.15)),color-stop(.75,rgba(255,255,255,0.15)),color-stop(.75,transparent),to(transparent));
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
.progress-success .bar,
.progress .bar-success {
	background-color: #5eb95e;
	background-image: -moz-linear-gradient(top,#62c462,#57a957);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));
	background-image: -webkit-linear-gradient(top,#62c462,#57a957);
	background-image: -o-linear-gradient(top,#62c462,#57a957);
	background-image: linear-gradient(to bottom,#62c462,#57a957);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}
.progress-success.progress-striped .bar,
.progress-striped .bar-success {
	background-color: #62c462;
	background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,0.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,0.15)),color-stop(.75,rgba(255,255,255,0.15)),color-stop(.75,transparent),to(transparent));
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
.progress-info .bar,
.progress .bar-info {
	background-color: #4bb1cf;
	background-image: -moz-linear-gradient(top,#5bc0de,#339bb9);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));
	background-image: -webkit-linear-gradient(top,#5bc0de,#339bb9);
	background-image: -o-linear-gradient(top,#5bc0de,#339bb9);
	background-image: linear-gradient(to bottom,#5bc0de,#339bb9);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}
.progress-info.progress-striped .bar,
.progress-striped .bar-info {
	background-color: #5bc0de;
	background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,0.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,0.15)),color-stop(.75,rgba(255,255,255,0.15)),color-stop(.75,transparent),to(transparent));
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
.progress-warning .bar,
.progress .bar-warning {
	background-color: #faa732;
	background-image: -moz-linear-gradient(top,#fbb450,#f89406);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
	background-image: -webkit-linear-gradient(top,#fbb450,#f89406);
	background-image: -o-linear-gradient(top,#fbb450,#f89406);
	background-image: linear-gradient(to bottom,#fbb450,#f89406);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffab44f', endColorstr='#fff89406', GradientType=0);
}
.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
	background-color: #fbb450;
	background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,0.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,0.15)),color-stop(.75,rgba(255,255,255,0.15)),color-stop(.75,transparent),to(transparent));
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}

.ricetta_steps{
	width: 100%;
}
.accordion {
	margin-bottom: 18px;
}
.accordion-group {
	margin-bottom: 2px;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.accordion-heading {
	border-bottom: 0;
}
.accordion-heading .accordion-toggle {
	display: block;
	padding: 8px 15px;
}
.accordion-toggle {
	cursor: pointer;
}
.accordion-inner {
	padding: 9px 15px;
	border-top: 1px solid #e5e5e5;
}
/*.carousel {
	position: relative;
	margin-bottom: 18px;
	line-height: 1;
	height : 300px;
}
.carousel-inner {
	overflow: hidden;
	width: 100%;
	position: relative;
}
.carousel-inner > .item {
	display: none;
	position: relative;
	-webkit-transition: .6s ease-in-out left;
	-moz-transition: .6s ease-in-out left;
	-o-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left;
	text-align: center;
	max-height: 300px;
	
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	display: block;
	line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
	display: block;
}
.carousel-inner > .active {
	left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
	position: absolute;
	top: 0;
	width: 100%;
}
.carousel-inner > .next {
	left: 100%;
}
.carousel-inner > .prev {
	left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
	left: 0;
}
.carousel-inner > .active.left {
	left: -100%;
}
.carousel-inner > .active.right {
	left: 100%;
}
.carousel-control {
	position: absolute;
	top: 40%;
	left: 15px;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	font-size: 60px;
	font-weight: 100;
	line-height: 30px;
	color: #fff;
	text-align: center;
	background: #222;
	border: 3px solid #fff;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.carousel-control.right {
	left: auto;
	right: 15px;
}
.carousel-control:hover,
.carousel-control:focus {
	color: #fff;
	text-decoration: none;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.carousel-caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 15px;
	background: #333;
	background: rgba(0,0,0,0.75);
}
.carousel-caption h4,
.carousel-caption p {
	color: #fff;
	line-height: 18px;
}
.carousel-caption h4 {
	margin: 0 0 5px;
}
.carousel-caption p {
	margin-bottom: 0;
}

a {
color: #cc6300;
}
.carousel-inner>.item{
	text-align: center;
	
	border-radius: 5px;
}
.carousel-inner>.item.active{
	text-align: center;
	border-radius: 5px;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img{
	height: 400px;
	margin: 0 auto;
}
.carousel-inner>.item>.carousel-caption{
	margin-left: 40px;
	margin-right: 40px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
	margin-right: -15px;
}

.carousel{
	    
    
	
}

*/
.footer{
	text-align: center;
	margin-top : 100px;
	margin-bottom : 50px;
}



/*

Ricerca

*/

.dropdown-menu.ricerca{
	min-width: 600px;
}

#menusearchlist{
	max-height: 200px;
	overflow: auto;
}
#menupentolalist{
	max-height: 200px;
	overflow: auto;
}

.loadingico{
	width: 24px;
	height: 24px;
	margin-left: 50%;
}

.label{
	font-size: 100%;
}
.label-big{
	font-size: 150%;
	margin: 2px;
}


.selbar .label{
	cursor: pointer;
}


.selbar .label:hover{
	background-color: #ff8d00;
	
} 

.tagbar .label{
	cursor: pointer;
}


.tagbar .label:hover{
	background-color: #999;
	
} 


.media:hover{
	background: #ebebeb;
	cursor: pointer;
}

.jStar:hover{
	
}

.label{
	display: inline-block;
}


#modalingr{
	z-index: 99999;
}

.stars .jRatingColor{
	background-color: #56F50B;
}

.star{
	display: inline-block;
}

.cercabutton{
 	color: #333;
  	background-color: #ebebeb;
  	border-color: #adadad;
	width: 100%;
	font-size: 40px;
}
.cercabutton:hover,
.cercabutton:focus,
.cercabutton:active,
.cercabutton.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}


.ricettahome{
	margin:40px;
	cursor: pointer;
}

.container{
	/*border:solid 1px;*/
	border-color:#ebebeb;
	margin-top:80px;
	
}

/*
.container>div{
	margin: 20px;
}

*/

.carousel-inner{
	cursor: pointer;
}
.ricettamenu{
	display: block;
}
.ricettamenu>div{
	display: inline;
}
.ricettamenu * {
	
	margin:2px;
}

/*
.ricettamenu{
	float: right;
	display: block;
	max-width: 50px;
}
.ricettamenu>img,.ricettamenu>div{
	float: right;
}
*/
#ricettaskeleton{
	padding-right: 40px;
	padding-top: 60px;
}


.label-user {
background-color: #cc6300;
cursor:pointer
}

.label-user:hover {
background-color: #F1C7A0;
color: #cc6300
}

.label-warning:hover {
background-color: #F1C7A0;
color: #cc6300
}

.label-success:hover {
background-color: #F1C7A0;
color: #cc6300
}


.ricettamenu>div {
	padding-bottom:10px;
}
.dashelement{
	padding-bottom: 20px;
}

.tagtitle{
	font-weight: bold;
}
.menudesc{
	font-size: 15px;
}
.glyphicon-question-sign{
	cursor: pointer;	
}
.glyphicon-question-sign:hover{
	cursor: pointer;	
	background-color: #F1C7A0;
	color: #cc6300;
	border-radius: .50em;
}
.glyphicon-plus{
	cursor: pointer;	
}
.glyphicon-plus:hover{
	cursor: pointer;	
	background-color: #F1C7A0;
	color: #cc6300;
	border-radius: .50em;
}

.glyphicon-remove{
	cursor: pointer;	
}
.glyphicon-remove:hover{
	cursor: pointer;	
	background-color: #F1C7A0;
	color: #cc6300;
	border-radius: .50em;
}

.glyphicon-clickable{
	cursor: pointer;	
}
.glyphicon-clickable:hover{
	cursor: pointer;	
	background-color: #F1C7A0;
	color: #cc6300;
	border-radius: .50em;
}


.mytag{
	cursor: pointer;
	margin: 5px;
	
}
.mytag:hover {
background-color: #F1C7A0;
color: #cc6300
}

.thumbnailhome{
	height:400px;
	display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: transparent;
    border: none;
    /* background-color: #fff; */
    /* border: 1px solid #ddd; */
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	
}
/* .thumbnail>.caption>p{
	height: 90px;
	overflow: hidden;
}

 */
 .thumbnail>.caption>h3{
	overflow: hidden;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
	height: 300px;
	margin: 0 auto;
}

.action{
	
	cursor: pointer;
	
	
}

.action:hover {
color: #cc6300
}


.ricettapanel {
	background-color: #FFF;		
}



.ricettafasi a {
	    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    	background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    	background-repeat: repeat-x;
}

.ricettafasi a {
	color: #333;
		
}
    

    
ul.nav-wizard {
  background-color: #f9f9f9;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  *zoom: 1;
  position: relative;
  overflow: hidden;
}
ul.nav-wizard:before {
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 46px;
  height: 47px;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  z-index: 11;
  content: " ";
}
ul.nav-wizard:after {
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 138px;
  height: 47px;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  z-index: 11;
  content: " ";
}
ul.nav-wizard li {
  position: relative;
  float: left;
  height: 46px;
  display: inline-block;
  text-align: middle;
  padding: 0 20px 0 30px;
  margin: 0;
  font-size: 16px;
  line-height: 46px;
}
ul.nav-wizard li a {
  color: #468847;
  padding: 0;
}
ul.nav-wizard li a:hover {
  background-color: transparent;
}
ul.nav-wizard li:before {
  position: absolute;
  display: block;
  border: 24px solid transparent;
  border-left: 16px solid #d4d4d4;
  border-right: 0;
  top: -1px;
  z-index: 10;
  content: '';
  right: -16px;
}
ul.nav-wizard li:after {
  position: absolute;
  display: block;
  border: 24px solid transparent;
  border-left: 16px solid #f9f9f9;
  border-right: 0;
  top: -1px;
  z-index: 10;
  content: '';
  right: -15px;
}
ul.nav-wizard li.active {
  color: #3a87ad;
  background: #d9edf7;
}
ul.nav-wizard li.active:after {
  border-left: 16px solid #d9edf7;
}
ul.nav-wizard li.active a,
ul.nav-wizard li.active a:active,
ul.nav-wizard li.active a:visited,
ul.nav-wizard li.active a:focus {
  color: #3a87ad;
  background: #d9edf7;
}
ul.nav-wizard .active ~ li {
  color: #999999;
  background: #ededed;
}
ul.nav-wizard .active ~ li:after {
  border-left: 16px solid #ededed;
}
ul.nav-wizard .active ~ li a,
ul.nav-wizard .active ~ li a:active,
ul.nav-wizard .active ~ li a:visited,
ul.nav-wizard .active ~ li a:focus {
  color: #999999;
  background: #ededed;
}
ul.nav-wizard.nav-wizard-backnav li:hover {
  color: #468847;
  background: #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav li:hover:after {
  border-left: 16px solid #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav li:hover a,
ul.nav-wizard.nav-wizard-backnav li:hover a:active,
ul.nav-wizard.nav-wizard-backnav li:hover a:visited,
ul.nav-wizard.nav-wizard-backnav li:hover a:focus {
  color: #468847;
  background: #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li {
  color: #999999;
  background: #ededed;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li:after {
  border-left: 16px solid #ededed;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li a,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:active,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:visited,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:focus {
  color: #999999;
  background: #ededed;
}


.label-info{
	margin:2px;
}


.float{
	width:60px;
	height:60px;
	background-color:#428bca;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	z-index:99999;
	float:left;
	margin:10px;
	
}

.my-float{
	
	margin-top:22px;
}

#screensaver{
	position:absolute;
	width:100%;
	height: 100%;
	left: 0px;
    top: 0px;
    z-index:99999;
    background-color:#FFF;
    display:none;
}

.bookimg{
	height: 600px;
}


.carousel-control.left {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .1) 0%), color-stop(rgba(0, 0, 0, .0001) 100%));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .0001) 100%);
}
.carousel-control.right {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0%), color-stop(rgba(0, 0, 0, .1) 100%));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .1) 100%);
}


/* Small devices (tablets, 768px and up) */
@media only screen and (max-height: 600px) { 
	.bookgalleryimg {
		height:550px !important;
	}				
	
}

@media only screen and (min-height: 800px) { 
	.bookgalleryimg {
		height:800px !important;
	}				
	
}

.loading{
	background-color: #CCC;
}

/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */   
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  background-color: #CCC; /* Black fallback color */
  /*background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
   opacity: .5;
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 25%; /* 25% from the top */
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

.loadingoverlay{
	height: 100px;
	width: 100px;
	margin-left: 30%;
	margin-top: 10%;
}

.thumbselected{
	background-color: #ff8d00;
}

.imgprint{
	max-width: 100px;
}

.imgprintheader{
	max-width: 200px;
}


.containerprint{
	margin: 20px;
	background-color: #FFFFFF;
	
}

.panel-heading{
	background-color: #CCC;
	
}

#elementilist > .media:first-child{
   margin-top: 15px;
}

#elementilist > .media:last-child{
   margin-top: 15px;
}



.media{
   /*background-color:#f0f0f0;*/
   border-radius: 3px;
}


.stocklist > .media:first-child{
   margin-top: 15px;
}
.stocklist > .media:last-child{
   margin-top: 15px;
}

.qrcode{
	width: 64px;
	height: 64px;
}

.label-stock{
	background-color:#5E2750; /*mid_aubergine*/
}
.label-mid_aubergine{
	background-color:#5E2750;
}
.label-dark_aubergine{
	background-color:#2C001E;
}
.label-warm_grey{
	background-color:#AEA79F;
}
.label-orange{
	background-color:#E95420;
}
.label-default{
	background-color:#AEA79F;
}
.label-ingrediente{
	background-color:#5bc0de;
}