#thcumpleanos{   
    font-weight: 900;
    background-image: linear-gradient(
        to right,
        #bc0cf2,
        red,
        orangered,
        orange,
        orangered,
        #bc0cf2,
        red);
    background-size: 110vw;
    animation: sliding 100s linear infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

#thcumpleanos2{
    background: linear-gradient(
        to right,
        orangered,
        orange,
        gold,
        hotpink,
        orangered);
  background-size: 110vw;
    animation: sliding 100s linear infinite;
    -webkit-background-clip: background;
}

#thcumpleanos3{
    background: linear-gradient(
        to right,
        orangered,
        orange,
        gold,
        hotpink,
        orangered);
  background-size: 110vw;
    animation: sliding 100s linear infinite;
    -webkit-background-clip: background;
}



#btnRegistrar{
  background: linear-gradient(
  to right,
  #0049aa,
  #05befd,
  #affaf7,
  #20add2,
  #032e48,
  #0049aa);
background-size: 110vw;
animation: sliding 100s linear infinite;
-webkit-background-clip: background;
}
#btnLimpiar,#btnLimpiarcliente{
  background: linear-gradient(
  to right,
  #e6e6e6,
  #b3b3b3,
  #4d4d4d,
  #b3b3b3,
  #e6e6e6);
  background-size: 110vw;
animation: sliding 100s linear infinite;
-webkit-background-clip: background;
}


#tblbody{
  background: linear-gradient(
  to right,
  #b1ffff,
  #c2f0ff,
  #4dc8ee,
  #c2f0ff,
  #b1ffff);
  background-size: 110vw;
  animation: sliding 100s linear infinite;
  -webkit-background-clip: background;
}


  #tblCumpleClientes{
    background: linear-gradient(
    to right,
    #b1ffff,
    #c2f0ff,
    #4dc8ee,
    #c2f0ff,
    #b1ffff);
    background-size: 110vw;
    animation: sliding 100s linear infinite;
    -webkit-background-clip: background;
  }
/* sidebar del menu*/

#barra{
  background: linear-gradient(
      rgb(208, 208, 208),
      #D8D8D8,
      rgb(219, 219, 219),
      #D8D8D8,
      rgb(230, 230, 230));
background-size: 200% 200%;
-webkit-animation:color 5s ease infinite;
-moz-animation: color 5s ease infinite;
animation: color 20s ease infinite;
}


@keyframes color {
  0%{background-position:50% 0%}
  50%{background-position:50% 100%}
  100%{background-position:50% 00%}
}

.padre {
    display: flex;
    justify-content: center;
}
@keyframes sliding {
  to {
      background-position: -1000vw;
  }
}
@media(min-width: 992px){

	#fec{
	margin-top: 0px;	
	}

	#divLimpiar{
	margin-top: 0px;
	
	}
}
#fec{
  margin-top: 15px;	
  }
  
  #svg-col{
    margin-left: 15px;
  }
  
  #svg-fec{
    margin-left: 15px;
  }