body{
/*	background-color:#f4f7f5;
*/	font-family: Helvetica,Tahoma,sans-serif;
    font-size: 14px;

}
	
.jumbotron {
	color:rgb(125, 2, 39);
    background-color:transparent !important; 
}

	.tabla{
      padding: 0px 30px;
      font-size: 13px;
    }
/*----------------------------------------------------------------------------------*/
hr {
	height: 3px;
	background-color: #78756c; <!--red;-->
}
.etiqueta{
	position: absolute;
	margin:auto;
	top:10%;			
	background-color:red;
	color:white;
	border:1px solid #ccc;
	width:240px;
	text-align: center;
}
/*---------------------------------------------------------------------------------------*/
.circular{
  border-radius: 50%;
}
/*----------------------------------------------------------------------------------------*/

/*  Css del Menu */
.navbar-light .navbar-nav .nav-link{
   /* color: rgb(64, 64, 64);*/
/*	color:#9b1f23; */
	color:rgb(125, 2, 39);
    font-size: 15px;
   font-weight: bold;	
}
/**---------------*/
.navbar-default {
   
    background-color: rgb(168, 183, 163);
}
/*----------------------------------------------------------------------------------*/


.btco-menu li > a {
   padding: 10px 15px;
   color: #000;

}

.btco-menu .active a:focus,
.btco-menu li a:focus ,
.navbar > .show > a:focus{
    background: transparent;
    outline: 0;
}

.dropdown-menu .show > .dropdown-toggle::after{
    transform: rotate(-90deg);
}

/**/
.dropdown-menu:hover{
 	background:#dbe5ac;
	color:#494c46;	
}
/* Fin Css del Menu */
.mensajemodal{
	font-size: 40px;
	font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;	
}
/*----------------------------------------------------------------------------------*/
/* -------------- SOMBRA -----------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
.formshadow{
	border-radius:0px 0px 0px 10px;-moz-border-radius:0px 0px 0px 10px;-webkit-border-radius:0px 0px 0px 10px;-ms-border-radius:0px 0px 0px 10px;-o-border-radius:0px 0px 0px 10px;-khtml-border-radius:0px 0px 0px 10px;
	box-shadow:10px 10px 20px rgb(63, 63, 63);-moz-box-shadow:10px 10px 20px rgb(63, 63, 63);-webkit-box-shadow:10px 10px 20px rgb(63, 63, 63);-ms-box-shadow:10px 10px 20px rgb(63, 63, 63);-o-box-shadow:10px 10px 20px rgb(63, 63, 63);-khtml-box-shadow:10px 10px 20px rgb(63, 63, 63);
}
/*----------------------------------------------------------------------------------*/
/* -------------- LOGO Organizacion ------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
.organizacion {
	color:rgb(125, 2, 39);
    background-color:transparent !important; 
}	
/*----------------------------------------------------------------------------------*/
/* -------------- PAGINACION -------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/

.pagina {
    padding:8px 16px;
    border:1px solid #ccc;
	color:#333;
	font-weight:bold;
}
.pagina:hover { 
	background-color:#d1cccd;
}

/*----------------------------------------------------------------------------------*/
/* -------------- TABLA CON CABECERA FIJA -------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
.tabla-cabfija{
	margin:auto;
	background-color: none;
	border: none;
	border-bottom: 2px solid #ffffff;
	width: 100%;
	/*    table-layout: fixed;*/
}
.tabla-cabfija>thead{
	display: block;
	width: 100%;
	color: #ffffff;
	background-color: darkgray;
}
.tabla-cabfija>tbody{
	display:block;
	width: 100%;
	height: 200px;
	overflow: auto;
}
.tabla-cabfija>thead>tr{
	display: flex;
}
.tabla-cabfija>tbody>tr{
	display: flex;
}
.tabla-cabfija>thead>tr>th{
	border: none;
	border-bottom: 2px solid #ffffff;
	display: flex;
	/*	padding: 6px 5px; */
	text-align: center;
	width: 100%;
	flex-wrap: nowrap;
}
.tabla-cabfija>tbody>tr>td{
	padding: 8px 15px;
	border: 1px solid #ffffff;
	padding: 5px 10px;
	text-align: left;
	width: 100%;
	flex-wrap: nowrap;
}
.tabla-cabfija>tbody>tr:nth-child(2n+1){
	color: #000000;
	background-color: lightgray; 
}
.tabla-cabfija>tbody>tr:hover{
	cursor: pointer;
	background-color: #ffe6ba;
}

/*----------------------------------------------------------------------------------------*/
/*---------------------------------------------------*/
.formshadow{
	border-radius:0px 0px 0px 10px;-moz-border-radius:0px 0px 0px 10px;-webkit-border-radius:0px 0px 0px 10px;-ms-border-radius:0px 0px 0px 10px;-o-border-radius:0px 0px 0px 10px;-khtml-border-radius:0px 0px 0px 10px;
	box-shadow:10px 10px 20px rgb(63, 63, 63);-moz-box-shadow:10px 10px 20px rgb(63, 63, 63);-webkit-box-shadow:10px 10px 20px rgb(63, 63, 63);-ms-box-shadow:10px 10px 20px rgb(63, 63, 63);-o-box-shadow:10px 10px 20px rgb(63, 63, 63);-khtml-box-shadow:10px 10px 20px rgb(63, 63, 63);
}
