html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

body .main-header .logo{
	padding-left:40px;
	background:url("../img/logo_menu.png") no-repeat 7px 3px;
	background-size:auto 43px;
}

.skin-blue .user-panel > .image{
	color:#8A989F;
	padding:10px 20px 10px 10px;
}
.skin-blue .user-panel>.info>p{
	font-size:1.1em;
}
.skin-blue .user-panel>.info, .skin-blue .user-panel>.info>a{
	position:unset;
	padding:0;
}
.btn-secondary {
	background-color: #ccc;
	border-color: #bbb;
	color: white;
}
.box-footer .btn {
    margin-left: 5px;
}
.ic-red{
	color:red;
}
.ic-red:hover{
	color:#faa;
}

.immaginePrincipale {
    width: 100%;
    height: auto;
    min-height:150px;
}
.immaginePrincipale-view {
    width: 100%;
    height: auto;
    min-height:150px;
}

.coverPrincipale{
	background-color: cornflowerblue;
	padding: 10px;
	text-align: center;
}

.coverSecondaria{
	padding: 10px;
	text-align: center;
}
.coverSecondaria-view{
	padding: 0px !important;
	margin: 0px !important;
	text-align: center;
}

.immagineSecondaria {
    width: 100%;
    height: auto;
    min-height:150px;
}
.immagineSecondaria-view {
    width: 100%;
    height: auto;
}

.modal-image {
	text-align:center;
}

#imagepreview {
	width: 400px;
	height: auto;
}

.immagineLista{
	width: 150px;
    height: auto;
}

.divList {
	display: inline;
}
.btn-box-add{
	color: #333 ;
}
.search-footer-show{
	display: block !important;
}

/*****************SLIDER IMAGE*******************/
/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/*jssor slider arrow skin 093 css*/
.jssora093 {display:block;position:absolute;cursor:pointer;}
.jssora093 .c {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
.jssora093 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
.jssora093:hover {opacity:.8;}
.jssora093.jssora093dn {opacity:.6;}
.jssora093.jssora093ds {opacity:.3;pointer-events:none;}

/*jssor slider thumbnail skin 101 css*/
.jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#000;}
.jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:2px solid #000;box-sizing:border-box;z-index:1;}
.jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
.jssort101 .p:hover{padding:2px;}
.jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
.jssort101 .p:hover.pdn{padding:0;}
.jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
.jssort101 .pav .cv {border-color:#fff;opacity:.35;}
.jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
.jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
.jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}

/**************GRAFICA PAGINA PUBBLICA*************/
#mapImmobile {
	height: 400px;
}
.immobile-localita{
	font-size: 15px;padding: 10px 0px;
}
.immobile-prezzo{
	font-size: 24px; 
	line-height: normal;
	padding: 10px 0px;
}
.immobile-info{
	font-size: 15px;
	padding: 10px 0px;
}
/**************HEADER**********************/
.skin-green .main-header .logo, .skin-green .main-header .logo:hover{
	background-color:white;
}
.skin-green .main-header .navbar {
    background-color: #ec6543;
}
.skin-green .wrapper, .skin-green .main-sidebar, .skin-green .left-side {
    background-color: #006d77;
}
.skin-green .sidebar-menu > li:hover > a, .skin-green .sidebar-menu > li.active > a, .skin-green .sidebar-menu > li.menu-open > a {
    color: #fff;
    background: #ec6543;
}
.skin-green .sidebar-menu > li.header {
    color: #fff;
    background: #ec6543;
}
.skin-green .sidebar a {
    color: #fff;
}
.skin-green .main-header .navbar .sidebar-toggle:hover {
    background-color: #006d77;
}
.skin-green .sidebar-menu > li > .treeview-menu {
    margin: 0 0px;
    background: #ec6543;
}
.skin-green .sidebar-menu .treeview-menu > li > a {
    color: #fff;
}
@media(max-width:767px) {
	ul.dropdown-menu li a {
	    color: #333 !important;
	}
	ul.dropdown-menu li a:hover {
	    color: white !important;
	}
}
/***********VOTO STELLE************/
.rate-area {
  float: left;
  border-style: none;
}

.rate-area:not(:checked) > input {
  position: absolute;
  top: -9999px;
  clip: rect(0,0,0,0);
}

.rate-area:not(:checked) > label {
  float: right;
  width: 1em;
  padding: 0 .1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 300%;
  line-height: 1.2;
  color: lightgrey;
  text-shadow: 1px 1px #bbb;
}

.rate-area:not(:checked) > label:before { content: '★ '; }

.rate-area > input:checked ~ label {
  color: gold;
  text-shadow: 1px 1px #c60;
  font-size: 320% !important;
}

.rate-area:not(:checked) > label:hover, .rate-area:not(:checked) > label:hover ~ label { color: gold; }

.rate-area > input:checked + label:hover, .rate-area > input:checked + label:hover ~ label, .rate-area > input:checked ~ label:hover, .rate-area > input:checked ~ label:hover ~ label, .rate-area > label:hover ~ input:checked ~ label {
  color: gold;
  text-shadow: 1px 1px goldenrod;
}

.rate-area > label:active {
  position: relative;
  top: 2px;
  left: 2px;
}
.rate-area{
	padding-left: 0px;
}

.recensioni-list .rate-area:not(:checked) > label {
	font-size: 100%;
}

.recensioni-list .rate-area > input:checked ~ label {
  color: gold;
  text-shadow: 1px 1px #c60;
  font-size: 120% !important;
}
.recensioni-list .rate-area {
	float: right;
}

.recensioni-list-tot .rate-area > input:checked ~ label {
  color: gold;
  text-shadow: 1px 1px #c60;
  font-size: 220% !important;
}
.recensioni-list-tot .rate-area:not(:checked) > label {
	font-size: 200%;
}
.loren{
	background-color:#4ec44e;
}
.datepicker {
    z-index: 10000 !important;
}

/***********COLORI ALIMENTO*************/
.proteine{
	background-color: #f9cdaa;
}
.lipidi{
	background-color: #feff97;
}
.glucidi{
	background-color: #cefecc;
}
.energia{
	background-color: #dfa7a6;
}
.rapporto{
	background-color: #a8c0da;
}
/*********FINE COLORI ALIMENTO ***/
/****PAGINA DIETA*****/
.aggiungi-alimento {
	margin-top:10px;
}
.alimentoRow {
	margin-bottom:5px;
}
.checkArea {
	text-align: center;
	font-size: 20px;
}
.checkArea .red{
	color: red;
}
.checkArea .green{
	color: green;
}
.checkArea .yellow{
	color: yellow;
}
/****FINE PAGINA DIETA*****/

/*********SELECT STILE ***/
.select2-selection {
	border-radius: 0px !important;
	height: 34px !important;
	border-color: #d2d6de !important;
}	
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 34px !important;
}
.select2 {
	width: 100% !important;
}
/*********FINE SELECT STILE ***/
.user-panel > .info {
	padding: 0px !important;
}
.user-panel > .info > p {
	margin-bottom: 0px !important;
}
.dieta_button {
	width: 85px !important;
	padding-right: 0px;
	padding-left: 4px;
}
.dieta-row {
	margin:0px !important;
}

/*******PAGINA DIETA ************/
.mobile {
	display:auto;
}
@media(max-width:800px) {
	#incarichi-pdf, #dettagli-pdf, .btn.btn-primary, .btn.btn-secondary {
	    margin: 10px 0 10px;
		display: block;
		float: initial !important;
		width: 100%;
	}
	.mobile {
		display:none;
	}
	.alimentiPaziente, .alimentiPaziente .row .col-md-1 {
		text-align:center !important;
	}
	.alimentiPaziente .row  {
		margin-bottom: 5px;
	}
	
}