html, body{width:100%;height:100%;overflow:hidden;margin:0;}

.splash {position:absolute;top:0px;left:0px;bottom:0px;right:0px;background-color: #eee;background-repeat: no-repeat;background-position: 50%;/*background-image: url(../imagenes/splash_converto.svg);*/background-size: 100%;transition: opacity 700ms ease;z-index:999999;opacity: 1;width:100%;height:100%;padding:0px;}

/******************************************/
		@keyframes rotate-right {
			0% { 
				transform: rotate(0deg);
			} to {
				transform: rotate(360deg);
			}
		}

		@keyframes rotate-left {
			from { 
				-webkit-transform: rotate(0deg);
			}
			to {
				-webkit-transform: rotate(-360deg);
			}
		}
		@-webkit-keyframes show1{
			0% { 
				opacity:0
			}
			15%{
				opacity:1
			}
			85%{
				opacity:1
			}
			100%{
				opacity:0
			}
		}
		@-webkit-keyframes show2{
			
			15%{
				opacity:0
			}
			30%{
				opacity:1
			}
			70%{
				opacity:1
			}
			85%{
				opacity:0
			}
		}
		@-webkit-keyframes show3{
			
			30%{
				opacity:0
			}
			45%{
				opacity:1
			}
			
			55%{
				opacity:1
			}
			70%{
				opacity:0
			}
			
		}
		.splash{width: 100%; height:100%;background-color: #eee;z-index:999999;opacity: 1;}
		.splash svg{width: 100%; height: 100%;}
		#path111{ transform-origin: 947.7px 814.3px 0; animation: rotate-left 4s linear infinite; }
		#path109{ transform-origin: 990.2px 783.9px 0; animation: rotate-right 4s linear infinite; }
		#path103{ opacity: 0; animation: show1 3s linear infinite; }
		#path105{ opacity: 0; animation: show2 3s linear infinite; }
		#path107{ opacity: 0; animation: show3 3s linear infinite; }
		
/*****************************/
.splash.hideS{opacity:0;}
.splash.hideS.zindex{z-index:-999999;}
.loading_bar{height: 4px;position: relative;background: gray;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);}
.loading_bar center{display: block; height: 100%;}
.loading_bar span {display: block;height: 100%;width:0%;border-top-right-radius: 1px;border-bottom-right-radius: 1px;border-top-left-radius: 2px;border-bottom-left-radius: 2px;background-color: rgb(59, 171, 61);box-shadow: inset 0 2px 9px  rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);position: relative;transition: width 500ms ease;}
.loading_bar.animate span {width:100%;}
.main{overflow: hidden;padding: 0px;width: 100%;height: 100%;}
.menuPage{width:100%;height:100%;overflow:hidden;background-color:#ffffff;}
.menuHeader{width:100%;overflow:hidden;height:70px;background-color: #CFD8DC;padding:8px;}
.menuContent{width:100%;overflow-y:auto;height: calc(100% - 86px);margin-top:10px}
.menuHCenter{float:left;}
.menuHeader button{margin-top: 18px;}
.opcion_menu{float:left;overflow:hidden;width:calc(33.33% - 0.4em);margin:0.2em;min-width:5em;font-size:1.5em;font-weight:bold; background-color:#84ffff;}
.menu_icon{width:100%; height:auto;min-height:1em;padding:5px;}
.menu_icon img{width:100%;height:auto;}
.menu_title{width:calc(100% - 10px);background-color:#03A9F4;color:white;padding:5px;height:1em;}
.menu_title .text{width: calc(100% - 0.5em);float:left;}
.menu_title .icon{float:left;width: 0; height: 0;margin-top:0.1em; border-top: 0.4em solid transparent;border-bottom: 0.4em solid transparent;border-left: 0.4em solid white;}
.opcion_menu:nth-child(even){background-color: #ff8a80}
.opcion_menu:nth-child(even) .menu_title{background-color:#ff5252;}
.opcion_menu:hover{cursor: hand; cursor: pointer;}
.opcion_menu:hover .menu_title{color:black;}
.opcion_menu:hover .icon{border-left: 0.4em solid black;}
.titulo div.text{float: left;  font-size: 1.5em;font-weight: bold;}
.fechcapt{width: 10em; text-align: center;float: left;}
.capturo{width: 5em; text-align: center; float: left;}
.rListado{width:100%;overflow:hidden;cursor:pointer;cursor:hand;}
.rListado:nth-child(even){background-color: #bee4ff;}
.rListado.bloqueado{background-color: #ff9090;}
.columnas{width:100%;overflow:hidden;}
.rListado:hover{background-color: #ff9090;}

.ac_loading{width:50px;}
.ac_loading img{width:100%;}
.ac_item:hover{background-color: #ff9090;cursor:pointer;cursor:hand;}
.ac_item2,.ac_item{min-width:10em;font-size:0.9em;bottom-border: 1px solid black;overflow:hidden;}
.ac_item2:hover{cursor:pointer;cursor:hand;}
#fancy_messages{z-index: 10000; bottom:0; right:0; padding: 1.5em; overflow: auto;max-height: 50%; position: absolute; display: inline-block; max-width: 30%;}
#fancy_messages > .fancy_message{ overflow: hidden; width: 100%;}
#fancy_messages > .fancy_message > div{ float: right; margin-bottom:10px;}
.fancy_message > .alert > .fa-btns > button{ float: right; margin-left: 5px; padding:10px;}
#tooltip{
    position: absolute;
    z-index: 9999;
    background-color: rgb(35, 47, 52);
    color: rgb(255, 255, 255);
    width: 8em;
    border-radius: 10px;
	text-align: center;
    padding: 0.3em;
}