@charset "ISO-8859-1";
	
	
	.featurette-divider {margin: 10px; border: 1px solid #a3a375;}
	
	#linea {padding-top: 5px; padding-bottom: 5px; border-bottom: ridge; border-color: #a3a375; border-width: 3px;} /* LINEA INFERIOR DE LOS DIV - SIRVE DE LINEA DIVISORIA */
	
	.table-responsive {box-shadow:5px 5px 5px #d6d6c2; border-width:3px; border-style:solid; border-color:#d6d6c2;}
	
	.table{background-color: #ebebe0;}
	
	table tr:hover {background-color: #ffffcc; cursor: pointer;}
	
	table th {
	    position: sticky;
	    top: 0;
	    z-index: 10;
	    font-weight: normal;
	 }
	
	.form-control {border-style: ridge; background-color: #f5f5ef;}
	
	.form-group {
		font-family: Times New Roman;
		font-size: 18px;
		font-weight: bold;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	.form-group>input, .form-group>select {
		height: 32px;
		font-size: 18px;
		border-style: ridge;
	}
	
	.form-group>label {
		margin-bottom: 1px;
		font-size: 16px;
	}
	
	.btn {
		box-shadow: 5px 5px 4px #b8b894;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	hr {
		display: block;
		margin-top: 1px;
		margin-bottom: 1px;
		margin-left: auto;
		margin-right: auto;
		border-style: ridge;
		border-width: 2px;
	}
	
	h5 {font-size: 95%; font-weight: bold}
	h6 {font-size: 95%; }
	
	table {font-size: 95%;}
	
	.textArea {font-size: 19px; border-style: ridge; border-width:4px;}
	 textarea {font-size: 19px; border-style: ridge; border-width:4px;}
	
	/* Add Animation para Modals*/
	@-webkit-keyframes slideIn {
	  from {bottom: -300px; opacity: 0} 
	  to {bottom: 0; opacity: 1}
	}
	
	@keyframes slideIn {
	  from {bottom: -300px; opacity: 0}
	  to {bottom: 0; opacity: 1}
	}
	
	@-webkit-keyframes fadeIn {
	  from {opacity: 0} 
	  to {opacity: 1}
	}
	
	@keyframes fadeIn {
	  from {opacity: 0} 
	  to {opacity: 1}
	}
	
	
	/* Para los modals Alerts */
	/* The Modal (background) */
	#modalAlerts1 {
	  left: 0;
	  top: 0;
	  width: 100%;           /* Full width  100% */
	  height: 100%;          /* Full height  100% */
	  overflow: auto;        /* Enable scroll if needed */
	  display: flex;
	  display: none;         /* Hidden by default */
	  justify-content: center;
	  background-color: rgba(0, 0, 0, 0.3); /* Black w/ opacity */
	  -webkit-animation-name: fadeIn; /* Fade in the background */
	  -webkit-animation-duration: 0.4s;
	  animation-name: fadeIn;
	  animation-duration: 0.4s
	}
	
	/* Modal Content */
	#modalAlerts1 > .modal-content {
	  width: 500px;
	  height: 170px;
	  top: 10%;
	  border-radius: 8px;
	  text-align: center;
	  font-size: 75%;
	  position: relative;
	  -webkit-animation-name: slideIn;
	  -webkit-animation-duration: 0.4s;
	  animation-name: slideIn;
	  animation-duration: 0.4s
	}
	
	/* The Close Button */
	.close {
	  color: #595959;
	  float: right;
	  font-size: 32px;
	  font-weight: bold;
	}
	
	.close:hover,
	.close:focus {
	  color: #595959;
	  text-decoration: none;
	  cursor: pointer;
	}
	
	
	/* Para los modals Success */
	/* The Modal (background) */
	#modalSuccess {
	  left: 0;
	  top: 0;
	  width: 100%;           /* Full width  100% */
	  height: 100%;          /* Full height  100% */
	  overflow: auto;        /* Enable scroll if needed */
	  display: flex;
	  display: none;         /* Hidden by default */
	  justify-content: center;
	  background-color: rgba(0, 0, 0, 0.6); /* Black w/ opacity  opacity: 0.7; */
	  -webkit-animation-name: fadeIn; /* Fade in the background */
	  -webkit-animation-duration: 0.4s;
	  animation-name: fadeIn;
	  animation-duration: 0.4s
	}
	
	/* Modal Content */
	#modalSuccess>.modal-content {
	  width: 600px;
	  height: 200px;
	  top: 10%;
	  /* border-radius: 8px; */
	  border-style: groove;
	  text-align: center;
	  font-size: 75%;
	  position: relative;
	  -webkit-animation-name: slideIn;
	  -webkit-animation-duration: 0.4s;
	  animation-name: slideIn;
	  animation-duration: 0.4s
	}
	
	/* IDs de Modal Alerts1 (Indicaciones que algo salio mal) */
	#modal-header {background-color: #ffcce6; height: 60px;}
	#modal-body {background-color: #ffcce6; }
	#modal-footer {background-color: #ffcce6; height: 60px;}
	
	/*  IDs del modal Success (Modal para informar del exito de un proceso)  */
	#modal-header2 {background-color: #ddffcc;  height: 60px;} /* height: 50px; */
	#modal-body2 {background-color: #ddffcc; }
	#modal-footer2 {background-color: #ddffcc; }
	
	
	/* MODAL PARA MOSTRAR LAS GRAFICOS */
	#myModal {
	  display: none;         
	  position: fixed;
	  left: 0;
	  top: 0;
	  width: 100%;        
	  height: 100%;   
	  overflow: auto; 
	  background-color: rgba(0, 0, 0, 0.3); 
	  -webkit-animation-name: fadeIn;
	  -webkit-animation-duration: 0.4s;
	  animation-name: fadeIn;
	  animation-duration: 0.4s
	}

	#myModal > .modal-content {
	  top: 5%;
	  margin: auto;
	  background-color: #ffffcc;
	  font-size: 75%;
	  width: 97%;
	  -webkit-animation-name: slideIn;
	  -webkit-animation-duration: 0.4s;
	  animation-name: slideIn;
	  animation-duration: 0.4s
	}
	
	/*  MODALS DE MODULO DE COSTOS  */
		
	/* Modal de Informacion de Costos */
		/* The Modal background */
		.bg-modal {
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.3);
			position: absolute;
			top: 0;
			display: flex;
			justify-content: center;
			display: none;
			
			-webkit-animation-name: fadeIn;    /* Fade in the background */
		    -webkit-animation-duration: 0.7s;
		    animation-name: fadeIn;
		    animation-duration: 0.7s
		}
		
		/* Modal Content */
		.modal-content2 {
			width: 800px;
			height: 560px;
			background-color: rgb(255, 255, 153);
	  		font-size: 75%;
			opacity: 1;
			border-radius: 8px;
			padding: 20px;
			position: relative;
			top: 10%;
			border-style: groove;
			-webkit-animation-name: slideIn;
		    -webkit-animation-duration: 0.7s;
		    animation-name: slideIn;
		    animation-duration: 0.7s
		}
		
		.close2 {
			position: absolute;
			top: 0;
			right: 14px;
			font-size: 38px;
			transform: rotate(45deg);
			cursor: pointer;
		}
		
		
		.close2:hover,
		.close2:focus {
		    color: #000;
		    text-decoration: none;
		    cursor: pointer;
		}
	
	
		/* The Modal background */
		#modalInfo {         /* .modal { */
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.3);
			position: absolute;
			top: 0;
			display: flex;
			justify-content: center;
			display: none;
			-webkit-animation-name: fadeIn;   
		    -webkit-animation-duration: 0.7s;
		    animation-name: fadeIn;
		    animation-duration: 0.7s
		}
		
		
		#modalInfoContent {   /* .modal-content {  */
			width: 380px;
			height: 160px;
			background-color: rgb(255, 215, 255);
	  		font-size: 75%;
			opacity: 1;
			border-radius: 8px;
			text-align: center;
			padding: 20px; padding-top: 40px;
			position: relative;
			top: 25%;
			border-style: solid;
			-webkit-animation-name: slideIn;
		    -webkit-animation-duration: 0.7s;
		    animation-name: slideIn;
		    animation-duration: 0.7s
		}
	
	
		#closeModalInfo {    /*   .close {  */
			position: absolute;
			top: 0;
			right: 14px;
			font-size: 38px;
			transform: rotate(45deg);
			cursor: pointer;
		}