/* CSS Document */

/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }




/* FONTS */

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../Fonts/bebas/BebasNeue-webfont.eot');
    src: url('../Fonts/bebas/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/bebas/BebasNeue-webfont.woff') format('woff'),
         url('../Fonts/bebas/BebasNeue-webfont.ttf') format('truetype'),
         url('../Fonts/bebas/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* FINE FONTS */



/* DROPDOWN */

.dropdown-menu-right {
	background-color: #00665b !important;
	font-size: 12px !important;
	color: #fff !important;
}

.dropdown-menu-right a.dropdown-item {
	color: #fff !important;
}
.dropdown-menu-right a.disabled {
	opacity: 1  !important;
	color: rgba(0,0,0,.3) !important;
}
.dropdown-menu-right a.dropdown-item:hover {
	opacity: 1  !important;
	background-color: rgba(255,255,255,.9) !important;
	color: #00665b !important;
}
.admDropdownItem{
	color: #FAB005 !important;
}

/* .dropdown-menu-right a.dropdown-item.admDropdown:hover {
	opacity: 1  !important;
	background-color: rgba(255,255,255,.9) !important;
	color: #1c7ed6 !important;
}

.dropdown-item.admDropdown{
	background-color:   #228be6;
} */

/* FINE DROPDOWN */



/* OVERWRITE MARKER MAP WIDTH */

.gm-style .gm-style-iw-c a,
.gm-style .gm-style-iw-c a:link,
.gm-style .gm-style-iw-c a:focus,
.gm-style .gm-style-iw-c a:active,
.gm-style .gm-style-iw-c a:hover,
.gm-style .gm-style-iw-c a:visited {
	color: inherit !important;
}

table.marker {
	width: 100%;
}

/*
@media only screen and (max-width: 767px) {
	.gm-style-iw-c {
		width: 50% !important;
	}
}

@media only screen and (min-width: 768px) {
	.gm-style-iw-c {
		width: 15% !important;
	}
}
*/

/* FINE OVERWRITE MARKER MAP WIDTH */



.bgwhite {
	background-color: #fff;
}

.bgcolor {
	background-color: orangered;
}

.color {
	color: orangered;
}

.white {
	color: #fff;
}

.bcolor {
	border-color: orangered;
}

.bwhite {
	border-color: white;
}

.iconStatusObject{
	background-color: #999;
	color: white;
	width: 30px;
	height: 30px;
}

.gm-style-mtc>div{
	height: 25px !important;
	display: block;
}
.gm-style-mtc div{
	display: none;
}
.document{
	margin: 20px;
}
.document h1{
	font-size: 23px;
	font-weight: 300;
	text-transform:  uppercase;
}


.document h2{
	font-weight: 300;
	font-size: 21px;
}

.document h3{
	font-weight: 400;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 17px;
	color: #00665b;
}

.document h4{
	font-size: 15px;
	font-weight: 400;
}

.document ol {
	list-style-type: none;
	counter-reset: item;
	margin: 0;
	padding: 0;
}

.document ol > li {
	display: table;
	counter-increment: item;
	margin-bottom: 0.6em;
}

.document ol > li:before {
	content: counters(item, ".") ". ";
	display: table-cell;
	padding-right: 0.6em;
}

.document li ol > li {
	margin: 0;
}

.document li ol > li:before {
	content: counters(item, ".") " ";
}

.document ol.main > li{
	color: orangered;
	font-weight: 400;
	font-size: 17px;
	text-transform:uppercase;
}

.document ol .sub{
	color: black !important;
	font-weight: 100 !important;
	text-transform:none;
}

.document p{
	margin-left: 15px;
	margin-bottom: 3px;
}

/* POPUP OLD */

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

.ui-widget[popup='true'] .ui-dialog  {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-widget[popup='true'] .ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-widget[popup='true'] .ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-widget[popup='true'] .ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-widget[popup='true'] .ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-widget[popup='true'] .ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-widget[popup='true'] .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-widget[popup='true'] .ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}


.ui-widget[popup='true'],
.ui-widget[popup='true'] input, .ui-widget[popup='true'] select, .ui-widget[popup='true'] textarea, .ui-widget[popup='true'] button {
    font-family: 'Oswald';
    /*font-size: 1.1em;*/
}

.ui-widget[popup='true'] .ui-widget-header {
	border: 1px solid #aaaaaa;
    /* background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; */
    background-color: orangered;
	color: #222222;
    font-weight: bold;
    opacity: 0;
}

.ui-widget[popup='true'] .ui-widget-content {
	border: none !important;
}

.ui-widget[popup='true'].ui-widget-content {
    border: none !important;
	background-color: transparent;
}


.ui-dialog .ui-dialog-buttonpane {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px; 
}

.ui-dialog .ui-dialog-buttonset {
	width: 100%;
}

.ui-dialog .ui-dialog-buttonpane button {
    cursor: pointer;
    background-color: #05685e;
	color: white;
    border: none;
    border-radius: 4px;
	width: 100%;
	text-align: center;
}

.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-button, 
.ui-button.ui-state-disabled:hover, 
.ui-button.ui-state-disabled:active,
button,
button:hover,
button:focus,
button:active,
button:link,
button:not(:focus) {
	border: none !important;
	outline: none !important;
}

.ui-widget-overlay {
	opacity: .9 !important;
}


body > div {
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	-webkit-overflow-scrolling: touch;
}

/* set a max-width for horizontal fluid layout and make it centered */
.tray, .header, .footer{
	margin-right: auto;
	margin-left: auto;
	max-width: 768px; /* or 950px */
  }

* {
	box-sizing: border-box;
}

button {
	border: 0;
	cursor: pointer;
}

.waitSubmit:hover{
	cursor: pointer;
}

.numberInfoSize{
	font-size: 1.5em;
}

.alert h4, h5{
	font-size: 1rem;
}
.alert{
	padding	: 10px;
	font-size: 1rem;
	margin-bottom: 0;
	background-color: #f5e7cf;
	color: black;
}
.alert-title{

	font-size: 1.2rem;
	font-weight: 300;
}
.alert-heading{
color: #333;
}
.alert-message{
	padding: 0px;
	color: 	black;
}
.alert hr{
	border-color: #e99d2c;
	margin: 5px 0px;;
}
.btn{
	padding: 0.1rem 0.2rem !important;
}
/*
.btn-action{
	background-color: rgba(255,255,255, 0.7);
	border: 1px solid white;
}*/


/* FONTS */

/* .fontLabel {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
} */



/* FINE FONTS */




input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


html, body {
	width: 100vw;
	/*height: 100vh;*/
	/*min-height: 100vh;*/
	font-family: 'Oswald';
	font-weight: lighter;
	/*font-size: 26px;*/
	margin: 0;
	border: 0;
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
	/*-webkit-overflow-scrolling: touch;*/
	/*ackground: #fff url(../Images/bckMainSearch.jpg) repeat-x 0 0;*/
	/*overflow: hidden;*/
	overflow-x: hidden;
	/* padding-bottom: 50px; */

}
.tray{
	top: 65px;
	overflow-y: auto;
	z-index: 99;
}
.addContainer .row{
	margin-bottom: 15px;
}

table.addTable {
	margin: auto;
}

table.addTable td.addTableMacroCat {
	padding: 25px;
	color: #ccc;
}

.icon-box{
	background-color: orangered;
	font-size: 25px;
	height: 50px;
	width: 50px;
	display: inline-block;
	position: relative;
	bottom: 8px;
	/*left: 12px;*/
	color: white;
	z-index: 10;
	border-radius: 50%;
	padding-top: 2px;
	border: 2px solid #fff;
	top: 16px;
}
.textAddBox{
	background-color: ghostwhite;
	display: inline-block;
	padding: 15px 15px 15px 30px;
	width: 255px;
	margin: 5px 0 5px -25px;
}
.textAddBox p{
	color: black;
}


form {
	width: auto;
}
/*
div{
	width: 100%;
	float: left;
}
*/

/* li {
	position: absolute;
	float: none;
	width: 100%;
	height: auto;
	list-style: none;
	background: none;
	padding: 0;
	margin: 0;

} */

/* input{
	font-family: arial;
	font-size: 16px;
	border: none;
	padding: 9px 0px;
	width: auto;
	margin: 0 10px;
	background: none;
	position: relative;
	-webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
	float: none;
} */

/* MAPPA */

	.button-map-container .icon{
		/*font-size: 1.5rem; */
		padding: 15px;
	}

	.button-map-container label{
		font-weight: 300;
	}

	#filtra{
		font-size: 15px;
		color: white;
		background-color: orangered;
	}



	#chooseItinerary,
	select.s2 {
		width: 100%;
		margin:0;
		border: 0;
		font-weight: 200;
	    font-size: .9rem;
	}

	#select2-chooseItinerary-container{
		font-weight: 300;
	}


	.select2-container--default .select2-selection--single {
		border: 1px solid gray !important;
		height: auto !important;
	}

	.select2-container--default .select2-selection--single .select2-selection__rendered {
		color: black !important;
	}

	.select2-selection__arrow {
		/*
		background-color: orangered;
		color: #fff !important;
		width: auto !important;
		height: auto !important;
		padding: 2px 10px;
		*/
		background-color: #00665b;

		color: #fff !important;
		display: flex;
		float: right;
		position: absolute;
		z-index: 10000;
		width: 32px !important;
		right: 0px !important;
		height: 30px !important;
		padding: 6px 10px !important;

	}

	.s2ReducePadding{
		padding: 6px 6px !important;
	}

	.select2-selection__arrow i {
		color: #fff !important;
	}

	.select2-selection__arrow b {
		display: none !important;
	}


	.map-container iframe {
		width: 100%;
		height: 100%;
	}

/* fine mappa */


/* login */

	form.form-signin {
		max-width: 400px;
		margin: 0 auto;
	}

/* fine login */



.navbar{
	padding: 8px 0px;
	font-weight: 400;
	text-transform: uppercase;
}
.navbar a{
	color: black;
}



.navbar .navicon{
	color: #00665b;
}

.navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
}
.navbar-collapse {
    width: auto;
    border-top: 0;
        border-top-color: currentcolor;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}
.navbar.navexplorer a{
		font-size: 1.1rem;
} /**/

.navbar .icon{
	font-size: 1.5rem;
}

.colGray{
	background-color: gainsboro;

}

.document .th{
	margin-left: 1px;
	font-weight: 500;
	font-size: 10px;
}


/* HEADER */
.header{
	/* margin-bottom: 140px; */
	border-bottom: 10px;
}

.header .navbar{
	color:white;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #00665b;
}
.header .navbar .logoPage{
	font-size: 15px;
}

.header .navbar .back{
	display: block;
	font-size:0.6em;
	color: white;
}

.headerdd:focus{
	box-shadow: 0 0 0 0;
}
/* FOOTER */
.footer .navbar {
	color: #fff;
	/* background-color: #00665b; */
}

.footer .navbar a {
	width: 33.3%;
	padding: 15px;
	color: #fff;
}


.footer .navbar .on:link,
.footer .navbar .on:active,
.footer .navbar .on:focus,
.footer .navbar .on:visited,
.footer .navbar .on:hover,
.footer .navbar .on *{
	background-color: #DDEBE9;
	color: #00665b;
	padding: 7px;
}
.footer .navbar a,
.footer .navbar a:link,
.footer .navbar a:active,
.footer .navbar a:focus,
.footer .navbar a:visited,
.footer .navbar a:hover,
.footer .navbar a * {
	background-color: #00665b;
	color: #fff;
	padding: 7px;
}

.footer .navbar a.disabled,
.footer .navbar a:link.disabled,
.footer .navbar a:active.disabled,
.footer .navbar a:focus.disabled,
.footer .navbar a:visited.disabled,
.footer .navbar a:hover.disabled,
.footer .navbar a.disabled * {
	background-color: #e5e5e5;
	color: #fff;
	padding: 7px;
}


.footer .On .Gasd{
	background-color: white;
}


.footer .navbar .icon{
	font-size: 1.5rem;
}

/* CONTAINER */
.container{
	/*margin-top: 20px;*/
	padding-bottom: 50px;

}

.btn-sign{

	border: 1px solid white;
	background-color: whitesmoke;
	color: black;

}

.boxOne{
	border: 1px solid gainsboro;
	background-color: white;
	color: #666;
	font-size: 14px;
	width: 100%;
}

.button-dark{
	background-color: #E6E6E6;
	padding: 3px;
}

.imgHeader {
	width: 100%;
	z-index: 1;
	background-color: rgba(0,0,0,.5);
}


.owl-carousel #bar {
  width: 0%;
  max-width: 100%;
  height: 4px;
  background: orangered;
}
.owl-carousel #progressBar {
  margin-top: -4px;
  position: relative;
  z-index: 999;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
}
#main-slider .owl-prev,
#main-slider .owl-next {
  position: absolute;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 30px;
  display: inline-block;
  margin-top: -35px;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 100px;
  z-index: 5;
  -webkit-transition: background-color 400ms;
  transition: background-color 400ms;
}
#main-slider .owl-prev:hover,
#main-slider .owl-next:hover {
  background-color: #05685e;
}

#main-slider .owl-prev {
  left: -35px;
  text-indent: 14px;
}

#main-slider .owl-next {
  right: -35px;
  text-indent: -14px;
}

.bigPhoto {
	position: relative;
}

.poiPhoto {
	position: relative;
}

.smallPhoto{
	height: 155px;
}



.imgHeaderInfo {
	width: 100%;
	position: absolute;
	font-weight: 500;
	color: white;
	background-color: rgba(0,0,0,.75);
	z-index: 100;
	height: 105px;
	/*margin-top: 190px;*/
	padding: 5px 15px 5px 7px;
	bottom: 0px;
}

.poiPhoto .imgHeaderInfo {
	position: relative !important;
}

.smallPhoto .imgHeaderInfo {
	height: 25px;
	margin-top: 95px;
	left:0;
	font-size: 0.7rem;
	padding: 3px 0px 5px 15px;
	top: auto;
}

.imgHeaderInfo .name{
	font-size: 18px;
	text-transform: uppercase;
}

.dropdown-divider{
	margin: 3px !important;
}

.deletePhotos, .deletePhotoSrv {
	background-color: orangered;
	float:right;
	padding: 5px;
	font-size: 20px;
	margin-top: 30px;
	margin-right:5px;
	margin-bottom: 3px;
}

.badgeStatus{

	background-color: #999;
	width: 30px;
	height: 30px;
	color: white;

}


/* .fa-star,.fa-star-o{
	color: orangered;
} */

.storie >.row, .storie > #contribuite > .row{
	padding: 15px;
}
.storie > #contribuite > .row{
	margin-bottom: 0px !important;
}
/* .storie >.row >.col{
	height: 140px;
} */

.separatore{
	width: 100%;
	height: 1px;
	border-bottom: 1px solid rgb(177, 177, 184);
}

.storie .row .col:nth-child(2){
	font-size: 12px;
}

.imageOwner{
	width: 40px;
	height: 40px;
	border: 2px solid  rgb(177, 177, 184);
}

.owner-content{
	background-color: rgba(192,192,192,.5);
	border-radius: 5px;
	height:40px;
}

.descriptionOwner .comment{
	color: black;
	font-size: 11px;
}

.descriptionOwner .pre-comment{
	font-size: 10px;
	color: black;
	text-decoration: underline;
}
.storie .title h6{
	padding:0;
	margin:0;
}
a,
a:link,
a:visited,
a:focus,
a:active{
	text-decoration:none;
}

a:hover{
	opacity: 0.5;
	text-decoration:none;
}

.linkNav{
	background-color: ghostwhite;
	width: 20%;
}

.no-gutters{
	margin-left: 0;
	margin-right: 0;
	padding:0;
}
.storie >.row >.col:nth-child(2) >.row.no-gutters{
	background-color: ghostwhite;
	border-radius: 20px 20px;
}
.storie >.row >.col:nth-child(2) >.row.no-gutters >.col{
	padding: 5px;
}


/* PERSON */

.person{
	margin-top: 10px;
}
.person .imgusr{
	height: 50px;
	width: 50px;
}

.person .info p{
	color: black;
	font-size: 18px;
	text-decoration: underline;
}

.person .info .type{
	color: black;
	font-size: 13px;
	font-weight: 200;
}

.person .info button{
	border: none;
	font-weight: bold;
	padding: 2px 12px;
	font-size: 14px;
	margin-top: -18px;
	text-transform: uppercase;
}

/* CONTRIBUTE */
.contribute .ellipsis .testo, .imgHeaderInfo .name.ellipsis, .title .ellipsis{
	width: 100%;
	height: 25px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-user-select: text;

}

.contribute .noellipsis .testo{
	overflow: hidden;
	-webkit-user-select: text;
}

p{
	padding:0;
	margin:0;
}


.storie .row .col{
	/*padding: 8px;*/
}
.bVote{
	height: 90px;
	width: 100%;
	background-color: orangered;
	color: white;
}
.bPoints{
	width: 100%;
	margin-top: 5px;
	background-color: gainsboro;
}
.storie .row audio{
	width: 100%;
	height: 30px;
	margin-top: 7px;
}

.contenitoreFind .content .scattaFoto{
	background-color: ghostwhite;
	height: 300px;
}
.contenitoreFind .content .scattaFoto .scatta{
	height: 200px;
	width: 200px;
	position: relative;
	top: 50px;
	background-color: gray;
}
.contenitoreFind .findPoints{
	border: 1px solid black;
	margin-top: 10px;
	max-width: 320px;
}
.contenitoreFind .findPoints input{
	width: 270px;
	padding: 2px 0px;
}
.contenitoreFind .vicinanze{
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 18px;
}
.contenitoreFind .recenti{
	margin-top: 10px;
	margin-bottom: 7px;
}
.contenitoreFind .recenti b{
	font-size: 18px;
	margin-left: 29px;
}

.contenitoreFind .recentiYesNot{
	margin-top: 5px;
}
.contenitoreFind .recentiYesNot i{
	color: gray;
	margin-left: 29px;
}
.logoPage{
	font-family: 'Lato', sans-serif;
}



.select2-container--default .select2-selection--single .select2-selection__rendered{

	color: #000;
	font-weight: 400;

}

.img-container{

	width: 100%;
	margin-top: 10px;
	margin-bottom: 5px;

}

.button-map, .button-poi, .button-audio{
	border: 1px solid gainsboro;
	background-color: white;
	color: #666;
	font-size: 14px;
	width: 100%;
}


.button-map[disabled], .button-audio[disabled], .button-poi[disabled]{
	opacity: 0.5;
}

.button-map label, .button-audio label, .button-poi label{
	font-weight: 300;
}

.button-map i, .button-audio i, .button-poi i{
	font-size: 1.5rem;
}

.button-on{
	color: orangered;
}

.splitForm{
	width: 30%;
	float: left;
	margin-left: 15px;
	background-color: white;
}

.splitForm.reverse{
	width: 30%;
	float: right;
	margin-right: 15px;
}

/************************ BREADCRUMB FORM-WHITE *****************************/
.wizBc.h{
	color: #00665b !important;
	font-size: 1.2em;
	text-align: center;
}
.wizBc ul{
	text-align: center;
	padding:0;
	margin-top: 15px;
	margin-bottom: 10px;
}
.wizBc li {
	color: white;
	width: 2em;
	height: 2em;
	text-align: center;
	line-height: 2em;
	border-radius: 1em;
	background: #00665b;
	margin: 0 10px;
	display: inline-block;
	position: relative;
}

.wizBc li a{
	color: white;
	font-weight: 500;
}

.wizBc li:not(.active)::before{
	content: '';
	position: absolute;
	top: .9em;
	left: -22px;
	width: 2em;
	height: .2em;
	background: #00665b;
	opacity: .5;
	z-index: -1;
}
.wizBc li.active::before{
	content: '';
	position: absolute;
	top: .9em;
	left: -22px;
	width: 2em;
	height: .2em;
	background: #00665b;
	opacity: 1;
	z-index: -1;
}

.wizBc li:first-child{
	margin-left: 0;
}
.wizBc li:last-child{
	margin-right: 0;
}

.wizBc li:first-child::before {
  display: none;
}

.wizBc .active {
  background: #00665b;
}

.wizBc .active ~ li {
  background: #00665b;
  opacity: 0.5;
}

.wizBc .active ~ li::before {
	background: #00665b;
  opacity: 0.5;
}

.wizBc .active ~ li::before {
	background: #00665b;
  opacity: 0.5;
}


/***************** BREADCRUMB FORM-ORANGE *******************/

.wizBcWhite.h{
	text-align: center;
	color: black !important;
	font-size: 1.2em;
	margin-left: 1rem;
}

.wizBcWhite ul{
	text-align: center;
	padding:0;
	margin-top: 15px;
	margin-bottom: 10px;
}
.wizBcWhite li {
  width: 2em;
  height: 2em;
  text-align: center;
  line-height: 1.8em;
  border-radius: 1em;
  background: orangered;
  border: 2px solid white;
  color: white;
  margin: 0 10px;
  display: inline-block;
  position: relative;
}

.wizBcWhite li a, .wizBcWhite li{
	color: white;
  font-weight: 500;
}

.wizBcWhite li::before{
  content: '';
  position: absolute;
  top: .9em;
  left: -22px;
  width: 2em;
  height: .2em;
  background: white;
  z-index: -1;
}

.wizBcWhite li:first-child{
	margin-left: 0;
}
.wizBcWhite li:last-child{
	margin-right: 0;
}

.wizBcWhite li:first-child::before {
  display: none;
}

.wizBcWhite .active {
  /*background: white;*/
}
.wizBcWhite li.active a{
	color: orangered;
  font-weight: 500;
}
.wizBcWhite .active ~ li {
  background: white;
  opacity: 0.5;
  color: orangered;
}

.wizBcWhite .active ~ li::before {
	background: white;
  opacity: 0.5;
}

.wizBcWhite .active ~ li::before {
	background: white;
  opacity: 0.5;
}

/************************ FORM  *****************************/

form{ padding: 15px; }
form .row{ margin-top: 5px; }
form input, form textarea, form select, form option{

	border: 1px solid gray;
	margin: 0;
	padding: 2px 5px 2px 5px;
	font-weight: 300;
	font-size: 1.1rem;
	width: 100%;
}

input.datepicker{
	background-color: white !important;
}

form input[readonly=readonly],
form textarea[readonly=readonly],
form select[readonly=readonly],
form option[readonly=readonly]{
	border: 1px solid gray !important;
	background-color: #fffbe7;
}

form.form-orange input[readonly=readonly],
form.form-orange textarea[readonly=readonly],
form.form-orange select[readonly=readonly],
form.form-orange option[readonly=readonly]{
	border: 1px dotted white !important;
	background-color: rgba(255,255,255,.3) !important;
}


form .select2>span>span>span{
	margin: 0;
	font-weight: 300 !important;
	font-size: 1.1rem;
	width: 100%;
	color: black !important;
}

/*
form label{
	font-size: 13px;
	font-weight: 100;
	width: 100%;
	margin-bottom: 3px;
	display: block;
}
*/

.paragrafo-choose{
	margin-top: 10px;
	font-size: 14px;
}
/************************ FINE FORM*****************************/


/************************ FORM - ORANGE *****************************/
.form-orange h5{

	color: white;
}
.form-orange label{

	color: #00665b;

}

.form-orange input{
	background-color: transparent;
	border: 1px solid white !important;
	color: white;
}

.form-orange input:focus{
	border: 1px solid white !important;
	background-color: rgba(255,255,255,0.9);
	color: black;
}

/* BOTTONI SU PAGINA BIANCA E PAGINA ARANCIONE */

.buttonStyleOff{
	background-color: #00665b;
	opacity: 0.4;
	width: 100%;
	padding-right: 10px;
	color: white;
	font-weight: 400;
}

.buttonStyleOn{
	background-color: #00665b;
	color: white;
	width: 100%;
	font-weight: 400;
}

.whiteCtb{
	background-color: white;
	color: orangered;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 10px;
	width: 40%;
	font-size: 21px;
}

.buttonStyleOff.reverse{
	background-color: #00665b;
	opacity: 0.5;
	color: white;
}

.buttonStyleOn.reverse{
	background-color: #00665b;
	color: white;
}

/* FINE BOTTONI SU PAGINA BIANCA E PAGINA ARANCIONE */


input[type=file]{
	background-color: transparent;
}

.uploadOrange{
	background-color: ghostwhite !important;
}

.explain{
	color: white;
	font-weight: 300;
}

#popup{
	padding: 50px 30px 10px 30px;
	font-weight: 300;
}

.popup-title{
	color: #00665b;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.popup-icon{
	position: absolute;
	width: 80px;
	height: 80px;
	background-color: #00665b;
	color: white;
	border-radius: 50%;
	top: 0;
	left: 110px;
	text-align: center;
	font-size: 2.5rem;
	padding-top: 5px;
}


.popup-ribbon {
  width: 200px; height: 300px;
  position: relative;
  border: 1px solid #BBB;
  background: #EEE;
}
.ribbon {
  position: absolute;
  right: -5px; top: 41px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(orangered 0%, orangered 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid orangered;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid orangered;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid orangered;
  border-bottom: 3px solid transparent;
  border-top: 3px solid orangered;
}


#popup a{
	color: orangered;
	text-decoration: underline;
}

/************************ FORM - WHITE *****************************/
/*
.form-white label{
	color: orangered;
	font-weight: 400;
}
*/


/************************ FINE FORM - WHITE *****************************/




/************************ FORM - LOGIN *****************************/

/*
label{

	color: #00665b;
	width: 100%;
	font-weight: 400 !important;
}
*/

.login_title{
	font-size: 16px;
	color: #00665b;
	margin:0;
	font-family: 'Oswald';
}

#form-login input{

	padding: 5px;
	width: 50%;
	font-size: 13px;
	border: 1px solid gray;
}

#form-login .row{

	margin-bottom: 15px;

}

#form-login a{

	color: white;

}

/************************ FINE FORM - LOGIN *****************************/








/************************ VIEWME - USER PROFILE *************************/


/*** PARTE GRIGIA IN ALTO ***/

.me-header-container{

	background-color: #E8E8E8;
	margin-top: 0.50rem;
	margin-bottom: 0.50rem;
}

#user-profileImage{

	background-color: gray;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	margin: auto;
}

.me-header #user-title-header-myprofile a,
.me-header #user-title-header-myprofile a:visited,
.me-header #user-title-header-myprofile a:focus,
.me-header #user-title-header-myprofile a:active{

	font-size: 18px;
	font-weight: 300;
	color: black;

}

.me-header #user-title-header-myprofile a:hover{

	font-size: 18px;
	font-weight: 300;
	color: orangered;

}

#user-title-header-myprofile{
	text-decoration: underline;
}

.me-header #user-type-myprofile{

	font-weight: 400;
	font-size: 14px;
	margin-top: 3px;

}

.me-header #user-edit-myprofile{

	background-color: orangered;
	color: white;
	font-size: 14px;
	border-radius: 50%;
	height: 27px;
	width: 27px;
	margin:auto;
}

.me-header #user-description-myprofile{

	font-weight: 300;
	font-size: 15px;
	/* margin-top: 8px; */

}

.me-header #user-trophy-myprofile{

	background-color: orangered;
	color: white;

}

.me-header #user-trophy-myprofile i{
	padding-top: 10px;
	padding-bottom: 10px;

}

/*** PARTE NAVBAR BOTTONI ***/
.user-navbar-choice{

	margin-top: 0.50rem;
	margin-left: 0.25rem;
	margin-right: 0.25rem;
	margin-bottom: 0.50rem;

}
.user-navbar-choice button {
	font-size: 11px;
	width: 24%;
	padding-left: 0;
	padding-right: 0;
	margin-left: 1px;
}


/*** PARTE STATISTICHE ***/
.user-statistics-myprofile p{

	font-weight: 400;

}

.user-statistics-myprofile .colPainted{

	color: white;

}


.user-statistics-myprofile{

	margin-top: 0.50rem;
	margin-left: 0.25rem;
	margin-right: 0.25rem;
	margin-bottom: 0.50rem;

}

.user-statistics-myprofile .firstCol{

	background-color: #E8E8E8;
	font-size: 35px;
	border-right: 1px solid white;

}

.user-statistics-myprofile .secondColWhite{

	border-top: 1px solid gainsboro;
	border-bottom: 1px solid gainsboro;

}

.user-statistics-myprofile .thirdColWhite{

	border-top: 1px solid gainsboro;
	border-bottom: 1px solid gainsboro;
	border-left: 1px solid gainsboro;

}

.user-statistics-myprofile .secondColLightBlue{

	background-color: #198AB0;
	border-right: 1px solid white;
	opacity: 0.5;

}

.user-statistics-myprofile .secondColBlue{

	background-color: #5479D0;
	border: none;
	border-right: 1px solid white;
	opacity: 0.95;
	color: white;

}

.user-statistics-myprofile .thirdColBlue{

	background-color: #5479D0;
	opacity: 0.95;

}

.user-statistics-myprofile .ColRed{

	background-color: orangered;
	font-size: 13px;
	font-weight: 200;
	 border-top: 1px solid white;
	border-bottom: 0;

}


.user-statistics-myprofile .ColRedSecond{

	border-right: 1px solid white;

}

.user-statistics-myprofile .ColGreen{


	background-color: #259944;
	border: none;

}

.user-statistics-myprofile .ColYellow{

	border: 1px solid white;
	background-color: #DEC766;

}

.user-statistics-myprofile .details a{

	font-size: 12px;
	text-decoration: underline;
	color: white;

}

.user-statistics-myprofile .fourthFiveIcons{

	margin-top: 30px;

}
.containerListMe .detail{
	border-top: 1px solid #ebebeb;
	border-bottom: none !important;
}
.containerListMe .title{
	border-bottom: none !important;
}




/************************  FINE VIEWME - USER PROFILE *************************/

.iconBox{
	display: inline-block;
	width: 15px;
}

.actionButtonsViews{
	font-size: 16px;
	color: white;
	background-color:orangered;
	width: 30px;
	height: 30px;
	float: right;
	text-align: center;
}




/************************ ADDITN ( ITINERARY ) ********************************/


.itns .row.itn .itnelmord {
	color: #fff;
	vertical-align: middle;
	display: table-cell;
	background-color: orangered;
	padding: 15px;
}

.meItns .itns .row.itn .itnelmord {
	background-color: #999;
}


.itns .row.itn .itnelmdata {
	padding: 15px;
	background-color: #ebebeb;
	/*display: table-cell;*/
}

.itns .row.itn {
	margin: 5px 0 0 0;
}


.itns .row.itn .itnelmordup,
.itns .row.itn .itnelmorddown {
	color: #666;
	vertical-align: middle;
	display: table-cell;
	background-color: #f4f4f4;
	padding: 15px;

}

.itns .row.itn .itnelmordup {
	border-right: 1px solid #ccc;
}


.itns .row.itn:first-child .itnelmordup {
	color: #fff !important;
}

.itns .row.itn:last-child .itnelmorddown {
	color: #fff !important;
}


/************************ VIEW ME ***************************/

.containerListMe a,
.containerListMe a:active,
.containerListMe a:focus,
.containerListMe a:link,
.containerListMe a:visited,
.containerListMe a:hover {

	color: #666;

}

.containerListMe .row{
	background-color: white;
	border-bottom: 1px solid #ebebeb;
	font-size: .95em;
}

.containerListMe.poiAdded .row,
.containerListMe.poiVoted .row,
.containerListMe.ctbAdded .row,
.bckGray {
	background-color: #f4f4f4 !important;
}

.containerListMe.poiAdded .row .col:nth-child(2) p,
.containerListMe.poiVoted .row .col:nth-child(2) p,
.containerListMe.ctbAdded .row .col:nth-child(2) p{
	font-size: 1.2em;
	/*text-transform: capitalize;*/
}

.containerListMe.ctbAdded .row .col:nth-child(2) p::first-letter {
	text-transform: capitalize;
}

.elementCode{
	font-size: 0.9em;
	font-weight: 200;
}

.containerListMe .row .col{
	padding: 10px !important;
}

.containerPoints {
	font-size: .85em;
}

.containerPoints >.row:nth-child(even){
	background-color: #f4f4f4 !important;
}

.containerPoints .row.no-gutters.th{
	font-weight: 400;
}

.containerPoints :not(.th) .col.pointsData {
	font-size: .80em;
}

.rankingFont{
	font-size: 12px;
	margin-top: 5px;
}

.distanceRow{
	margin-bottom: 5px; 
}

/***********************************************************************************/
/***********************************************************************************/
/***********************************************************************************/
/***********************************************************************************/
/***********************************************************************************/
/***********************************************************************************/
/***********************************************************************************/
/***********************************************************************************/
/***********************************************************************************/

/***************************** INTERGROUP STYLESHEET ******************************/
/***********************************************************************************/

/***********************************************************************************/
/***********************************************************************************/
/***********************************************************************************/
/***********************************************************************************/
/***********************************************************************************/
/***********************************************************************************/
/***********************************************************************************/
/***********************************************************************************/

.labelType1{
	font-size: 1.3em; 
	font-weight: 400; 
	color: #05685e;
}
.fontSizeType1{
	font-size: 1.2em;
}

/* COL CHE SI SPOSTANO ALL'INTERNO DI UNA ROW */

.colMoved{
	float: none; 
	margin: 0 auto;
}

/* FINE COL CHE SI SPOSTANO ALL'INTERNO DI UNA ROW */
/* ******************** */


/* CLASSI COMUNI PER TUTTE LE FORM ( REGISTRAZIONE E LOG-IN ) */

.formGroup {
	font-size: 13px;
	color: #00665b;
}

.formGroup label{
	margin-bottom: 3px;
	font-weight: 400;
	width: 100%;
}

.formGroup input{
	width: 100%;
}

.formGroup [action="submit"]{
	font-size: 16px;
}

/* FINE CLASSI COMUNI PER TUTTE LE FORM ( REGISTRAZIONE E LOG-IN ) */
/* ******************** */


/****** CLASSI COMUNI PER RAPPRESENTAZIONE A TABELLA **********/
select{
	text-transform: uppercase;
}

.tableLabels{
	background-color: #00665b; 
	font-size: small; 
	font-weight: 300; 
	color: white; 
	padding: 5px 0 5px 0;
}

.orders .ordersSelectFilters, 
.orders .ordersSelectFiltersValues,
.invoices .invoicesSelectFilters
{
	border: none;
	height: 100%;
	padding: 10px;	
	background-color: #ADAAAA;
}

/****** FINE CLASSI COMUNI PER RAPPRESENTAZIONE A TABELLA **********/



/* LOGIN PAGE FORM */

#loginPageForm .linksLgn{
	color: #00665b; 
	font-weight: 400; 
	font-size: 13px;
	cursor: pointer;
}


/* FINE LOGIN PAGE FORM */
/* ******************** */


/* LOGIN PAGE USER */

#loginPageUser button{
	width: 220px;
}

#loginPageUser .loginIcon{
	color: white;
	font-size: 1.5rem;
}

#loginPageUser .lgnButtonIcon{
	display: inline-block; 
	color: white !important; 
	width: 40px; 
	text-align: center;
}

#loginPageUser .lgnButtonTxt{
	display: inline-block; 
	color: white !important; 
	width: 140px; 
	text-align: left; 
	font-size: 15px;
}
/* FINE LOGIN PAGE USER */
/* ******************** */




/* WAREHOUSE PAGE CSS */

.wareHouse .wareHouseDescription{
	border-right: 5px solid white;
}

.wareHouse .wareHouseTons{
	font-size: small;
}

.wareHouse .selectFilter{
	border: none; 
	width: 100%; 
	height: 100%; 
	padding: 10px;
}

.wareHouse .boxReset{
	font-size: large; 
	border-right: 5px solid white;
}

.wareHouse .boxReset{
	text-align: center;
	padding: 15px;
}
.wareHouse .box1{
	background-color: #ADAAAA;
}
.wareHouse .box2{
	background-color: #DCD9D9;
}
.wareHouse .box3{
	background-color: #F5F5F5;
}
.wareHouse .box4{
	background-color: #FFFDED;
}

/* FINE WAREHOUSE PAGE CSS */

/* INIZIO ORDER PAGE CSS */


.orders .ordersDescription,
.invoices .invoicesDescription
{
	background-color: #ADAAAA;
}

.orders .ordersDescription .orderSingleDescription
{
	padding: 10px 10px 10px 0px;
}

.orders .orderSingleDescription span:first-child,
.invoices .invoicesSingleDescription span:first-child
{
	font-weight: bolder;
}

.orders .ordersDescription .orderSingleDescription:first-child,
.invoices .invoicesDescription .invoicesSingleDescription:first-child,
.invoices .invoicesDescription .invoicesSingleDescription:last-child
{
	/* padding-left: 5px !important; */
}

.orders .ordersDescription .orderSingleDescription:last-child{
	border-right: none;
}

.orders .orderDetailsLabels{
	font-weight: lighter !important; 
	font-size: 12px !important;
}
.orders .orderDetailsValues{
	font-weight: bolder;
}
.orders .orderDetailsHide{
	visibility: hidden;
}

@media screen and (max-width: 350px) {
	/*
	.orders .ordersSelectFilters, 
	.orders .ordersSelectFiltersValues,
	.invoices .invoicesSelectFilters
	{
		padding: 2px;
	}
	*/
	
	.invoices .invoicesImportCol{
		padding-right: 5px !important;
	}

	.orders .ordersDescription .orderSingleDescription,
	.invoices .invoicesDescription .invoicesSingleDescription
	{
		padding: 5px 0 5px 0;
	}

   .orders .tableLabels .col:first-child,
   .invoices .tableLabels .col:first-child {
  	padding-left: 5px !important;
  }

	.orders .ordersDescription .orderSingleDescription:first-child,
	.invoices .invoicesDescription .invoicesSingleDescription:first-child,
	.invoices .invoicesDescription .invoicesSingleDescription:last-child
	{
		padding-left: 5px !important;
	}

}

/* FINE ORDER PAGE CSS */


/* INIZIO INVOICES PAGE CSS */

.invoices .invoicesDescription .invoicesSingleDescription{
	padding: 10px 10px 0px 0px;
}

.invoices .invoicesDescription .invoicesSingleDescription:last-child{
	padding: 0px 10px 10px 0px;
	padding-top: 0px !important;
}

.containerInvoices, 
.containerCrInvoices{
	font-size: 14px;
}

/* FINE INVOICES PAGE CSS */



/* INIZIO PAGINA WIZARD ORDERS */
.orderSummaryLabel{
	color: #00665b;
}
.orderSummaryValue{
	margin-left: 10px;
	margin-top: 5px;
}


/* FINE PAGINA WIZARD ORDERS */

/************************ FINE VIEW ME **********************/

/* LEVO IL COLORE QUALORA IL NUMERO DI TELEFONO SI VEDESSE IN BLU  */

a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}


.addElement{
	font-size: 19px; 
	/* float: right; */
	margin-bottom: 5px;
	margin-top: 5px;
	cursor: pointer;
}
.addElementRow label
{
	color: yellowgreen;
}

.clickRow{
	border-bottom: 5px solid white;
	border-top: 5px solid white;
	background-color: gainsboro;
	font-weight: 400;
	cursor: pointer;
}
.clickRow td{
	padding: 5px;
}
.clickRow .iconSts{
	padding-right: 18px;
}
.graph{
	background-color: #faf8d7;
}

.highcharts-figure2,
.highcharts-data-table table {
	min-width: 100%;
	max-width: 100%;
	/* margin: 1em auto; */
}

.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 1px solid #ebebeb;
	margin: 10px auto;
	text-align: center;
	width: 100%;
}

.highcharts-data-table caption {
	padding: 1em 0;
	font-size: 1.2em;
	color: #555;
}

.highcharts-data-table th {
	font-weight: 600;
	padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
	padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
	background: #f8f8f8;
}

.highcharts-data-table tr:hover {
	background: #f1f7ff;
}

input[type="number"] {
	min-width: 50px;
}
/* [id^="container_"] {
	height: calc( 100vh - 520px );
} */