/*================================================================================
	Item Name: Robust - Responsive Admin Theme
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/*.table-global{
	width: 100%;
}


@media only screen and (min-width: 1280px) {
 .table-global{
 	width: 23%;
 }

}*/
@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;}


.table-menu-responsive{
	width: 100%;
	padding: 5px;
}
.fact-panel-body{
	width: 100%;
	min-width: 100%;
	padding: 1.5em 1.5em;
}

@media only screen and (min-width: 1200px) {
	table{
		width: 100%;
	}
	.table-menu-responsive{
		width: 100%;
	}
	.fact-panel-body{
		width: 100%;
	}

}

/*inicio de imagen user*/
.circle-img-user{
	width: 100%;
  	height: auto;
}
.circle-img-user img{
	width: 40%;
	height: 5%;
	margin: 0 auto;
	border-radius: 50%;
	box-shadow: 0 0 0 2px white, 0 0 0 3px #05A55A;
	/*border:1px solid rgba(0,153,229,.7);*/
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.circle-img-user img:hover, .circle-img-user img:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #FECD2D;
    cursor: pointer;
}

/*Fin Imagen user*/

/****************************

Mostrar Contraseña login

*****************************/


.pass_show_login{position: relative} 

.pass_show_login .ptxt_login { 

position: absolute; 

top: 23%; 

right: 1px; 

z-index: 9; 

color: #0099e5; 

margin-top: -8px; 

cursor: pointer; 

transition: .3s ease all;
/*background: #ececec;*/
background: #FFF;
padding: 8.2px;

} 

.pass_show_login .ptxt_login:hover{
	color: #0089ce;

} 

/****************************

FIN Mostrar Contraseña Login

*****************************/

/****************************

BOTON PARA CAMBIAR EMAIL

*****************************/


.btn_change_email{position: relative} 

.btn_change_email .pbtn_change { 

position: absolute; 

top: 23%; 

right: 2px; 

z-index: 9; 

color: #0099e5; 

margin-top: -8px; 

cursor: pointer; 

transition: .3s ease all;
/*background: #ececec;*/
background: #FFF;
padding: 9.5px;
border: none;

} 

.btn_change_email .pbtn_change:hover{
	color: #0089ce;

} 

/****************************

FIN BOTON PARA CAMBIAR EMAIL

*****************************/

/****************************

CAMBIAR FOTO DEL PERFIL

*****************************/
.contentLayout{
    text-align: center;
}
.contentLayout #catContenedorImagen{
   position: relative;
   display: inline-block;
   width: 50%;
   height: 50%; 
}
.contentLayout #catContenedorImagen img{
    margin: 20px auto;
    /*width:200px;
    height:200px;*/
    width: 100%;
    height: auto;
    border: 2px solid #FECD2D;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}
.contentLayout #catContenedorImagen a{
    position:absolute;
    bottom: -5px;
    left: 5px;
    right: 5px;
    z-index: 1;
    text-decoration: none;
    color:#FFF;
    background: #05A55A;
    font-weight: 600;
    border-radius: 4px;
}
.contentLayout #catContenedorImagen a:hover{
    background: #05A55A;
}
.contentLayout #file-info{
    margin: 10px auto;
    /*background: #aac193;*/
    width: 100%;
    height: auto;
    color: #FFF;
    padding: 3px;
    border-radius:5px;
    text-align: center;
    display: block;
}
 
.contentLayout #catContenedorImagen input[type=file]{
    position: absolute;
    visibility: hidden;
    width: 0;
    z-index: -9999;
}



/****************************

FIN CAMBIAR FOTO DEL PERFIL

*****************************/


/****************************
CAMBIAR FOTO DEL PERFIL

*****************************/

.mdlFotosAdd{
    margin: 0 auto;
   /* background: red;*/
    width: 50%;
    height: auto;
    text-align: center;
}
.mdlFotosAdd #mdlperfilImg{
   position: relative;
   display: inline-block;
   width: 80%;
   height: auto;
   /*background: blue;*/
}
.mdlFotosAdd #mdlperfilImg img{
    /*margin: 0 auto;*/
    /*width:200px;
    height:200px;*/
    float: left;
    width: 100%;
    height: auto;
    border: 2px solid #FECD2D;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}
.mdlFotosAdd #mdlperfilImg a{
	float: left;
    clear: right;
    width: 100%;
    padding: 5px;
    margin-top: 5px;
    /*margin-bottom: 5px;*/
    z-index: 1;
    text-decoration: none;
    color:#FFF;
    background: #05A55A;
    font-weight: 600;
    border-radius: 4px;
}
.mdlFotosAdd #mdlperfilImg a:hover{
    background: #05A55A;
}
.mdlFotosAdd #mdl-file-info{
    /*margin: 0 auto;*/
    float: left;
    background: #aac193;
    width: 100%;
    height: auto;
    color: #FFF;
    padding: 3px;
    border-radius:5px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    /*display: block;*/
}
 
.mdlFotosAdd #mdlperfilImg input[type=file]{
    position: absolute;
    visibility: hidden;
    width: 0;
    z-index: -9999;
}



/****************************

FIN CAMBIAR FOTO DEL PERFIL

*****************************/







/****************************

Cambiar el diseño de ingreso

*****************************/
.virtual-bg-login{
	/*background: url(../img/fondo_wiarVirtual.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-color: #66999;*/
	    /*background: red;*/
	
	/*text-align: center;*/
	/*position: fixed;*/
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;


}
.virtual-bg-login>img{
	width: 100%;
	height: 100%;

}
.virtual-ingreso{
	border: 2px solid #FECD2D;/*#0099e5 */
	
}
.virtual-ingreso-boddy{
	height: 100%;
}

@media (min-width: 580px) {
	.virtual-bg-login{
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		


	}
	.virtual-bg-login>img{
		width: 100%;
		height: 100%;

	}

	.virtual-ingreso{
		position: absolute;
		width: 38%;
		top: 0;/*25*/
		right: 0;/*29*/
		bottom: 0;
		height: 100%;
	}
	.virtual-ingreso-boddy{
		height: 100%;
	}

	/*.virtual-ingreso{
		width: 25%;
		height: auto;
		margin: 0 auto;

	}*/	
}
@media (min-width: 1280px) {
	.virtual-ingreso{
		width: 25%;
	}
}
@media (max-width: 580px){
	
	.virtual-bg-login{
		
		background: -moz-radial-gradient(left bottom, circle farthest-side, #7fd1f7 0%, #32b5f2 50%, #00a3ef 80%);
		background: -webkit-radial-gradient(left bottom, circle farthest-side, #7fd1f7 0%, #32b5f2 50%, #00a3ef 80%);
		background: -ms-radial-gradient(left bottom, circle farthest-side, #7fd1f7 0%, #32b5f2 50%, #00a3ef 80%);
		background: -o-radial-gradient(left bottom, circle farthest-side, #7fd1f7 0%, #32b5f2 50%, #00a3ef 80%);
		background: radial-gradient(left bottom, circle farthest-side, #7fd1f7 0%, #32b5f2 50%, #00a3ef 80%);

	}
	.virtual-bg-login>img{
		display: none;
	}
	.virtual-ingreso{
		/*position: relative;*/
		height: 100%;

	}
	.virtual-ingreso-boddy{
		width: 100%;
		height: 100%;
	}
	

}
/****************************

FIN Cambiar el diseño de ingreso

*****************************/
/****************************

Diseño de Perfil del sistema

*****************************/
.main-menu-header-perfilimg{
	width: 100%;
  	height: auto;
  	text-align: center;
}
.main-menu-header-perfilimg img{
	width: 40%;
	height: 5%;
	/*margin: 0 auto;*/
	border-radius: 50%;
	box-shadow: 0 0 0 2px white, 0 0 0 3px #05A55A;
	/*border:1px solid rgba(0,153,229,.7);*/
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.main-menu-header-perfilimg img:hover, .main-menu-header-perfilimg img:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #FECD2D;
    cursor: pointer;
}
/****************************

FIN Diseño de Perfil del sistema

*****************************/



/****************************

Add Nueva Clase de Li Active

*****************************/
.activesystema{
	/*color: #3d3f41;*/
	background: inherit;
	border-top: 2px solid rgba(5,165,90, .4);
	border-bottom: 2px solid rgba(5,165,90, .4);
	border-left: 2px solid rgba(254,205,45, .4);
	/*border-right: 2px solid rgba(254,205,45, .4);*/
	
    /*background-color: whitesmoke;*/ 
}
.activesystema:before, .activesystema:hover{
	/*background: inherit;*/
	background: inherit;
	/*background: red;*/
}
.active{
/*	background: red !important;*/
}

/****************************

Add Nueva Clase de Li Active

*****************************/