.centrar_div_pantalla{
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
	z-index:1060;
}

.executing
{
    position:fixed;
    padding:0;
    margin:0;

    top:0;
    left:0;

    width: 100%;
    height: 100%;
    background:rgba(128, 128, 128, 0.5);
	
	z-index: 1055;
	
	display: none;
}
 
.exec_img {
    display:block;
    margin:auto;
} 

body,html{
	
	height: 100%;
	background:#072F00;
	color: #fff;
	
	
}

.imagen img, .imagen_login img {
	display:block;
	margin:auto;
	/* Responsive*/
	max-width:100%;
	width:auto;
	height:auto;
}

.imagen img{
	margin-top: 10%;
}

.imagen_login img{
	margin-top: 10px;
	width:200px;
	height:auto;
}

.imagen_menu img{
	margin-top: 10px;width:50px;height:auto;
}

/*Login*/
.login{
	text-align: center;
}

input[name="user"], input[name="clave"]{
	color: #000;
}

.manito:hover {
    cursor: pointer;
}

.login p{
	margin-top: 25px;
	margin-bottom : 5px;
}

.titulo p{
	margin-top: 15px;
	margin-bottom: 10px;
	transition: 2.5s all ease;
	font-size: 2.0em;
}

.subtitulo p{
	margin-top: 0px;
	font-size: 1.0em;
}

.filtrar p{
	margin-top: 2px;
	font-size: 1.3em;
}

.link p{
	font-size: 0.8em;
	margin-top:15px;
	margin-bottom:5px;
}
/*Login*/

li a{
	cursor:pointer; cursor: hand; 
}
/* botones */
.boton input{
	border: 1px solid #000;
	margin-top:15px;
	margin-right:5px;
	margin-left:5px;
	margin-bottom: 20px;
	font-size: 13px;
	border-radius: 5px;
	box-sizing: border-box;
	transition: all 100ms ease;
	width: 100px;
	height: 30px;
	background: #0F5001;
}

.boton input:hover{

	box-shadow: inset 0 0 20px #000, 0 0 20px #A0A0A0;
	text-shadow: 3px 2px 2px #000; /* Sobra al texto */
}
/* botones */


/* vistas */
.estilo_general{
	text-align: center;
}

.tam_label label{
	width:150px;
	text-align: left;
}

.texto-derecha{
	/* border: 1px solid #fff; */
	text-align: right;
}

.inputs_generales{
	/* background-color:#031F01; */
	border: 1px solid #052000;
	margin-top:15px;
	margin-right:5px;
	margin-left:5px;
	margin-bottom: 20px;
	font-size: 13px;
	border-radius: 20px;
	box-sizing: border-box;
	transition: all 100ms ease;

	background: #052000;
}

input[type="text"],input[type="password"], select, textarea, input[type="date"], input[type="datetime-local"]{
	color: #000; /* Color de las letras */
	box-shadow: 2px 2px 5px #999; /*generamos una sobra en los input*/
	width: 200px; /* Le damos un ancho a los input*/
	background-color: #EDEDED;
}

select{
	height: 24.4px;
}

input[type="date"], input[type="datetime-local"]{
	/* height: 25px; */
}

#filtrar_fecha label{
	width:90px;
	text-align: left;
}

textarea{
	vertical-align: top; /* Hace que el texto definido en el label de la izquierda del textarea se posicione arriba, de lo contrario se posiciona abajo*/
	/* height: 70px; */
}
/* vistas */

/* Tabla */

.tabla{
	overflow: auto; /* Agregamos el scroll a la tabla, el valor auto hace que solo se muestre cuando sea necesario*/
	cursor:pointer; cursor: hand; /* Cursor puntero*/
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
}

table{
    background-color:#062100;
} 

/* estilo de la cabecera de la tabla */
.tabla th {
	background: #000;
	opacity:0.7;
}

.tabla th, td {
	text-align: center;
	text-transform: uppercase;
	font-style: italic;
}

.tabla input {
	width: 40px;
}

/* Achicamos el alto de las filas de la tabla*/
/* .table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{
    padding:4px;
} */

/* para que, al pasar el mouse sobre una fila de la tabla, la misma se diferencie */
.table-seleccionada>tbody>tr:hover>td,.table-seleccionada>tbody>tr:hover>th{
	transition: 0.3s all cubic-bezier(0.68, -0.55, 0.27, 3.04); 
	opacity:0.4;
	background: #000;
}

.table-cebra>tbody>tr:nth-child(odd)>td,.table-cebra>tbody>tr:nth-child(odd)>th{
	opacity:0.6;
    background-color:#1E1E1E;
}

.table-cebra>tbody>tr:hover>td,.table-cebra>tbody>tr:hover>th{
	transition: 0.3s all cubic-bezier(0.68, -0.55, 0.27, 3.04); 
	background: #000;
}
/* Tabla */




/* remove outer padding */
.main .row{
	padding: 0px;
	margin: 0px;
}

/*Remove rounded coners*/

nav.sidebar.navbar {
	border-radius: 0px;
}

nav.sidebar, .main{
	-webkit-transition: margin 200ms ease-out;
	-moz-transition: margin 200ms ease-out;
	-o-transition: margin 200ms ease-out;
	transition: margin 200ms ease-out;
}


/* Add gap to nav and right windows.*/
.main{
	padding: 10px 10px 0 10px;
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{
    color:#fff;
    background-color:#031200;
}

/* Hover a los link del menú */
 .navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{
    color: #1EA100;
    background-color:#072F00;
} 

.navbar-inverse{
    background-color:#1A3215;
    border-color:#000;
}

/* .....NavBar: Icon only with coloring/layout.....*/

/*small/medium side display*/
@media (min-width: 768px) {

	/*Allow main to be next to Nav*/
	.main{
		position: absolute;
		width: calc(100% - 40px); /*keeps 100% minus nav size*/
		margin-left: 40px;
		float: right;
	}

	/*lets nav bar to be showed on mouseover*/
	nav.sidebar:hover + .main{
		margin-left: 200px;
	}

	/*Center Brand*/
	nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
		margin-left: 0px;
	}
	/*Center Brand*/
	nav.sidebar .navbar-brand, nav.sidebar .navbar-header{
		text-align: center;
		width: 100%;
		margin-left: 0px;
	}

	/*Center Icons*/
	nav.sidebar a{
		padding-right: 13px;
	}

	/*adds border top to first nav box */
	nav.sidebar .navbar-nav > li:first-child{
		border-top: 1px #e5e5e5 solid;
	}

	/*adds border to bottom nav boxes*/
	nav.sidebar .navbar-nav > li{
		border-bottom: 1px #e5e5e5 solid;
	}

	/* Colors/style dropdown box*/
	nav.sidebar .navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	/*allows nav box to use 100% width*/
	nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{
		padding: 0 0px 0 0px;
	}

	/*colors dropdown box text */
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #777;
	}

	/*gives sidebar width/height*/
	nav.sidebar{
		width: 200px;
		height: 100%;
		margin-left: -160px;
		float: left;
		z-index: 8000;
		margin-bottom: 0px;
	}

	/*give sidebar 100% width;*/
	nav.sidebar li {
		width: 100%;
	}

	/* Move nav to full on mouse over*/
	nav.sidebar:hover{
		margin-left: 0px;
	}
	/*for hiden things when navbar hidden*/
	.forAnimate{
		opacity: 0;
	}
}

/* .....NavBar: Fully showing nav bar..... */

/* Hace que la barra esté siempre visible */
@media (min-width: 1330px) {
	.main{
		width: calc(100% - 200px);
		margin-left: 200px;
	}

	nav.sidebar{
		margin-left: 0px;
		float: left;
	}
	
	nav.sidebar .forAnimate{
		opacity: 1;
	}
} 

nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
	color: #CCC;
	background-color: transparent;
}

nav:hover .forAnimate{
	opacity: 1;
}
section{
	padding-left: 15px;
}

/* Responsive */
@media(max-width:768px){
	.tam_label label{
		margin-top: 10px;
		margin-bottom: 1px;
	}
}

