body {
	background:url(../img/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.form-control,
.form-control:active,
.form-control:focus,
.form-control:hover,
.form-group .form-control,
.wysibb .wysibb-text {
	border:2px solid #ccc;
	border-radius:0;
}

.form-control:not([disabled]):active,
.form-control:not([disabled]):focus,
.form-control:not([disabled]):hover,
.wysibb .wysibb-text.active {
		border:2px solid #5F5B6A;
}

.wysibb .wysibb-text {
	padding:5px 10px;
}

.input-sm {
  padding: 5px;
}

select.input-sm {
  padding: 3px 5px 5px;
}

.input-group-btn:last-child>.btn, 
.input-group-btn:last-child>.btn-group {
	margin-left:0;
}

h1.page-title {
	text-transform:uppercase;
	margin:0 0 15px 0;
	font-weight:300;
	font-size:2rem;
	line-height:2.5rem;
}

@media (min-width:768px) {
	h1.page-title {
		font-size:3rem;
		line-height:3.5rem;
	}
}
.contentContainer {
	box-shadow:0 5px 10px -3px rgba(0,0,0,0.2);
}
/***************/
/* DATE PICKER */
/***************/

@media (max-width:767px) {
	#endTimeAddBttn,
	#cancelEndTime {
		margin-top:5px;
		display:block;
	}
}

/*******************/
/***  MY ACCOUNT ***/
/*******************/
.tab-pane .form-group:first-child {
	margin-top:15px;
}

#avatarImg {
	max-width:120px;
	max-height:120px;
	
}

/****************/
/* REGISTRATION */
/****************/
#registrationView h1 {
	margin-top:0px;
	font-size:30px;
	font-weight:normal;
}

#registrationView h3 {
	display:inline;
	font-size:20px;
	font-weight:normal;
}

#registrationView .fa {
	color:#666;
	margin-right:20px;
	position:relative;
	top:11px;
	margin-bottom:15px;
	width: 1.28571em;
	text-align:center;
	font-size:56px;
	text-shadow:0 -1px 0 #000;
}

@media (max-width:767px) {
	#registrationView .fa {
		font-size:28px;
		top:3px;
		margin-bottom:5px;
		margin-right:10px;
		text-shadow:none;
	}
}


@media (max-width:991px) {
	#registrationView h1 {
		font-size:20px;
	}

	#registrationView h3 {
		font-size:14px;
	}

	#registrationView .fa {
		font-size:28px;
		top:3px;
		margin-bottom:5px;
		margin-right:10px;
		text-shadow:none;
	}

	#registrationView ul {
		margin-bottom:0;
	}

	#registrationView .btn-lg {
		margin-bottom:20px;
	}
}

.radio-forgot:hover {
	background:#f8f8f8;
}

#recoverCodeFormGroup input {
	width:100px;
	text-align:center;
	margin:0 auto;
}

/********************/
/*** EVENTS *********/
/********************/
#dropfile {
	border:2px dashed #888;
	padding:10px 0;
	border-radius:5px;
	text-align:center;
}

#eventHeaderImgHolder {
	position:relative;
	width:100%;
	padding-bottom:56.25%;
	margin-bottom:10px;
}

#eventHeaderImg {
	position:absolute;
	background-size:cover;
	background-position:center center;
	color:#fff;
	vertical-align:bottom;
  top: 0; bottom: 0; left: 0; right: 0;
}

#eventTitleHolder {
	position:absolute;
	display:table;
	bottom:0;
	width:100%;
	padding:15px;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.8), rgba(0,0,0,0)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(top, rgba(0,0,0,0.8), rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top, rgba(0,0,0,0.8), rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0)); /* Standard syntax (must be last) */
  min-height:100px;
}

#eventHeaderImg h1 {
	display:table-cell;
	margin:0;
	text-shadow:0 0 2px #000;
	vertical-align:bottom;
	color:#fff;
	font-size:26px;
}

#eventPageContent h2 {
	font-size:20px;
	margin:0 0 5px;
	padding-top:5px;
}

#eventPageContent h3 {
	font-size:16px;
	margin:0;
	padding-top:5px;
}

.event-map {
	display:none;
}

#eventPageContent .tab-pane {
	padding-top:10px;
}

#eventPageContent #eventInfos.unreleaved {
	position:relative;
	max-height:300px;
	padding-bottom:100px;
	overflow:hidden;
}

#eventInfos .reveal {
	position:absolute;
	bottom:0px;
	left:0;
	z-index:3;
}

#eventPageContent #eventInfos.unreleaved::after {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:100px;
	display:block;
	content:"";
	background: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0)); /* Standard syntax (must be last) */
}

#eventInfos a,
#discussions a,
#pageContent a {
	font-weight:500;
}

#eventDetailsTabs {
	min-height:450px;
}

#postMessageCharCalc {
	font-size:12px;
	color:#d00;
	visibility:hidden;
}


/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 4px;
  width: 19em;
}
@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}

.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}

.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
  width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.cropit-preview {
  /* You can specify preview size in CSS */
  width: 480px;
  height: 270px;
  background:#bbb;
  overflow:hidden;
  position:relative;
}

.cropper-buttons {
	position:absolute;
	top: 5px;
	left:5px;
	text-align:left;
}

.cropper-buttons.noimage {
	top:40%;
	left:0;
	right:0;
	text-align:center;
}

.cropper-buttons #cropperBttnSelectImage span {
	display:none;
}

.cropper-buttons.noimage #cropperBttnSelectImage span {
	display:inline-block;
	margin-left:5px;
}

.cropper-buttons #cropperBttnRemoveImage {
	display:inline-block;
}

.cropper-buttons.noimage #cropperBttnRemoveImage {
	display:none;
}

.cropit-preview.cropit-image-loading .spinner {
  opacity: 1;
}

/* Show move cursor when image has been loaded */
.cropit-preview.cropit-image-loaded .cropit-preview-image-container {
  cursor: move;
}

/* Gray out zoom slider when the image cannot be zoomed */
.cropit-image-zoom-input[disabled] {
  opacity: .2;
}

/* Hide default file input button if you want to use a custom button */
input.cropit-image-input {
  visibility: hidden;
}

/* The following styles are only relevant to when background image is enabled */

/* Translucent background image */
.cropit-preview-background {
  opacity: .2;
}

/*
 * If the slider or anything else is covered by the background image,
 * use non-static position on it
 */
input.cropit-image-zoom-input {
  position: relative;
}

/* Limit the background image by adding overflow: hidden */
#image-cropper {
  position:relative;
  max-width:480px;
}

#image-cropper .tooltip-inner {
  max-width: 350px;
  width: 120px; 
}

#image-cropper .slider-wrapper {
	text-align:right;
	margin-top:5px;
}

#image-cropper .slider-wrapper .icon {
	display:inline-block;
	vertical-align:middle;
	color:#888;
}

#image-cropper input[type='range']  {
	-webkit-appearance: none ;
	width:100px;
	display:inline-block;
	vertical-align:middle;
}

#image-cropper input[type='range']::-webkit-slider-runnable-track {
	-webkit-appearance: none ;
	appearance: none ;
	border-radius: 5px;
	box-shadow: inset 1px 1px 1px rgba(000,000,000,0.10);
	background-color: #CCC;
	height: 8px;
	vertical-align:middle;
	border: none;
	cursor: pointer;
}

#image-cropper 	input[type='range']::-webkit-slider-thumb {
	-webkit-appearance: none;
	border-radius: 100%;
	background-color: #037cd5;
	box-shadow: inset 0 0 0 4px #CCC, inset 0 0 4px #CCC, inset 0 0 0 4px #CCC;
	height: 22px;
	width: 22px;
	vertical-align:middle;
	border: none;
	cursor: pointer;
	margin-top: -6px;
}

#image-cropper 	input[type='range']::-webkit-slider-thumb:hover,
#image-cropper 	input[type='range']::-moz-range-thumb:hover { 
		background: #555;
}

#image-cropper 	input[type='range']:active::-webkit-slider-thumb,
#image-cropper 	input[type='range']:active::-moz-range-thumb { 
		background: #555; 
}

#image-cropper 	input[type='range']::-moz-range-track{
		-moz-appearance: none ;
		border-radius: 5px;
		box-shadow: inset 1px 1px 1px rgba(000,000,000,0.10);
		background-color: #CCC;
		height: 8px;
		vertical-align:middle;
		margin:0; padding:0;
		border: none;
		cursor: pointer; 
}

#image-cropper 	input[type='range']::-moz-range-thumb {
		-moz-appearance: none ;
		border-radius: 100%;
		background-color: #037cd5;
		box-shadow: inset 0 0 0 4px #CCC, inset 0 0 4px #CCC, inset 0 0 0 4px #CCC;
		height: 22px;
		width: 22px;
		vertical-align:middle;
		border: none;
		cursor: pointer;
		margin-top: -6px;
}

#image-cropper 	input[type=range]::-ms-track {
	width: 100%;
	height: 8px;
	cursor: pointer;
	animate: 0.2s;
	background: transparent;
	border-color: transparent;
	border-width: 39px 0;
	color: transparent;
}

#image-cropper 	input[type=range]::-ms-fill-lower {
	background: #CCC;
	border: 0px solid #000101;
	border-radius: 50px;
	box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}

#image-cropper 	input[type=range]::-ms-fill-upper {
	background: #CCC;
	border: 0px solid #000101;
	border-radius: 50px;
	box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}

#image-cropper 	input[type=range]::-ms-thumb {
	box-shadow: inset 0 0 0 4px #CCC, inset 0 0 4px #CCC, inset 0 0 0 4px #CCC;
	border: 0px solid #000000;
	height: 22px;
	width: 22px;
	border-radius: 100%;
	background: #037cd5;
	cursor: pointer;
	margin-top: -2px;	
}

#cropperBttnRemoveImage {
	display:none;
}

.pac-container {
	font-family:"Heebo" !important;
}

.pac-item-query {
	font-size:12px;
}

.pac-icon.pac-icon-marker {
	display:none !important;
}

.pac-container:after {
    background-image: none !important;
    height: 0px;
}