.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}

.list--unstyle {
   list-style: none;
   padding: 0px;
}

/** CSS for non-standard jQuery Mobile styles or Codiqa components **/
.split-wrapper {
  width: 100%;
  min-height: 200px;
  clear: both;
}
@media all and (min-width: 650px) {
  .content-secondary {
    text-align: left;
    float: left;
    width: 45%;
    background: none;
    padding: 1.5em 6% 3em 0;
    margin: 0;
  }
  .content-secondary {
    background: none;
    border-top: none;
  }
  .content-primary {
    width: 45%;
    float: right;
    margin-right: 1%;
    padding-right: 1%;
  }
  .content-primary ul:first-child {
    margin-top: 0;
  }
  .content-secondary ul.ui-listview, .content-secondary ul.ui-listview-inset {
    margin: 0;
  }
  .content-secondary ul.ui-listview .ui-li-divider, .content-secondary ul.ui-listview .ui-li {
    border-radius: 0px;
  }
  .content-secondary ul.ui-listview .ui-li {
    border-left: 0;
    border-right: 0;
	}
  .content-secondary h2 {
    position: absolute;
    left: -9999px;
  }
  .content-secondary .ui-li-divider {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .content-secondary {
    margin: 0;
    padding: 0;
  }

}

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

.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.btn-social {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  padding-left: 44px;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-bottom: 5px;
  position: relative;
  text-align: left;
  color: white;
  width: 100%;
  margin-right: 10px;
}

.btn-iconSocial {
	height: 30px;
	width: auto;
	position: absolute;
	left: 0px;
	top: 3px;
}

.btn-social i {
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
}
.btn-social .social-divider {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-social .social-text {
  font-size: 16px;
}
.btn-social:hover {
  color: white;
}
.btn-facebook {
  background-color: #3b5998;
  width: 80px;
}
.btn-google {
  background-color: #de4b39;
  width: 80px;
}



/****************/
@media all and (min-width: 750px) {
  .content-secondary {
    width: 34%;
  }
  .content-primary {
    width: 60%;
    padding-right: 1%;
  }
}

@media all and (min-width: 1200px){
  .content-secondary {
    width: 30%;
    padding-right:6%;
    margin: 0px 0 20px 5%;
  }
  .content-secondary ul {
	  margin: 0;
  }
  .content-secondary {
    margin: 0;
    padding: 0;
  }
  .content-primary {
    width: 50%;
    margin-right: 5%;
    padding-right: 3%;
  }
  .content-primary {
    width: 60%;
  }
}

/***************ooqia code*****************/

.guideLine {
	border: 1px dashed blue;
}

/*because firefox don't give style to placeholders*/
input:-moz-placeholder {
    color: rgba(0, 0, 0, 0.39);
}

textarea:-moz-placeholder {
    color: rgba(0, 0, 0, 0.39);
}

#afterLoginContent {
	background-image:url('../images/shl.png');
}
#noMoreData {
	text-align:center;
}

#searchBoxCluster {
	margin:10px 0px;
}

#titleExperience {
	overflow: visible;
	/*margin: .6em 0% .8em;*/
}

#afterLoginbutton  a {
	margin-top:25px;
}

#afterLoginbutton  img {
	margin-top: 25px;
}

#homePageContent {
	text-align:center;
	padding: 8px;
	background: #BCD4E6;
}

#homePageContent [data-role=listview]  img {
	max-height:22px;
	max-width:22px;
	top: 0.7em;
}

#logoWeb {
	width: 75%;
	height: 200px;
}

#formLogin input {
	/*margin-bottom:10px;*/
}

#formRegister label {
	margin-top:10px;
}

#formRegister label.ui-input-text {
	width: 65%;
}

#submitBtnLogin{
		margin-top:10px;
}

#signupButton .ui-btn-text {
	font-size:20px;
}

/*******listview**********/
div .createExperienceContent .listViewCustom  .ui-link-inherit {
	padding-left: 85px;
	padding-right: 62px;
}

div .createExperienceContent .listViewCustom  .ui-li-heading {
	margin-top:-10px;
}

div .createExperienceContent .listViewCustom  .ui-li-desc {
	height: 45px;
	white-space: normal;
	margin-bottom: -10px;
}
/*************************/


/*******listview**********/
#viewExperienceContent .listViewCustom  {
	margin-bottom:10px;
	margin-top: 10px;
}

#viewExperienceContent .listViewCustom  .ui-link-inherit {
	padding-left: 85px;
	padding-right: 62px;
}

#viewExperienceContent .listViewCustom  .ui-li-heading {
	margin-top:-10px;
}

#viewExperienceContent .listViewCustom  .ui-li-desc {
	height: 45px;
	white-space: normal;
	margin-bottom: -10px;
}
/*************************/


#googleMap {
	width: 100%;
	height: 280px;
}

#FormCreateExperience textarea {
	margin-bottom:10px;
}

#tagsToFiltersStations .containerTagsStations {
	max-height: 250px;
	overflow: hidden;
	overflow-y: auto;
	overflow-x: hidden;
}
#tagsToFiltersStations .containerStationsBuilder {
	max-height: 250px;
	overflow: hidden;
	overflow-y: auto;
	overflow-x: hidden;
}

#tagsToFiltersStations  input[type=checkbox] {
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.4); /* IE */
  -moz-transform: scale(1.4); /* FF */
  -webkit-transform: scale(1.4); /* Safari and Chrome */
  -o-transform: scale(1.4); /* Opera */
  padding: 10px;
}

#listStations label {
	margin-top:0px;
}

#searchExperience {
	text-align:center;
}

#searchExperience input[data-type=range] {
	width:40px;
	height:20px;
}

#searchExperience .ui-slider  {
	width: 100%;
	height: 20px;
}

#searchExperience .separator  {
	margin-top: 20px;
	margin-bottom: 20px;
}

#viewExperienceContent {
	padding-top:0px;
}

#btnSearchExperiencie  {
	margin-bottom:10px;
}

.imgPresentExperience {
	width:100%;
}

#myExperienciContent  {
	padding-top:0px;
}

/*******listview**********/
#myExperienciContent .listViewCustom  {
	margin-top:0px;
}

#myExperienciContent .listViewCustom  .ui-link-inherit {
	padding-left: 85px;
	padding-right: 62px;
}

#myExperienciContent .listViewCustom  .ui-li-heading {
	margin-top:-10px;
}

#myExperienciContent .listViewCustom  .ui-li-desc {
	height: 45px;
	white-space: normal;
	margin-bottom: -10px;
}
/******************************/
/*listview mystations */
#listStationsUser li {
	max-height: 90px;
	overflow: hidden;
}

/*******************/
#appExported a {
	color: white;
	text-shadow: none;
	text-decoration: none;
}

#appExported li {
	display: inline-block;
	box-sizing: border-box;
	height: 34px;
	width: 45px;
	margin-right: 5px;
	margin-bottom: 2px;
	/* background-color: rgb(145, 158, 255); */
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	/* padding: 2px; */
	/* border: 1px solid rgb(92, 92, 92); */
}


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

.media-library {
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #f6f6f6 13%, #9cada6 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(13%,#f6f6f6), color-stop(100%,#9cada6)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#f6f6f6 13%,#9cada6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#f6f6f6 13%,#9cada6 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#f6f6f6 13%,#9cada6 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #ffffff 0%,#f6f6f6 13%,#9cada6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9cada6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	margin: -8px -15px 0px -15px;
	padding-bottom: 5px;
}

.media-library  div[data-role=header]{
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.31);
	margin-top: 8px;
}

.media-library  .qq-upload-button .ui-input-text {
	margin:0px;
}

.media-library  .qq-upload-button .ui-body-c {
	border:none;

}

.media-library  .qq-upload-button {

	border: 1px solid #111;
	background: #333;
	font-weight: 700;
	color: #fff;
	text-shadow: 0 1px 0 #111;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#444),to(#2d2d2d));
	background-image: -webkit-linear-gradient(#444,#2d2d2d);
	background-image: -moz-linear-gradient(#444,#2d2d2d);
	background-image: -ms-linear-gradient(#444,#2d2d2d);
	background-image: -o-linear-gradient(#444,#2d2d2d);
	background-image: linear-gradient(#444,#2d2d2d);
	box-shadow: 1px 1px 2px 1px rgb(111, 111, 111);
	-moz-box-shadow: 1px 1px 2px 1px rgb(111, 111, 111);
	-ms-box-shadow: 1px 1px 2px 1px rgb(111, 111, 111);
	-webkit-box-shadow: 1px 1px 2px 1px rgb(111, 111, 111);
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	padding: 5px 10px 5px 10px;
	margin: 8px auto 0px auto;
}

.media-library  .qq-upload-list {
	list-style: none;
	margin-left: 5px;
}

.media-library  .qq-upload-list li {
	background: url('../images/arrow_next.png') no-repeat left 50% transparent;
	text-align: left;
	padding-left: 22px;
}

.media-library  .qq-upload-spinner {
	display:inline-block;
	background: url('../images/loading.gif');
	width:15px;
	height:15px;
	vertical-align:text-bottom;
}

.media-library  .qq-upload-drop-area {
	border: 2px dashed;
	position: static;
	background: none;
	width: 99%;
}

.media-library-list  {
	list-style: none;
	display: inline-block;
	padding: 0px 0px 0px 5px;
}

.media-library-list  li  {
	width: 80px;
	float: left;
	margin: 5px;
	height: 80px;
	overflow: hidden;
	text-align: center;
	background-color: black;
	border: 4px white solid;
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0,  0.61);
	-ms-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0,  0.61);
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0,  0.61);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0,  0.61);
	cursor:pointer;
}

.media-library-list-img {
	max-height: 100%;
}

.media-library.media-library-singleUpload .media-library-list {
	display: none;
}

.media-library.media-library-singleUpload {
	padding-bottom: 0px;
}
/**********************/

#formEditExperience label[for=titleExperience]   {
	margin-top:15px;
}

#formEditExperience textarea[name]   {
	margin-bottom:15px;
}

#sortableStations li:hover {
	cursor:pointer;
}

.containerInteractiveContentTypeExp{
	margin-bottom: 10px;
	border: 1px solid rgb(187, 185, 185);
	padding: 5px;
	border-radius: 10px;
	padding: 10px;
	display: none;
}

.containerInteractiveContentTypeExp > label{
	font-weight: bold;
}

#ContentArrangeStations .panelBoardGrid #gridBoardGame{
	border-collapse: collapse;
	margin: 0 auto;
	width: 100%;
}

#gridBoardGame tr td{
	border: 1px solid black;
	text-align: center;
}

#listContentInfoStep{
	list-style: none;
	margin-bottom: 0px;
	margin-left: -30px;
	margin-right: 0px;
	margin-top: 0px;
}

#listContentInfoStep ul{
	list-style-type: disc;
	margin-left: -20px;
}

#listContentInfoStep ul li{
	margin-top: 5px;
}

#helpIcon {
	-webkit-border-radius: 50%;
	-mz-border-radius: 50%;
	-ms-border-radius: 50%;
	padding: 0px 4px 0px 4px;
	font-size: 12px;
	background-color: #9E9E9E;
	color: white;
}

#userNameheader {
	float: right;
	margin-right: 110px;
	margin-top: 10px;
}

.contentInfoHotspot {
	height: 50px;
	text-align: center;
}

.contentInfoStations {
	font-size:12px;
	max-height:280px;
	overflow-y:scroll;
	overflow-x: hidden;
	overflow:auto;
	word-wrap: break-word ;
   text-align: center;
}

.contentInfoStations img {
	max-width: 200px;
}

.contentInfoStations .loadingImg {
	width:45px;
}

.btnDelete {
	border: 1px solid #CCC;
	background: #EEE;
	font-weight: bold;
	color: white;
	text-shadow: 0 1px 0 #555;
	background: rgb(255,48,25); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */

}

.ui-body-f {

	border: 1px solid #7E7E7E;
	color: white;
	font-weight: bold;
	text-shadow: 0 1px 0 #2C2C2C;
	text-align: center;

	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;

	background: rgb(255,72,56); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,72,56,1) 0%, rgba(186,33,33,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,72,56,1)), color-stop(100%,rgba(186,33,33,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,72,56,1) 0%,rgba(186,33,33,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,72,56,1) 0%,rgba(186,33,33,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,72,56,1) 0%,rgba(186,33,33,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,72,56,1) 0%,rgba(186,33,33,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4838', endColorstr='#ba2121',GradientType=0 ); /* IE6-9 */

}

.ui-body-s {

	border: 1px solid #7E7E7E;
	color: white;
	font-weight: bold;
	text-shadow: 0 1px 0 #2C2C2C;
	text-align: center;

	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;

	background: rgb(201,222,150); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(201,222,150,1) 0%, rgba(138,182,107,1) 0%, rgba(57,130,53,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,222,150,1)), color-stop(0%,rgba(138,182,107,1)), color-stop(100%,rgba(57,130,53,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 0%,rgba(57,130,53,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 0%,rgba(57,130,53,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 0%,rgba(57,130,53,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 0%,rgba(57,130,53,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 ); /* IE6-9 */

}
/*blue*/
.ui-body-info {

	border: 1px solid #7E7E7E;
	color: white;
	font-weight: bold;
	text-shadow: 0 1px 0 #2C2C2C;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;

	background: #7abcff; /* Old browsers */
	background: -moz-linear-gradient(top,  #7abcff 0%, #4096ee 16%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(16%,#4096ee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7abcff 0%,#4096ee 16%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7abcff 0%,#4096ee 16%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7abcff 0%,#4096ee 16%); /* IE10+ */
	background: linear-gradient(to bottom,  #7abcff 0%,#4096ee 16%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */

}

.ui-body-help {

	border: 1px solid #7E7E7E;
	color: white;
	font-weight: bold;
	text-shadow: 0 1px 0 #2C2C2C;
	text-align: center;

	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;

	background: rgb(84,163,238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(84,163,238,1) 18%, rgba(54,144,240,1) 52%, rgba(54,144,240,1) 56%, rgba(30,105,222,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(18%,rgba(84,163,238,1)), color-stop(52%,rgba(54,144,240,1)), color-stop(56%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(84,163,238,1) 18%,rgba(54,144,240,1) 52%,rgba(54,144,240,1) 56%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(84,163,238,1) 18%,rgba(54,144,240,1) 52%,rgba(54,144,240,1) 56%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(84,163,238,1) 18%,rgba(54,144,240,1) 52%,rgba(54,144,240,1) 56%,rgba(30,105,222,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(84,163,238,1) 18%,rgba(54,144,240,1) 52%,rgba(54,144,240,1) 56%,rgba(30,105,222,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54a3ee', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */

}

/*black*/
.ui-body-inf {

	border: 1px solid #7E7E7E;
	color: white;
	font-weight: bold;
	text-shadow: 0 1px 0 #2C2C2C;
	text-align: center;

	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;

	background: rgb(69,72,77); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}

#moreListview {
	margin-top:20px;
}

.hidden-phone {
	display:none;
}

.hidden-desktop{
	display: block;
}

#containerInputsHotspot {
	display:none;
}

/* HIDE PARENT LIST ALL EXPERIENCES */
.parentContainerList{
	display: none;
}

#btnSelectTemplate{
	margin-top: 24px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#containerExpTemplates{
	text-align: center;
	margin: 0 auto;
}

#PopupSelectTemplate > .ui-content > a{
	margin-bottom: 15px;
}

#PopupSelectTemplate{
	padding-top: 5px;
}

.templateGames{
	margin-bottom: 15px;
}

#detailsExperienceContainer #interactiveImg {
	max-width:100%;
	max-height:100%;
}

.containerHiddenForGamesInfo{
	margin-top:10px;
	margin-bottom:10px;
	padding: 0px;
	display:none;
}

#containerInputsChoiceGames .subGroup{
	border: 1px solid rgb(194, 194, 194);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	padding:5px;
	margin-bottom:4px;
}

#containerInputsChoiceGames .objectContainer{
	background-color: rgb(255, 246, 176);
}

#containerInputsChoiceGames .choiceContainer{
	background-color: rgb(226, 226, 226);
}

#containerInputsChoiceGames .frameObjectActivity{
	border: 1px solid rgb(182, 182, 182);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 5px;
	margin-bottom:5px;
	margin-top:5px;
}

#containerInputsChoiceGames div.InputWithXButton {
	position:relative;
}

#containerInputsChoiceGames div.InputWithXButton input{
	width:100%;
	margin-bottom:5px;
}

#choiceGameEmbedContent ul.listObjectChoicesInACtivity{
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	text-align:center;
}

#choiceGameEmbedContent ul.listObjectChoicesInACtivity li{
	max-width: 120px;
	display: inline-block;
	margin: 0px 5px 0px 5px;
}

#choiceGameEmbedContent div.panelChoiceGame{
	float:left;
	width:100%;
}

#listActiveSessions #noMoreData, #listActiveSessionsScoreOrienteering #noMoreData,
#listActiveSessionsScoreOrienteeringMuseum #noMoreData {
	padding: 10px;
}

#listActiveSessions #noMoreData h4, #listActiveSessionsScoreOrienteering #noMoreData h4,
#listActiveSessionsScoreOrienteeringMuseum #noMoreData h4 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.alert-info{
	background-color: #d9edf7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid rgb(148, 227, 243);
	color: #3a87ad;
	margin-bottom: 5px;
	padding: 7px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.btnCloseAlert{
	background: transparent;
	border: 0;
	color: #000000;
	cursor: pointer;
	float: right;
	font-weight: bold;
	margin-left: 15px;
	opacity: 0.2;
	padding: 0;
	position: relative;
	text-shadow: 0 1px 0 #ffffff;
	top: -5px;
	-webkit-appearance: none;
}

.popupGames {
	width: 255px;
}

.containerSessionGame .ui-body .containerGridGame{
	width: 100%;
}

#containerSecondaryGameInfo > div:first-child, #containerSecondaryGameInfo > div:last-child{
	display: inline-block;
	margin-top: 0px;
	text-align: left;
	vertical-align: top;
	width: 100%;
}

.containerGridGame > div.ui-collapsible > div.ui-collapsible-content{
	padding: 5px;
}

#spanStationClaimed {
	display: block;
	font-size: 30px;
	width: 100%;
	height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}

@-webkit-keyframes flash {
	0%, 50%, 100% {
		opacity: 1;
	}

	25%, 75% {
		opacity: 0;
	}
}

@keyframes flash {
	0%, 50%, 100% {
		opacity: 1;
	}

	25%, 75% {
		opacity: 0;
	}
}

.lineAnimation {
   -webkit-animation: flash 1.5s;
   animation: flash 1.5s;
}

.line {
   border-color: rgb(244, 170, 45);
	border-width: 7px;
	width: auto;
	z-index: 1001;
	top: 0;
	left: 0;
	right: 0;
	position: absolute;
}

.line-first-vertical {
	left: -66.5%;
	right: 0;
	top: 53px;
	width: 128px;
   transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
}

.line-second-vertical {
   transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
	left: 0%;
	right: 0;
	top: 54px;
	width: 128px;
}

.line-third-vertical {
	left: 66.5%;
	right: 0;
	top: 54px;
	width: 128px;
   transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
}

.line-first-horizontal {
   transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
	top: 5px;
}

.line-second-horizontal {
   transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
	top: 55px;
}

.line-third-horizontal {
   transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
	top: 105px;
}

.line-diagonal-left {
   transform: rotate(20deg);
   -ms-transform: rotate(20deg);
   -webkit-transform: rotate(20deg);
   top: 55px;
  	width: 350px;
}

.line-diagonal-right {
   transform: rotate(160deg);
   -ms-transform: rotate(160deg);
   -webkit-transform: rotate(160deg);
	top: 55px;
	width: 350px;
}

.imgStationOnBoard {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0px 0px 3px 0.5px rgb(88, 88, 88);
	-webkit-box-shadow: 0px 0px 3px 0.5px rgb(88, 88, 88);
	-moz-box-shadow: 0px 0px 3px 0.5px rgb(88, 88, 88);
	-ms-box-shadow: 0px 0px 3px 0.5px rgb(88, 88, 88);
	-o-box-shadow: 0px 0px 3px 0.5px rgb(88, 88, 88);
	cursor: pointer;
	height: 100%;
	width: 100%;
}

.imgBlankStationOnBoard {
	height: 100%;
	width: 100%;
}

.cellBoardGameWithImage {
	height: 40px;
	width: 40px;
}

div.ui-body.hide-nostations {
	padding: 0px;
}

.containerGridGame table {
	width: 100%;
}

.containerStationsChoiceGame {
	margin: 0 auto;
	margin-top: 10px;
	width: 100%;
}

.listStationsObject {
	overflow-y: scroll;
	overflow-x: hidden;
	overflow: auto;
	margin: 0 0 0 10px;
	padding: 0;
}

.listStationsObject li {
	display: inline-block;
	margin-right: 10px;
}

/* STYLES FOR INFO BUTTON ON CREATE EXPERIENCE UI WITH STEPS */
.formCreateEditExperience .stepExperiences .showInfoSteps{
	height: 19px;
	float: right;
}

.formCreateEditExperience .stepExperiences .showInfoSteps span{
	padding: 0px;
}

.formCreateEditExperience .stepExperiences .showInfoSteps span span:last-child{
	margin: 0px 1px 2px 3px;
}
/* STYLES FOR INFO BUTTON ON CREATE EXPERIENCE UI WITH STEPS */

.noBorderTop .ui-btn-inner {
	border-top: none;
}

div.separator > .ui-slider{
	margin-bottom: 0px;
	margin-top: 0px;
}

div.separator > label, div.separator > .ui-slider {
	display: block;
}

.form-createjoin-session div.ui-submit, #formClaimStation div.ui-submit{
	margin-top: 10px;
}

div.containerTemplateOption[data-role=collapsible] a span{
	text-align: center;
}

.boxTemplateAndTooltip div{
	width: 100%
}

#containerExpTemplates .liGameTemplate{
	border: 0;
	padding: 0;
}

#containerExpTemplates .liGameTemplate .boxTemplateAndTooltip{
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}

#containerExpTemplates .liGameTemplate .boxTemplateAndTooltip a{
	border-radius: 0;
}

#containerExpTemplates .liGameTemplate .boxTemplateAndTooltip a:first-child, .boxTemplateAndTooltip a:first-child{
	width: 18%;
}

#containerExpTemplates .liGameTemplate .boxTemplateAndTooltip a:last-child, .boxTemplateAndTooltip a:last-child{
	width: 81%;
}

#containerExpTemplates .liGameTemplate .boxTemplateAndTooltip a:first-child span:first-child, .boxTemplateAndTooltip a:first-child span:first-child{
	width: auto;
}

#containerExpTemplates .liGameTemplate .boxTemplateAndTooltip a.lastTemplateGame:first-child{
	border-radius: 0px 0px 0px 5px;
}

#containerExpTemplates .liGameTemplate .boxTemplateAndTooltip a.lastTemplateGame:last-child{
	border-radius: 0px 0px 5px 0px;
}

.stations-counter{
	float: right;
	font-style: italic;
}

.isotope-isotopeBox-item img {
	width: 110px;
	height: 110px;
}

.isotope-overlay{
	background: rgba(0, 0, 0, 0.75);
	display: none;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 0;
}

.isotepe-item-title{
	display: none;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin-left: 6px;
	margin-top: 15px;
	position: absolute;
	text-shadow: none;
	z-index: 1;
}

.group-inline-two{
	text-align: center;
}

.group-inline-two div:first-child, .group-inline-two div:last-child{
	display: inline-block;
}

.group-inline-spaninput{
	margin-bottom: 5px;
}

.group-inline-spaninput span, .group-inline-spaninput div{
	display: inline-block;

}

.group-inline-spaninput span{
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	width: 75%;
	white-space: nowrap;
}

.group-inline-spaninput div{
	width: 15%;
	vertical-align: top;
	margin-top: 0;
}

.containerradius-experience{
	display: none;
	border: 1px solid rgb(187, 185, 185);
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 10px;
}

.chatBoxFloat {
	position: fixed;
  	z-index: 100;
}

.chatBoxFloat-right {
	right: 0;
	bottom: 0;
}
/*scoreorienteering*/
.scoreOrienteeringPanel .ui-collapsible-content {
	max-height: 350px;
	overflow: hidden;
	overflow-y: auto;
}

.scoreorienteering-strong-title{
	display: block;
	font-size: 95%;
	margin-bottom: 5px;
}

.currentPlayerScoreOrienteeing > div {
	background-color: rgb(14, 207, 14) !important;
}

.score-scoreboard-details .listPlayers {
	padding-left: 20px;
	list-style: none;
}

.box-scoreboard-playerpoints{
	margin-bottom: 5px;
}

.box-scoreboard-playerpoints div:first-child, .box-scoreboard-playerpoints div:last-child{
	display: inline-table;
}

.box-scoreboard-playerpoints div:first-child{
	background: rgb(104, 104, 104);
	border: 1px solid rgba(0, 0, 0, 0.19);
	border-radius: 5px;
	color: #FFF;
	font-size: 85%;
	font-weight: bold;
	margin-right: 5px;
	overflow: hidden;
	padding: 5px;
	text-shadow: none;
	text-overflow: ellipsis;
	transition: all 0.2s linear;
	white-space: nowrap;
	width: 50%;
}

.box-scoreboard-playerpoints div:last-child{
	background-color: #999999;
	border-radius: 5px;
	border: 1px solid rgba(97, 89, 89, 0.34);
	color: white;
	font-size: 85%;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	text-shadow: none;
	transition: all 0.2s linear;
	width: 30%;
}

.score-countdown-styled{
	margin-bottom: 10px;
}

.score-countdown-styled div {
	display: inline-block;
	background-color: #999999;
	border: 1px solid rgba(97, 89, 89, 0.34);
	border-radius: 5px;
	font-size: 30px;
	font-weight: 100;
	line-height: 1;
	margin-left: 5px;
	padding: 10px;
	text-align: right;
	text-shadow: none;
}

/* IE7 inline-block hack */
*+html .score-countdown-styled div{
	display: inline;
	zoom: 1;
}

.score-countdown-styled div:first-child {
	margin-left: 0;
}

.score-countdown-styled div span:first-child{
	color: white;
	text-shadow: none;
}

.score-countdown-styled div span:last-child{
	border-top: 1px solid rgba(34, 33, 33, 0.49);
	color: rgb(43, 43, 43);
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding-top: 3px;
	text-align: center;
	text-transform: uppercase;
}
/***export app****/
#exp-previewApp {
	background-color: rgb(228, 228, 228);
	margin:0 auto;
	box-sizing: border-box;
	padding: 5px;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
}

#exp-skin {
	background-repeat: no-repeat;
	background-position: top center;
	margin:0 auto;
}

.exp-skin-desktop {
	background-image:none;
	width:950px;
	border: 3px solid rgb(219, 219, 219);
	border-radius: 10px;
}

.exp-skin-phone {
	height:710px;
	background-image:url('../images/iphone-portrait.png');
	background-size:auto;
}

.exp-skin-table {
	height:600px;
	background-image:url('../images/ipad-portrait.png');
	background-size: 1024px 600px;
	width:auto;
}

.exp-app-phone {
	width:322px;
	height:416px;
	top:136px;
	border-radius: 0px;
}

.exp-app-phone img {
	width:100%;
}

.exp-app-table {
	width: 790px;
	height:345px;
	top:184px;
	border-radius: 0px;
}

/**********export app************/

.containerApp {
	margin: 0 auto;
}
/*******************************/

/*** screen 700 or more ***/
/** center app ***/
@media screen and (min-width:700px) {

	.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page {
		margin-left:auto;
		margin-right:auto;
	}

	/* .exp-home-body {
		background: #BCD4E6;
	} */

	#homePageContent {
		margin-left: 25%;
		margin-right: 25%;
	}

	#logoWeb {
		width: 50%;
		height: auto;
	}

	/* .exp-home-video-height {
		height:315px;
	}

	.exp-home-video {
		height: 90%;
	} */

	#formLoginPage {
		margin-left: 25%;
		margin-right: 25%;
		width: 50%;
	}

	#resetPassword {
		margin-left: 25%;
		margin-right: 25%;
		width: 50%;
	}

	#containerformRegister {
		margin-left: 25%;
		margin-right: 25%;
	}

	#afterLoginbutton  {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	#afterLoginbutton  a {
		width: 240px;
		display: inline-block;
		margin: 25px 10px 0px 10px;
	}

	/* after Login */

	#contentAfterLogin {
		margin-left: 10%;
		margin-right: 10%;
	}

	#contentAfterLogin  #afterLoginbutton {
		width: 35%;
		display: inline-block;
	}

	#contentAfterLogin  .panelMap {
		width: 63%;
		margin-left: 5px;
	 	display: inline-block;
		background-image:url('../images/welcomeScreen.jpg');
		background-position:center;
		background-repeat: no-repeat;
		vertical-align: top;
		margin-top:17px;
		height: 300px;
	}

	.hidden-phone {
		display:inline;
	}

	.hidden-desktop{
		display: none;
	}

	.visible-phone {
		display:none;
	}

	/* create experience */

	.parentContainerList{
		margin-left: 200px;
		margin-right: 200px;
	}

	.parentContainerList > #searchBoxCluster{
		text-align: center;
		width: 500px;
		margin-left: auto;
		margin-right: auto;
	}

	#btnSelectTemplate{
		width: 500px;
	}

	#containerExpTemplates{
		width: 500px;
	}

	.parentContainerList > #searchBoxCluster > div {
		display: inline-block;
	}

	.parentContainerList > #searchBoxCluster > div:first-child {
		width:60%;
	}

	.parentContainerList > #searchBoxCluster > div:last-child {
		width:30%;
	}

	/* form add experience */

	#contentCreateExperience #googleMapDesktop {
		height: 482px;
	}

	#contentCreateExperience > .panelFormCreateExp{
		width: 35%;
		display: inline-block;
		max-height: 490px;
		overflow: hidden;
		overflow-x: hidden;
		overflow-y: scroll;
		height:490px;
	}

	#contentCreateExperience > .panelFormCreateExpMap {
		width: 63%;
		height:100%;
		margin-left: 5px;
	 	display: inline-block;
	}

	#contentCreateExperience {
		margin-left: 10%;
		margin-right: 10%;
	}

	/* Board in Games (arrangeStationsOnBoard.php) */

	#ContentArrangeStations{
		margin-left: 15%;
		margin-right: 15%;
	}

	#ContentArrangeStations .panelBoardGrid{
		vertical-align: top;
		display: inline-block;
		width: 60%;
	}

	/* Arrange stations and hotspots view */

	#ContentArrangeStations  #googleMapDesktop {
		height:100%;
		width:100%;
	}
	/* to adjust img  */
	#ContentArrangeStations #interactiveImg {
		max-width:100%;
		max-height:100%;
	}

	#ContentArrangeStations > .panelFormCreateExp{
		width: 35%;
		display: inline-block;
		max-height: 490px;
		overflow: hidden;
		overflow-x: hidden;
		overflow-y: scroll;
		height:490px;
	}

	#ContentArrangeStations > .panelFormCreateExpMap {
		width: 55%;
		height: 490px;
		vertical-align: top;
		padding: 10px;
	 	display: inline-block;

	}

	/* UI FOR GAME SESSION */

	.containerSessionGame{
		margin-left: 15%;
		margin-right: 15%;
	}

	.containerSessionGame > div.ui-body > .containerGridGame{
		display: inline-block;
		vertical-align: top;
		width: 95%;
	}

	#containerSecondaryGameInfo > div:first-child{
		width: 48%;
		margin-left: 3px;
	}

	#containerSecondaryGameInfo > div:last-child{
		width: 47%;
		margin-right: 0px;
	}

	.cellBoardGameWithImage{
		height: 70px;
		width: 100px;
	}

	div.ui-body.hide-nostations{
		padding: 6px 15px;
	}

	.containerGridGame > div.ui-collapsible > div.ui-collapsible-content{
		padding: 10px 15px;
	}

	.containerGridGame table{
		width: auto;
		margin: 0 auto;
	}

	/* form edit experience */

	#contentEditExperience {
		margin-left: 10%;
		margin-right: 10%;
	}

	#contentEditExperience > .panelFormCreateExp {
		width: 35%;
		display: inline-block;
		max-height: 490px;
		overflow: hidden;
		overflow-x: hidden;
		overflow-y: scroll;
		vertical-align: top;
	}

	#contentEditExperience > .panelFormCreateExpMap {
		width: 63%;
		margin-left: 5px;
	 	display: inline-block;
	}

	#contentEditExperience  #googleMapDesktop {
		 height: 482px;
	}

	/* edit form stations */

	#contentEditStation {
		margin-left: 10%;
		margin-right: 10%;
	}

	#formEditStation > .panelFormCreateExp {
		 width: 35%;
		 display: inline-block;
		 max-height: 490px;
		overflow: hidden;
		overflow-x: hidden;
		overflow-y: scroll;
	}

	#formEditStation > .panelFormCreateExpMap {
		width: 63%;
		margin-left: 5px;
	 	display: inline-block;
	}

	#formEditStation  #googleMapDesktop {
		 height: 482px;
	}

	/* save form stations */

	#contentSaveStation {
		margin-left: 10%;
		margin-right: 10%;
	}

	#formCreateStation > .panelFormCreateExp {
		width: 35%;
		display: inline-block;
		max-height: 490px;
		overflow: hidden;
		overflow-x: hidden;
		overflow-y: scroll;
	}

	#formCreateStation > .panelFormCreateExpMap {
		width: 63%;
		margin-left: 5px;
	 	display: inline-block;
	}

	#formCreateStation  #googleMapDesktop {
		 height: 482px;
	}

	/* viewExperiencePage*/
	#viewExperiencePage  #googleMap {
		height:450px;
	}

	#viewExperienceContent {
		text-align:center;
	}

	#containerMapAndControl {
		margin-left: 15%;
		margin-right: 15%;
	}

	/*my Experience */

	#myExperienciContent > .panelList {
		width: 45%;
		margin: 20px;
		display: inline-block;
	}

	#myExperienciContent > .panelDescription {
		width: 45%;
		margin: 20px;
		display: inline-block;
		vertical-align: top;
	}
	/*my stations*/
	#myStations > .panelList {
		width: 45%;
		margin: 20px;
		display: inline-block;
	}

	#myStations > .panelDescription {
		width: 45%;
		margin: 20px;
		display: inline-block;
		vertical-align: top;
	}

	#myExperienciContent .media-library-list {
		padding: 0px 0px 0px 45px;
	}

	.media-library-list  li  {
		width: 100px;
		height: 100px;
		margin: 5px 10px 5px 0px;
	}

	/*details experience */

	#detailsExperienceContainer {
		margin-left: 15%;
		margin-right: 15%;
		margin-top: 9px;
	}

	#detailsExperienceContainer >.ui-navbar {
		width: 96%;
	}


	#detailsExperienceContainer > .panelDetails {
		width: 40%;
		display: inline-block;
		height: 550px;
	}

	#detailsExperienceContainer > .panelMap {
		vertical-align: top;
		width: 55%;
		display: inline-block;
		margin-left: 5px;
	}

	#detailsExperienceContainer #googleMap {
		height: 550px;
	}

	#containerImg {
		text-align:center;
	}

	.imgPresentExperience {
		width:60%;
	}

	.contentInfoStations {
		max-height:280px;
	}

	.containerInteractiveContentTypeExp{
		padding: 15px;
	}

	.containerHiddenForGamesInfo{
		padding: 5px;
	}

	.popupGames{
		width: 350px;
	}

	#spanStationClaimed{
		font-size: 65px;
	}

	.lineAnimation {
   	-webkit-animation: flash 1.5s;
	   animation: flash 1.5s;
	}

	.line {
		border-color: rgb(244, 170, 45);
		border-width: 10px;
		width: auto;
		z-index: 1001;
		top: 0;
		left: 0;
		right: 0;
		position: absolute;
	}

   .line-first-vertical {
		left: -212px;
		right: 0;
		top: 99px;
		width: 222px;
      transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
   }

   .line-second-vertical {
      transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
		left: 0px;
		right: 0;
		top: 99px;
		width: 222px;
   }

   .line-third-vertical {
		left: 144px;
		right: 0;
		top: 99px;
		width: 222px;
      transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
   }

   .line-first-horizontal {
      transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      top: 18px;
   }

   .line-second-horizontal {
      transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      top: 102px;
   }

   .line-third-horizontal {
      transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      top: 182px;
   }

   .line-diagonal-left {
      transform: rotate(38deg);
      -ms-transform: rotate(38deg);
      -webkit-transform: rotate(38deg);
		top: 103px;
   }


   .line-diagonal-right {
      transform: rotate(143deg);
      -ms-transform: rotate(143deg);
      -webkit-transform: rotate(143deg);
		top: 103px;
   }

	#choiceGameEmbedContent {
		margin-left: 15%;
		margin-right: 15%;
	}

	#choiceGameEmbedContent div.panelChoiceGame{
		width:48%;
		margin-left: 2px;
	}

	.containerStationsChoiceGame{
		width: 90%;
	}

	.listStationsObject{
		margin: 0 0 0 20px;
	}

	.listStationsObject li{
		margin-right: 20px;
	}

	div.separator > label, div.separator > .ui-slider {
		display: inline-block;
	}

	#searchExperience .ui-slider  {
		width: 35%;
	}

	.boxTemplateAndTooltip a:last-child{
		width: 87%
	}

	#containerExpTemplates .liGameTemplate .boxTemplateAndTooltip a:first-child, .boxTemplateAndTooltip a:first-child{
		width: 11%;
	}

	#containerExpTemplates .liGameTemplate .boxTemplateAndTooltip a:last-child, .boxTemplateAndTooltip a:last-child{
		width: 88.4%;
	}

	.box-scoreboard-playerpoints div:first-child{
		width: 50%
	}

	.box-scoreboard-playerpoints div:last-child{
		width: 30%;
	}

	.containerApp {
		width:950px;
	}

}

.ui-icon-trasher {
	background-image: url(../images/trash.png);
	background-size:13px;
	background-repeat: no-repeat;
	background-position: 2px 48%;
}

#containerAddHotspotButton {
	display:none;
}

.removeHotspot {

	color: white;
	padding: 0px 10px 1px 10px;
	text-decoration: none;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.87);

	border: 1px solid rgba(0, 0, 0, 0.34);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;

	box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.51);
	-webkit-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.51);
	-moz-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.51);
	-ms-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.51);

	background: rgb(255,48,25); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjA0MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-8 */
}

/* inputs to create stations in form create experience */
#containerInputsCreateStations {
	display:none;
}

#formStationGoOption2 , #formStationGoOption3 , #formStationGoOption4 ,
#formStationDoOption3 , #formStationDoOption2 , #formStationDoOption1{
	display:none;
}

#boxFilterTags  ul {

	list-style: none;
	overflow-y: scroll;
	overflow-x: hidden;
	overflow: auto;
	max-height: 180px;
}

#boxFilterTagsStations  ul{

	list-style: none;
	overflow-y: scroll;
	overflow-x: hidden;
	overflow: auto;
	max-height: 250px;
}

#boxFilterTagsHotspot  ul{

	list-style: none;
	overflow-y: scroll;
	overflow-x: hidden;
	overflow: auto;
	max-height: 250px;
}

.iframeResponsive-container {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 35px;
   height: 0;
   overflow: hidden;
}

.iframeResponsive-container iframe {
   position: absolute;
   top:0;
   left: 0;
   width: 100%;
   height: 100%;
}

/*Score orientering*/
#btnExtendTime {
  width: 200px;
  margin-bottom: 15px;
}

#popupExtendTime-title {
   margin-left: 10px;
   margin-right: 10px;
}

/*style to control content float*/
.overContent {
   position: absolute;
   /*z-index: 100;*/
}

.overContent-topCenter {
   top: 0;
   right: 0;
   left: 0;
   margin-left: auto;
   margin-right: auto;
}

.overContent-topLeft {
   top: 0;
   bottom: 0;
   left: 0;
   margin-left: auto;
   margin-right: auto;
}

.overContent-topRight {
   top: 0;
   right: 0;
   bottom: 0;
   margin-left: auto;
   margin-right: auto;
}

.overContent-bottomCenter {
   right: 0;
   bottom: 0;
   left: 0;
   margin-left: auto;
   margin-right: auto;
}

.overContent-bottomRight {
   right: 0;
   bottom: 0;
   margin-left: auto;
   margin-right: auto;
}

.overContent-bottomLeft {
   bottom: 0;
   left: 0;
   margin-left: auto;
   margin-right: auto;
}

.overContent-centerAll {
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
}

.overContent-centerLeft {
   top: 0;
   bottom: 0;
   left: 0;
   margin: auto;
}

.overContent-centerRight {
   top: 0;
   bottom: 0;
   right: 0;
   margin: auto;
}

.loginFormEmbedContainer {
	display:none;
	z-index: 1;
	background: #f9f9f9; /*same that the page*/
}

.loginFormEmbedContainer #popupLoginRegister {
	width: 100% !important;
}

.loginFormEmbedContainer #allLoginFormLib {
	text-align: center;
}

.loginFormEmbedContainer #showLoginFormLib {
	width: 350px;
   display: inline-block;
}

.loginFormEmbedContainer_content {
	padding: 10px;
}

.ui-icon-experiencity-iconClockArean {
   background-image: url("../images/ClockArena1.png");
}

.disable-input {
   background-color: rgb(235, 235, 228) !important;   
   pointer-events: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
   .ui-icon-experiencity-iconClockArean {
      background-image: url("../images/ClockArena2.png");
      background-size: 18px 18px;
   }
}