tbody tr {
    display :  table-row;
}
tr.parent {
    display : table-row;
}
tr.parent1 {
    display : table-row;
}
tr.parent2 {
    display : table-row;
}
tr.parent3 {
    display : table-row;
}
tr.parent4 {
    display : table-row;
}
tr.parent5 {
    display : table-row;
}
tr.open {
    display : none;
}
select[readonly] {
  background: #eee; 
  pointer-events: none;
  touch-action: none;
  color: #717D7E;
}
.item-purchase-banner {
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 15px;
    z-index: 9990;
    background-color: #154360;
    color: #F8F9F9;
	font-style:calibri;
	font-size:12px;
} 

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
     background-color: #26212926;
    opacity: 0.9s;
}

.loader:after
{ 
	content: '  ';
	width: 200px;
    height: 200px;
	background: url('loading.gif') 50% 50% no-repeat rgb(51,51,51);
	font: 16px/15px calibri, calibri;
	font-weight: bold;
		color: #337ab7;
		position: absolute;
    top: 59%;
    left: 50%;
    transform: translate(-50%, -50%);
	 
}




.toltex.top .titext{
    margin-left: -60px;
     bottom: 80%; /* 150*/
	  
    left: 50%;
}
.toltex.top .titext::after{
    margin-left: -3px;
    top: 100%; /*100 */
    left: 50%;
    border-color: rgb(51,51,51) transparent transparent transparent;
}
.toltex {
    position: relative;
    display: block;
    border-bottom: 0px dotted black;
	
}
.toltex .titext {
    visibility: hidden;
    width: 120px;
	font-family: calibri;
	font-size: 13px;
    background-color:rgb(51,51,51);
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 7px 0;
    position: absolute;
    z-index: 1;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
.toltex .titext::after {
    content: "";
    position: absolute;
    border-width: 5px;
    border-style: solid;
}
.toltex:hover .titext {
    visibility: visible;
}


/* semaforo */
 


.semaforo {
    margin-left: 1px;
    margin-right: 1px;
    display: inline-block;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    color: #fff;
    vertical-align: middle;
	cursor: pointer;
	font-size: 15px;
	
	 
    
}
.semVerde {
    
	background-color: #198754 ;
}
.semRojo{
    
	background-color: #E74C3C;
}
.semAmbar {
    
	background-color: #ffc107;
	color: #000;
	 
}
 
 .bt_redonde {
   vertical-align: middle;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	padding: 2px;
 
}
 

.parpadea {
  
  animation-name: parpadeo;
  animation-duration: .9s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: .9s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

/*******/

 .display tr:hover {
    background: #DFE8EE;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}
.display td, .display th {
    /*     border-left:1px solid #ccc;  
    border-top: 1px solid #ccc; 
    padding: 3px; */
    /* border-left:1px solid #ccc; */ /*para las verticales*/
    border-top: 1px solid #ccc; /*para las horizontales*/
    padding: 3px 4px 3px 4px;
    text-align: left;
    font-size: 12px;
    color: #000000;
    }
/********/


.linkIconRemove:link{ color: #cccccc; text-decoration: none; font-size: 20px;vertical-align: -2px;}
.linkIconRemove:active{color: #cccccc; text-decoration: none; font-size: 20px; }
.linkIconRemove:visited{color: #cccccc; text-decoration: none;font-size: 20px;}
.linkIconRemove:hover{ color: #346cb0; text-decoration: none; font-size: 20px;}

.linkBacio:link{ color: #fff; text-decoration: none; font-size: 15px; vertical-align: -2px;}
.linkBacio:active{color: #fff; text-decoration: none; font-size: 15px; }
.linkBacio:visited{color: #fff; text-decoration: none;font-size: 15px;}
.linkBacio:hover{ color: #fff; text-decoration: none; font-size: 15px;}

.linkNormal:link{ color: #154360; text-decoration: none; font-size: 15px; vertical-align: -2px;}
.linkNormal:active{color: #154360; text-decoration: none; font-size: 15px; }
.linkNormal:visited{color: #154360; text-decoration: none;font-size: 15px;}
.linkNormal:hover{ color: #154360;  text-decoration: none; font-size: 15px;}
	
	/*********************/
	
	
	  .scroll_horizontal 
	{
	 
       overflow-x: auto;
	}
	@media screen and (max-width: 800px) 
	{
       table {
       display: block;
       overflow-x: auto;
     }
	}
	
	
	.ecabrzaso
	{
	margin-bottom: -4px;
    border-bottom: 1px solid #adb5bd;
    padding-bottom: 2px;
    position: relative;
    font-size: 15px;
    color: #424949;    font-weight: bolder;
    z-index: 1;
margin-top: 13px;
	}
	
	/****************/
	
	
	.btn-round {
    width: 40px;
    height: 40px;
    border-radius: 50%;
	text-align: center;
}

.btn-round.btn-lg {
    width: 48px;
    height: 48px;
}

.btn-round.btn-sm {
    width: 34px;
    height: 34px;
	text-align: center;
}

.btn-round.btn-xs {
    width: 24px;
    height: 24px;
}

/******/
.float-right {
     float: right!important; 
}

.img-circle {
    border-radius: 50%;
}

.profile-user-img {
    border: 2px solid #007bff;
    margin: 0 auto;
    padding: 0px;
    width: 100px;
}

.REPROBADO, .ANULADO, .BAJA, .NO_APTO, .CANCELADO, .VENCIDO, .DESAPROBADO
{
    color: #E74C3C;
    font-weight: 700;
border: 1px solid;
    border-radius: 5px;
    padding: 2px 8px 2px 8px;
}
.OBSERVADO, .ESPERA, .RENUNCIA, .CERRADO,  .PENDIENTE, .PROGRAMADO
{   color: #F39C12;
    font-weight: 700;
border: 1px solid;
    border-radius: 5px;
    padding: 2px 8px 2px 8px;
}

.VIGENTE, .ACTIVO, .APTO, .APROBADO, .EJECUCION{

    color: #229954;
    font-weight: 700;
    border-radius: 5px;
    border: 1px solid;
    padding: 2px 8px 2px 8px;

}
.agrandaSombra:hover
{

  transform: scale(1.01);
  box-shadow: 1px 2px 30px 9px rgb(0 0 0 / 70%);
  transition: all 150ms ease-in-out;
 
 
}
.agranda:hover
{
 transform: scale(1.01);
 transition: all 150ms ease-in-out;
}

/*            dddd$estadoProyecto=array('EJECUCION','CERRADO','ESPERA','CERRADO','CANCELADO'); */
/*+++++++++++++++++++*/
.progress{
  position: relative;
  margin: 4px;
  float:left;
  text-align: center;
}
.barOverflow{ /* Wraps the rotating .bar */
  position: relative;
  overflow: hidden; /* Comment this line to understand the trick */
  width: 180px; height: 90px; /* Half circle (overflow) */
  margin-bottom: -60px; /* bring the numbers up */
   
}
.bar{
  position: absolute;
  top: 0; left: 0;
  width: 180px; height: 180px; /* full circle! */
  border-radius: 50%;
  box-sizing: border-box;
  border: 10px solid #ccc;     /* half gray, */
  border-bottom-color: #0bf;  /* half azure */
  border-right-color: #0bf;
}
.selectRowTable
{
    background-color: #0000002e;
    font-weight: bolder;
}


::-webkit-scrollbar
{
  width: 7px;
   overflow-x: scroll;
   height:7px;
 
}
::-webkit-scrollbar-track {
	background:#D4E6F1;
 
}
 
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #154360; 
   
   border-radius: 1px;
    
}