h6{
	vertical-align: middle;
	HEIGHT: 0px;
	font-size:25px;
	text-shadow: 2px 2px 2px rgba(0,0,0,.8);
	color: #ddeedd;
}

.Bg1{
	margin: auto;
	/*background: rgba(245, 250, 224, 1);*/ /*amarillo*/
	background: rgba(221, 238, 221, 1);
	/*background: rgba(0,128,0,.3);*/
	height:450px;
	width:50%;
	border-bottom:2px;
	vertical-align: top;
	padding:10px;
	
	box-shadow: 2px 2px 5px #999;
	
	border-top-left-radius: 20px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 20px;
	
}


.Bg2{
	margin-left: 5%;
	margin-right: 5%;
	padding: 5px;
	
	background: rgba(50,50,50,.3);
	height:280px;
	border-bottom:2px;
	vertical-align: top;
	overflow: auto;
	box-shadow: 2px 2px 5px #999;
	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.Bg3{
	margin: auto;
	/*background: rgba(245, 250, 224, 1);*/ /*amarillo*/
	background: rgba(221, 238, 221, 1);
	/*background: rgba(0,128,0,.3);*/
	width:50%;
	border-bottom:2px;
	vertical-align: top;
	padding:10px;
	
	box-shadow: 2px 2px 5px #999;
	
	border-top-left-radius: 20px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 20px;
	
}

.Bg4{
	margin: auto;
	/*background: rgba(245, 250, 224, 1);*/ /*amarillo*/
	background: rgba(221, 238, 221, 1);
	/*background: rgba(0,128,0,.3);*/
	border-bottom:2px;
	vertical-align: top;
	padding:10px;
	overflow: auto;
	box-shadow: 2px 2px 5px #999;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.Bg5{
	margin: auto;
	background: rgba(245, 250, 224, 1); /*amarillo*/
	border-bottom:2px;
	vertical-align: top;
	padding:10px;
	
	box-shadow: 2px 2px 5px #999;
	
	border-top-left-radius: 20px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 20px;
	
}

.Bg6{
	margin: auto;
	background: rgba(255, 255, 255, 1);
	border-bottom:2px;
	vertical-align: top;
	padding:10px;
	overflow: auto;
	box-shadow: 2px 2px 5px #999;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.Bg7{
	margin: auto;
	background: rgba(50, 50, 50, .3);
	border-bottom:2px;
	vertical-align: top;
	padding:10px;
	overflow: auto;
	box-shadow: 2px 2px 5px #999;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.Bg8{
	margin: auto;
	height:50px;
	background: rgba(245, 250, 224, 1); /*amarillo*/
	border-bottom:2px;
	vertical-align: top;
	padding:10px;
	
	box-shadow: 2px 2px 5px #999;
	
	border-top-left-radius: 20px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 20px;
	
}

.Bg9{
	margin: auto;
	/*background: rgba(245, 250, 224, 1);*/ /*amarillo*/
	background: rgba(255, 255, 255, 1);
	/*background: rgba(0,128,0,.3);*/
	width:50%;
	border-bottom:2px;
	vertical-align: top;
	padding:10px;
	
	box-shadow: 2px 2px 5px #999;
	
	border-top-left-radius: 20px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 20px;
	
}




.Cel4
{
	margin: auto;
	background: #eeeeff;
	border-bottom:2px;
	vertical-align: top;
	padding:10px;
	overflow: auto;
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.Cel5
{
	margin: auto;
	background: #F4FA58;	
	border-bottom:2px;
	vertical-align: top;
	padding:10px;
	overflow: auto;
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.Cel6
{
	margin-left: 30px;
	background: #eeeeff;	
	border-bottom:2px;
	vertical-align: top;
	padding:5px;
	overflow: auto;
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.Cel7
{
	margin: auto;
	background: rgba(255, 0, 0, .5);
	border-bottom:2px;
	vertical-align: top;
	padding:10px;
	overflow: auto;
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}


.CelRo
{
	margin: auto;
	background: #FF0000;	
	border-bottom:2px;
	vertical-align: top;
	padding:10px;
	overflow: auto;
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.CelVe
{
	margin: auto;
	background: #00FF00;	
	border-bottom:2px;
	vertical-align: top;
	padding:10px;
	overflow: auto;
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.CelNa
{
	margin: auto;
	background: #6E6E6E;	
	border-bottom:2px;
	vertical-align: top;
	padding:10px;
	overflow: auto;
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.CelBl
{
	margin: auto;
	background: #FFFFFF;	
	border-bottom:2px;
	vertical-align: top;
	padding:10px;
	overflow: auto;
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.CuadroVacio{
	margin: auto;
	height:10px;
}

.CelGr
{
	margin: auto;
	background: rgba(0, 0, 0, .2);
	border-bottom:2px;
	vertical-align: top;
	padding:10px;
	overflow: auto;
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.TextoBl
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align: Center;
	color: white;

}
.Am
{
    COLOR: #FFFF00
}
.Texto{}

.CelVacia
{
	margin-left: 20px;
	margin-right: 20px;
	
	background: #FFF;	
	border-bottom:2px;
	vertical-align: top;
	padding:5px;
	overflow: auto;
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.CelVacia
{
	margin-left: 20px;
	margin-right: 20px;
	
	background: #FFF;	
	border-bottom:2px;
	vertical-align: top;
	padding:5px;
	overflow: auto;
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}


.ui-state-highlight, .ui-widget-content .ui-state-highlight {
	/*background: rgba(39, 55, 217, 0.9);*/
	color: white;
	background: rgba(50,50,50,.1);
	border: 1px solid lightred;
}


.highlight_date a {
    background-color: #ffffff !important;
    color: green !important;
    font-weight: bold !important;
}

.highlight_date2 a {
    background-color: #ffffff !important;
    color: red !important;
    font-weight: bold !important;
}


.hide-close .ui-dialog-titlebar-close { display: none }


input{
	border: 1
}


input:focus{
    background: #b3ccff;
}

select:focus{
    background: #b3ccff;
}


* html .ui-autocomplete {
height: 100px;
}

.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}


.BgFamiliares{
	margin: auto;
	background: rgba(245, 250, 224, 1); /*amarillo*/
	border-bottom:2px;
	vertical-align: top;
	padding:10px;
	box-shadow: 2px 2px 5px #999;
	border-top-left-radius: 20px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 20px;
}
.BgReintegro{
	margin-top: 10px;
	margin-right: 20%;
	margin-left: 20%;
	margin-bottom: 10px;
	background: rgba(255, 255, 255, 1);
	border-bottom:2px;
	vertical-align: top;
	padding:10px;
	overflow: auto;
	box-shadow: 2px 2px 5px #999;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.BgMensajeAzul{
	margin-top: 10px;
	margin-right: 20%;
	margin-left: 20%;
	margin-bottom: 10px;
	background: rgba(27, 162, 252, 0.8);
	border-bottom:2px;
	vertical-align: top;
	padding:10px;
	overflow: auto;
	box-shadow: 2px 2px 5px #999;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.BgMensajeRojo{
	margin-top: 10px;
	margin-right: 20%;
	margin-left: 20%;
	margin-bottom: 10px;
	background: rgba(252, 27, 50, 0.8);
	border-bottom:2px;
	vertical-align: top;
	padding:10px;
	overflow: auto;
	box-shadow: 2px 2px 5px #999;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.BgMensajeAmarillo{
	margin-top: 10px;
	margin-right: 20%;
	margin-left: 20%;
	margin-bottom: 10px;
	background: rgba(252, 230, 27, 0.8);
	border-bottom:2px;
	vertical-align: top;
	padding:10px;
	overflow: auto;
	box-shadow: 2px 2px 5px #999;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}












.BgTipoIngreso{
	margin-top: 10px;
	margin-right: 20%;
	margin-left: 20%;
	margin-bottom: 10px;
	background: rgba(221, 238, 221, 1); /*verde*/
	border-bottom:2px;
	vertical-align: top;
	padding:10px;
	overflow: auto;
	box-shadow: 2px 2px 5px #999;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.BgVerdeAuto{
	margin-top: 5px;
	background: rgba(221, 238, 221, 1); /*verde*/
	border-bottom:2px;
	vertical-align: top;
	padding:10px;
	overflow: auto;
	box-shadow: 2px 2px 5px #999;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.BgBlancoAuto{
	margin-top: 5px;
	background: rgba(255, 255, 255, 1);
	border-bottom: 2px;
	vertical-align: top;
	padding: 10px;
	overflow: auto;
	box-shadow: 2px 2px 5px #999;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.BgGrisAuto{
	margin-top: 5px;
	background: rgba(204, 204, 204, 1);
	border-bottom: 2px;
	vertical-align: top;
	padding: 10px;
	overflow: auto;
	box-shadow: 2px 2px 5px #999;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.BgRojoAuto{
	margin-top: 5px;
	background: rgba(255, 0, 0, 0.4);
	border-bottom: 2px;
	vertical-align: top;
	padding: 10px;
	overflow: auto;
	box-shadow: 2px 2px 5px #999;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.BgTipoIngresoRojo{
	margin-top: 10px;
	margin-right: 20%;
	margin-left: 20%;
	margin-bottom: 10px;
	background: rgba(255, 0, 0, 0.4);
	border-bottom:2px;
	vertical-align: top;
	padding:10px;
	overflow: auto;
	box-shadow: 2px 2px 5px #999;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.boton_personalizado{
    text-decoration: none;
    padding: 4px;
    font-weight: 600;
    font-size: 15px;
    color: rgba(63, 91, 63, 1);
    background-color: rgba(63, 224, 224, 0);
    border-radius: 6px;
    border: 2px solid rgba(63, 91, 63, 1);
}

.boton_personalizado:hover{
	color: rgba(63, 91, 63, 1);
	background-color: #ffffff;
}

.boton_personalizado_Bl{
	color: rgba(63, 91, 63, 1);
	background-color: #ffffff;
}

.boton_2{
    text-decoration: none;
    padding: 5px;
    font-weight: 600;
    font-size: 15px;
    color: rgba(63, 91, 63, 1);
    background-color: rgba(63, 224, 224, 0);
    border-radius: 6px;
    border: 2px solid rgba(63, 91, 63, 1);
}
.boton_2:hover{
	color: rgba(63, 91, 63, 1);
	background-color: #ffffff;
}


.boton_sombra {
	transition:opacity 0s
}
.boton_sombra:active{
	opacity:0.5;
}


textarea {
	resize: none;
}


.input-ingreso {
	padding:6px;
	/*display:block;*/
	border:none;
	/*border-bottom:1px solid #ccc;*/
	border:1px solid #ccc;
	/*width:50%;*/
	border-radius:4px
}

.Texto-Titulo {
	font-size: 20px;
	color: rgba(255, 255, 255, 1);
	padding:6px;
	border:none;
	border-radius:4px
}


.contenedor:after,
.contenedor:before,
.row:after,
.row:before,
.row-padding:after,
.row-padding:before,
.cell-row:before,
.cell-row:after{content:"";display:table;clear:both}
.cell-row{display:table;width:100%}
.cell{display:table-cell}
.cell-top{vertical-align:top}
.cell-middle{vertical-align:middle}
.cell-bottom{vertical-align:bottom}
.col{
	float:left;
	width:100%;
	vertical-align:middle
	}

.col.s1{width:8.33333%}
.col.s2{width:16.66666%}
.col.s3{width:24.99999%}
.col.s4{width:33.33333%}
.col.s5{width:41.66666%}
.col.s6{width:49.99999%}
.col.s7{width:58.33333%}
.col.s8{width:66.66666%}
.col.s9{width:74.99999%}
.col.s10{width:83.33333%}
.col.s11{width:91.66666%}
.col.s12{width:99.99999%}


@media (min-width:601px)
	{
	.col.m1{width:8.33333%}
	.col.m2{width:16.66666%}
	.col.m3,
	.quarter{width:24.99999%}
	.col.m4,
	.third{width:33.33333%}
	.col.m5{width:41.66666%}
	.col.m6,
	.half{width:49.99999%}
	.col.m7{width:58.33333%}
	.col.m8,
	.twothird{width:66.66666%}
	.col.m9,
	.threequarter{width:74.99999%}
	.col.m10{width:83.33333%}
	.col.m11{width:91.66666%}
	.col.m12{width:99.99999%}
}

@media (min-width:993px){
	.col.l1{width:8.33333%}
	.col.l2{width:16.66666%}
	.col.l3{width:24.99999%}
	.col.l4{width:33.33333%}
	.col.l5{width:41.66666%}
	.col.l6{width:49.99999%}
	.col.l7{width:58.33333%}
	.col.l8{width:66.66666%}
	.col.l9{width:74.99999%}
	.col.l10{width:83.33333%}
	.col.l11{width:91.66666%}
	.col.l12{width:99.99999%}
}

@media (min-width:993px){
	.cell.l1{width:8.33333%}
	.cell.l2{width:16.66666%}
	.cell.l3{width:24.99999%}
	.cell.l4{width:33.33333%}
	.cell.l5{width:41.66666%}
	.cell.l6{width:49.99999%}
	.cell.l7{width:58.33333%}
	.cell.l8{width:66.66666%}
	.cell.l9{width:74.99999%}
	.cell.l10{width:83.33333%}
	.cell.l11{width:91.66666%}
	.cell.l12{width:99.99999%}
}

/*Colores*/
.blue,
.hover-blue:hover{
	padding:5px;
	color:#000;
	background-color: rgba(33, 150, 243, 0.8);
	border-radius:4px
	}
.red,
.hover-red:hover{
	padding:5px;
	color:#000;
	background-color: rgba(229, 19, 19, 1);
	border-radius:4px
	}
.red50,
.hover-red:hover{
	padding:5px;
	color:#000;
	background-color: rgba(229, 19, 19, 0.5);
	border-radius:4px
	}	
	
	
.teal,
.hover-teal:hover{
	padding:5px;
	color:#fff;
	background-color: rgba(0, 150, 136, 1);
	border-radius:4px
	}
.teal50,
.hover-teal50:hover{
	padding:5px;
	color:#fff;
	background-color: rgba(0, 150, 136, 0.5);
	border-radius:4px
	}
	
	
.table,
.table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}
.table-all{border:1px solid #ccc}
.table-all tr:nth-child(odd){background-color:#fff}
.table-all tr:nth-child(even){background-color:#f1f1f1}
.hoverable tbody tr:hover,
.ul.hoverable li:hover{background-color:#ccc}
.centered tr th,
.centered tr td{text-align:center}
.table td,
.table th,
.table-all td,
.table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.table th:first-child,
.table td:first-child,
.table-all th:first-child,
.table-all td:first-child{padding-left:16px}


.circle{
	border-bottom-width: 10px;
	border-color: rgba(221, 238, 221, 1);
	border-radius:50%;
	}

.progress-label {
	position: absolute;
	left: 5%;
	/*top: 4px;*/
	padding: 5px;
	text-align: center;
	color: rgba(221, 238, 221, 1);
	font-weight: bold;
	text-shadow: 1px 1px 0 #fff;
}

.border{
	border-top:1px solid #ccc!important;
	border-bottom:1px solid #ccc!important;
	border-left:1px solid #ccc!important;
	border-right:1px solid #ccc!important
}

.border-0{border:0!important}
.border-top{border-top:1px solid #ccc!important}
.border-bottom{border-bottom:1px solid #ccc!important}
.border-left{border-left:1px solid #ccc!important}
.border-right{border-right:1px solid #ccc!important}

.border-amber,
.hover-border-amber:hover{border-color:#ffc107!important}
.border-aqua,
.hover-border-aqua:hover{border-color:#00ffff!important}
.border-blue,
.hover-border-blue:hover{border-color:#2196F3!important}

.border-light-blue,.hover-border-light-blue:hover{border-color:#87CEEB!important}
.border-brown,.hover-border-brown:hover{border-color:#795548!important}
.border-cyan,.hover-border-cyan:hover{border-color:#00bcd4!important}
.border-blue-grey,.hover-border-blue-grey:hover,.border-blue-gray,.hover-border-blue-gray:hover{border-color:#607d8b!important}
.border-green,.hover-border-green:hover{border-color:#4CAF50!important}
.border-light-green,.hover-border-light-green:hover{border-color:#8bc34a!important}
.border-indigo,.hover-border-indigo:hover{border-color:#3f51b5!important}
.border-khaki,.hover-border-khaki:hover{border-color:#f0e68c!important}
.border-lime,.hover-border-lime:hover{border-color:#cddc39!important}
.border-orange,.hover-border-orange:hover{border-color:#ff9800!important}
.border-deep-orange,.hover-border-deep-orange:hover{border-color:#ff5722!important}
.border-pink,.hover-border-pink:hover{border-color:#e91e63!important}
.border-purple,.hover-border-purple:hover{border-color:#9c27b0!important}
.border-deep-purple,.hover-border-deep-purple:hover{border-color:#673ab7!important}
.border-red,.hover-border-red:hover{border-color:#f44336!important}
.border-sand,.hover-border-sand:hover{border-color:#fdf5e6!important}
.border-teal,.hover-border-teal:hover{border-color:#009688!important}
.border-yellow,.hover-border-yellow:hover{border-color:#ffeb3b!important}
.border-white,.hover-border-white:hover{border-color:#fff!important}
.border-black,.hover-border-black:hover{border-color:#000!important}
.border-grey,.hover-border-grey:hover,.border-gray,.hover-border-gray:hover{border-color:#9e9e9e!important}
.border-light-grey,.hover-border-light-grey:hover,.border-light-gray,.hover-border-light-gray:hover{border-color:#f1f1f1!important}
.border-dark-grey,.hover-border-dark-grey:hover,.border-dark-gray,.hover-border-dark-gray:hover{border-color:#616161!important}
.border-pale-red,.hover-border-pale-red:hover{border-color:#ffe7e7!important}.border-pale-green,.hover-border-pale-green:hover{border-color:#e7ffe7!important}
.border-pale-yellow,.hover-border-pale-yellow:hover{border-color:#ffffcc!important}.border-pale-blue,.hover-border-pale-blue:hover{border-color:#e7ffff!important}

.card,
.card-2{
		margin-top: 10px;
		margin-right: 20%;
		margin-left: 10px;
		margin-bottom: 10px;
		box-shadow:0 2px 5px 0 rgba(0,0,0,0.5),0 2px 10px 0 rgba(0,0,0,0.12)}
.card-4,
.hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(255,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}

.center
.sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.bar-block .dropdown-hover,
.bar-block .dropdown-click{width:100%}
.bar-block .dropdown-hover .dropdown-content,.bar-block .dropdown-click .dropdown-content{min-width:100%}
.bar-block .dropdown-hover .button,.bar-block .dropdown-click .button{width:100%;text-align:left;padding:8px 16px}
.bar{width:100%;overflow:hidden}
.bar .tablink{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.bar .button{white-space:normal}
.bar{display:inline-block;width:auto}

.bar-item{
	padding:4px 10px;
	float:left;
	width:auto;
	border:none;
	display:block;
	outline:0
}

.menu-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}



.bar-cokiba{
	background-color: rgba(33, 150, 243, 0.8);
	padding:4px 10px;
	float:left;
	width:auto;
	border:none;
	display:block;
	outline:0
}
.bar-femeba{
	background-color: rgba(33, 243, 150, 0.8);
	padding:4px 10px;
	float:left;
	width:auto;
	border:none;
	display:block;
	outline:0
}
.bar-fopba{
	background-color: rgba(240, 33, 80, 0.8);
	padding:4px 10px;
	float:left;
	width:auto;
	border:none;
	display:block;
	outline:0
}

.dropdown-hover,
.bar 
.dropdown-click{position:static;float:left}
.bar 
.button{white-space:normal}
.bar-block 
.bar-block.center 
.bar-item{text-align:center}.block{display:block;width:100%}


.switch_SiNo{
  width:55px;
  height:27px;
  border-radius:15px;
  background: rgba(104, 104, 104, 0.5);
  display:block;
  position:relative;
}
.switch_SiNo:after{
  position:absolute;
  height:25px;
  width:25px;
  display:block;
  border-radius:50%;
  background:#ff0000;
  top:1px;
  left:1px;
  content:'No';
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  text-align:center;
  line-height:24px;
  color:#fff;
  font-size:13px;
}
.switch_SiNo.active:after{
  left:100%;
  margin-left:-27px;
  background:#008000;
  content:'Si';
}
.switch_SiNo input[type="checkbox"]{
  opacity:0;
}


.tooltip2 {
  position: relative;
  display: inline-block;
  /*border-bottom: 1px dotted black;*/
}

.tooltip2 .tooltip2text {
	visibility: hidden;
	width: 200px;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltip2 .tooltip2text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip2:hover .tooltip2text {
  visibility: visible;
  opacity: 1;
}


.tt_tea_bg {
	background-color: #009688;
}
.tt_red_bg {
	background-color: #e74c3c ;
}
.tt_green_bg {
	background-color: #58d68d ;
}
.tt_blue_bg  {
	background-color:  #3498db  ;
}

.tt_tea_fontColor {
	color: #009688;
}
.tt_red_fontColor {
	color: #e74c3c ;
}
.tt_green_fontColor {
	color: #58d68d ;
}
.tt_blue_fontColor {
	color:  #3498db  ;
}
.tt_white_fontColor {
	color:  #FFF  ;
}


.animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-input{transition:width 0.4s ease-in-out}.animate-input:focus{width:100%!important}
 
 .Bg-Verde{
	background: rgba(221, 238, 221, 1); /*verde*/
}
 
 
.Texto3d {
	font-weight: bold;
	font-family: Helvetica;
	text-shadow: 
	0 1px 0 #ccc, 
	/*0 2px 0 #c9c9c9, 
	0 3px 0 #bbb, 
	0 4px 0 #b9b9b9, 
	0 5px 0 #aaa, 
	0 6px 1px rgba(0,0,0,.1), 
	0 0 5px rgba(0,0,0,.1), 
	0 1px 3px rgba(0,0,0,.3), 
	0 3px 5px rgba(0,0,0,.2), */
	0 5px 10px rgba(0,0,0,.25), 
	0 10px 10px rgba(0,0,0,.2), 
	0 20px 20px rgba(0,0,0,.15);
}

.Texto3dGrande {
	font-size: 3em;
}

.Texto3dMediano {
	font-size: 2em;
}

.Texto3dChico {
	font-size: 1.5em;
}

.Texto3dCentrado {
  text-align: center;
}