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


    -webkit-animation-duration: 1s;
     animation-duration: 1s;
  -webkit-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%);
}


.table {
  display: table;
  table-layout: fixed;
}

.table .table-cell {
  display: table-cell;
}
.hide {
  opacity: 0;
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-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;
  -o-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;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a {
  font-family: "Rotis";
  text-decoration: none;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -o-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;
  -ms-hyphens: auto;
      hyphens: auto;
}

.centered {
  position: absolute;
  -webkit-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 {
  font-family: "Rotis";
  font-size: inherit;
  font-weight: 700;
  font-family: 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;
}