.up5 { margin-top: 5px; }
.up10 { margin-top: 10px; }
.up20 { margin-top: 20px; }
.up30 { margin-top: 30px; }
.up40 { margin-top: 40px; }
.up50 { margin-top: 50px; }
.up60 { margin-top: 60px; }
.up70 { margin-top: 70px; }
.up80 { margin-top: 80px; }
.up90 { margin-top: 90px; }

.nomargin { margin:0px!important; }

/*selectable*/
 #feedback { font-size: 1.4em; }
  #selectable .ui-selecting { background: #FECA40; }
  #selectable .ui-selected { background: #F39814; color: white; }
  #selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
  #selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }



.inicio { min-height: 120px!important; }



.table-condensed-muy > tbody > tr > td {
    padding: 2px!important;
}


.formaltaaedl { padding: 2px!important; height: 25px!important; font-size: 12px!important; background-color: #f5f5f5!important;}
.btnaltaaedl { padding: 2px!important; height: 25px!important; font-size: 12px!important; }
.btnaltadoc { height: 25px!important; width: 25px!important; font-size: 12px!important; }

.panel-body {padding: 5px!important;}

.td-listado-aedl { background-color: #f0f3f5!important; }

 
 .bordertopgreen{
 	border-top-style: solid!important;
    border-top-width: thick!important;
    border-top-color: darkseagreen!important;
 }
 .borderleftgreen{
 	border-left-style: solid!important;
    border-left-width: thick!important;
    border-left-color: darkseagreen!important;
 }
 .borderrightgreen{
 	border-right-style: solid!important;
    border-right-width: thick!important;
    border-right-color: darkseagreen!important;
 }
 .borderbottomgreen{
 	border-bottom-style: solid!important;
    border-bottom-width: thick!important;
    border-bottom-color: darkseagreen!important;
 }

 .colorvalidacion{
  color:red;
 }

 /*Color menu proyectos*/
  .nav-pills > li.active-project > a {
    color: #fff;
    background-color: #18558b;
  }
  .nav-pills > li.active-project > a:hover {
    color: #fff;
    background-color: #476f93;
  }
  .nav-pills > li.active-project > a:focus {
    color: #fff;
    background-color: #18558b;
  } 

  /*Color menu tutoriales*/
  .nav-pills > li.active-tutorial > a {
    color: #fff;
    background-color: #111314;
  }
  .nav-pills > li.active-tutorial > a:hover {
    color: #fff;
    background-color: #3b3e3f;
  }
  .nav-pills > li.active-tutorial > a:focus {
    color: #fff;
    background-color: #111314;
  } 
 
  .panel-project > .panel-heading {
    color: #fff!important;
    background-color: #18558b!important;
    border: 1px solid #18558b !important; 
    border-color: #18558b!important;
  }
  .panel-project {
    border: 1px solid #18558b !important; 
  }

  /*Colores visor*/
  .municipios{
    color: #337AB7!important;
    background-color: #e5e5e5!important;

  }
  .institucion{
    color: #996D3B!important;
    background-color: #fcf8e3!important;
  }
   .emprendedor{
    color: #996D3B!important;
    background-color: #fcf8e3!important;
  }
   .persona{
    color: #996D3B!important;
    background-color: #fcf8e3!important;
  }
  .recursos{
    color: #3C763D!important;
    background-color: #c5e0ba!important;
  }
  .aedl{
    color: #3C763D!important;
    background-color: #c5e0ba!important;
  }
  .proyectos{
    color: #fff!important;
    background-color: #18558b!important;
  }
  .acciones{
    color: #fff!important;
    background-color: #337ab7!important;
  }
  .accionesgenericas{
    color: #fff!important;
    background-color: #469cd6!important;
  }
  .accionesdigitales{
    color: #fff!important;
    background-color: #469cd6!important;
  }
  .accionesverdes{
    color: #fff!important;
    background-color: #469cd6!important;
  }

  .municipiosborder{
    border-color: #e5e5e5!important;
  }
  .institucionborder{
    border-color: #fcf8e3!important;
  }
  .emprendedorborder{
    border-color: #fcf8e3!important;
  }
  .personaborder{
    border-color: #fcf8e3!important;
  }
  .recursoslborder{
    border-color: #c5e0ba!important;
  }
  .aedlborder{
    border-color: #c5e0ba!important;
  }
  .proyectosborder{
    border-color: #18558b!important;
  }
  .accionesborder{
    border-color: #337ab7!important;
  }
  .accionesverdesborder{
    border-color: #469cd6!important;
  }
  .accionesdigitalesborder{
    border-color: #469cd6!important;
  }



  table.dataTable.table-striped>tbody>tr.odd.selected>* {
  box-shadow:inset 0 0 0 9999px rgba(32, 201, 151, 1)!important;color:white
}
table.dataTable.table-striped>tbody>tr.even.selected>* {
  box-shadow:inset 0 0 0 9999px rgba(32, 201, 151, 1)!important;color:white
}


/*CARGANDO*/

.marginLoading{
  margin-top: 80px;
 }

@import url('//fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,800&display=swap');

.loading{   
  display: grid;
    place-content: center;
    height: 300px;
}
.cargando{
    width: 120px;
    height: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
  margin: 0 auto; 
}
.texto-cargando{ 
  padding-top:20px
   font-family: 'Montserrat', sans-serif;
  font-weight: 800;
    background-color: #FFF;
    color: #00b8de;
}
.cargando span{
    font-size: 20px;
    text-transform: uppercase;
}
.pelotas {
    width: 30px;
    height: 30px;
    background-color: #00b8de;
    animation: salto .5s alternate
    infinite;
  border-radius: 50%  
}
.pelotas:nth-child(2) {
    animation-delay: .18s;
}
.pelotas:nth-child(3) {
    animation-delay: .37s;
}
@keyframes salto {
    from {
        transform: scaleX(1.25);
    }
    to{
        transform: 
        translateY(-50px) scaleX(1);
    }
}