*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
	padding: 0;
	margin: 0;
  -webkit-appearance: none;
  appearance: none;
  -webkit-font-smoothing: subpixel-antialiased;
  /*-webkit-transform: translateZ(0) scale(1.0, 1.0);*/


		-webkit-animation-duration: 1s;
		-moz-animation-duration: 1s;
		-o-animation-duration: 1s;
		 animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
	}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: rgba(255,255,255,0.5);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: rgba(255,255,255,0.5);
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: rgba(255,255,255,0.5);
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: rgba(255,255,255,0.5);
   opacity:  1;
}


.grayscale {
  -webkit-filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  filter: gray;
  filter: grayscale(100%);
}



.hide {
  opacity: 0;
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.moveback {
  opacity: 0;
  -webkit-transition: max-height 0.3s, max-width 0.3s, top 0.3s, left 0.3s, opacity 0.3s 0.8s;
  -moz-transition: max-height 0.3s, max-width 0.3s, top 0.3s, left 0.3s, opacity 0.3s 0.8s;
  transition: max-height 0.3s, max-width 0.3s, top 0.3s, left 0.3s, opacity 0.3s 0.8s;
}

.disabled {
	pointer-events: none;
	opacity: 0.5;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a {
	text-decoration: none;
	position: relative;
	cursor: pointer;
	/* -webkit-transition: all 0.4s; */
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	/* transition: all 0.4s; */
}


.ellipsis {
	width: 250px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis; /* Required for IE8 */
	-o-text-overflow: ellipsis; /* Required for Opera */
	text-overflow: ellipsis;
}

.break {
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.centered {
	position: absolute;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.green, .online {
	color: rgb(60,255,30);
}

.red, .offline {
	color: rgb(255,40,50);
}

.clear {
  clear: both;
  width: 100%;
}

.left {
  text-align: left !important;
}

.right {
  text-align: right !important;
}

.center {
  text-align: center !important;
}

.justify {
  text-align: justify !important;
}

b {
  display: inline;
  color: rgb(0,151,169);
/*  font-size: 1em;
  font-weight: bold;*/
  font-family: inherit;
  line-height: inherit;
}

.gray {
  opacity: 0.5;
  font-size: 1em;
}


/*[class^='table-'] {
  display: inline-block;
  height: 100%;
  margin: 0;*/
  /* vertical-align: top; */
}

/*.table-90 { width: 90%; }
.table-80 { width: 80%; }
.table-75 { width: 75%; }
.table-70 { width: 70%; }
.table-66 { width: 66.66666%; }
.table-60 { width: 60%; }
.table-50 { width: 50%; }
.table-40 {width: 40%;}
.table-33 { width: 33.33333%; }
.table-30 { width: 30%; }
.table-20 { width: 20%; }
.table-25 { width: 25%; }
.table-10 { width: 10%; }
*/
@media screen and (max-width: 700px){
  [class^='table-'] {
    width: 100% !important;
  }
}

.inline-block {
  display: inline-block;
}
