.required {
    color: #ff69a5;
}

.pagination i {
    font-size: 22px !important;
}

a.atbd-pagination__link:hover span::before {
    color: #ffffff; /* O el estilo que quieras aplicar */
}

a.atbd-pagination__link[href]:hover {
    cursor: pointer;
}

a.atbd-pagination__link:not([href]):hover {
    cursor: no-drop;
}


.userDatatable-inline-title h6, .userDatatable-content {
    text-transform: none
}

.orderDatatable_actions li a i {
    color: #adb4d2 !important;
}

.orderDatatable_actions li a.history:hover {
  background: rgba(44, 153, 255, 0.1);
}

.orderDatatable_actions li a.history:hover i {
    color: #2c99ff !important;
}

.orderDatatable_actions li a.check:hover {
  background: rgba(44, 255, 82, 0.1);
}

.orderDatatable_actions li a.check:hover i {
    color: #26cc44 !important;
}

.orderDatatable_actions li a.restore:hover {
  background: rgba(44, 255, 82, 0.1);
}

.orderDatatable_actions li a.restore:hover i {
    color: #26cc44 !important;
}

.orderDatatable_actions li a.history:hover {
  background: rgba(44, 255, 82, 0.1);
}

.orderDatatable_actions li a.history:hover i {
    color: #26cc44 !important;
}

/* Estilo para la contraseña y su contenedor */
#clientPasswordDisplay {
    color: #333;
    padding-right: 20px; /* Espacio entre la contraseña y el icono */
    white-space: nowrap; /* Evita que el texto se mueva */
}

/* Estilo para el botón con icono */
#togglePassword {
    background: none;
    border: none;
    padding: 0;
    font-size: 1.25rem;
    cursor: pointer;
}

/* Asegura que el texto no se mueva y el icono esté alineado a la derecha */
.table td {
    vertical-align: middle;
}

.card-body {
    padding: 1.5rem;
}

.card {
    border-radius: 0.75rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Para hacer que el botón solo sea un icono */
#togglePassword:hover {
    color: #007bff;
}

#passwordIcon {
    font-size: 1.25rem; /* Tamaño adecuado para el icono */
}

/* Cuando el icono se pasa al estado 'active' */
#togglePassword:active {
    transform: scale(0.95); /* Efecto de "clic" */
}

/* HISTORY */

.timeline-single__buble {
    background-color: #ffffff;
    width: 40px;
    height: 40px;
    border: none;
    margin-left: -18px;
    top: 0;
    border-radius: 50%;
}

.timeline-vertical.left-middle li {
    margin-bottom: 10px;
}

.timeline-box--3.basic-timeline .timeline li .timeline-single .timeline-single__content p {
    margin-top: 0;
}

.timeline-single {
    margin-top: 10px;
    padding-right: 45%;
}

.timeline-box--3.basic-timeline .timeline li .timeline-single {
    padding-right: 0;
}
/* HISTORY */

/* SEARCH */
.search-btn:active,
.search-btn:focus,
.search-btn:focus-visible {
    box-shadow: none !important;
}
.p_search {
    margin-top: 5px;
    font-size: 13px;
}
/* SEARCH */

.text-gray-700 {
    color: #9097b5 !important;
}

.message-wrapper {
    z-index: 9999;
}