@CHARSET "utf-8";

/********************Para que todas las paginas tengan el mismo estilo en el encabezado y el fotter***************/
html,body { 
 height: 100% !important; 
 margin: 0; 
 padding: 0; 
 text-align: center;  
}

body {
 display: table;
 width: 100%;
}

footer{	
	 height: 40px;
     background-color: #3D682C ;	
     text-align: center;
     margin-left: auto;
     margin-right: auto;
     clear: both;	
     font-size: 18px;
     color: #ffffff;
     line-height: 40px;	
     display: table-row !important;
     width: 100%;          
}

.container{
	width: 980px;
}

.page-header1{
    margin: 20px 0 20px;
    border-bottom: 1px solid #3D682C ;          
}


/***************************************************************************************/
/********************************Volver y cerrar sesion de todas las paginas************/
#secVolver{
	text-align: left;	
	/*height: 50px;*/	
	padding: 20px;
}

#cerrarSesion:link {
	color: #000000;
	text-decoration: none;
}

#cerrarSesion:visited {
	text-decoration: none;
	color: #000000;
}

#cerrarSesion:hover {
	text-decoration: none;
	color: blue;
}

#cerrarSesion:active {
	text-decoration: none;
	color: #000000;
}

.sesion{
	padding-top: 20px;	
}


/*********************************************************************************************/
/***************************CSS usados en diferentes partes del aplicativo********************/

.text-middle{
	vertical-align: middle !important;
}

.lblPad{
	padding-top: 30px !important;
}

.titulo{
	background:#5FA831; 
	color:white;
	font-size: 200% !important;
    font-weight: bold;
    padding: 7px;
}


/************************************************************************************************/
/***************************Dejar encabezado de la tabla fijo para mejor lectura*****************/
.wrapper {
    width:100%;
    height: 450px;
    overflow-x:hidden;
    border-bottom:1px solid #999;
}
.myTable, .myTable td, .myTable th {
    border-collapse:collapse;
    border:1px solid #999;
}
.myTable {
    width:100%;
}
.myTable thead {
    background-color:#d2d2d2;
    border-bottom: 2px solid #999;
}


/*******************************************************************************************/
/*************************Afecta el ancho y el color de fondo de los modal******************/
#modalEditarNoticia{	    
    padding-top: 10%;      
    background-color:#B7B2B2;    
}

.modal-content,.complemento{
    background-color:#d4edda;   
}

.modal-body{
    background-color: white;
}

#myModal,#modalBarrio,#modalEditarPDF{
	padding-top: 10%;   
    margin: auto;    
    background-color:#B7B2B2;
}

.anchoColum{
	width: 95% !important;
	height: 25px;
}


/***************************************************************************************/
/********************************Colores de los origenes de la amenaza*****************/
/*color amenaza Natural */
.colorF1{
	background-color: #58ACFA ;
	color: white;
}
/*color amenaza socio-natural */
.colorF2{
	background-color: #2E2EFE;
	color: white;
}
/*color amenaza biologico */
.colorF3{
	background-color: #FF8000;
	color: white;
}
/*color amenaza antropico no intencional */
.colorF4{
	background-color: #DF0101;
	color: white;
}
/*color amenaza tecnologico */
.colorF5{
	background-color: #04B404;
	color: white;
}
/*color amenaza Elementos expuestos */
.colorF6{
	background-color:  #A901DB;
	color: white;
}
/*color amenaza sin definir */
.colorF7{
	background-color: #A00321;
	color: white;
}
/*color amenaza  sin definir*/
.colorF8{
	background-color: #ffff00;
	color: white;
}
/*color amenaza sin definir */
.colorF9{
	background-color: #2c77d3;
	color: white;
}
/*color amenaza sin definir */
.colorF10{
	background-color: #09f7d2;
	color: white;
}


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

.pagination>.active>a{
	background-color: #5FA831;
    border-color: #5FA831;
}

.pagination>li>a{
	color: #5FA831;
}