/*******************
*** little RESET ***
********************/
.text100 {
    font-size: 100%;
}
.text120 {
    font-size: 120%;
}
.text150 {
    font-size: 150%;
}
.text200{
    font-size: 200%;
}
.text250 {
    font-size: 250%;
}
.text300 {
    font-size: 300%;
}
.text400 {
    font-size: 400%;
}

.v-divider {
 border-left:0.5px solid #dddddd;
 border-right:0.5px solid #dddddd;
}
.v-divider-left {
 border-left:0.5px solid #dddddd;
}
.v-divider-right {
 border-right:0.5px solid #dddddd;
}

.disabledTab {
    pointer-events: none;
}

/* LOADING */
#loading {
	background:rgba(0,0,0,0.85);
	width:100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 1000;
}
#loading > div, #loading-example > div {
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	top: 50%;
	margin-top: -30px;
}

#loading-example {
	position: relative;
	height: 100px;
	width: 100px;
	margin: 0 auto;
}

#loading > div > div, #loading-example > div > div {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  background: #8fd7d4;
  top: 10px;
  left: 10px;
  transform-origin: 10px 10px;
  border-radius: 8px;
  animation: spin-a 1s infinite cubic-bezier(0.5, 0, 0.5, 1);
}

#loading > div > div:nth-child(2), #loading-example > div > div:nth-child(2) {	left: 50%;	animation-delay:0.3s; }
#loading > div > div:nth-child(3), #loading-example > div > div:nth-child(3) {	left: 50%; margin-left: 20px; animation-delay:0.6s; }


@keyframes spin-a {
  0%  { transform: translateY(0px); }
  50%  { transform: translateY(-5px); }
  75%  { transform: translateY(5px); }
  100% { transform: translateY(0px); }
}