.djtip_container {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: auto;
  opacity: 0;
  transition: opacity 0.1s ease-out;
  z-index: 9999999999999;
  -webkit-font-smoothing: antialiased;
  /*transform: translate3d(-50%,-100%,0);*/
  /*pointer-events:none;	*/
  /*&:before {
  	content: '';
  	position: absolute;
  	top:100%;
  	left: 50%;
  	transform: translateX(-50%);
  	border-width: 0.25rem 0.375rem 0 0.375rem;
  	border-style: solid;
  	border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
  	z-index: 100;		
  }*/
  /*&[tip-position='left']:before {
  	left: 0;
  	top: 50%;
  	bottom:auto;
  	margin-left: -0.75rem;
  	transform: translateY(-50%) rotate(-90deg)
  }

  &[tip-position='top']:before {
  	left: 50%;
  	bottom:-0.375rem;
  	top:auto;
  }

  &[tip-position='topleft']:before {
  	left: 10px;
  	top: -1px;	
  	bottom:auto;	
  	transform:translateX(0%) translateY(-100%);
  }

  &[tip-position='bottom']:before {
  	top: 100%;
  	bottom:auto;
  	margin-top: 0.5rem;
  	transform: translateX(-50%) translateY(-100%) rotate(-180deg)
  }

  &[tip-position='right']:before {
  	left: 100%;
  	top: 50%;
  	bottom:auto;
  	margin-left: 0.0625rem;
  	transform: translateY(-50%) rotate(90deg)
  }*/
}
.djtip_container .djtip_content {
  position: relative;
  top: 0;
  left: 0;
  width: auto;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1.2;
  background: rgb(0, 0, 0);
  border-radius: 0.3125rem;
  border: none;
  padding: 0.25rem 0.625rem;
  color: #ffffff;
  text-align: left;
  max-width: 18vw;
}
.djtip_container.vis {
  opacity: 1;
  transition: opacity 0.1s ease-in;
}
.djtip_container .djtip_arrow {
  display: block;
  position: absolute;
  border-width: 0.3rem 0.5rem 0 0.5rem;
  border-style: solid;
  border-color: rgb(0, 0, 0) transparent transparent transparent;
}
.djtip_container .djtip_arrow.flipY {
  transform: rotate(180deg);
}

/*

.djtip {
	background: rgba(92, 92, 92, 0.7) url(/images/app/popupborder.png) repeat;
	border-radius: 8px;

	ul {
		margin: 0;
		padding: 0;

		li {
			margin-left: 20px;
		}
	}
}

.djtip_inner {
	margin: 10px;
	border: 1px solid #3b5998;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	border: 1px solid #888;
	background: #fff;
	position: relative;
	padding: 5px;
}

.popbox_imgc {
	float: left;
	margin-right: 5px;
	width: 100px;
}

.popbox_datac {
	width: 225px;
	float: left;
}

.popbox_img {
	width: 100px;
	height: 100px;
}

.popbox_title {
	font-size: 15px;
	color: #000;
	font-weight: bold;
}

.popbox_jt {
	font-size: 10px;
	color: #333;
	font-style: italic;
}

.popbox_location {
	font-size: 10px;
	color: #008000;
}

.popbox_countryimg {
	margin-right: 5px;
	vertical-align: -2px;
}

[data-tip] {
	position: relative;

	&:before {
		content: '';
		position: absolute;
		top: -0.375rem;
		left: 50%;
		transform: translateX(-50%);
		border-width: 0.25rem 0.375rem 0 0.375rem;
		border-style: solid;
		border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
		z-index: 100;
		opacity: 0;
	}

	&:after {
		text-transform:none;
		content: attr(data-tip);
		position: absolute;
		left: 50%;
		top: -0.375rem;
		transform: translateX(-50%) translateY(-100%);
		background: rgba(0, 0, 0, 0.7);
		text-align: center;
		color: #fff;
		padding: 0.25rem 0.625rem;
		font-size: 0.75rem;
		line-height: 1.2;
		min-width: 5rem;
		border-radius: 0.3125rem;
		pointer-events: none;
		opacity: 0;
		white-space:nowrap;
	}

	&:hover {
		&:before, &:after {
			opacity: 1;
			z-index: 9999;
		}
	}
}

[tip-type='warn']:after{
		background:rgba(255,255,0,0.7);
		color:#000;
}

[tip-type='info']:after{
	background:rgba(128,128,255,0.7);
	color:#fff;
}

[tip-wrap='wrap']:after{
	white-space: normal !important;
}

[tip-position='left']:before {
	left: 0;
	top: 50%;
	margin-left: -0.75rem;
	transform: translateY(-50%) rotate(-90deg)
}

[tip-position='top']:before {
	left: 50%;
}

[tip-position='topleft']:before {
	left: 10px;
	top: -1px;		
	transform:translateX(0%) translateY(-100%);
}

[tip-position='bottom']:before {
	top: 100%;
	margin-top: 0.5rem;
	transform: translateX(-50%) translateY(-100%) rotate(-180deg)
}

[tip-position='right']:before {
	left: 100%;
	top: 50%;
	margin-left: 0.0625rem;
	transform: translateY(-50%) rotate(90deg)
}

[tip-position='left']:after {
	left: 0;
	top: 50%;
	margin-left: -0.5rem;
	transform: translateX(-100%) translateY(-50%);
}

[tip-position='top']:after {
	left: 50%;
}

[tip-position='topleft']:after {
	left: 0;
	top:-50%;
	transform:translateX(0%) translateY(-50%);
}

[tip-position='bottom']:after {
	top: 100%;
	margin-top: 0.5rem;
	transform: translateX(-50%) translateY(0%);
}

[tip-position='right']:after {
	left: 100%;
	top: 50%;
	margin-left: 0.5rem;
	transform: translateX(0%) translateY(-50%);
}
*/

/*# sourceMappingURL=modules-layout-scss-djtip.css.map */