/*/////
CONFIRMACIÓN DE MENSAJE ENVIADO
/////////*/



.box_support {
    width: 100%;
    padding: 40px;
}

.sent .box_support {
    opacity: 0;
    visibility: hidden;
}

.success_msj h4 {
    margin-top: 10px;
}

.success_msj {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 80px;
    flex-wrap: wrap;
    flex-direction: column;
}


@keyframes outline {
  from {
    stroke-dasharray: 0, 345.576px;
  }
  to {
    stroke-dasharray: 345.576px, 345.576px;
  }
}
#outline {
  animation: 0.38s ease-in outline;
  transform: rotate(0deg);
  transform-origin: center;
  stroke: var(--main);
}

@keyframes circle {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}
#white-circle {
  animation: 0.35s ease-in 0.35s forwards circle;
  transform: none;
  transform-origin: center;
}

@keyframes check {
  from {
    stroke-dasharray: 0, 75px;
  }
  to {
    stroke-dasharray: 75px, 75px;
  }
}
#check {
  animation: 0.34s cubic-bezier(0.65, 0, 1, 1) 0.8s forwards check;
  stroke-dasharray: 0, 75px;
}

@keyframes check-group {
  from {
    transform: scale(1);
  }
  50% {
    transform: scale(1.09);
  }
  to {
    transform: scale(1);
  }
}
#check-group {
  animation: 0.32s ease-in-out 1.03s check-group;
  transform-origin: center;
}

circle#filled-circle {
    fill: var(--main);
}



/*/////////
TABLA LOADER
////////////*/

div.dataTables_wrapper div.dataTables_processing {
position: absolute;
    top: 110px;
    left: 0;
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    height: calc(100% - 110px);
    z-index: 9;
    text-align: center;
    padding-top: 140px;
}

.dataTables_wrapper {
    
    min-height: 450px;
}

div#DataTables_Table_0_processing > * {
    display: block;
    margin: 0 auto;
}