/* ********** TEXT DISABLE ***********/
.user-select-disable {
	/* Unselectable text */
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none; 			/* Likely future */ 		
}

.drag-disable {
	user-drag: none;
	user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;	
}

/* ********** SCCROLLING VERTICAL ***********/
.scroll-y {
	/* Stay can scrolling without scrollbar */
	overflow: scroll;
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none; /* IE 11 */
    scrollbar-width: none; /* Firefox 64 */
    overflow-x: hidden;
}

.scroll-y::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}

/* optional: show position indicator in red */
.scroll-y::-webkit-scrollbar-thumb {
    background: #FF0000;
}

/* ********** SCCROLLING HORIZONTAL ***********/
.scroll-x {
	/* Stay can scrolling without scrollbar */
	overflow: scroll;
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none; /* IE 11 */
    scrollbar-height: none; /* Firefox 64 */
    overflow-y: hidden;
	overflow-x: auto;
    white-space: nowrap;
}

.scroll-x::-webkit-scrollbar {
    height: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}

/* optional: show position indicator in red */
.scroll-x::-webkit-scrollbar-thumb {
    background: #FF0000;
}

/* TEXT LIMITATION */
.txt-limit-1 {
	overflow: hidden;
	text-overflow: ellipsis;	
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;  /* Number of lines displayed before it truncate */	
}

.txt-limit-2 {
	overflow: hidden;
	text-overflow: ellipsis;	
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;  /* Number of lines displayed before it truncate */	
}

/* ********** LAZY BACKGROUND ********** */
.lazy {
	background-color:#1D1D1D;
	background-image: none;	
}

/* ********** SPACE OF END PAGE ********** */
.end-space {
	position:relative;
	display:block;
	vertical-align:top;
	width:100%;
	height:50px;
	margin:0px;
	padding:0px;
}

/* ********** Z-INDEX ARRANGEMENT *********** */
.window-level1 {
	z-index:1;
}

.window-level2 {
	z-index:2;
}

/* ********** TRANSPARENT *****************/
.transparent {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}

/*********** CENTER POSITION ******************/
.center-xy {
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

/* Vertical */
.center-y {
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* Horizontal */
.center-x {
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

/*********** TRANSITION FOR WINDOW *************/
.r2l {
	animation: r2l .3s ease-in;
	animation-fill-mode: forwards;
}

@keyframes r2l {
  0% {
    left: 105vw;
  }
  100% {
    left: 0px;
  }
}

.l2r {
	animation: l2r .3s ease-in;
	animation-fill-mode: forwards;
}

@keyframes l2r {
  0% {
    left: 0px;
  }
  100% {
    left: 105vw;
	display:none;
  }
}