@charset "UTF-8";  

/* UNIVERSALE */ 
.clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } 

/* GENERALE */

html, body {
	height: auto;	
	background: #e9ebee;
}

body{
	padding:0;
	margin:0;
	font-family: 'Abel', sans-serif;
	
	text-align:center;
}

.pointer{
	cursor: pointer;
}

#mainGrid{
	margin-top: 2.5em; 
	margin-bottom: 0px;
	/*overflow:hidden;*/	
	width:100%;
    max-width: 1024px;
    display: inline-block;
}

#pageBackground{
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background: rgba(0, 0, 0, 0) url("../img/wopeBG.png") no-repeat scroll center center / auto 100%;
	opacity: 0.1;
	margin-left:18%;
	width:82%;
	z-index:0;
	}


a, a:visited {
    color: #279e95;
}	


.uk-nav-side ul a, .uk-nav-side ul a:visited{
	color: #279e95;
}
	
a:hover{
	text-decoration:none;
}	
	
h1,h2,h3,h4,h5,h6{
	font-family: 'Economica', sans-serif;
}

hr {
    background-color: #1e7e75;
    border: 0 none;
    height: 1px;
}

.full-width{
	width:100%;
}

.full-height{
	min-height:100%;
}

.display-none{
	display:none !important;
}

.width-80{
	width:80%;
}

.title{
	color: #1e7e75;
}

.highlight{
	color: #E87B00;
}

#header{
    text-align: center;
    width: 100%;
	position:fixed;
	top:0;
	left:0;
	z-index:4;
	background: #FFF;
	box-shadow: 0 0 5px #000;
}

#mainLogo{
	width: 20em;
}
@media screen and (max-width: 640px) {
  #mainLogo {
    padding-top:1em;
  }
}

#logout{
	position:absolute;
	left:0;
	bottom:0;
	margin:1em 0 1em 1.3em;
	color:gray;
}

#logout:hover{
	color:black;
}

#menu{
	background: #f8941e none repeat scroll 0 0;
    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
    font-family: "Economica",sans-serif;
    text-align: center;
    width: 100%;
}

#footer{
	background: #FFF;
    box-shadow: 0 0 10px gray;
    width: 100%;
	z-index:3;
	position:fixed;
	bottom:0;
	left:0;
	height:2em;
}

#footer .copyright{
	position:absolute;
	left:.5em;
	top:.5em;
}

#footer .author{
	position:absolute;
	right:.5em;
	top:.5em;
}

.grid.condensed {
	margin:0;
}

.grid.condensed .row{
	margin-bottom:.2em;
}

.cell{
/* 	background: white;
 box-shadow: 0 0 1px gray; 
	max-height: 15em;
    overflow-y: auto; 
	overflow-x: hidden;
	padding: .2em .5em;*/
	border: none;
	text-align: justify;
}

.cell p{
	font-size: 1.3em;
}

.align-center {
    text-align: center !important;
}

.limitedHeightCell{
	max-height: 20em;
    overflow-y: auto; 
	overflow-x: hidden;
}

.scrollable{
	overflow-y: auto;
	overflow-x: hidden;
}

#container{
	z-index:1;
	position:relative;
	text-align:center;
}

#ad_col{
	padding: 0.5em;
}

.tile-container{
	width:auto !important; 
	height:auto !important; 
	margin:0 auto; 
	display:inline-block;
}
@media screen and (max-width: 640px) {
  .tile-container:not(.no-responsive-future) {
    width:auto; 
	margin:0 auto;
	display:inline-block;
  }
}

.tile-small .tile-label {
    bottom: 0.1em;
    left: 0;
    padding: 0;
    position: absolute;
    z-index: 999;
	width:100%;
}

.tile .tile-label {
    text-align: left;
	left:0;
}

.app-bar .app-bar-drop-container{
	margin-top: 0px;
}

.horizontal-menu {
    color: #1d1d1d;
    display: inline-block;
    list-style: inside none none;
    margin: 0;
    padding: 0;
    position: relative;
    width: auto;
}

.indexMainButtonsContainer{
	position:absolute;
	z-index:2;
	bottom:0;
	right:0;
	opacity:0.9;
	text-align:center; 
	width:100%;
}

.navBarTile{
	left: 0;
    position: fixed;
    top: 3.1em;
    width: 100%;
    z-index: 2;
}
@media screen and (min-width: 1198px){
	.navBarTile{
		top:3.7em;
	}
}

.navBarTile .tile-small {
    display: inline-block;
    float: unset;
	-webkit-transition: margin 0.5s ease;
	-moz-transition: margin 0.5s ease;
	transition: margin 0.5s ease;
	width: 90px;
	height: 70px;
	box-shadow: 0 1px 3px #000;
}
	
.navBarTile .tile-small:hover {
    margin-top:35px;
	margin-bottom:-35px;
}

.navBarTile .tile-small .tile-content.iconic .icon {
    font-size: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -18px;
    width: 32px;
}


@media screen and (max-width: 750px){
	.navBarTile .tile-small {
		display:none;
	}
}

.bg-wopeDarkGreen {
    background: #1e7e75 none repeat scroll 0 0 !important;
}

.bg-wopeLightGreen {
    background: #279e95 none repeat scroll 0 0 !important;
}

.bg-wopeLighterGreen {
    background: rgba(39, 159, 149, 0.3) none repeat scroll 0 0 !important;
}

.bg-wopeDarkOrange {
    background: #f8941e none repeat scroll 0 0 !important;
}

.bg-wopeLightOrange {
    background: #faa82f none repeat scroll 0 0 !important;
}

.bg-wopeLighterOrange {
    background: rgba(249, 168, 47, 0.3) none repeat scroll 0 0 !important;
}

.bg-wopeSleepingDarkOrange {
    background: #E0BF99 none repeat scroll 0 0 !important;
}

.bg-wopeSleepingLightOrange {
    background: #F7DDB8 none repeat scroll 0 0 !important;
}

.bg-none{
	background:none;
}

.headerCharmActivator{
	cursor: pointer;
}

.edit-icon{
	color:#bebebe;
	padding-left:1em;
}

.edit-icon:hover{
	cursor: pointer;
	color:#000;
}

a.edit-icon-link{
	color:#bebebe;
}

a.edit-icon-link:hover{
	color:#000;
}


.actor{
	margin-right:0px;
}

.charm{
	height:100%;
	background:rgba(28, 28, 28, 0.95);
}

.charm.bottom-side{
	height:100%;
}

.breadcrumbs{
	background:none;
}

.breadcrumbs2 {
	margin: 0.1rem 0
}
.breadcrumbs2 a {
	color: #1E7E75;
	background:#fff;
}
.breadcrumbs2 a::before {
    border-color: #fff #fff #fff transparent;
}
.breadcrumbs2 a::after {
    border-left: 1em solid #fff;
}
.breadcrumbs2 a:hover {
	background: #279E95;
	color: #ffffff;
}
.breadcrumbs2 a:hover:before {
	border-color: #279E95 #279E95 #279E95 transparent;
}
.breadcrumbs2 a:hover:after {
	border-left-color: #279E95;
}

.breadcrumbs2 > li:last-child a {
    font-weight: bold;
}

.breadcrumb-no-arrow-left {
	margin-left: 0.1em !important;
}

.breadcrumb-no-arrow-left a:before{
	border-color:transparent !important;
}

.breadcrumb-no-arrow-right a:after{
	border-color:transparent !important;
}

.accordion.large-heading > .frame{
	margin-bottom: 1em;
}

.accordion.large-heading > .frame > .heading {
    padding-bottom: .9rem;
	padding-right: 2.5em;
}

.accordion.large-heading > .frame > .heading .icon {
    right: 7px;
    top: 7px;
}

.accordion.large-heading > .frame.active > .heading{
	background-color:#ff8700;	
}

.accordion > .frame.active > .heading{
	background-color:#ff8700;	
}

.accordion.large-heading > .frame > .content > img{
/*	margin: 1em;
	float: left; */
	width:100%;
}

.tabcontrol .frames .frame{
	background: none;
}

.tabcontrol .tabs li.active a {
    background-color: #1e7e75;
}

.tabcontrol .tabs {
    border-bottom: 3px solid #1e7e75;
}

.tabcontrol .tabs li a{
	font-size: 1.2em;
	color: #1e7e75;
}

.panel > .heading{
	
	height:auto;
}

.panel > .content {
	background-color: white;
	box-shadow: 0 2px 3px gray;
}

.toolbar .toolbar-button{
	margin: .2em 0;
}

.treeview {
    
    font-size: 1.5rem;
}

.utenti{
	text-align:center;
	background:none;
}

.utenti button, .utenti input, .utenti select, .utenti textarea {
    width: 60%;
}

.utenti .helper-button{
	width:auto;
}

.utenti .input-control.checkbox input[type="checkbox"]:checked ~ .check::before, .input-control.radio input[type="checkbox"]:checked ~ .check::before, .input-control.checkbox input[type="radio"]:checked ~ .check::before, .input-control.radio input[type="radio"]:checked ~ .check::before{
	border-color: #000;
}

.g-recaptcha{
	display: table;
    margin: 1em auto;
}

.list.bold{
	font-weight:bold;
}

.listview-outlook .list-group .list-group-content{
	padding-left:1em;
}

.list-group.secondLevel{	
	background-color:#f9f9f9;
}

.list-group.secondLevel > .list-group-toggle{
	background-color:#f9f9f9;
}

.listview-outlook .list-group .list-group-toggle::before {
    left: 4px;
}
.listview-outlook .list-group .list-group-toggle {
    font-size: 1em;
    font-style: italic;
}

.table tbody td {
    padding: 0.1em;
}

.dataTables_paginate{
	width:unset;
}

.dataTable .sorting_asc::after{
	content:none;
}

.dataTable .sorting_desc::after{
	content:none;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 5px;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #111;
    padding: 10px 5px;
}

.profileDataTable{
	font-size: 1.4em;
	margin-top:0;
	margin-bottom:1em;
	border-color:#DEDEDE;
}

.profileDataTable:hover{
	border-color:black;
}

.profileDataTable tbody td{
	padding: 0.3em;
	
}


#map{
	height: 22em;
	/*border: 1px solid #989898;*/
}

#map:hover{
	border-color:black;
}

.discountTable{
	margin-top:0;
	border-color:#DEDEDE; 
}

.discountTable:hover{
	border-color:black;
}

.discountTable thead tr th{
	padding: 0 .9em;
}

.serviceTable th{
	text-align:right;
}

.serviceTable tr, .table th, .table td, .serviceTable tbody td{
	padding: 0.1em 0.4em;
}

.table tfoot td, .table tfoot th, .table thead td, .table thead th, .table tbody th{
	color: #304b49;
    font-size: 1em;
    text-transform: uppercase;
}

.serviceForm .input-control{
	margin:0;
	padding:0;
}

#showModuloOfferta{
	box-shadow: 0 1px 2px #000;
    padding: .5em;
    margin: 0 1%;
    background: #FFF;
	text-align:center;
}
#showModuloOfferta table{
	 display:inline-block; 
	 text-align:left; 
	 width:100%;
}
#showModuloOfferta tbody{
	 width:100%;
}
#showModuloOfferta table tr:nth-child(odd){	
}
#showModuloOfferta table tr:nth-child(even){
	background: #FFF9E2;
}
#showModuloOfferta table th:nth-child(1){
	padding:.5em;
	text-align: center;
	background: #FFD19E;
	border-radius: .5em 1.5em 0 0;
}
#showModuloOfferta table th:nth-child(2){
	display:hidden;
}
#showModuloOfferta table th:nth-child(3){
	padding:.5em;
	text-align: center;
	background: #FFD19E;
	border-radius: 1.5em .5em 0 0;
}
#showModuloOfferta table td{
	font-size: .8em;
	padding:.2em;
}
#showModuloOfferta table td:nth-child(1){
	font-size: .9em;
	text-transform:uppercase;
	padding:.3em;	
	background: #EFE7C0;
	text-align:right;
}
#showModuloOfferta table td:nth-child(2) select{
	width:100%;
}
#showModuloOfferta table td:nth-child(2) input{
	width:100%;
}
#showModuloOfferta table td:nth-child(3){
	font-style:italic;
	padding: 0 .5em;
}

.offertaWrapper{
	text-align:center;
	background:#FFF;
	position:relative;
}

.offertaContent ul{
	list-style-type: none;
}

.group-of-buttons .button.active, .group-of-buttons .toolbar-button.active{
	background:#279e95;
}

.sidebar.wopeGreen {
  background: #279e95;
}
.sidebar.wopeGreen li > a {
  background: #279e95;
  color: #ffffff;
}
.sidebar.wopeGreen li:hover > a {
  background: rgba(30, 126, 118, 0.5);
  color: #ffffff;
}
.sidebar.wopeGreen li.active > a {
  background: #1e7e75;
  color: #ffffff;
}
.sidebar.wopeGreen li.disabled > a {
  background: #60a917;
  color: #555555;
}

.sidebar.wopeTransparent {
  background: none;
}
.sidebar.wopeTransparent li > a {
  background: none;
  color: #000;
}
.sidebar.wopeTransparent li:hover > a {
  background: #D7F2EC;
  color: #000;
}
.sidebar.wopeTransparent li.active > a {
  background: rgba(39, 159, 149, 0.3);
  color: #000;
}
.sidebar.wopeTransparent li.disabled > a {
  background: none;
  color: #555555;
}

.shopCategories{
	width:auto;
}

.shopArticleBox{
	text-align:center;
	/*
	max-height:30em;
	overflow-y:auto;
	*/
}

.shopArticle{
	width:15em;
	margin:.5em;
	padding:.5em;
	display:inline-block;
	/* background:rgba(165, 213, 204, 0.3); */
	background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
	vertical-align:top;
	box-shadow: 0 1px 5px gray;
	min-height:26em;
}

.shopArticle img{
	max-height:15em;
}

.shopArticle p{
	font-size:1em;
	min-height:3em;
}

#showShopperCategories:hover,#showShopperDetails:hover,#showDeliveryCost:hover,#showOrderHistory:hover,#showBankCoordinates:hover,#showPlafond:hover{
	cursor: pointer;
	color:#0d6733;
}

.shopArticleDetailsBox{
	display:none;
	text-align:center;
	/*max-height:50em;*/
	overflow-y:auto;
}

.articleDetailSlideshow{
	height:30em;
	width:40%;
	float:left;
}
.articleDetailSlideshow > .carousel{
	height:30em;
	width:100%;
}
.articleDetailSlideshow > .carousel > .slide > img{
	max-height:26em;
	max-width:90%;
}

.articleDetailsText{
	float: left;
    max-width: 60%;
    width: 53%;
    position: relative;
}

.loadCategoryShowcase{
	
}

.shopShowcase{
	position:relative;
	width:16em;
	margin:.5em;
	padding:.5em .5em 4em;
	display:inline-block;
	/* background:rgba(165, 213, 204, 0.3); */
	background: #FFF;
	vertical-align:top;
	box-shadow: 0 1px 5px gray;
}

.shopShowcaseButtonDiv{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:1em;
}

.cat-tile,.shop-top-nav-separator{
	display:inline-block;
}

.shop-top-nav-tile{
	height:61px;
	width:157px;
	background: #333333;
}

.shop-top-nav-tile > .tile-content.iconic > .icon {
	font-size: 25px;
    height: 30px;
    left: 50%;
    margin-left: -16px;
    margin-top: -22px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 32px;
	color: #FAA82F;
}

.shop-top-nav-tile:hover > .tile-content.iconic > .icon {
	color: #F8941E;
}

.shop-top-nav-tile > .tile-content.iconic > .tile-label {
	width:100%;
	text-align:center;
	padding:0.2em;
	text-transform:uppercase;
	color:white;
	/*background: rgba(51, 51, 51, 0.5) none repeat scroll 0 0;*/
}

.shop-top-nav-separator{
	width:20px;
}

.shop-top-nav-separator > .icon{
	font-size: 25px;
    height: 30px;
    margin-left: -12px;
    margin-top: -9px;
    position: absolute;
    text-align: center;
    top: 50%;
}

.service-showcase-table{
	border-collapse:separate; 
	border-spacing:1em;
	max-width:100%;
	overflow:hidden;
}
.service-showcase-table tbody tr{
	float:right;
	margin:1%;
	width:98%;
	display:flex;
	max-width:98%;
	overflow:hidden;
}

.service-preview-content{
	max-width: 100% !important;
	overflow-x:hidden;
}

.service-preview-content * {
	max-width: 100% !important;
}

/* General styles for all menus */
.cbp-spmenu {
	position: fixed;
	top: 9em;
	z-index:4;
	background:#fff;
	height:calc(100% - 14em);
}

.menu-trigger{
	color: #d3d3d3;
	cursor: pointer; 
}
.menu-trigger:hover{
	color: white;
}
.menu-trigger-active{
	color: white;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -120%;
	text-align: left;
}

.cbp-spmenu-right {
	right: -120%;
	text-align: right;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
	top: -120%;
}

.cbp-spmenu-bottom {
	bottom: -120%;
}

.cbp-spmenu-top.cbp-spmenu-open {
	top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
	bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: 18em;
}

.cbp-spmenu-push-toleft {
	left: -18em;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push,
.leftMenuTrigger,
.leftButton-shifted,
.rightMenuTrigger,
.rightButton-shifted {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em){

	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 110px;
	}

	.cbp-spmenu-top {
		top: -110px;
	}

	.cbp-spmenu-bottom {
		bottom: -110px;
	}

}

@media screen and (max-height: 26.375em){

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 200px;
	}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -220px;
	}

	.cbp-spmenu-right {
		right: -220px;
	}

	.cbp-spmenu-push-toright {
		left: 220px;
	}
}

.leftMenuTrigger{
	position:absolute;
	top:0;
	left:0;
	margin:0.5em;
	cursor:pointer;
	text-align:left;
}

.rightMenuTrigger{
	position:absolute;
	top:0;
	left:0;
	margin:1em;
	text-align:right;
}


/* BACK TO TOP */

.cd-top {
	background: rgba(255, 93, 0, 0.6) url("../img/cd-top-arrow.svg") no-repeat scroll center 50%;
    bottom: 0.5em;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    display: inline-block;
    height: 40px;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    right: 0.5em;
    text-indent: 100%;
    transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    visibility: hidden;
    white-space: nowrap;
    width: 40px;
    z-index: 3;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: .7;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .7;
}
.cd-top:hover{
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
  }
}

.indexCartelli{
	display:none;
}
@media only screen and (min-width: 551px) {
  .indexCartelli {
	display:block;
  }
}

.indexCartello{
	display:block;
}
@media only screen and (min-width: 550px) {
  .indexCartello {
	display:none;
  }
}

.presentazioneServizi{
	width:56%;
	padding:1% 2%;
	list-style-type: none;
	float:left;
}
@media only screen and (max-width: 550px) {
  .presentazioneServizi {
	float:none;
	width:96%;
  }
}

.listaPresentazioneServizi{
	width:46%;
	padding:0 2%;
	list-style-type: none;
	float:left;
	display:block;
}
@media only screen and (max-width: 550px) {
  .preListaPresentazioneServizi {
	display:none;
  }
  .listaPresentazioneServizi {
	display:none;
  }
}

.slideshowPresentazioneServizi{
	width:40%;
	float:left;
	height:400px;
	display:block;
}
@media only screen and (max-width: 550px) {
  .slideshowPresentazioneServizi {
	float:none;
	width:96%;
  }
}

#presentazioneIndex{
	box-shadow: 0 0 3px gray;
    height: 500px;
    left: -1%;
    width: 102% !important;
	z-index:3;
}

.accordion > .frame > .heading{
	background-color: unset;
	text-align:left;
}

.accordion > .frame > .heading::before {
        top: 30px
}

.accordion > .frame > .heading, .hint, .hint2, .hint2::before, .hint::before, .tabcontrol2 .frames, .tabcontrol2 .tabs li.active a{
	border:none;
}

.tile-content.slide-down-2 > .slide, .tile-content.slide-down-2 > .slide-over, .tile-content.slide-down > .slide, .tile-content.slide-down > .slide-over, .tile-content.slide-left-2 > .slide, .tile-content.slide-left-2 > .slide-over, .tile-content.slide-left > .slide, .tile-content.slide-left > .slide-over, .tile-content.slide-right-2 > .slide, .tile-content.slide-right-2 > .slide-over, .tile-content.slide-right > .slide, .tile-content.slide-right > .slide-over, .tile-content.slide-up-2 > .slide, .tile-content.slide-up-2 > .slide-over, .tile-content.slide-up > .slide, .tile-content.slide-up > .slide-over{
	box-shadow:unset;
}

.tile .tile-badge{
	right: 0;
}

.accordion > .frame > .content{
	background:none;
}


#moreRow{
	width:102%;
	margin-left:-1%;
	z-index: 2;
}

.indexCartelli, .indexCartello{
	margin:2em 1em;
	z-index:3;
}


.navBarTile {
    left: 13%;
    position: fixed;
    top: -4em;
    width: 82%;
    z-index: 2;
}

.adArticle {	
	box-shadow: 0 1px 3px gray;
	background: white;
	width: 15em;
	margin: 1%;
    min-height: auto !important;
}
.adArticle img {
    max-height: unset;
    width: 100%;
}
.shadow {
	box-shadow: 0 1px 3px gray;
}

.highlight-shadow {
	box-shadow: 0 0 3px #FAA82F !important;
}

.panel > .content {
    box-shadow: 0 1px 3px gray;
}
/*
.balanceButton:hover{
	background: #FF8700 !important;
}
*/
.clean-table tr:nth-child(2n+1){
	
	background:none !important;
	
}

.clean-table, .clean-table td, .clean-table th{
	
	border:none !important;
	padding:.3em !important;
	
}

.shop-tile-hover:hover{
	background: #DD952A !important;
}

.service-tile-hover:hover{
    background: #279e95 !important;
}

.serviceDescription > table > tbody > tr > td:nth-child(3) {
    padding:1em;
}

.serviceDescription > table > tbody > tr > td > ul {
    padding-left:.1em;
}

.newsDetails{
    display:none;
}

.orderTable > tbody > tr > td{
	border-bottom:1px solid #D0D0D0;
}

.orderTable.dataTable.no-footer {
    border-bottom: none;
}

.dataTables_info {
    background-color: transparent;
}

/* DA SISTEMARE; NUOVO PER UIKIT */
/*
#mainGrid{
    max-width: 980px;
}
*/
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #EDEDED -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    box-sizing: content-box;
    height: 0;
    margin: 15px 0;
}

html,body{
	font-family: 'Abel', sans-serif;	
	background-color:#E9EBEE;
	font-size: 93%;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Economica', sans-serif;
}

.title{
	color: #1e7e75 !important;
}

.highlight{
	color: #E87B00 !important;
}

.bg-wopeDarkGreen {
    background: #1e7e75 none repeat scroll 0 0 !important;
}

.bg-wopeLightGreen {
    background: #279e95 none repeat scroll 0 0 !important;
}

.bg-wopeLighterGreen {
    background: rgba(39, 159, 149, 0.3) none repeat scroll 0 0 !important;
}

.bg-wopeExtraLighterGreen {
    background: rgba(39, 159, 93, 0.15) none repeat scroll 0 0 !important;
}

.bg-wopeDarkOrange {
    background: #f8941e none repeat scroll 0 0 !important;
}

.bg-wopeLightOrange {
    background: #faa82f none repeat scroll 0 0 !important;
}

.bg-wopeLighterOrange {
    background: rgba(249, 168, 47, 0.3) none repeat scroll 0 0 !important;
}

.bg-wopeSleepingDarkOrange {
    background: #E0BF99 none repeat scroll 0 0 !important;
}

.bg-wopeSleepingLightOrange {
    background: #F7DDB8 none repeat scroll 0 0 !important;
}

.bg-none{
	background:none;
}

.fg-white{
	color:white !important;
}

.fg-black{
	color:black !important;
}

.fg-gray{
	color:gray !important;
}



.fg-wopeDarkGreen {
    color: #1e7e75!important;
}

.fg-wopeLightGreen {
    color: #279e95!important;
}

.fg-wopeLighterGreen {
    color: rgba(39, 159, 149, 0.3)!important;
}

.fg-wopeExtraLighterGreen {
    color: rgba(39, 159, 93, 0.15)!important;
}

.fg-wopeDarkOrange {
    color: #f8941e!important;
}

.fg-wopeLightOrange {
    color: #faa82f!important;
}

.fg-wopeLighterOrange {
    color: rgba(249, 168, 47, 0.3)!important;
}

.fg-wopeSleepingDarkOrange {
    color: #E0BF99!important;
}

.fg-wopeSleepingLightOrange {
    color: #F7DDB8!important;
}

.uk-table td, .uk-table th {
    padding: 6px;
}

.uk-container{
	max-width:1020px;
	background-color:#E9EBEE;
}

.element-wrapper{
	padding:.5em;
	background:white;
	box-shadow:0 0 2px rgba(128, 128, 128, 0.5);
}

.uk-panel-box{
	background:white;
	box-shadow:0 0 2px rgba(128, 128, 128, 0.5);
}

.uk-navbar {
	background:#3c3f41;
}

.uk-navbar-nav > li > a {
	color:#DCDCDC;
}

.uk-navbar-nav > li.uk-active > a, .uk-navbar-nav > li > a:hover{
	background:#000;
	color:white;
}

.uk-description-list-horizontal > dt {
	width:110px;
}
.uk-description-list-horizontal > dd {
    margin-left: 120px;
}

.uk-button {
    border: 1px solid #B1B1B1;
}

.uk-contain-background {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.uk-dropdown{
	background: white;
	border: 1px solid black;
}

.uk-dropdown, .uk-dropdown-blank{
	width:400px;
	text-align:left;
}

[class*="uk-icon-"] {
    min-width: .8em;
}

.marginH-0-5em{
	margin: 0 .5em;
}

.marginH-1em{
	margin: 0 1em;
}

.marginV-0-2em{
	margin: .2em 0;
}

.marginV-0-5em{
	margin: .5em 0;
}

.marginV-1em{
	margin: 1em 0;
}

.width-1em{
	width:1em;
}

.width-2em{
	width:3em;
}

.padding-0-5em{
	padding:.5em;
}

.padding-1em{
	padding:1em;
}

.paddingH-0-5em{
	padding: 0 .5em;
}

.paddingH-1em{
	padding: 0 1em;
}

.padding-2p{
	padding:2%;
}

.padding-5p{
	padding:5%;
}

.textBackground{
	background: rgba(0,0,0,0.5);
	width:auto !important;
	padding:.5em;
	margin: 0;
}

.subcat-admin-list{
	border-left: 1px solid #279e95;
    border-radius: 1em;
    padding-left: 1em;
}

a.subcat-link{
	color: #1E7E75;
}

a.subcat-link:hover{
	color: black;
}

/** nano scroller initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}


.uk-slidenav-position .uk-slidenav-previous {
    left: 2px;
}
.uk-slidenav-position .uk-slidenav-next {
    right: 2px;
}

.main-slide-panel{
	padding-right: 6%; 
	padding-left: 6%; 
	height:100%;
}

.slider-nav:hover{
	box-shadow: 0 0 3px rgba(128, 128, 128, 0.75) !important;
}

.uk-form-horizontal .uk-form-label {
    float: left;
    margin-top: 5px;
    width: 100px;
}

.uk-form-horizontal .uk-form-controls {
    margin-left: 115px;
}

#index-details-top-nav.uk-active{
	left:0;
	box-shadow: 0 1px 3px gray;
}

.numeric-list>li {
    padding: 4px 12px 4px 25px;
}
.numeric-list.green-bullet li:before {
    background-color: #60a917;
    margin-left: .8em;
}

table.dataTable > tbody > tr.child span.dtr-title{
	font-size:16px;
	min-width:170px;
}
table.dataTable > tbody > tr.child span.dtr-data{
	font-size:15px;
}
table.dataTable > tbody > tr.child ul li{
	border-bottom: 1px solid #c6c6c6;
}

.DTE_Label{
	text-align:right;
	padding-right:1em;
}

.DTE_Field_InputControl{
	text-align:left;
}

.timetable{
	margin-top:0;
	border-color:#DEDEDE; 
}

.timetable:hover{
	border-color:black;
}

.timetable th,.timetable td{
	padding:3px;
}

.shadow-on-hover:hover{
	box-shadow: 0 0 5px rgba(0,0,0,0.5) !important;
}

.uk-nav > li > a {
    padding: 5px;
}

.uk-nav-side > li > a {
    color: inherit;
}

div.stars {
  display: inline-block;
}

input.star { display: none; }

label.star {
  float: right;
  padding: 10px;
  font-size: 12px;
  color: #444;
  transition: all .2s;
}

input.star:checked ~ label.star:before {
  content: '\f005';
  color: #FD4;
  transition: all .25s;
}

input.star-5:checked ~ label.star:before {
  color: #FE7;
  text-shadow: 0 0 20px #952;
}

input.star-1:checked ~ label.star:before { color: #F62; }

label.star:hover { transform: rotate(-15deg) scale(1.3); }

label.star:before {
  content: '\f006';
  font-family: FontAwesome;
}

.uk-scrollable-box{
	border: none;
	padding: 1px;
	resize:none;
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field{
	padding: 5px 1% !important;
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field > label{
	width:20% !important;
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input{
	width:80% !important;
}

.article-showcase-table{
	border-collapse:separate; 
	border-spacing:1em;
}
/*
.article-showcase-table tbody tr{
	float:right;
	margin:1%;
	width:98%;
}
*/
.article-showcase-table tbody tr{
	background: none !important;
}
.article-showcase-table tbody td{
	padding: 0 !important;
}
.article-showcase-image-cell{
	height:12em;
	width:12em;
	vertical-align:middle;
}
.article-showcase-image-div{
	max-height:12em;
	min-width:12em;
	max-width:12em;
	vertical-align:middle;
}
.article-showcase-image{
	max-height:12em;
	max-width:12em;
	vertical-align:middle;
}
.article-showcase-price-cell{
	padding:0 3em !important;
	min-width:5em;
}
.article-showcase-details-cell{
	text-align:left;
	width:100%;
}
@media screen and (max-width: 640px) {
	.article-showcase-image-cell{
		height:8em;
		width:8em;
	}
	.article-showcase-image-cell{
		max-height:8em;
		max-width:8em;
	}
	.article-showcase-image{
		max-height:8em;
		max-width:8em;
	}
	.article-showcase-price-cell{
		padding-right:0 .2em !important;
		min-width:2em;
	}
	.article-showcase-details-cell{
		text-align:left;
		width:100%;
	}
}

.green-button,a.green-button,a.green-button:visited{
	color: #279e95 !important;
	background: white !important;
}
.green-button:hover,a.green-button:hover{
	border: 1px solid #279e95;
}

.orange-button,a.orange-button,a.orange-button:visited{
	color: #faa82f !important;
}
.orange-button:hover,a.orange-button:hover{
	border: 1px solid #faa82f;
}

ul {
	text-align:justify;
	margin: 0 1em;
}


/* NEW MOD */

.showpage-highlighted{
	background: #299c9633;
	cursor:pointer;
	position: relative;
	/*outline: 10px solid #299c9633;*/
	/*box-shadow: 0 0 10px #299c9633;*/
}

.showpage-highlighted-c{
	cursor:pointer;
	position: relative;
	border-left: 10px solid #299c9633;
	border-right: 10px solid #299c9633;
}

.elementsCloseButton{
	pointer-events: none;
	position:absolute;
	top:3px;
	right:-40px;
	box-shadow:0 0 3px gray;
}

.elementsCloseButton-c{
	pointer-events: none;
	position:absolute;
	top:15px;
	right:10px;
	box-shadow:0 0 3px gray;
	z-index:999999;
}

#shop-showcase-city-filter > li > a{
	border-radius:.3em;
	font-size:1.3em;
	padding:.5em;
	background:#3C3F41;
	color:#FAA82F;
}

#shop-showcase-city-filter > li.uk-active > a{
	background:#FAA82F;
	color:#3C3F41;
}

@media screen and (min-width: 1000px) {
	#main-slider-sp,#main-slider-sp-video{
		height: 536px;
	}
}

.coupon-box{
	border: 2px solid green;
	padding: 6px;
	border-radius: 1em;
}