/* activities.css */

.past-events {
	border-top: 1px solid rgba(0,0,0,0.3);
	display: flex;
	justify-content: center;
	min-height: 32px;
}

.past-events span {
	margin-top: 24px;
}

.notification-row:not(#emptyRow) .svg-icon {
  cursor: pointer;
}

.scroll-to {
  text-transform: uppercase;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
  background: white;
  border-radius: 3px;
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
  font-weight: 600;
  cursor: pointer;
}

.limit-filters {
  height: 100px;
  overflow: hidden;
}

.highlights #breadcrumb li {
  max-width: none;
}

.filters-limit {
  text-overflow:ellipsis;
  overflow:hidden;
  max-width:100%;
  display:block;
  pointer-events: none;
}

.filter-indicators {
  display: flex;
  align-items: flex-start;
  height: 50px;
}

.filter-indicators-container {
  overflow:auto;
  height: 100%;
  white-space: nowrap;
  flex-grow: 1;
}

.slick-container {
  height: 60%;
}
.slick-slider, .slick-list, .slick-track {
  height: 100%;
}

.slick-prev {
  left: 20px !important;
  z-index: 1 !important;
	background: rgba(255,255,255,0.5) !important;
	border-radius: 100% !important;
	width: 19px !important;
	height: 19px !important;

}
.slick-next {
  right: 20px !important;
	background: rgba(255,255,255,0.5) !important;
	border-radius: 100% !important;
	width: 19px !important;
	height: 19px !important;

}

.slick-prev:before, .slick-next:before {
color: #000 !important;
}


[class*="column"]+[class*="column"]:last-child {
	float: left;
}

	.button.filters {
		background-color: white;
		color: #333;
		border: solid 1px #979797;
	  padding: 9px 13px;
		margin-bottom: 0;
    white-space: nowrap;
	}

  .button.filters:hover {
    background-color: #EEEEEE;
  }

	.button.filters.success {
		border: none;
		background-color: #eb4258;
		color: white;
	}

	.filter-row label {
		max-width: 190px;
		display: inline;
		margin: 0 20px 16px 0;
		white-space: nowrap;
		overflow: hidden;
    text-overflow: ellipsis;
		float: left;
	}

	.filter-row input {
		margin-bottom: 0;
	}

	.filter-row .filter-category {
		font-weight: 600;
	}

	.filter-row {
		padding-bottom:16px;
	}

	.filter-row:not(:last-child) {
		border-right: 1px solid #aaa;
	}

	.filter-actions {
		padding: 16px 0px;
	}
  .filter-label {
    margin-bottom: 12px;
  }

	.filter-cancel {
		color: black;
		font-size: 10px;
		margin-left: 6px;
	}

  .filter-button-open {
    border-bottom: none !important;
    border-radius: 3px 3px 0 0 !important;
  }

	.remove-option {
		margin-left: 8px;
	}

	.filters-container {
		height: auto;
		border: solid 1px #aaaaaa;
		margin-bottom: 20px;
		overflow: auto;
		background-color: white;
		padding: 16px 20px 0 20px;
    border-radius: 3px;
    margin-top: -1px;
    z-index: 0;
	}

	.card {
		width: 100%;
		border-radius: 2px;
		background-color: #ffffff;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
		border-style: solid;
		border-width: 0.5px;
		border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0) 80%, rgba(0, 0, 0, 0.02) 95%, rgba(0, 0, 0, 0.04));
		border-image-slice: 1;
		margin-bottom: 30px;
		padding:0;
    height: auto;
	}

  .info-date {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .card.event-present .poster{
    max-width: 100%;
    height: auto;
	}

	.card.event-past {
		height: 96px;
		position: relative;
	}

	.card.event-past:before {
		content: '';
		height: 100%;
		width: 4px;
		position: absolute;
		left: 0; top: 0;
		background-color: #aaaaaa;
	}

	.card.subscription {
		height: 160px;
		position: relative;
	}

	.card.payments {
		position: relative;
		padding: 8px 0 0 0;
		height: 188px;
	}

	.card.payments .logo-container {
		padding: 8px 8px;
	}

  .image-container > span {
		cursor: default;
	}

	.image-container span a {
		padding: 6px;
		background-color: #17a1cf;
		color: white;
		display: inline-block;
	}

	.image-container span > span {
		padding: 6px;
		background-color: #30353a;
		color: white;
		display: inline-block;
		/*margin-right: -4px;*/
	}


	.image-container > span {
		position: absolute;
		right: 0;
		bottom: 0;
	}

	.card.payments:before {
		content: '';
		width: 100%;
		height: 4px;
		position: absolute;
		left: 0; top: 0;
		border-radius: 2px 2px 0 0 ;
	}

	.card.payments[data-status="pending"]:before {
		background-color: #f5a623;
	}

	.card.payments[data-status="done"]:before {
		background-color: #14bd6e;
	}

	.card.payments[data-status="canceled"]:before  {
		background-color: #eb4258;
	}
	.card.payments .card-price span {
		float: left;
	}

	.card.payments .card-price {
		padding: 5px 16px;
		text-align: right;
		color: white;

	}

	.info-like {
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		cursor: pointer;
	}

	.heart {
		transition: all 0.35s ease-out;
	}

	.card.payments[data-status="canceled"] .card-price  {
		background-color: #eb4258;
	}

	.card.payments[data-status="pending"] .card-price {
		background-color: #f5a623;
	}

	.card.payments[data-status="done"] .card-price {
		background-color: #14bd6e;
	}

	.card.payments[data-status="canceled"] .card-price {
		background-color: #eb4258;
	}

	.card.payments[data-status="done"] .card-info, .card.payments[data-status="canceled"] .card-info {
		margin: 20px 0;
	}

	.card.payments .card-actions  {
		border:none;
		padding: 0 8px;
	}

	.image-container {
		text-align: center;
		position: relative;
		height: auto;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #ededed;
	}

	.card-image {
		transform-origin: center;
		transform: translateY(-9%);
		min-height: 250px;
		max-height: 300px;
	}

	.card-status {
		position: absolute;
		right: 0;
		bottom:0;
		color: white;
		font-size: 12px;
		padding: 1px 5px;
		border-radius: 4px 0 0 0;
		font-weight: 400;
	}

	.info-category * {
		font-size: 1rem;
	}

	.inline-info {
		display: inline-flex;
		align-items: center;
		flex-wrap: nowrap;

	}

	.inline-info.drawer {
		align-items: flex-start;
	}

	.inline-info.drawer svg {
		flex: 0 0 30px;
		margin-top: 8px;
	}


	.inline-info > *:first-child {
		margin-right: 16px;
	}

	.inline-info > * {
		margin-right: 12px;
	}

	.info-caption {
		font-size: 11px;
	}

	.card-status.pending {
		background-color: #f5a623;
	}

	.card-status.done {
		background-color: #14bd6e;
	}

	.card-bottom {
		margin: 0 8px;
	}

	.card-info {
		margin: 12px 0 8px 0;
		position: relative;
    display: flex;
    flex-direction: column;
	}

	.card-info * {
		margin: 0;
	}

	.card-info h5 {
    max-width: 100%;
    text-overflow: ellipsis;
    margin: 12px 0 9px 0;
    letter-spacing: 0;
    height: 42px;
    overflow: hidden;
    font-weight: 600;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.40rem;
    padding: 0;
	}


  #breadcrumb ul {
      margin: 0;
      padding: 0;
      overflow: hidden;
      width: 100%;
      list-style: none;
      white-space: nowrap;
      display: flex;
      flex-wrap: nowrap;
  }

  #breadcrumb li {
      float: left;
      margin: 0 8px !important;
      white-space: nowrap;
      max-width: 46%;

  }
  #breadcrumb li:first-child {
      margin-left: 0 !important;
  }

  #breadcrumb a {
    background: #ddd;
    padding: 0.03rem 0.5rem;
    text-decoration: none;
    color: #444;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    position: relative;
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
    font-size: 11px;
    line-height: 20px;
  }

  #breadcrumb li:first-child a {
      border-top-left-radius: 2px;
      border-bottom-left-radius: 2px;
  }

  #breadcrumb li:last-child a {
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px;
  }

  #breadcrumb a:hover {
      background: #b5b5b5;
  }

  #breadcrumb li:not(:first-child) > a::before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1em;
    border-width: 10px 0 1em 1em;
    border-style: solid;
    border-color: #ddd #ddd #ddd transparent;
    left: -1em;
  }

  #breadcrumb li:not(:first-child) > a:hover::before {
      border-color:#b5b5b5 #b5b5b5 #b5b5b5 transparent;
  }

  #breadcrumb li:not(:last-child) > a::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1em;
    border-top: 1em solid transparent;
    border-bottom: 10.2px solid transparent;
    border-left: 1em solid #ddd;
    right: -1em;
  }

  #breadcrumb li:not(:last-child) > a:hover::after {
      border-left-color: #b5b5b5;
  }

/**/
/**/
/* ACTIVITIES */

/**/
/**/
/* ACTIVITIES > INDEX */

.userForm {
	padding: 25px 0 !important;

	box-shadow: none !important;
}




#login-register .icon.forgot {
	height: 20px;
	width: 20px;
	top: 7.5px;
	right: -30px;
	position: absolute;
	text-align: center;

}

#login-register .icon.forgot:after {
	content:"";
	border: 2px solid rgba(0,0,0,0.5);
	border-radius: 50%;
	width: 25px;
	height:25px;
	top: -1.8px;
	left: -2.5px;
	background-color: transparent;
	position:absolute;


}

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


/* Prevents double messages */

.users.login .error:nth-child(2){
	display: none;
}

/*
	Center entity logo

*/
.logo_wrapper img {
	width: 100%;
	display: block;
	margin: 100px auto 30px auto;
}


/*
	& give some margins

*/
.logo_wrapper {
	margin: 0 auto;
	max-width: 200px;
	min-width: 140px;
	width: 20%;
}


.entrance .sign_up .form .input.attention{
	  border-color: rgb(0, 140, 186);
}
.entrance .sign_up .form .input.attention .icon{
	font-size: 20px;
	padding-top: 1px;
}
.entrance .message{
	margin-bottom: 25px;
}
.entrance .activation,
.entrance .login,
.entrance .sign_up,
.entrance .request_password {
	margin-top: 10px;
}
.entrance .activation .logo_wrapper,
.entrance .login .logo_wrapper,
.entrance .sign_up .logo_wrapper,
.entrance .request_password{
	position: relative;
}
.entrance .activation .logo_wrapper .logo,
.entrance .login .logo_wrapper .logo,
.entrance .sign_up .logo_wrapper .logo,
.entrance .request_password .logo_wrapper .logo{
	width: 200px;
	height: auto;
	margin: 50px auto;
}
.entrance .activation .logo_wrapper .back,
.entrance .login .logo_wrapper .back,
.entrance .sign_up .logo_wrapper .back,
.entrance .request_password .logo_wrapper .back{
	position: absolute;
	font-size: 22px;
	padding: 8px 9px 8px 8px;
	border:2px solid #888;
	width: 45px;
	border-radius: 40px;
	text-align: center;
	color: #888;
	margin-top: -47px;
	display: none;

}
.entrance .activation .logo_wrapper .back:hover,
.entrance .login .logo_wrapper .back:hover,
.entrance .sign_up .logo_wrapper .back:hover,
.entrance .request_password .logo_wrapper .back:hover{
	color: #333;
	border-color: #333;
	cursor: pointer;

}

.entrance .sign_up .form .stage_2,
.entrance .sign_up .form .stage_3{
	display: none;
}
.entrance .sign_up .form label{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 6px;
	color: black;
}
.entrance .sign_up .form .label_checkbox{
	text-transform: none;
	letter-spacing: 0;
	color: rgb(34, 34, 34);
	font-size: 14px;
	font-weight: normal;
	margin: 0;

}
.entrance .activation input,
.entrance .activation select,
.entrance .activation  textarea,
.entrance .login .form input,
.entrance .login .form select,
.entrance .login .form textarea,
.entrance .sign_up .form input,
.entrance .sign_up .form select,
.entrance .sign_up .form textarea{
	border-radius: 4px;
	margin-bottom: 1.5rem;
	font-size: 1rem;
	height: 50px;
	padding: 0.5rem 0.75rem 0.5rem 0.75rem;

}

.entrance .sign_up .form input[type="radio"]{
	margin-bottom: 1rem;

}
.entrance .sign_up .form .phone_country{
	width: 125px;
	position: absolute;
	z-index: 20;

}
.entrance .sign_up .form .phone_country input{
	text-align: right;
}
.entrance .sign_up .form .phone_number{
	padding-left: 125px;
}
.entrance .sign_up .form .input	.icon{
	display: none;
	position: absolute;
	top: 10px;
	right:25px;
	z-index: 2;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	font-size: 17px;
	padding: 2px 0 0 0 ;
	border: 2px solid grey;
	text-align: center;
	background-color: white;
	box-shadow: 0px 1px 2px   rgba(0, 0, 0, 0.0980392);
}
.entrance .sign_up .form .success .icon{
	display: block;
	color: white;
	border-color: rgb(54, 138, 85);
	background-color: rgb(54, 138, 85);


}
.entrance .sign_up .form .success input, .entrance .sign_up .form .success select{
	background-color: #efffef;
	box-shadow: none;
}
.entrance .sign_up .form .error .icon{
		display: block;

	color: white;
	border-color: #C3232D;
	background-color: #C3232D;
}
.entrance .sign_up .form .error	input{
	background-color: #ffefef;
	border-color: #C3232D;

}
.entrance .sign_up .form .attention	input{
	background-color: #efefff;
	border-color: rgb(0, 112, 149);
	color: #888;

}
.entrance .sign_up .form .attention .icon{
	background: rgb(0, 140, 186);
	border-color: rgb(0, 140, 186);

}
#photo_upload_button{
	display: none;
	margin-top: 20px;
}
.entrance .sign_up .form .attention .icon i{
	font-weight: bold;
}

.login .social .button,
.entrance .sign_up .form .stage_1 .social .button{
	color: white;
	text-align: left;
	height: 50px;
	padding: 0;
	opacity: 0.9;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: opacity;
	transition-timing-function: ease-out;
	position: relative;
}
.login .social .button:hover
.entrance .sign_up .form .stage_1 .social .button:hover{
	opacity: 1;
	cursor: pointer;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: opacity;
	transition-timing-function: ease-out;
}
.login .social .button i,
.entrance .sign_up .form .stage_1 .social .button i{
	position: relative;
	margin: 0 12px 0 13px;
	font-size: 28px;
	display: inline;
	line-height: 50px;
	/*float: left;*/
}

.login .social .button div,
.entrance .sign_up .form .stage_1 .social .button div{
	position: relative;
	font-size: 14px;
	line-height: 50px;
	display: inline;
	/*float: left;*/
	/*height: 50px;*/
	letter-spacing: 0.5px;
	padding: 1px 0 0 4px;
}

.facebook > div{
	background-color: #3b5998;
}
.facebook > a:hover{
	text-decoration: none;
}
.login .social .divisor{
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin: 0 auto;
	margin-bottom: 25px;
}
.entrance .sign_up .form .stage_1 .divisor{
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin: 0 auto;
}
.entrance .sign_up .form  .first{
	padding-top:25px;
}

.entrance .sign_up .form  .email_validation p{
	padding-left: 3px;
	padding-right: 3px;
	font-size: 8.5pt;
}

.entrance .sign_up .form  .email_validation a{
	font-weight: bold;
	color: black;
}

.entrance .sign_up .form  .email_validation a:hover{
	text-decoration: underline;
}

.entrance .sign_up .form .stage_1 .strength_wrapper{
	position: absolute;
	top: 45px;
	left:0;
	height: 5px;
	border-radius: 4px;
	overflow: hidden;
	padding-left: 15px;
		padding-right: 15px;

	width: 100%;
}
.entrance .sign_up .form .stage_1 .strength_wrapper .strength{
	position: relative;
	width: 100%;
	height: 100%;

	border-radius: 0 0 4px 4px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	overflow: hidden;
}
.entrance .sign_up .form .stage_1 .strength_wrapper .strength .fill{
	width: 0%;
	height: 100%;
	background-color: red;
}

.entrance .sign_up .form .stage_1 .strength_wrapper .strength .fill.weak{
	width: 20%;
}

.entrance .sign_up .form .stage_1 .strength_wrapper .strength .fill.bad{
	width: 40%;
	background-color: #ff8000;
}

.entrance .sign_up .form .stage_1 .strength_wrapper .strength .fill.good{
	width: 60%;
	background-color: #46b26e;
}

.entrance .sign_up .form .stage_1 .strength_wrapper .strength .fill.excellent{
	width: 80%;
	background-color: #368a55;
}

.entrance .sign_up .form .stage_1 .next_or_register{
	text-align: center;
}
.entrance .sign_up .form .stage_1 .next_or_register .next{
	margin-bottom: 10px;

}
.entrance .sign_up .form .stage_1 .next_or_register a,
.entrance .sign_up .form .stage_1 .next_or_register a:visited,
.entrance .sign_up .form .stage_1 .next_or_register a:link{
	font-size: 14px;
	font-weight: bold;
	color: #888;
	text-align: center;
}
.entrance .sign_up .form .stage_1 .next_or_register a:hover{
	color:#555;
	border-bottom: 1px solid #555;
	padding-bottom: 2px;
}
.entrance .sign_up .form .stage_3 .gender_row{
	padding: 0 30px 0 30px;
}
#city-id{
	color: #aaa;

}
#city-id:focus{
	color: #888;
}
.entrance .sign_up .form .stage_3 .account .photo{
  border-radius: 60px;
  border: 3px solid #aaa;
  width: 120px;
  height: 120px;
  overflow: hidden;
  text-align: center;
	margin: 0 auto;

}
.entrance .sign_up .form .stage_3 .account .photo i{
  font-size: 150px;
  text-align: center;
  margin-left: 7px;
  color: #888;

}

.entrance .sign_up .form .stage_3 .account .photo img{
  width: 120px;
  height: 120px;
}

.entrance .sign_up .form .stage_3 .account .photo:hover{
	cursor: pointer;
	border-color: #555;
}
.entrance .sign_up .form .stage_3 .account .photo:hover > i{
	cursor: pointer;
	color: #555;
}

.entrance .sign_up .form .stage_3 .account .photo.active{
	cursor: pointer;
	border-color: #555;
}
.entrance .sign_up .form .stage_3 .account .photo.active > i{
	cursor: pointer;
	color: #555;
}

.entrance .sign_up .form .stage_3 .account .name{
  display: none;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  padding: 0 6px 0 6px;
  color: #888;


}
.entrance .sign_up  .form .stage_3 .terms{
	margin-top: 25px;
	text-align: center;
	color: #555;
	margin-bottom: 25px;
		font-size: 14px;
				line-height: 16px;


}








/*
/*
/*
/* LOGIN */

.entrance .login .lost_pass input,
.entrance .login .form input,
.entrance .login .form select,
.entrance .login .form textarea{
	border-radius: 4px;
	margin-bottom: 1.5rem;
	font-size: 1rem;
	height: 50px;
	padding: 0.5rem 0.75rem 0.5rem 0.75rem;

}

.entrance .login .form input[type="radio"]{
	margin-bottom: 1rem;

}


.date_placeholder{
	color: #aaa;
	position: absolute;
	left:28px;
	top:13px;

}
.entrance .login .input .icon,

.entrance .login .input .icon{
	display: none;
	position: absolute;
	top: 10px;
	right:25px;
	z-index: 2;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	font-size: 17px;
	padding: 2px 0 0 0 ;
	border: 2px solid grey;
	text-align: center;
	background-color: white;
	box-shadow: 0px 1px 2px   rgba(0, 0, 0, 0.0980392);

}
.entrance .login .lost_pass,
.entrance .login .social_login{
	display: none;
}
.entrance .login .form .input .forgot{
	display: block;
	color: #aaa;
	border-color: #ccc;
}
.entrance .login .form .input .forgot:hover{
	cursor: pointer;
	border-color: #888;
	color: #555;
}
.entrance .login .form .input .forgot:active{
	box-shadow: none;
	margin-top:1px;
}
.entrance .login .form .success .icon{
	display: block;
	color: white;
	border-color: rgb(54, 138, 85);
	background-color: rgb(54, 138, 85);


}
.entrance .login .form .success input{
	background-color: #f5f9f5;
	box-shadow: none;
}
.entrance .login .form .error-form .icon{
		display: block;

	color: white;
	border-color: #C3232D;
	background-color: #C3232D;
}
.entrance .login .form .error-form	input{
	background-color: #f9f5f5;
	border-color: #C3232D;

}
.entrance .login .form a,
.entrance .login .form a:visited,
.entrance .login .form a:link{
	font-size: 14px;
	color: #008cba;
	padding-bottom: 2px;
	line-height: 1.2;
}
.entrance .register a:hover{
	color: #007095;
	border-bottom: 1px solid;

}
.entrance .login .form .facebook a:hover{
	border-bottom: none;
}
.entrance .login .login_button{
	margin-bottom: 10px;
}
.entrance  .form .register{
	text-align: center;
}
.entrance  .form .register a,
.entrance  .form .register a:visited,
.entrance  .form .register a:link{
	font-size: 14px;
	font-weight: bold;
	color: #888;
	text-align: center;

}
.entrance .form .register a:hover{
	color: #555;
}
.entrance .login .form .options{

	margin-bottom:24px;
}

 .checkbox{
	cursor: pointer;
}

.checkbox{
	cursor: pointer;

}

.text{
	cursor: pointer;
	color:#333;
}

 .checkbox{
	width: 20px;
	height: 20px;
	border-radius: 15px;
	float: left;
	margin-right:6px;
	border: 2px solid #888;
	background-color: white;
}


.checkbox .fill{
	margin: 3px;
	width: 10px;
	height: 10px;
	border-radius: 15px;
	border-color: transparent;
}
 .remember_session .selected{
	background-color: transparent;
}
 .remember_session .selected .fill{
	background: #888;
}
.remember_session .text{
	display: inline;
	color: #555;

}
.social_login .button{
	color: white;
	text-align: left;
	height: 50px;
	line-height: 50px;
	padding: 0;
	opacity: 0.9;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: opacity;
	transition-timing-function: ease-out;
	position: relative;
}
.entrance .login .social_login .button:hover{
	opacity: 1;
	cursor: pointer;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: opacity;
	transition-timing-function: ease-out;
}
.entrance .login .social_login .button i{
	position: relative;
	margin: 0 12px 0 13px;
	font-size: 28px;
	display: inline;
	line-height: 50px;
	/*float: left;*/
}

.entrance .login .social_login .button div{
	position: relative;
	font-size: 14px;
	line-height: 50px;
	display: inline;
	/*float: left;*/
	/*height: 50px;*/
	letter-spacing: 0.5px;
	padding: 1px 0 0 4px;
}

.entrance .login .social_login .facebook > div{
	background-color: #3b5998;
}
.entrance .login .social_login .google > div{

background-color: #dd4b39;
}
.entrance .lost_pass p{
	color:#555;
}

.entrance .brand{

	width: 10rem;
	height: 60px;
	margin: 10px;

	max-width: 200px;

	position: fixed;

	left: 0;
}

.entrance .brand > * {
	background-image: url(../img/logo-ups-black.png);
	/* media query abaixo de X mudar para outro logo / reposicionar*/
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.9;
	text-align: center;
	-webkit-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
	height: 60px;
}
.entrance .brand .upstudents_logo:hover{
	opacity: 1;
	cursor: pointer;
}

.entrance .brand .upevents_logo{
	/* background-image: url(../img/upevents-logo-ups-black.png); */
	/* background-size: 170px; */
	/* background-repeat: no-repeat; */
	/* width: 170px; */
	height: 48px;
	text-align: center;
}
.entrance .brand .upevents_logo:hover{
	opacity: 1;
	cursor: pointer;
}

.entrance .brand .uphill-events-logo {
	height: 48px;
}

/*
/*
/*
/* Activation */

.entrance .input .icon{
	display: none;
	position: absolute;
	top: 10px;
	right:25px;
	z-index: 2;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	font-size: 17px;
	padding: 2px 0 0 0 ;
	border: 2px solid grey;
	text-align: center;
	background-color: white;
	box-shadow: 0px 1px 2px   rgba(0, 0, 0, 0.0980392);

}
.entrance .input .success .icon{
	display: block;
	color: white;
	border-color: rgb(54, 138, 85);
	background-color: rgb(54, 138, 85);


}
.entrance .input .success input{
	background-color: #f5f9f5;
	box-shadow: none;
}
.entrance .input .error .icon{
		display: block;

	color: white;
	border-color: #C3232D;
	background-color: #C3232D;
}
.entrance .input .error	input{
	background-color: #f9f5f5;
	border-color: #C3232D;

}
.entrance .activation p{
	color:#555;
}


/*
/*
/*
/* NEW PASSWORD */

.entrance .request_password .lost_pass input,
.entrance .request_password .form input,
.entrance .request_password .form select,
.entrance .request_password .form textarea{
	border-radius: 4px;
	margin-bottom: 1.5rem;
	font-size: 1rem;
	height: 50px;
	padding: 0.5rem 0.75rem 0.5rem 0.75rem;

}

.entrance .request_password .form input[type="radio"]{
	margin-bottom: 1rem;

}
.entrance .request_password .input .icon,

.entrance .request_password .input .icon{
	display: none;
	position: absolute;
	top: 10px;
	right:25px;
	z-index: 2;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	font-size: 17px;
	padding: 2px 0 0 0 ;
	border: 2px solid grey;
	text-align: center;
	background-color: white;
	box-shadow: 0px 1px 2px   rgba(0, 0, 0, 0.0980392);

}
.entrance .request_password .form .success .icon{
	display: block;
	color: white;
	border-color: rgb(54, 138, 85);
	background-color: rgb(54, 138, 85);


}
.entrance .request_password .form .success input{
	background-color: #f5f9f5;
	box-shadow: none;
}
.entrance .request_password .form .error .icon{
		display: block;

	color: white;
	border-color: #C3232D;
	background-color: #C3232D;
}
.entrance .request_password .form .error	input{
	background-color: #f9f5f5;
	border-color: #C3232D;

}

.entrance .request_password .form .strength_wrapper{
	position: absolute;
	top: 45px;
	left:0;
	height: 5px;
	border-radius: 4px;
	overflow: hidden;
	padding-left: 15px;
		padding-right: 15px;

	width: 100%;
}
.entrance .request_password .form .strength_wrapper .strength{
	position: relative;
	width: 100%;
	height: 100%;

	border-radius: 0 0 4px 4px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	overflow: hidden;
}

.entrance .request_password .form .strength_wrapper .strength .fill{
	width: 0%;
	height: 100%;
	background-color: red;
}

.entrance .request_password .form .strength_wrapper .strength .fill.weak{
	width: 20%;
}

.entrance .request_password .form .strength_wrapper .strength .fill.bad{
	width: 40%;
	background-color: #ff8000;
}

.entrance .request_password .form .strength_wrapper .strength .fill.good{
	width: 60%;
	background-color: #ffff00;
}

.entrance .request_password .form .strength_wrapper .strength .fill.excellent{
	width: 80%;
	background-color: green;
}

/*
/*
/*
/* GENERAL */


.footer{
	margin-top: 120px;
	margin-bottom: 30px;
	text-align: center;
	font-weight: 400;
	font-size: 12px;
	color: #888;
}

.help-block.form-error{
	display: none;
}

/*
/*
/*
/* Select Institutions */
.choose_institution .greetings h1{
	font-weight: 200;
	color: #555;
	margin: 15px 0 35px 0;
	text-align: center;
	font-size: 36px;
}

.choose_institution .institution{
	height: 70px;
	border: 2px solid white;
	margin-bottom: 10px;
}
.choose_institution .institution:hover{
	cursor: pointer;
	border: 2px solid #dfdfdf;
	border-radius: 4px;

}
.choose_institution h4{
	margin-bottom: 40px;
}
.choose_institution .institution .logo{
	float: left;
	padding: 10px;
	line-height: 46px;
}
.choose_institution .institution .logo img{
	max-width: 150px;
	max-height:50px;

}
.choose_institution .institution .name{
	font-size: 18px;
	height: 50px;
	margin-top: 21px;

}
@media only screen {



} /* Define mobile styles */

@media only screen and (max-width: 40em) {
	.unslider-arrow {
    top: 30% !important;
    transform: translateY(-50%);
	}
	.registration {
		position: fixed;
    	z-index: 999;
		width: 100%;
		left:0;
		bottom: 10px !important;
	}

	.registration a{
		width: 92% !important;
    left: 0 !important;
    margin: 0 auto !important;
    height: 55px !important;
    line-height: 2.3 !important;
    font-size: 20px !important;
    border-radius: 4px !important;
	}

}


@media only screen and (min-width: 40.063em) {

	.entrance .activation,
	.entrance .login,
	.entrance .sign_up,
	.entrance .request_password {
		margin-top: 80px;
	}



	.entrance .activation .logo_wrapper .logo,
	.entrance .login .logo_wrapper .logo,
	.entrance .sign_up .logo_wrapper .logo,
	.entrance .request_password .logo_wrapper .logo{
		width: 250px;

	}
	.entrance .activation .logo_wrapper .back,
	.entrance .login .logo_wrapper .back,
	.entrance .sign_up .logo_wrapper .back,
	.entrance .request_password .logo_wrapper .back{
		margin-top: 25px;

	}

}


.registration.survey{
	background-color: rgba(255,165,0,1);
	padding: 4px 8px 4px 8px;
	letter-spacing: 0.5px;
	line-height:16px;
	border-radius: 4px;
	font-size: 11px;
	color: white;
}

.image .fi-heart{
	position: absolute;
	top:10px;
	left: 10px;
	font-size: 16px;
	color:black
}

.image .fi-heart:hover{
	color:#eb4258;
}

.starselected{
	color:#eb4258;
}

.mbway-icon {
	background-image: url(../img/icon-mbway.png);
	background-repeat: no-repeat;
	width: 40px;
	background-size: contain;
	background-position: center center;
	height: 27px;
	min-width: 50px;
	opacity: 0.6;
}

.index h1{
	font-size: 14px;
	margin-left: 15px;
	color: #555;
	border-bottom: 1px solid #aaa;
	text-transform: uppercase;
	padding-bottom: 6px;
}
.index .highlights{
	padding-left: 15px;
	padding-right: 15px;

}

.index .highlights .wrapper{
    border-radius: 4px;
   	height: 350px;
	margin-bottom: 22px;
		margin-top: 15px;
    border: 1px solid rgba(0,0,0,0.13);
			padding: 0;
	overflow: hidden;
}

.registration.warning {
	border-radius: 4px;
	background-color: #ce8500;
}

.index .highlights .wrapper .image{
	position: relative;
	height: 100%;
	padding:0;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
}

.highlights .image-container img{
	min-height: 100%;
  max-width: none;
  width: 100%;
}

.index .highlights .wrapper .image:hover{
	cursor: pointer;
}
.index .highlights .wrapper .image .area{
	position: absolute;
	top:0px;
	left:0px;
	color: white;
	background: linear-gradient( 0deg, rgba(0,0,0,0), rgba(0,0,0,0.5) );
	height: 60px;
	width: 100%;
	padding: 10px 12px 6px 12px;
	line-height: 14px;
	text-shadow: 0 1px 1px black;
}
.index .highlights .wrapper .image .area a:link, .index .highlights .wrapper .image .area a:visited, .index .highlights .wrapper .image .area a:active{
	color:white;
	text-transform: uppercase;
	font-size: 12px;
	color:white;

}
.index .highlights .wrapper .image .area a:hover{
	text-decoration: underline;
	opacity: 1;

}

.index .highlights .wrapper .image .title{
	line-height: 31px;
	font-size:26px;
	font-weight: bold;
	color: white;
	text-shadow:0 0 15px black;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 6px 12px 12px 12px;

	width: 100%;
}
.index .highlights .wrapper .image .title a,
.index .highlights .wrapper .image .title a:link,
.index .highlights .wrapper .image .title a:visited {
	color: white;
	opacity: 0.9;
}
.index .highlights .wrapper .image .title a:hover {
	opacity: 1;

}
.index .highlights .wrapper .details{
	background-color: #fff;
	padding:24px 24px 24px 24px;
	height: 100%;
}
.index .highlights .wrapper .details .header{
	font-size: 22px;
	color: #333;
	margin-bottom: 24px;
	max-height: 100px;
	overflow: hidden;
}
.index .highlights .wrapper .details .icon_wrapper{
	display: block;
	width: 28px;
	float: left;
	flex: 0 0 28px;
	margin-right: 5px;
}
.index .highlights .wrapper .details .icon_wrapper i{
	color: #333;
	font-size: 25px;
	margin-right: 10px;
	height: auto;
}
.index .highlights .wrapper .details span{
	overflow: hidden;
	/* flex: 0 0 50px; */;
	text-overflow: ellipsis;
	display: flex;
	max-height: 56px;
}

.unslider-arrow {
  top: 40%;
  transform: translateY(-50%);
}

.unslider {
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-width: 0.5px;
  border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0) 80%, rgba(0, 0, 0, 0.02) 95%, rgba(0, 0, 0, 0.04));
  border-image-slice: 1;
  margin-bottom: 30px;
  padding: 0;
}

.index  .highlights .wrapper .details .datetime{
	width: 100%;
	display: flex;
	line-height: 26px;
	margin-bottom: 8px;
}

.index  .highlights .wrapper .details .datetime_start{
	font-size: 14px;
	color: #777;
}

.index  .highlights .wrapper .details .price,
.index  .highlights .wrapper .details .venue,
.index  .highlights .wrapper .details .registration{
	color: #777;
	font-size: 14px;
	display: block;
	margin-bottom: 8px;
	line-height: 28px;
	max-height: 56px;
}

.index  .highlights .wrapper .details .registration > .closed
{
	color: rgba(240, 65, 50, 1);
}

#cancel_inscription {
    color: #777;
	font-size:70%;
}

#cancel_inscription:hover {
    text-decoration: underline;
	cursor:pointer;
}

.index  .highlights .wrapper .details .registration > .open
{
	color: rgba(20,189,110,1);

}
.next_activities, .previous_activities{
	padding-right: 15px;
}
.previous_activities > .panel_wrapper{
	opacity: 0.5;
}

.index .panel_wrapper{
	padding:0;
	padding-left:15px;
}

/*.index .panel_wrapper.full {
	opacity: 0.5;
}*/

.index .panel_wrapper:last-child{
	float: left;
}

.index .panel{
	margin-top: 12px;

    box-shadow: 0px 0px 3px #aaa;
    border-radius: 4px;
    border: none;
    padding: 0;
    background-color: white;
    height: 515px;
}

.index .panel .image{
    height: 235px;
    width: 100%;
    position:relative;
    background-size: cover;
    background-position: center center;
        border-radius: 4px 4px 0 0;

}

.index .panel .image:hover{
	cursor: pointer;
}

.index .panel .image .area{
	position: absolute;
	top:0px;
	left:0px;
	color: white;
	background: linear-gradient( 0deg, rgba(0,0,0,0),rgba(0,0,0,0.5) 70%, rgba(0,0,0,0.5) );
	height: 40px;
	width: 100%;
	padding: 10px 12px 6px 12px;
	line-height: 14px;
	border-radius: 4px 4px 0 0;
	text-shadow: 0 1px 1px black;

}

.index .panel .image .area a:link, .index .panel .image .area a:visited, .index .panel .image .area a:active{
	color:white;
	text-transform: uppercase;
	font-size: 11px;
	color:white;

}
.index .panel .image .area a:hover{
	text-decoration: underline;
	opacity: 1;

}


.index .panel .image .date_start{
	font-size:20px;
	font-weight: bold;
	color: white;
	text-shadow:0 0 15px black;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 6px 12px 12px 12px;

}

.index .panel .image .registration{
	font-size: 10px;
	line-height: 12px;
	padding: 6px 6px 6px 6px;
	color: white;
	position: absolute;
	right: 0;
	bottom: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
	text-align: center;
}
.index .panel .image .registration i{
	font-size: 14px;
}
.index .panel .image .registration a,
.index .panel .image .registration a:link,
.index .panel .image .registration a:visited{
	color: white;
}
.index .panel .image .registration a:hover{
	opacity: 1;
	cursor: pointer;
	text-decoration: underline;
}
.index .panel .image > .registration_open{
	background-color: rgba(20,189,110,1);
	padding: 4px 8px 4px 8px;
	letter-spacing: 0.5px;
	line-height:16px;
	border-radius: 4px;
	font-size: 11px;
	color: white;
}

.index .panel .image > .registered{
	padding: 4px 4px 4px 4px;
	font-size: 11px;
	color: rgba(20,189,110,1);
	letter-spacing: 0.5px;
	line-height:16px;
	border: rgba(20,189,110,1);
	border-radius: 4px;
	background-color: white;
}

.index .panel .details{
	position: relative;
	padding: 6px 12px 6px 12px;

}

.index .panel .details .title{
	font-size: 22px;
	margin-bottom: 10px;
	margin-top: 12px;
	line-height: 26px;
	max-height: 78px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.index .panel .details .icon_wrapper{
	height: 100%;
	display: block;
	width: 28px;
	float: left;
}
.index .panel .details .icon_wrapper i{
	color: #666;
	font-size: 22px;
	margin-right: 10px;
	height: 100%;
}
.index .panel .details span{
	display: block;
}
.index .panel .details .title a, .index .panel .details .title a:link, .index .panel .details .title a:visited{
	color: #333;
}
.index .panel .details .title a:hover{
	color: black;

}

.index .panel .details .datetime{
	width: 100%;
	display: block;
	line-height: 22px;
	margin-bottom: 8px;
}

.index .panel .details .datetime_start{
	font-size: 12px;
	color: #777;

}
.index .panel .details .datetime_end{
	color: #777;
	font-size: 12px;
	max-height: 22px;

}

.index .panel .details .price,
.index .panel .details .venue,
.index .panel .details .registration {
	color: #777;
	font-size: 12px;
	display: block;
	margin-bottom: 8px;
	line-height: 22px;
	max-height: 44px;
}

.index .panel .details .registration > .closed
{
	color: rgba(240, 65, 50, 1);
}

.index .panel .details .registration > .warning
{
	color: #ce8500;
}

.index .panel .details .registration > .open
{
	color: rgba(20,189,110,1);

}

.index .panel .actions{
	padding: 6px 12px 12px 12px;
	font-size: 14px;
	text-transform:uppercase;

}

.index .panel .actions .info{
	float: right;
}

.next_activities > p, .previous_activities > p {
	margin-left: 15px;
}

/**/
/**/
/* ACTIVITIES > VIEW */

.view h1{
	font-size: 14px;
	margin-left: 15px;
	color: #555;
	border-bottom: 1px solid #aaa;
	text-transform: uppercase;
	padding-bottom: 6px;
}
.view .activity{
	padding-left: 15px;
}
.view .activity{
	padding-top: 15px;

}
.view .activity .image{
	position: relative;
	height: 100%;
	padding:0;
	overflow: hidden;
	background-size:cover;
	background-position: center center;
}
.view .activity .image img{
	height: auto;
	width: 100%;
		line-height: 350px;

}
.view .activity .image .area{
	position: absolute;
	top:0px;
	left:0px;
	color: white;
	/*background: linear-gradient( 0deg, rgba(0,0,0,0), rgba(0,0,0,0.5) );*/
	height: 60px;
	width: 100%;
	padding: 10px 12px 6px 12px;
	line-height: 14px;
	border-radius: 4px 4px 0 0;
	text-shadow: 0 1px 1px black;
}
.view .activity .image .area a:link, .view .activity .image .area a:visited, .view .activity .image .area a:active{
	color:white;
	text-transform: uppercase;
	font-size: 12px;
	color:white;

}
.view .activity .image .area a:hover{
	text-decoration: underline;
	opacity: 1;

}

.view .activity .image .title{
	font-size: 22px;
	line-height: 36px;
	font-weight: bold;
	color: white;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 6px 12px 12px 12px;
	width: 75%;
	overflow: hidden;
  text-overflow: ellipsis;
}

.view .activity .image .registration a,
.view .activity .image .registration a:link,
.view .activity .image .registration a:visited{
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 6px 12px 12px 12px;
	width: 30%;
	color: white;
	padding: 4px 10px;
	text-align: center;
	background-color: #17a1cf !important;
	border-radius: 4px;
	font-size: 12px;
	box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.25);

}
.view .activity .image .registration a:hover{
	cursor: pointer;
}
.view .activity .image .registration a:active{
	background-color:rgb(17,162,94);
	box-shadow: 0px 0px 3px #000;

}


.price_start {
	margin: 0;
	margin-top: 4px;
	margin-left: 37px;
	margin-right: 20px;
}

.other-prices {
	overflow: hidden;
	display: none;
}

.price_start p {
	display: inline-block !important;
	margin: 0;
}

.price_start li {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 8px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	align-items: flex-end;
	padding: 2px 0px;
}

.price_start li > p{
	flex: 0.8;
	font-weight: 900;
}
.price_start li > span{
	padding-bottom: 4px;
}


.price_start span {
	font-size: 15px;
	display: inline-block !important;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 1px;
	transform: translateY(2px);
}

.view .activity .details{
	position: relative;
	background-color: #fff;
	padding:24px 24px 24px 24px;
	height: 100%;
	float: left;
}
.view .activity .details .header{
	font-size: 24px;
	color: #333;
	font-weight: bold;
	margin-bottom: 24px;

}
.view .activity .details .icon_wrapper{
	height: auto;
	display: block;
	width: 28px;
	float: left;
	margin-right: 10px;
}
.view .activity .details .icon_wrapper i{
	color: #333;
	font-size: 28px;
	margin-right: 10px;
	height: 100%;
}
.view .activity .details span{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

.view  .activity .details .datetime{
	width: 100%;
	display: block;
	margin-bottom: 8px;
}

.view  .activity .details .datetime_start{
	font-size: 14px;
	color: #777;
	max-height: 80px;

}
.view  .activity .details .datetime_end{
	color: #777;
	font-size: 14px;
	max-height: 56px;

}

.view  .activity .details .price,
.view  .activity .details .venue,
.view  .activity .details .registration_info{
	color: #777;
	font-size: 14px;
	display: flex;
	margin-bottom: 8px;
	line-height:20px;
	max-height: 56px;
}


.view  .activity .details .price {
	max-height: inherit;
	display: flex;
	flex-direction: row;
}

/*.view  .activity .details .price .price_start {
	/*padding-left: 38px;
}*/

.view  .activity .details .registration_info > .closed
{
	color: rgba(240, 65, 50, 1);

}

.view  .activity .details .registration_info > .open
{
	color: rgba(20,189,110,1);

}
.view .activity .description {
	display: block;
	font-size: 14px;
	line-height: 17px;
	color: #333;
	text-align:justify;
}
.view .activity .panel_wrapper{
	padding: 0 15px 0 0;
}

.view .activity .panel_wrapper{
	padding: 0 15px 0 0;
}

.slick__slide-cta {
  height: 40px;
  margin-top: -20px;
}

.view .activity .panel_wrapper:last-child{
	padding: 0;
}
.view .activity .panel{
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0px 0px 3px #aaa;
	padding: 24px;
	border: none;
	overflow: hidden;

}


.view .activity .description ol li {
  list-style-type: decimal;
}

.view .activity .description ul li {
  list-style-type: disc;
}

.view .activity .description h1 {
  font-size: 2.364rem;
}

.view .activity .description h2 {
  font-size: 1.907rem;
}

.view .activity .description h3 {
  font-size: 1.907rem;
}

.view .activity .description h4 {
  font-size: 1.538rem;
}

.view .activity .description h5 {
  font-size: 1.24rem;
}

.view .activity .description h6 {
  font-size: 1rem;
}

.view .activity .description p {
  font-size: 1.24rem;
}


.view .activity .description h1,
.view .activity .description h2,
.view .activity .description h3,
.view .activity .description h4,
.view .activity .description h5,
.view .activity .description h6 {
  color: #555 !important;
  text-transform: uppercase!important;
}


.view .activity .no_padding{
	padding: 0;
	padding-top: 24px;
}
.view .activity .no_padding h3{
	margin:0 24px 24px 24px;
}
.view .activity .map{
	padding: 0;
}
.view .activity .friends .friend_number{
	font-weight: normal;
	color: #777;
	text-transform:none;

}
.view .activity .description p{
	font-size:14px;
}

.view .activity .panel:not(.description) h3 {
	font-size: 12px;
	font-weight: bold;
	color: #999;
	text-transform: uppercase;
}

.view .activity .friends img{
	width: 40px;
	border-radius: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid grey;

}
.view .activity .friends img:first-child{
	margin-left: 0;

}
.view .activity .friends .instructions{
	font-size: 14px;
	color: #333;
	line-height:20px;
}
.view .activity .friends .social_login{
	margin: 0 auto;
}
.view .activity .friends .social_login a,
.view .activity .friends .social_login a:visited,
.view .activity .friends .social_login a:link{
	color: white;
	border: 1px solid #334c83;
	background-color: #4e69a2;
	font-size: 12px;
	border-radius: 2px;
	line-height: 14px;
	display: inline-block;
	margin-top: 8px;

}
.view .activity .friends .social_login a:hover{
	background-color: #334c83;
}
.view .activity .friends .social_login a:active{
	margin-top: 9px;
}

.view .activity .friends .social_login a i{
    font-size: 20px;
    padding-left: 4px;
    position: relative;
    margin-top: 2px;
    display: inline-block;

}
.view .activity .friends .social_login a div{
	padding: 3px 6px;
	display: inline-block;
}

.view .activity .programme .slot{
	width: 100%;
	height: 24px;
	background-color: #dfdfdf;
	padding-left: 24px;
	padding-right: 12px;
}
.view .activity .programme .slot .title{
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #555;
	display: inline-block;
}
.view .activity .programme .slot .limit{
	font-size: 11px;
	color: #555;
	/*float: right;*/
	line-height: 24px;
	display: inline-block;
}
.view .activity .programme .subactivity{
		position: relative;

}
.view .activity .programme .subactivity .summary{
	position: relative;
	width: 100%;
	background-color: white;
	color:black;
	min-height: 70px;
	padding: 18px 12px 12px 0;
	border-bottom: 1px solid #ddd;
}
.view .activity .programme .subactivity .summary:last-child{
	border: none;
}
.view .activity .programme .subactivity .summary .name{
	margin-left: 24px;
	margin-right: 24px;
	font-size: 18px;
}
.view .activity .programme .subactivity .summary .date{
	font-size: 12px;
	margin-left: 24px;
	color: #777;
}
.view .activity .programme .subactivity .summary .more_info_button{
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 12px;
	padding: 26px 12px 6px 0;

}
.view .activity .programme .subactivity .summary .more_info_button a,
.view .activity .programme .subactivity .summary.more_info_button a:visited,
.view .activity .programme .subactivity .summary.more_info_button a:link
{
	color: rgb(23, 161, 207);

}
.view .activity .programme .subactivity .summary .more_info_button a:hover
{
	color: rgb(23, 161, 207);
	text-decoration: underline;

}
.view .activity .programme .subactivity .summary:hover{
	background-color: #eee;
}

.view .activity .programme .subactivity .summary .price, .view .activity .programme .subactivity .summary .price_closed{
	position: absolute;
	top: 12px;
	right: 8px;
	padding: 0 0 0 0;
	font-size: 11px;
	color: #333;
	margin: 1px;
	letter-spacing: 0.5px;
	line-height:16px;
}

.view .activity .programme .subactivity .summary:hover > .price .register{
	display: inline-block;
		font-size: 11px;

}
.view .activity .programme .subactivity .summary:hover > .price{
	border: 1px solid rgba(20,189,110,1);
	background-color: rgba(20,189,110,1);
	border-radius: 4px;
	color: white;
		font-size: 11px;


}
.view .activity .programme .subactivity .summary .price:hover{
	cursor: pointer;
	background-color: rgba(20,189,110,0.9);
}
.view .activity .programme .subactivity .summary .price:active{
	top: 13px;

}
.view .activity .programme .subactivity .summary .price .register{
	display: none;
	padding: 0 4px 0 4px;
	border-right: 1px solid rgba(20,189,110,1);
	font-size: 11px;
	text-transform: uppercase;
}
.view .activity .programme .subactivity .summary .price .cost{
	display: inline-block;
	padding: 0 4px 0 0;

}
.view .activity .programme .subactivity .summary .registered{
	position: absolute;
	top: 12px;
	right: 8px;
	padding: 0 4px 0 4px;
	font-size: 11px;
	color: rgba(20,189,110,1);
	margin: 1px;
	letter-spacing: 0.5px;
	line-height:16px;
		border: 1px solid rgba(20,189,110,1);
		border-radius: 4px;



}
.view .activity .programme .subactivity .more_info{
	display: none;
	width: 100%;
	font-size: 12px;
	min-height: 50px;
	background-color: white;
	border-left: 6px solid #ddd;
	border-bottom: 1px solid #ddd;

	padding: 12px;
}

.view .activity .programme .subactivity .more_info .wrapper{
	color: #333;
	padding: 6px 12px 6px 0;
	width: 90%;

}
.view .activity .programme .subactivity .more_info i{
	width: 20px;
	font-size: 22px;
	position: absolute;
	text-align: center;
}
.view .activity .programme .subactivity .more_info .text{
	padding-left: 30px;
	font-size: 12px;
	line-height: 15px;
	padding-top: 4px;
}

.view .activity .payments .payment_type{
	margin: 8px;
	display: inline-flex;
	flex-direction: row;
	align-items: center;;

}
.view .activity .payments .payment_type:first-child{
	margin-left: 0;
}
.view .activity .payments .payment_type span{
	color: #999;
	font-size: 28px;
}
.view .mb label{
	margin: 8px 0 0 0 ;
}

.highlights2 .registrationss {
	position: absolute;
	right: 10px;
	bottom: 16px;
}

.highlights2 .registrationss a {
	background-color: rgba(20,189,110,1);
    padding: 6px 12px 6px 12px;
    letter-spacing: 0.5px;
    line-height: 16px;
    border-radius: 4px;
    font-size: 11px;
    color: white;
		text-transform: uppercase;
}




/*SLIDER*/
.highlights2 { position: relative; overflow: auto; padding: 0;}
	.highlights2 ul { margin-left: 0 }
    	.highlights2 li { list-style: none; }
        	.highlights2 ul li { float: left; }

.highlights2 .btn, .highlights2 .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}

	.highlights2 .dots {
		position: absolute;
		left: 0;
		right: 0;
		top: 25px;
		text-align: center;
	}
		.highlights2 .dots li {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 4px;

			text-indent: -999em;

			border: 2px solid #f0f0f0;
			border-radius: 6px;

			cursor: pointer;
			opacity: .4;

			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.highlights2 .dots li.active {
				background: #f0f0f0;
				opacity: 1;
			}

.red {
	color: red;
}

.green {
	color:green;
}

.yellow {
	color:#f08a24;
}

.alert-box.success a{
	color:white;
}

.alert-box.success a:hover{
	font-style: italic;
}

.reveal-modal{
	padding: 0;
}
.sales .items{
	display: none;
}

#poster_modal{
	height: 90vh;
	min-height: 90vh;
	top:10px;
	text-align: center;
	background-color: black;
	padding: 0;
	width:auto;
	max-width: auto;
	min-width: auto;
}

#poster_modal img{
	margin: 0 auto;
	max-height: 90vh;
}

/* SMALL screens *(< 641) */
@media only screen {

.view .activity{
	padding-left: 15px;
	padding-right: 15px;
	overflow: visible;

}

.view .activity{

	height: auto;

}
.view .activity .image{
	background: #fff;
	border: 1px solid;
	border-color: #e9ebee #dfe0e4 #d0d1d5;
	border-radius: 0 0 3px 3px;
	border-top: 0;
	position: relative;

}
.view .activity .details{
	background-color: #fff;
	padding:24px;
	height: auto;
	border-radius: 0 0 4px 4px;
	margin:0 15px 15px 0;
	box-shadow: 0px 0px 3px #aaa;

}
.view .activity .panel_wrapper{
	padding: 0 0 0 0;
}


} /* Define mobile styles */

@media only screen and (max-width: 40em) {
	.filter-row:not(:last-child) {
		border-right: none;
	}
	.filter-row {
		margin-top: 40px;
	}
	.view .activity .image {
		height: 400px;
	}
	.view .activity .image .title {
		width: 98%;
		margin-bottom: 30px;
	}
	.view .activity .image .registration a, .view .activity .image .registration a:link, .view .activity .image .registration a:visited {
		display: block;
    width: 100%;
    margin: 0;
		border-radius: 0;
		cursor: pointer;

	}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* MEDIUM screens (641 - 1024) */
@media only screen and (min-width: 40.063em) {

.view .activity{
	padding-left: 15px;
	padding-right: 15px;
	overflow: visible;

}
.reveal-modal{
	padding: 1.875rem;
	min-height: 0;
}
.sales .items{
	display: block;
}
.view .activity{

	height: auto;

}
.view .activity .image .title {
	font-size: 24px;
	width: 70%;
}

.header.date {
	font-size: 16px;
	text-align: center;
	padding: 0 7px;
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,0.3);
	text-shadow: none;
	background-color: rgba(0,0,0,0.1);

}

.view .activity .image{
	box-shadow: 0;
	height: 350px;
	overflow: hidden;
	border-radius: 4px 4px 0 0;
	border: 1px solid;
	border-color: #e9ebee #dfe0e4 #d0d1d5;
	border-radius: 0 0 3px 3px;
	position: relative;
	border-right: none;

}

.view .activity .details{
	background-color: #fff;
	padding:24px;
	height: auto;
	border-radius: 0 0 4px 4px;
	margin:0 15px 15px 0;
	box-shadow: 0px 0px 3px #aaa;
	border-left: none;

}
.view .activity .panel_wrapper{
	padding: 0 15px 0 0;
}
.view .activity .image .registration a,
.view .activity .image .registration a:link,
.view .activity .image .registration a:visited{
	padding: 8px 0;
	min-width: 20%;
	border-radius: 2px;
	background-color: #17a1cf !important;
	font-weight: 400;
	/* text-transform: uppercase; */
	letter-spacing: 0.3px;
	font-size: 15px;

}
} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

	.unslider-arrow {
    top: 41%;
    transform: translateY(-50%);
	}

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* LARGE screens (1025 - 1440) */
@media only screen and (min-width: 64.063em) {
.view .activity{
	padding-left:15px;
}

.view .activity .image{
	position: relative;
	height: 350px;
	padding:0;
	overflow: hidden;
	margin-bottom: 22px;
	box-shadow: 0px 0px 3px #aaa;
	border-radius: 4px 0 0 4px;
	border-right: none;

}
.view .activity .details{
	background-color: #fff;
	padding: 16px 24px;
	height: 350px;
	border-radius: 0 4px 4px 0;
	margin: 0;
	margin-bottom: 22px;
	border-left: none;


}

.view .activity .details .description{
	display: none;

}

.view .activity .description-lrg{
	display: block;

}

}
/* min-width 1025px, large screens */

.highlights .image-container {
	height: 45vh;
	min-height: 400px;
}

@media only screen and (min-width: 64.063em) {
	.highlights2 .dots {
			position: absolute;
			left: 66.6667%;
			bottom:20px;
			top: inherit;
			}
			.highlights2 .dots li {

				border: 2px solid #333;
			}
				.highlights2 .dots li.active {
					background: #333;
				}
}

@media only screen and (max-width: 64.063em) {
	.highlights .image-container img{
		min-height:auto;
		height: auto;
		max-width:none;
		min-width: inherit;
		width: 100%;
	}


	.highlights .image-container {
    height: auto;
		min-height: 100px;
	}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* X-LARGE screens (1441 - 1920)*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XX-LARGE screens (> 1921) */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */



#wrapper {
  overflow: hidden;
  display: flex;
  flex-direction: row;
	position: relative;
	height: 82%;
	min-height: 253px;
}

#left {
  position: absolute;
  top: 0;
  left: 0%;
  right: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
	transition: all 0.5s ease-out;
	display: flex;
	flex-direction: column;
}

#right {
  overflow: hidden;
  top: 0;
  left: 100%;
  right: 0;
  bottom: 0;
  width: 100%;
	transition: all 0.5s ease-out;
	position: absolute;
}

.MainActivities .MainActivities-hidden {
	margin: 64px 0;
}

.MainActivities-see-all-events {
	margin-top: 32px;
	font-size: 16px;
	color: #16A1D0;
}

.MainActivities-loader {
	text-align: center;
	margin-top: 3rem;
}

@keyframes loading {
	0% {
		opacity: 0.2;
		height: 10px;
		y: 10;
	}
	50% {
		opacity: 1;
		height: 20px;
		y: 5;
	}
	100% {
		opacity: 0.2;
		height: 10px;
		y: 10;
	}
}

.MainActivities-loader rect:first-child{
	animation: loading 1.2s ease 0s infinite;
}

.MainActivities-loader rect:nth-child(2){
	animation: loading 1.2s ease 0.3s infinite;
}

.MainActivities-loader rect:nth-child(3){
	animation: loading 1.2s ease 0.6s infinite;
}

.NoActivities {
	text-align: center;
	margin-top: 3rem;
}

.NoActivities p {
	font-size:16px;
	margin-top: 24px;
	font-weight: 500;
}

.RecommendedActivities {
	margin: 0 -8px !important;
}

.RecommendedActivities .RecommendedActivities-activity-wrapper {
	padding: 8px;
}

.AllActivities {
	margin: 0 -8px !important;
	display: flex;
	flex-wrap: wrap;
}

.AllActivities .AllActivities-activity-wrapper {
	padding: 8px;
}

.OngoingActivities {
	margin: 0 -8px !important;
}

.OngoingActivities-activity-wrapper {
	padding: 8px;
}

.ActivitySection .ActivitySection-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ActivitySection .ActivitySection-title {
	font-size: 22px;
	color: #2E3A53;
	
}

.ActivitySection .ActivitySection-children {
	margin-top: 38px;
}

.Activity {
	box-shadow: 0px 2px 4px 0px rgba(235, 237, 238, 0.8);
	overflow: hidden;
	border-radius: 3px;
	cursor: pointer;
	transition: all 0.2s ease;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
		user-select: none;
		-webkit-tap-highlight-color: transparent;
}

.Activity:hover {
	transform: scale(1.03);
}

.Activity .Activity-image {
	background: #007095;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 200px;
}

.Activity .Activity-image.mini {
	height: 200px;
	height: 154px;
}

.Activity .Activity-image-container {
	position: relative;
}

.Activity .Activity-image-container img {
	width: 100%;
}

.Activity .Activity-image-container-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(46, 58, 83, 0.6);
}

.Activity .Activity-colaborator-only {
	right: 0;
	position: absolute;
	bottom: 0;
	padding: 12px 16px;
	background: linear-gradient(90deg, #096A8B 0%, #2E3A53 100%);
	border-radius: 4px 0 0 0;
	color: white;
	font-size: 15px;
}

.Activity .Activity-info {
	background: white;
	color: #2E3A53;
	padding: 1.14rem;
}

.Activity .Activity-info .Activity-info-category {
	font-size: 0.86rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.Activity .Activity-info .Activity-info-category div{
	font-size: 0.86rem;
	margin: 0;
	margin-right: 0.5rem;
	display: inline-block;
}

.Activity .Activity-info .Activity-info-category .Activity-info-category-separator{
	border-radius: 50%;
	height: 4px;
	width: 4px;
	background: #2e3a53;
	position: relative;
	top: -1px;
	display: inline-block;
}

.Activity .Activity-info .Activity-info-title {
	font-weight: bold;
	margin-top: 8px;
	font-size: 1.14rem;
	height: 46px;
	overflow: hidden;
}

.Activity .Activity-info .Activity-info-detail {
	margin-top: 8px;
	font-size: 0.93rem
}

.Activity .Activity-info .Activity-info-button {
	margin-top: 16px;
	min-height: 40px;
	color: #16A1D0;
	font-size: 13px;
	display: flex;
	align-items: center;
}

.Activity .Activity-info .Activity-info-button .Activity-info-button-status {
	display: flex;
	align-items: center;
}

.Activity .Activity-info .Activity-info-button .Activity-info-button-status div {
	display: flex;
}

.Activity .Activity-info .Activity-info-button .complete {
	color: #14BD6E;
}

.Activity .Activity-info .Activity-info-button .pending {
	color: #F5A523;
}

.Activity .Activity-info .Activity-info-button .error {
	color: #D0021B;
}

.Activity .Activity-info .Activity-info-button img{
	margin-right: 8px;
}

/* 
.Activity .Activity-info .Activity-info-button a {
	padding: 8px 16px;
	border: 1px solid #25a1cd;
	color: #25a1cd;
	border-radius: 3px;
	display: inline-block;
}

.Activity .Activity-info .Activity-info-button a.secondary {
	border-color: #F5A623;
	color: #F5A623;
} */


.Activity .Activity-info-detail {
	display: flex;
	align-items: center;
}

.Activity .Activity-info-detail-icon {
	margin-right: 8px;
	height: 18px;
}

.Activity .Activity-info-detail-description {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.ActivitiesInfoBar {
	background: linear-gradient(90deg, #096A8B 0%, #2E3A53 100%);
	padding: 20px;
	border-radius: 3px;
}

.ActivitiesInfoBar .ActivitiesInfoBar-content {
	max-width: 1200px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ActivitiesInfoBar .ActivitiesInfoBar-description {
	color: white;
	font-size: 16px;
}

.ActivitiesInfoBar .ActivitiesInfoBar-button {
	margin-left: 48px;
}


@media screen and (max-width: 425px) {

	.Activity:hover {
		transform: none;
	}
	
	.Activity .Activity-colaborator-only {
		width: 100%;
		text-align: center;
		border-radius: 0;
	}
	
}

@media screen and (max-width: 767px) {

	.MainActivities .MainActivities-hidden {
		margin: 48px -15px 64px;
	}

	.ActivitiesInfoBar .ActivitiesInfoBar-content {
		flex-wrap: wrap;
	}

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

	.ActivitiesInfoBar .ActivitiesInfoBar-button {
		margin-left: 0;
		margin-top: 16px;
	}
}