:root {
    --lc-teal: #00A7A8;
    --lc-teal-700: #008B8C;
    --lc-border: #E6EBF2;
    --lc-bg: #F7FAFC;
    --lc-text: #0F1F3D;
    --lc-lav: #F1ECFF;
    --lc-bg-tb: #fbfdfd;
    --lc-mint: #DFF5EF;
    --lc-coral: #FFE3E0;
    --lc-sky: #E6F1FF;
    --lc-cream: #FFF4D6;
    --lc-warning: #C88617;
    --color-morado:#00A7A8;
    --color-agendando-m:#00A7A8;
}
.grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.gap-20 {
    gap: 20px;
}
[class*=sidebar-dark-] {
    background-color: #fff!important;
}
[class*=sidebar-dark-] .sidebar a {
    color: #405174!important;
}
.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]) {
    background-color: #fff!important;
}
[class*=sidebar-dark] .brand-link {
    border-bottom: none!important;
    color: #0F1F3D!important;
}
[class*=sidebar-dark] .user-panel {
    border-bottom: none!important;
}
[class*=sidebar-dark-] .sidebar .info a {
    color: var(--lc-teal)!important;
}
[class*='sidebar-dark-'] .nav-header {
    color: #000!important;
}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, 
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background: linear-gradient(90deg, #e7f8f6, #f4fbfb);
    color: var(--lc-teal-700)!important;
    box-shadow: none!important;
    border-radius: 12px;
}
.navbar .navbar-nav .nav-link {
    color: #000!important;
}
.navbar .navbar-nav .nav-link.menu-user {
    color: var(--lc-teal)!important;
}
body .main-header {
    border-left: 1px solid var(--lc-border);
}
body .elevation-4 {
    border-right: 1px solid var(--lc-border);
    box-shadow: none!important;
    /*z-index: 1;*/
}
.content-wrapper {
    background: var(--lc-bg)!important;
}
.lc-card {
    background: #f1fbfb;
    border: 1px solid var(--lc-border);
    border-radius: 14px;
    box-shadow: var(--lc-shadow-sm);
    padding: 12px;
}
.lc-icon-bubble {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--lc-mint);
    font-size: 22px;
    color: var(--lc-teal);
}
.lc-icon-bubble a {
    color: var(--lc-teal);
}
.lc-icon-bubble.sky {
    background: var(--lc-sky);
    color: #2d78d8;
}
.lc-icon-bubble.sky a {
    color: #2d78d8;
}
.lc-icon-bubble.cream {
    background: var(--lc-cream);
    color: var(--lc-warning);
}
.lc-icon-bubble.cream a {
    color: var(--lc-warning);
}
.lc-icon-bubble.lav {
    background: var(--lc-lav);
    color: #7b5edc;
}
.lc-icon-bubble.lav a {
    color: #7b5edc;
}
.card {
    border-radius: 1rem!important;
    box-shadow: none!important;
}
.card-custom {
    border-radius: 1rem !important;
}
.card-header:first-child {
    border-radius: 1rem 1rem 0 0!important;
}
.card-header {
    background-color: #FFF!important;
}
.card-header h5 {
    margin-bottom: 0;
}
table .text-blue {
    color: #7EC8F8!important;
}
table thead {
    border-bottom: 1px solid var(--lc-border);
}
.table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: none!important;
}
.table>:not(:last-child)>:last-child>* {
    border-bottom-color: inherit!important;
}
.table-hover>tbody>tr:hover {
    --bs-table-accent-bg: none!important;
}
.prestadores .modal-dialog .modal-header {
    color: #fff;
    background: var(--lc-teal);
}
.prestadores .table-responsive {
    border: 1px solid var(--lc-border);
    border-radius: 14px;
}
.prestadores .table th {
    color: #0b9092;
    background: #fbfdfd;
}
.prestadores .btn,
.marketing .btn,
.registro .btn,
.confirmarasistencia .btn,
.suscripciones .btn {
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 8px 14px;
    min-height: 42px;
    font: inherit;
    font-weight: 650;
    cursor: pointer;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
}
/*
.prestadores .btn-primary {
    background: linear-gradient(180deg, #11b9b5, #00999a);
    color: #fff;
    box-shadow: 0 5px 12px rgba(0, 167, 168, .18);
}
*/
.prestadores .btn-primary,
.marketing .btn-primary,
.caja .btn-primary,
.registro .btn-primary,
.confirmarasistencia .btn-primary,
.suscripciones .btn-primary {
    background: #fff;
    color: var(--lc-teal-700);
    border-color: #7dd5d3;
}
.prestadores .btn-primary:hover,
.marketing .btn-primary:hover,
.caja .btn-primary:hover
.registro .btn-primary:hover,
.confirmarasistencia .btn-primary:hover {
    color: var(--lc-teal-700);
    background-color: #FFF;
    border-color: #7dd5d3;
}
.prestadores .btn-primary:active,
.marketing .btn-primary:active,
.caja .btn-primary:active,
.registro .btn-primary:active,
.confirmarasistencia .btn-primary:active {
    background: #fff;
    color: var(--lc-teal-700);
    border-color: #7dd5d3;
}
.prestadores .btn-success,
.marketing .btn-success,
.caja .btn-success,
.registro .btn-success,
.confirmarasistencia .btn-success,
.suscripciones .btn-success {
    background: linear-gradient(180deg, #11b9b5, #00999a);
    color: #fff;
    box-shadow: 0 5px 12px rgba(0, 167, 168, .18);
}
.prestadores .btn-secondary,
.marketing .btn-secondary,
.caja .btn-secondary,
.confirmarasistencia .btn-secondary,
.suscripciones .btn-secondary {
    background: #f7fafc;
    color: #51607b;
    border-color: var(--lc-border);
}
.prestadores.dashboard .card-title {
    color: #000;
    font-weight: 600;
}
.prestadores.dashboard .table-responsive {
    border: 0;
    border-radius: 0;
}
.prestadores.ficha-cliente .block-info {
    background-color: var(--lc-mint)!important;
    color: #000!important;
}
.prestadores.ficha-cliente .nums .bg-success {
    background-color: var(--lc-sky)!important;
}
.prestadores.ficha-cliente .nums .bg-success i {
    color: #2d78d8!important;
}
.prestadores.ficha-cliente .nums .bg-warning {
    background-color: var(--lc-lav)!important;
}
.prestadores.ficha-cliente .nums .bg-warning i {
    color: #7b5edc;;
}
.prestadores.prestador .agenda {
    color: #7155be;
    background: var(--lc-lav);
    border-width: 0;
    padding: 5px 10px;
    border-radius: 1rem;
    font-weight: 600;
    font-size: 0.8rem;
}
.prestadores.agenda-prestador .html-agendas tr.selected,
.prestadores.agenda-prestador #list_profesionales tr.selected {
    background-color: var(--lc-teal) !important;
}
.prestadores .accordion-button:not(.collapsed) {
    color: var(--lc-teal);
    background-color: var(--lc-mint);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}
.prestadores.mensajes .list-mensajes .origen-p {
    border-right: 5px solid #34c7bf!important;
}
.prestadores.mensajes .list-mensajes .origen-u {
    border-left: 5px solid #9b7af0!important;
}
.prestadores.mensajes .list-mensajes .card {
    border: 1px solid var(--lc-border);
}
.prestadores.agendar .lista-agenda .diary {
    border: 1px solid var(--lc-border);
    border-radius: 14px;
    background: #fff;
    box-shadow: none;
}
.prestadores.agendar .card.annular {
    background-color: inherit;
    border: none;
}
.prestadores.agendar .card.annular .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: inherit!important;
    border-bottom: 0;
}
.prestadores.agendar .card.annular .card-body {
    padding: 1rem 0;
}
.prestadores.agendar .lista-agenda .diary.selected {
    color: var(--lc-teal);
    background-color: var(--lc-mint);
    border: 1px solid #bbdfdf;
}
.prestadores.agendar .lista-agenda .segments .segment {
    border: 1px solid var(--lc-mint);
    background: #fff;
}
.prestadores.agendar .lista-agenda .segments .segment.selected
 {
    border: 1px solid #bbdfdf;
    background: var(--lc-mint);
}
.prestadores.agendar .calendar2 .ui-widget-header,
.prestadores.agendar .block-calendar .ui-widget-header {
    border: 0;
    background: #fff;
}
.prestadores.agendar .block-calendar .ui-widget-content .ui-state-highlight,
.prestadores.agendar .calendar2 .ui-widget-content .ui-state-highlight {
    border: 1px solid #00A7A8;
    background: #fff;
    color: #000;
}
.prestadores.agendar .block-calendar .ui-state-default,
.prestadores.agendar .calendar2 .ui-state-default {
    background-color: #ffffff;
    color: #1f2937;
    border: 1px solid transparent;
}
.prestadores.agendar .duracion .sel-tiempo, 
.prestadores.agendar .duracion2 .sel-tiempo, 
.prestadores.agendar .lista-agenda .sel-agenda {
    border: 1px solid #7dd5d3;
}
.prestadores.agendar .duracion .sel-tiempo.selected, 
.prestadores.agendar .duracion2 .sel-tiempo.selected, 
.prestadores.agendar .lista-agenda .sel-agenda.selected {
    background-color: var(--lc-mint)!important;
    font-weight: 600;
}
.prestadores .badge.bg-warning {
    background: var(--lc-coral)!important;
    color: #c44254!important;
}
.prestadores.agendar .block-calendar .row {
    border: 1px solid var(--lc-border);
    border-radius: 14px;
    background: #fff;
    padding: 5px 0;
    margin: 0;
}
.prestadores.agendar .calendar .ui-state-active, 
.prestadores.agendar .calendar2 .ui-state-active {
    background: var(--lc-teal) !important;
    color: #fff;
}
.prestadores.agendar .list-segmentos.tipo-1 .hora.selected,
.prestadores.agendar .list-segmentos.tipo-2 .grp.selected,
.prestadores.agendar .cupos-html #inputCupos, 
.prestadores.agendar .cupos-html #inputDias, 
.prestadores.agendar .reserva #inputCupos, 
.prestadores.agendar .reserva #inputDias, 
.prestadores.agendar .reserva2 #inputCupos2 {
    background: var(--lc-teal) !important;
    color: #fff;
}
.prestadores.agendar .usuario,
.prestadores.agendar .observaciones {
    border: 1px solid var(--lc-border);
    border-radius: 14px;
    background: #fff;
    box-shadow: none;
}
.prestadores.agendar .list-segmentos.tipo-1 .hora,
.prestadores.agendar .list-segmentos.tipo-2 .grp {
    border: 1px solid #7dd5d3;
}
.prestador.caja .options .option {
    border: 1px solid var(--lc-border)!important;
    box-shadow: none!important;
}
.prestador.caja .options .option .icon {
    border: 1px solid var(--lc-mint)!important;
    box-shadow: none!important;
}
.prestador.caja .realizar-cobro .cont, 
.prestador.caja-boleta-honorarios .emitir-bh .cont {
    border: 1px solid var(--lc-border)!important;
    box-shadow: none!important;
}
.prestadores.control-agenda-prestador .card.annular {
    background-color: inherit;
    border: none;
}
.prestadores.control-agenda-prestador .card.annular .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: inherit!important;
    border-bottom: 0;
}
.prestadores.control-agenda-prestador .card.annular .card-body {
    padding: 1rem 0;
}
.prestadores.control-agenda-prestador .html-agendas .diary {
    border: 1px solid var(--lc-border);
    box-shadow: none;
    background: #fff;
}
.prestadores.control-agenda-prestador .html-agendas .diary .icon {
    border: 1px solid var(--lc-mint)!important;
    box-shadow: none!important;
}
.prestadores.control-agenda-prestador .html-agendas .diary.selected {
    color: var(--lc-teal);
    background-color: var(--lc-mint);
    border: 1px solid #bbdfdf;
}
.prestadores.control-agenda-prestador .fc .fc-daygrid-day.fc-day-today {
    border: 1px solid #00A7A8!important;
}
.prestadores.control-agenda-prestador .fc .fc-daygrid-day.fc-day-past {
    opacity: 0.35;
}
.prestadores.scan-qr .cam {
    background: #fff;
    color: var(--lc-teal-700);
    border-color: #7dd5d3;
}
.prestadores.scan-qr .cam:has(span.active) {
    background: linear-gradient(180deg, #11b9b5, #00999a);
    color: #fff;
    box-shadow: 0 5px 12px rgba(0, 167, 168, .18);
}
.registro .form-perfil {
    background: var(--lc-bg) !important;
}
body.usuario {
    background: var(--lc-bg) !important;
}
.usuarios.agenda .reservas .card.hoy {
    background-color: var(--lc-mint);
}
.usuarios.agenda .reservas .card {
    border: 1px solid var(--lc-border);
}
.usuarios.agenda .reservas .accordion-button.collapsed {
    background-color: #fff;
}
.usuarios.agenda .reservas .accordion-button {
    color: var(--lc-teal);
    background-color: var(--lc-mint);
    border: 1px solid var(--lc-border);
    box-shadow: none;
}
.usuarios.agenda .reservas .accordion-item {
    border: 0;
}
.usuarios.agenda .reservas .accordion-collapse {
    border: 0;
}
@media (max-width: 768px) {
    .grid-3 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .table-responsive th,
    .table-responsive td {
        font-size: 0.8rem;
    }
    .prestadores .btn, 
    .marketing .btn, 
    .registro .btn {
        border-radius: 5px;
        padding: 4px 7px;
        font-size: 0.9rem;
        min-height: 30px;        
    }
    .prestadores.prestador .card-custom .icon i {
        font-size: 1.5rem;
    }
    .prestadores.prestador .card-custom {
        grid-template-columns: minmax(auto, 10%) minmax(auto, 70%) minmax(auto, 20%);        
        gap: 5px;
    }
    .prestadores.control-agenda-prestador .fc .fc-daygrid-more-link {
        font-size: 0.6rem;
    }
}