@-webkit-keyframes estiloError {
    0% {
        opacity: 0;
    }
    2% {
        opacity: 1;
    }
    98% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes estiloError {
    0% {
        opacity: 0;
    }
    2% {
        opacity: 1;
    }
    98% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.abs-center {
    align-items: center;  
    }

.abs-center1 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    width: 25%;
}

.ancho {
    width: 20%;
}

.ancho-fila {
    height: 20px;
    width: 100%;
}

.big-checkbox {
    width: 30px;
    height: 30px;
    text-align: left;
}

.borderless tr, .borderless td, .borderless th {
    border: none !important;
    }

.button {            
    color:firebrick;
    text-align: center;
    font-size: 20px;
    background-color: aqua;
 }

 .button1 {
    border-color: #F69DA1;
    border-width: 3px;
    border-style: solid;
    font-size: 12px !important;
    width: 85px;
    height: 42px;
    background: crimson !important;
}

.button2 {
    border-color:darkred;
    border-width: 3px;
    border-style: solid;
    font-size: 12px !important;
    width: 85px;
    height: 42px;
    background:deepskyblue !important;
}

.button3 {
border-color:darkred;
border-width: 3px;
border-style: solid;
font-size: 12px !important;
width: 85px;
height: 42px;
background:chocolate !important;
}

.color{
    color: blue;
}

.color-cab {
    background-color: aqua;
}

.color-cab-altacancion {
    background-color: aqua;
}

.color-cab-evento {
    background-color: aqua;
}

.der{
    text-align:right;
    width: 100px;
    }

.digital_water {
    background: #74ebd5;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ACB6E5, #74ebd5);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ACB6E5, #74ebd5);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.estiloError {
    text-align:center;
    height:10%;
    font-size: 10px;
    color: red;
    width: 40%;
    font-weight: bolder;
    animation: estiloError 5s linear forwards;
    animation: bottom;
    -webkit-animation: estiloError 5s linear forwards;
}

.estiloError1 {

    animation: estiloError 4s linear forwards;
    -webkit-animation: estiloError 4s linear forwards;
}

.estiloError2 {
  
    
    animation: estiloError 6s linear forwards;
    animation: bottom;
    -webkit-animation: estiloError 6s linear forwards;
}
.fijo{
    position:fixed;
    }
    
.header_fijo {
    width: 750px;
    table-layout: fixed;
    border-collapse: collapse;
    }

.imagecenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.izq{
text-align:left;
width: 100px;
color: #300aad;
font-size: 12px; 
}

.fondo_megatron{
    background: #CAC531;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #F3F9A7, #CAC531);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #F3F9A7, #CAC531); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    

}
.rojo2 {
    border-width: 1px;
    border-color: blue;
    border-style: solid;
    text-align: center;
    font-size: 15px;
    color:blue;
    background-color:darkorange;
    font-weight: bold;    
}


.verde {
    border-width: 1px;
    border-color: blue;
    border-style: solid;
    text-align: center;
    font-size: 15px;
    color:blue;
    background-color:rgb(7, 158, 52);
    font-weight: bold;    
}

/* Estilos para mensajes de éxito */
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
  margin: 10px 0;
  padding: 15px;
  text-align: center;
  overflow: hidden;
  animation: fadeOutAndCollapse 6s forwards;
}

/* Estilos para mensajes de error */
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  margin: 10px 0;
  padding: 15px;
  text-align: center;
  overflow: hidden;
  animation: fadeOutAndCollapse 6s forwards;
}

/* Animación de desvanecimiento y colapso */
@keyframes fadeOutAndCollapse {
  0%, 50% {
    opacity: 1;
    max-height: 500px;
    padding: 15px;
    margin: 10px 0;
  }
  92% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    max-height: 0;
    padding: 0;
    margin: 0;
  }
}









/* Estilos para mensajes de éxito */
.alert-success-fixed {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
  margin: 10px 0;
  padding: 15px;
  text-align: center;
}

/* Estilos para mensajes de error */
.alert-danger-fixed {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  margin: 10px 0;
  padding: 15px;
  text-align: center;
}