[v-cloak] { display: none; }

.translucid {
    color:#fff !important;
    opacity: 0.8;
    filter: alpha(opacity=80); 
}

.translucidDarken {
    color:#fff !important;
    opacity: 0.8;
    filter: alpha(opacity=80); 
}

.bgi {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* evitar refresco al arrastrar dedo pabajo */
html,
body {
    overscroll-behavior-y: contain;
}

.flotanteRight {
    z-index: 1;
    position:fixed;
    right:0;
    bottom:0;
    margin-right: 0px;
    margin-bottom: 0px;
}


/*http://www.cssarrowplease.com/*/
.arrow_box_right {
	position: relative;
	background: #96e9a6;
	border: 0px solid #000000;
}
.arrow_box_right:after, .arrow_box_right:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box_right:after {
	border-color: rgba(17, 213, 56, 0);
	border-left-color: #96e9a6;
	border-width: 16px;
	margin-top: -16px;
}
.arrow_box_right:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #96e9a6;
	border-width: 17px;
	margin-top: -17px;
}

.arrow_box_left {
	position: relative;
	background: #e4eb85;
	border: 0px solid #e4eb85;
}
.arrow_box_left:after, .arrow_box_left:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box_left:after {
	border-color: rgba(17, 213, 56, 0);
	border-right-color: #e4eb85;
	border-width: 16px;
	margin-top: -16px;
}
.arrow_box_left:before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: #e4eb85;
	border-width: 17px;
	margin-top: -17px;
}

.centerScreen {
    position: absolute !important;
    top:  50%;
    left: 50%;
    transform: translate(-50%,-50%);
}