.bg-primary-gradient {
    background: #1572E8 !important;
    background: -webkit-linear-gradient(legacy-direction(-45deg), #06418E, #1572E8) !important;
    /* background: linear-gradient(-45deg, #06418E, #1572E8) !important; } */
    background: linear-gradient(-45deg, #011214, #045260) !important; }


.bg-gris {
    background: #F6F7FA !important;

}

.border-light2 {
  border-color: rgb(181, 181, 181);
}
.text-steel-blue {
  color: #4682B4 !important;
}

.badge-steel-blue {
  color: white !important;
  background: #4682B4 !important;
}

.align-items-center{
  text-align: center;

}
.align-items-right{
  text-align: right;

}

.col-12.align-items-right{
  text-align: center;
}

.padding-0 {
  padding: -3rem !important; 

}

/*    margin-top negative   */
.mt--5, .my--5 {
    margin-top: -3rem !important; }
  
  .mt--4, .my--4 {
    margin-top: -1.5rem !important; }
  
  .mt--3, .my--3 {
    margin-top: -1rem !important; }
  
  .mt--2, .my--2 {
    margin-top: -0.5rem !important; }
  
  .mt--1, .my--1 {
    margin-top: -0.25rem !important; }


.card{
  margin-bottom: 1rem !important;
}


.donut-inner {
  margin-top: -100px;
  margin-bottom: 100px;
}


.relative {
  position: relative;
}

.absolute-center {
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.text-center{
  text-align: center;
}


.text_donut {
  font-size: 1.5rem;
  
}

.trunc{
  /* width:250px;  */
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis;
}

 /* Establece el tamaño de las imágenes al 100% en pantallas extra pequeñas (xs) y pequeñas (s) */
 @media (max-width: 767px) {
  img {
      width: 100% !important;
      height: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  img {
      width: 100% !important;
      height: auto !important;
  }
}


.barra_tiempo {
  width: 100%;
  height: 1px;
  background-color: #3498db;
  transition: width 1s linear;
}

.small-icon {
  font-size: 10px; /* Ajusta el tamaño según tus necesidades */
}

.actions-column {
  width: 1%; /* Hace que la columna sea lo más estrecha posible */
  white-space: nowrap; /* Impide el ajuste del contenido a múltiples líneas */
}


.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 16px !important;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}


/* Loading GIF */
.loader {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5vh;
}

.loader .dot {
  width: 2px;
  height: 2px;
  margin: 0 3px;
  background-color: #3498db;
  border-radius: 50%;
  animation: bounce 2s infinite;
  animation-direction: alternate;
}

.loader .dot:nth-child(2) {
  animation-delay: 0.25s;
}

.loader .dot:nth-child(3) {
  animation-delay: 0.5s;
}

.loader .dot:nth-child(4) {
  animation-delay: 0.75s;
}

.loader .dot:nth-child(5) {
  animation-delay: 1s;
}

@keyframes bounce {
  0% {
      transform: scale(1);
  }
  50% {
      transform: scale(3);
  }
  100% {
      transform: scale(1);
  }
}

.tramite {
  transition: background-color 0.3s ease;
}

.tramite:hover {
  background-color: #efefef;
}