.content-wrapper {
    background-color: #FFF;
}

/* Botones */

/* Primary */
.btn-primary {
  background-color: #7d46eb;
  border-color: #7d46eb;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #702fda;
  border-color: #702fda;
}
.btn-primary:active {
  background-color: #6429c9;
  border-color: #6429c9;
}
.text-primary {
  color: #7d46eb;
}
a.text-primary:hover, a.text-primary:focus {
  color: #702fda;
}

/* Secondary */
.btn-secondary {
  background-color: #b570e0;
  border-color: #b570e0;
}
.btn-secondary:hover, .btn-secondary:focus {
  background-color: #a461d3;
  border-color: #a461d3;
}
.btn-secondary:active {
  background-color: #9439c6;
  border-color: #9439c6;
}
.text-secondary {
  color: #b570e0;
}
a.text-secondary:hover, a.text-secondary:focus {
  color: #a461d3;
}

/* Info */
.btn-info {
  background-color: #88e8e8;
  border-color: #88e8e8;
}
.btn-info:hover, .btn-info:focus {
  background-color: #7de0e0;
  border-color: #7de0e0;
}
.btn-info:active {
  background-color: #72d8d8;
  border-color: #72d8d8;
}
.text-info {
  color: #88e8e8;
}
a.text-info:hover, a.text-info:focus {
  color: #7de0e0;
}

/* Success */
/* Success */
.btn-success {
  background-color: #46e087;
  border-color: #46e087;
}
.btn-success:hover, .btn-success:focus {
  background-color: #3fd878;
  border-color: #3fd878;
}
.btn-success:active {
  background-color: #37d06a;
  border-color: #37d06a;
}
.text-success {
  color: #46e087;
}
a.text-success:hover, a.text-success:focus {
  color: #3fd878;
}

/* Warning */
.btn-warning {
  background-color: #f8e343;
  border-color: #f8e343;
}
.btn-warning:hover, .btn-warning:focus {
  background-color: #f7d938;
  border-color: #f7d938;
}
.btn-warning:active {
  background-color: #f6cf2d;
  border-color: #f6cf2d;
}
.text-warning {
  color: #f8e343;
}
a.text-warning:hover, a.text-warning:focus {
  color: #f7d938;
}

/* Danger */
.btn-danger {
  background-color: #f94c42;
  border-color: #f94c42;
}
.btn-danger:hover, .btn-danger:focus {
  background-color: #f83f3b;
  border-color: #f83f3b;
}
.btn-danger:active {
  background-color: #f73234;
  border-color: #f73234;
}
.text-danger {
  color: #f94c42;
}
a.text-danger:hover, a.text-danger:focus {
  color: #f83f3b;
}



/* Light */
.btn-light {
  background-color: #d8e7fd;
  border-color: #d8e7fd;
}
.btn-light:hover, .btn-light:focus {
  background-color: #c4daf9;
  border-color: #c4daf9;
}
.btn-light:active {
  background-color: #b1cdf5;
  border-color: #b1cdf5;
}
.text-light {
  color: #d8e7fd;
}
a.text-light:hover, a.text-light:focus {
  color: #c4daf9;
}

/* Dark */
.btn-dark {
  background-color: #64ba95;
  border-color: #64ba95;
}
.btn-dark:hover, .btn-dark:focus {
  background-color: #58a985;
  border-color: #58a985;
}
.btn-dark:active {
  background-color: #4c9976;
  border-color: #4c9976;
}
.text-dark {
  color: #64ba95;
}
a.text-dark:hover, a.text-dark:focus {
  color: #58a985;
}


/* Primary - Disabled and Badges */
.btn-primary:disabled, .btn-primary.disabled {
  background-color: #7d46eb;
  border-color: #7d46eb;
  opacity: 0.45;
  cursor: not-allowed;
}
.badge-primary {
  background-color: #7d46eb;
  color: #fff;
}

/* Secondary - Disabled and Badges */
.btn-secondary:disabled, .btn-secondary.disabled {
  background-color: #b570e0;
  border-color: #b570e0;
  opacity: 0.45;
  cursor: not-allowed;
}
.badge-secondary {
  background-color: #b570e0;
  color: #fff;
}

/* Info - Disabled and Badges */
.btn-info:disabled, .btn-info.disabled {
  background-color: #88e8e8;
  border-color: #88e8e8;
  opacity: 0.45;
  cursor: not-allowed;
}
.badge-info {
  background-color: #88e8e8;
  color: #fff;
}

/* Success - Disabled and Badges */
.btn-success:disabled, .btn-success.disabled {
  background-color: #46e087;
  border-color: #46e087;
  opacity: 0.45;
  cursor: not-allowed;
}
.badge-success {
  background-color: #46e087;
  color: #fff;
}

/* Warning - Disabled and Badges */
.btn-warning:disabled, .btn-warning.disabled {
  background-color: #f8e343;
  border-color: #f8e343;
  opacity: 0.45;
  cursor: not-allowed;
}
.badge-warning {
  background-color: #f8e343;
  color: #fff;
}

/* Danger - Disabled and Badges */
.btn-danger:disabled, .btn-danger.disabled {
  background-color: #f94c42;
  border-color: #f94c42;
  opacity: 0.45;
  cursor: not-allowed;
}
.badge-danger {
  background-color: #f94c42;
  color: #fff;
}

/* Light - Disabled and Badges */
.btn-light:disabled, .btn-light.disabled {
  background-color: #d8e7fd;
  border-color: #d8e7fd;
  opacity: 0.45;
  cursor: not-allowed;
}
.badge-light {
  background-color: #d8e7fd;
  color: #333; /* Usually badges with light colors have darker text for readability */
}

/* Dark - Disabled and Badges */
.btn-dark:disabled, .btn-dark.disabled {
  background-color: #64ba95;
  border-color: #64ba95;
  opacity: 0.45;
  cursor: not-allowed;
}
.badge-dark {
  background-color: #64ba95;
  color: #fff;
}

.badge-warning {
  background-color: #f8e343;
  color: #444; /* Cambiado a un color más oscuro para mejorar el contraste */
}

.badge-success {
  background-color: #46e087;
  color: #444; /* Cambiado a un color más oscuro para mejorar el contraste */
}


.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #b570e0;
  color: #fff;
}

  /****************************/

  /**************************************/

  .modal-backdrop {
    color: #000;
    background-color: rgba(0, 0, 0, 0.8); /* Negro con 80% de opacidad */
  }

  .modal-body {
  max-height: calc(100vh - 210px);
  overflow-y: auto;
}


.icon-danger {
  background-color: white;
  color: #f94c42;
}

.icon-primary{
  background-color: white;
  color: #7d46eb;
}

#audiotexts button{
  font-size: 0.8rem;
}


.tooltip .tooltip-inner {
  background-color: #FFF;
  border: 1px solid #7d46eb;
  color: #343a40;
  max-width: 600px; /* Establece el ancho máximo que desees */
  width: auto; /* Esto permitirá que el tooltip se ajuste al contenido hasta el ancho máximo establecido */
  text-align: left;
}


.login-page, .register-page{
  background-color: #FFF!important;
}

.icheck-primary label:not(.form-check-label):not(.custom-file-label){
  font-weight: 400;
}

@media (max-width: 767px) {
  .ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
  }
}