/* ======================== */
/* VARIÁVEIS E REGRAS GERAIS */
/* ======================== */

/* Ionic Theme - Baseado no app Ionic (Branco com detalhes em azul) */
.theme-ionic {
    --bg-color: #FFFFFF;
    --bg-color-secondary: #F8F9FA;
    --navbar-color: #3880ff;
    --titulo-principal: #3880ff;
    --sub-titulo: #FFFFFF;
    --icon-card: #6c757d;
    --text-color: #222428;
    --text-calendar-color: #222428;
    --table-text-color: #222428;
    --text-color-secondary: #3880ff;
    --text-color-navbar: #FFFFFF;
    --label-padrao: #000000;
    --select-box: #FFFFFF;
    --card-header: #3880ff;
    --border-color: #E0E0E0;
    --btn-primary: #3880ff;
    --btn-primary-hover: #3171e0;
    --btn-secondary: #6c757d;
    --btn-secondary-hover: #5c636a;
    --btn-secondary-text: #FFFFFF;
    --btn-secondary-border-hover: #565e64;
    --alert-color: #F8F9FA;
    --link-color: #3880ff;
    --table-header: #3880ff;
    --agendado: #3880ff;
    --success: #2dd36f;
    --danger: #eb445a;
    --warning: #ffc409;
    --ativo: #2dd36f;
    --inativo: #eb445a;
    --btn-editar: #6c757d;
    --primary-color: #3880ff;
    --primary-hover: #3171e0;
    --professional-card-all: #F8F9FA;
}

/* Pearl - Premium White */
.theme-perl {
    --bg-color: #FFFFFF;
    --text-color: #121212;
    --text-secondary: #555555;
    --border-color: #E0E0E0;
    --icon-color: #C8A15C;
    --primary-color: #C8A15C;
    --primary-hover: #B0884B;
    --secondary-color: #F5F5F5;
    --secondary-hover: #E0E0E0;
    --secondary-text: #121212;
    --success-color: #50B378;
    --error-color: #E2574C;
}

.theme-obsidian {
    --bg-color: #121212;
    --bg-color-secondary: #333333;
    --navbar-color: #333333;
    --titulo-principal: #C8A15C;
    --sub-titulo: #FFFFFF;
    --icon-card: #e0e0e0;
    --text-color: #FFFFFF;
    --text-calendar-color: #FFFFFF;
    --table-text-color: #FFFFFF;
    --text-color-secondary: #000000;
    --text-color-navbar: #FFFFFF;
    --label-padrao: #FFFFFF;
    --select-box: #232323;
    --card-header: #333333;
    --border-color: #6A6A6A;
    --btn-primary: #C8A15C;
    --btn-primary-hover: #B0884B;
    --btn-secondary: #6c757d;
    --btn-secondary-hover: #5c636a;
    --btn-secondary-text: #FFFFFF;
    --btn-secondary-border-hover: #565e64;
    --alert-color: #222;
    --link-color: #C8A15C;
    --table-header: #222;
    --agendado: #C8A15C;
    --success: #50B378;
    --danger: #E2574C;
    --warning: #FFC107;
    --ativo: #50B378;
    --inativo: #E2574C;
    --btn-editar: #6A6A6A;
    --primary-color: #C8A15C;
    --primary-hover: #B0884B;
    --professional-card-all: #23272f;

}

/* Vital - Clínica Premium */
.theme-vital { 
    --icon-color: #37ab8b;

    --bg-color: #e7fef6;
    --bg-color-secondary: #ddf9f0;
    --navbar-color: #176e5a;
    --titulo-principal: #37ab8b;
    --sub-titulo: #FFFFFF;
    --icon-card: #e0e0e0;
    --text-color: #176e5a;
    --text-calendar-color: #176e5a;
    --table-text-color: #176e5a;
    --text-color-secondary: #37ab8b;
    --text-color-navbar: #FFFFFF;
    --label-padrao: #FFFFFF;
    --select-box: #37ab8b;
    --card-header: #176e5a;
    --border-color: #5bcd9f;
    --btn-primary: #37ab8b;
    --btn-primary-hover: #176e5a;
    --btn-secondary: #6c757d;
    --btn-secondary-hover: #5c636a;
    --btn-secondary-text: #FFFFFF;
    --btn-secondary-border-hover: #565e64;
    --alert-color: #FFF8E1;
    --link-color: #37ab8b;
    --table-header: #176e5a;
    --agendado: #37ab8b;
    --success: #5bcd9f;
    --danger: #E2574C;
    --warning: #FFC107;
    --ativo: #50B378;
    --inativo: #E2574C;
    --btn-editar: #6A6A6A;
    --primary-color: #37ab8b;
    --primary-hover: #176e5a;
    --professional-card-all: #23272f;
}

/* Cobalt - Hospital Premium */
.theme-cobalt {
    --bg-color: #FFFFFF;
    --text-color: #121212;
    --text-secondary: #555555;
    --border-color: #E0E0E0;
    --icon-color: #234E70;
    --primary-color: #234E70;
    --primary-hover: #193B56;
    --secondary-color: #F5F5F5;
    --secondary-hover: #E0E0E0;
    --secondary-text: #121212;
    --success-color: #50B378;
    --error-color: #E2574C;
}

/* Aplicação das variáveis */
body {
    background-color: var(--bg-color) !important;
}

.titulo-principal {
    color: var(--titulo-principal) !important;
    font-weight: bold !important;
    margin-bottom: 1.5rem !important;
}

.sub-titulo {
    color: var(--primary-color) !important;
    font-weight: bold !important;
}


.icon-card {
    color: var(--icon-card) !important;
    font-size: 2.3em; 
    opacity: 0.7;
}

.text {
    color: var(--primary-color) !important;
}

.label-padrao {
    color: var(--label-padrao) !important;
    background-color: var(--primary-color) !important;
    padding-bottom: 10px !important;
}

.select-box {
    background-color: var(--select-box) !important;
    color: var(--label-padrao) !important;
    border-color: var(--border-color) !important;
}

.select-box:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(55,171,139,0.15);
}


/* Card */
.card-body {
    background-color: var(--bg-color-secondary) !important;
    border-color: var(--border-color) !important;
}

.card {
    border-color: var(--border-color) !important;
}

.mb-4 {
    border-color: var(--border-color) !important;
}

    /* É a borda do card */
.bg-card-secondary {
    background-color: var(--border-color) !important;
}

.card-header {
    background-color: var(--card-header) !important;
    border-color: var(--border-color) !important;
}


/* Botões */
.btn-triplo {
    background-color: var(--btn-primary) !important;
    color: var(--text-color-navbar) !important;
    border-color: var(--primary-color) !important;
}

.btn-triplo:hover {
    background-color: var(--btn-primary-hover) !important;
    color: var(--text-color-navbar) !important;
    border-color: var(--primary-color) !important;
}

.btn-primary {
    background-color: var(--primary-color) !important;
    color: var(--text-color-navbar) !important;
    border-color: var(--primary-color) !important;
}

.btn-primary:hover {
    background-color: var(--btn-primary-hover) !important;
    color: var(--text-color-navbar) !important;
    border-color: var(--btn-primary-hover) !important;
}

.btn-secondary {
    background-color: var(--btn-secondary) !important;
    color: var(--btn-secondary-text) !important;
    border-color: var(--btn-secondary) !important;
}

.btn-secondary:hover {
    background-color: var(--btn-secondary-hover) !important;
    color: var(--btn-secondary-text) !important;
    border-color: var(--btn-secondary-border-hover) !important;
}

.btn-details {
    background-color: var(--bg-color-secondary) !important;
    color: var(--text-color) !important;
    border: 1.5px solid var(--primary-color) !important;
    font-weight: bold !important;
    box-shadow: none !important;
    transition: background 0.3s, color 0.3s;
}

.btn-details:hover {
    color: var(--text-color) !important;
    background: var(--primary-color) !important;
    border: 1.5px solid var(--primary-color) !important;
    font-weight: bold !important;
    box-shadow: none !important;
}

.btn-editar {
    color: var(--text-color) !important;
    background-color: var(--btn-editar) !important;
    border-color: var(--btn-editar) !important;

}

.btn-excluir {
    color: var(--text-color) !important;
    background-color: var(--danger) !important;
}

.btn-cancelar {
    color: var(--text-color) !important;
    background-color: var(--danger) !important;
    border-color: var(--danger) !important;
}

.btn-card {
    background-color: var(--bg-color-secondary) !important;
    color: var(--text-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-card:hover {
    background-color: var(--bg-color-secondary) !important;
    color: var(--text-color) !important;
    border-color: var(--border-color) !important;
}

.btn-check:checked + .card-radio {
    border-color: var(--primary-color) !important;
    background: var(--primary-color) !important;
    color: #fff !important;
  }


/* Alertas */
.alert-warning {
    background-color: var(--alert-color) !important;
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}


/* Tabela */
.table-style th {
    background-color: var(--table-header) !important;
    color: var(--text-color) !important;
    border-color: var(--border-color) !important;
}

.table-style td {
    background-color: var(--bg-color-secondary) !important;
    color: var(--table-text-color) !important;
    border-color: var(--border-color) !important;
}

.table-style tbody tr:nth-child(odd) {
    background: red !important;
}
.table-style tbody tr:nth-child(even) {
    background: blue !important;
}



/* Label agendado, danger, success  */
.bg-agendado {
    background-color: var(--agendado) !important;
    padding-bottom: 7px !important;
    color: var(--text-color) !important;
}

.bg-danger {
    background-color: var(--danger) !important;
    padding-bottom: 7px !important;
    color: var(--text-color) !important;
}

.bg-success {
    background-color: var(--success) !important;
    padding-bottom: 7px !important;
    color: var(--text-color) !important;
}

.bg-ativo {
    background-color: var(--ativo) !important;
    padding-bottom: 7px !important;
    color: var(--text-color) !important;
}

.bg-inativo {
    background-color: var(--inativo) !important;
    padding-bottom: 7px !important;
    color: var(--text-color) !important;
}



.list-empresas {
    background-color: var(--bg-color-secondary) !important;
    border-color: var(--border-color) !important;
    color: var(--text-color) !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}


/* Calendario */

    /* Titulo do calendário */
.fc-toolbar-title {
    color: var(--text-calendar-color) !important;
}

    /* Cabeçalho dias da semana */
.fc-col-header-cell-cushion {
    color: var(--text-calendar-color) !important;
}

    /* Dias da semana */
.fc-daygrid-day-number {
    color: var(--text-calendar-color) !important;
}

.fc-day-today {
    background-color: var(--primary-color) !important;
    color: var(--text-color) !important;
    opacity: 0.5 !important;
}

.fc-event-past {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--text-color) !important;
}

.fc-scrollgrid-sync-inner {
    color: var(--text-color) !important;
}

.fc-scrollgrid-shrink-cushion {
    color: var(--text-color) !important;
}

/* Modal detalhes do agendamento calendar */


.modal-content {
    background-color: var(--bg-color-secondary) !important;
    border-color: var(--border-color) !important;
}

.modal-body {
    color: var(--text-color);
}

.btn-fechar {
    color: var(--text-color) !important;
    background-color: var(--text-color) !important;
}



 /* Agendar Horário */

.form-select {

        background-color: var(--select-box) !important;
        color: var(--label-padrao) !important;
        border-color: var(--border-color) !important;
}
    
.form-select:focus {
        border-color: var(--primary-color) !important;
        box-shadow: 0 0 0 0.2rem rgba(55,171,139,0.15);

}

.form-control {

    background-color: var(--select-box) !important;
    color: var(--label-padrao) !important;
    border-color: var(--border-color) !important;
}

.form-control:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(55,171,139,0.15);

}


/* Botões do topo do calendário (FullCalendar) com cor personalizada */
.fc .fc-button,
.fc .fc-button-primary {
    background-color: var(--bg-color-secondary) !important;
    border-color: var(--btn-primary) !important;
    color: var(--text-color) !important;
}
.fc .fc-button-primary:not(:disabled):hover,
.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:focus {
    background-color: var(--btn-primary) !important;
    border-color: var(--btn-primary) !important;
    color: var(--text-color) !important;
}



/* Menu Superior*/

.navbar{
    background-color: var(--navbar-color) !important;
}

.nav-link {
    color: var(--text-color-navbar) !important
}

 /* Drop Notificações */

.dropdown-menu {
    background-color: var(--bg-color-secondary) !important;
    border-color: var(--border-color) !important;
} 

.dropdown-divider {
    background-color: var(--border-color) !important;
}


.fw-bold {
    color: var(--text-color-navbar) !important;
}

.fw-semibold{
    color: var(--text-color) !important;
}

.text-muted {
    color: var(--primary-color) !important;
}

.dropdown-item {
    color: var(--text-color) !important;
}

.dropdown-item:hover {
    color: var(--primary-color) !important;
    background-color: rgba(51,51,51,0.5) !important;
    
}


/* Formulário Adiocionar profissional */

.mb-3 {
    color: var(--text-color) !important;
}

.mb-3 input {
    background-color: var(--select-box) !important;
    color: var(--label-padrao) !important;
    border-color: var(--border-color) !important;
    border-radius: 5px !important;
}

.mb-3 input:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(55,171,139,0.15);
}

.mb-3 select {
    background-color: var(--select-box) !important;
    color: var(--label-padrao) !important;
    border-color: var(--border-color) !important;
    border-radius: 5px !important;
}

.mb-3 select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(55,171,139,0.15);
}

.list-bloqueios {
    background-color: var(--bg-color-secondary) !important;
    border-color: var(--border-color) !important;
}


.alert-info {
    background-color: var(--alert-color) !important;
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.alert-success {
    background-color: var(--alert-color) !important;
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}



.fc-daygrid-event {
    background-color: var(--alert-color) !important;
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.fc-timegrid-event {
    background-color: var(--alert-color) !important;
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.list-group-item {
    background-color: var(--bg-color-secondary) !important;
    color: var(--text-color) !important;
    border-color: var(--border-color) !important;
}


.text-info {
    color: #c9a04a !important;
    font-size: 15px !important;
}

.professional-card.all {
    background-color: var(--professional-card-all) !important;
    color: var(--text-color) !important;
    border-color: var(--professional-card-all) !important;
}

.professional-card.all.selected {
    background-color: var(--professional-card-all) !important;
    color: var(--text-color) !important;
    border-color: var(--primary-color) !important; 
}

.tooltip-inner {
    max-width: 500px !important;
    text-align: justify;
    font-size: 15px;
    line-height: 1.5;
    border: 2px solid #c9a04a;
    background: #222;
    padding: 18px 20px;
  }


.card label {
    color: var(--text-color) !important;
    padding-bottom: 10px !important;
}

.card li {
    color: var(--text-color) !important;
}













































/* Tema Pearl - Cabeçalhos das caixinhas */
.theme-perl .card-header {
    background-color: #6a6a6a !important;
    color: #fff !important;
    border-bottom-color: #6a6a6a !important;
}

.theme-perl .card-header h5 {
    color: #fff !important;
    margin-bottom: 0;
}

.theme-perl .card-header h4 {
    color: #fff !important;
    margin-bottom: 0;
}

.theme-perl .card-header h6 {
    color: #fff !important;
    margin-bottom: 0;
}

/* Tema Pearl - Textos pretos e títulos dourados */
.theme-perl {
    color: #000 !important;
}

.theme-perl .card-body {
    color: #000 !important;
}

.theme-perl .card-body p {
    color: #000 !important;
}

.theme-perl .card-body strong {
    color: #000 !important;
}

.theme-perl .list-group-item {
    color: #000 !important;
}

.theme-perl .table {
    color: #000 !important;
}

.theme-perl .table td {
    color: #000 !important;
}

.theme-perl .table th {
    color: #000 !important;
}

.theme-perl .alert {
    color: #000 !important;
}

.theme-perl .alert p {
    color: #000 !important;
}

.theme-perl .form-label {
    color: #000 !important;
}

.theme-perl .form-control-plaintext {
    color: #000 !important;
}



/* Títulos dourados no tema Pearl */
.theme-perl h1, .theme-perl h2, .theme-perl h3, .theme-perl h4 {
    color: #C8A15C !important;
}
.theme-perl .card-title {
    color: #C8A15C !important;
}
.theme-perl .modal-title {
    color: #C8A15C !important;
}
.theme-perl .navbar-brand {
    color: #C8A15C !important;
}
.theme-perl .card-header h5, .theme-perl .card-header h6 {
    color: #fff !important;
}

/* Tema Pearl - Textos do calendário pretos */
.theme-perl .fc-event {
    color: #000 !important;
}

.theme-perl .fc-event-title {
    color: #000 !important;
}

.theme-perl .fc-daygrid-day {
    color: #000 !important;
}

.theme-perl .fc-daygrid-day-number {
    color: #000 !important;
}

.theme-perl .fc-col-header-cell {
    color: #000 !important;
}

.theme-perl .fc-col-header-cell a {
    color: #000 !important;
}

.theme-perl .fc-daygrid-day-frame {
    color: #000 !important;
}

.theme-perl .fc-daygrid-day-events {
    color: #000 !important;
}

.theme-perl .fc-daygrid-event {
    color: #000 !important;
}

.theme-perl .fc-daygrid-event-dot {
    color: #000 !important;
}

.theme-perl .fc-daygrid-event-title {
    color: #000 !important;
}

/* Tema Pearl - Textos do calendário pretos */
.theme-perl .fc-toolbar-title {
    color: #000 !important;
}

/* Capitalizar a primeira letra do mês no título do calendário em todos os temas */
.fc-toolbar-title {
    text-transform: capitalize;
}

/* Tema Pearl - Textos dos eventos do calendário brancos */
.theme-perl .fc-event, 
.theme-perl .fc-event-title, 
.theme-perl .fc-daygrid-event, 
.theme-perl .fc-daygrid-event-title, 
.theme-perl .fc-daygrid-event-dot {
    color: #fff !important;
}

/* Tema Pearl - Textos das caixinhas do dashboard brancos */
.theme-perl .card, 
.theme-perl .card-body, 
.theme-perl .card-text, 
.theme-perl .card-header, 
.theme-perl .card-header *,
.theme-perl .card-header h4,
.theme-perl .card-header h5,
.theme-perl .card-header h6 {
    color: #fff !important;
}



.theme-perl .card-body-details,
.theme-cobalt .card-body-details {
    color: #000000 !important;
    padding-top: 20px !important;
    padding-left: 20px !important;
}
/* Tema Pearl - Textos dos cards de estatísticas do dashboard brancos */
.theme-perl .card .card-title,
.theme-perl .card .card-text,
.theme-perl .card .card-body h2,
.theme-perl .card .card-body h6,
.theme-perl .card .card-body h4,
.theme-perl .card .card-body h5 {
    color: #fff !important;
}

/* Tema Pearl - Fundo do card-header */
.theme-perl .card-header {
    background-color: #6A6A6A !important;
    border-bottom-color: #6A6A6A !important;
}

/* Tema Pearl - Itens do menu e nome do usuário brancos */
.theme-perl .navbar .nav-link,
.theme-perl .navbar .navbar-brand,
.theme-perl .sidebar .nav-link,
.theme-perl .sidebar .navbar-brand,
.theme-perl .sidebar .user-name,
.theme-perl .navbar .user-name {
    color: #fff !important;
}

/* Tema Pearl - Nome Calendário Ativia dourado, demais itens do menu brancos */
.theme-perl .navbar .navbar-brand,
.theme-perl .sidebar .navbar-brand {
    color: #C8A15C !important;
}
.theme-perl .navbar .nav-link,
.theme-perl .sidebar .nav-link,
.theme-perl .sidebar .user-name,
.theme-perl .navbar .user-name {
    color: #fff !important;
}

/* Tema Pearl - Textos do dropdown do usuário pretos */
.theme-perl .dropdown-menu,
.theme-perl .dropdown-menu .dropdown-item {
    color: #000 !important;
    background-color: #fff !important;
}
.theme-perl .dropdown-menu .dropdown-item:hover,
.theme-perl .dropdown-menu .dropdown-item:focus {
    background-color: #f5f5f5 !important;
    color: #000 !important;
}

/* Tema Pearl - Nome do estabelecimento dourado na lista da página de perfil */
.theme-perl .list-group-item h6.mb-1 {
    color: #000000 !important;
    font-weight: bold !important;
}

/* Tema Pearl - Nome do mês e ano preto na página de calendário */
.theme-perl .fc-toolbar-title {
    color: #000 !important;
}
.theme-perl .fc-toolbar-title * {
    color: #000 !important;
}
/* Forçar título do calendário preto no tema Pearl com máxima especificidade */
.theme-perl .fc .fc-toolbar .fc-toolbar-title,
.theme-perl .fc-toolbar .fc-toolbar-title,
.theme-perl .fc-toolbar-title,
.theme-perl .fc-toolbar-title span,
.theme-perl .fc-toolbar-title div {
    color: #000 !important;
}



.theme-perl #toggleViewBtn,
.theme-perl #toggleViewBtn:disabled {
    color: #121212 !important;
    -webkit-text-fill-color: #121212 !important;
}

.theme-perl .btn.btn-info.btn-detalhes {
    background: transparent !important;
    color: #121212 !important;
    border: 1px solid #C8A15C !important;
    font-weight: bold;
}
.theme-perl .btn.btn-info.btn-detalhes:hover, 
.theme-perl .btn.btn-info.btn-detalhes:focus {
    background: #C8A15C !important;
    color: #121212 !important;
    border: 1px solid #C8A15C !important;
}


/* Paginação personalizada por tema */
body.theme-perl .pagination .page-link {
    background: #fff !important;
    color: #222 !important;
    border: 1px solid #C8A15C !important;
    font-weight: bold;
}
body.theme-perl .pagination .page-item.active .page-link,
body.theme-perl .pagination .page-link:hover,
body.theme-perl .pagination .page-link:focus {
    background: #C8A15C !important;
    color: #000 !important;
    border: 1px solid #C8A15C !important;
}

/* ======================== */
/* COBALT - Hospital Premium */
/* ======================== */
.theme-cobalt .card-header {
    background-color: #6a6a6a !important;
    color: #fff !important;
    border-bottom-color: #6a6a6a !important;
}
.theme-cobalt .card-header h5,
.theme-cobalt .card-header h4,
.theme-cobalt .card-header h6 {
    color: #fff !important;
    margin-bottom: 0;
}
.theme-cobalt {
    color: #000 !important;
}
.theme-cobalt .card-body,
.theme-cobalt .card-body p,
.theme-cobalt .card-body strong,
.theme-cobalt .list-group-item,
.theme-cobalt .table,
.theme-cobalt .table td,
.theme-cobalt .table th,
.theme-cobalt .alert,
.theme-cobalt .alert p,
.theme-cobalt .form-label,
.theme-cobalt .form-control-plaintext {
    color: #000 !important;
}
.theme-cobalt h1, .theme-cobalt h2, .theme-cobalt h3, .theme-cobalt h4 {
    color: #234E70 !important;
}
.theme-cobalt .card-title,
.theme-cobalt .modal-title,
.theme-cobalt .navbar-brand {
    color: #234E70 !important;
}
.theme-cobalt .fc-event,
.theme-cobalt .fc-event-title,
.theme-cobalt .fc-daygrid-day,
.theme-cobalt .fc-daygrid-day-number,
.theme-cobalt .fc-col-header-cell,
.theme-cobalt .fc-col-header-cell a,
.theme-cobalt .fc-daygrid-day-frame,
.theme-cobalt .fc-daygrid-day-events,
.theme-cobalt .fc-daygrid-event,
.theme-cobalt .fc-daygrid-event-dot,
.theme-cobalt .fc-daygrid-event-title,
.theme-cobalt .fc-toolbar-title,
.theme-cobalt .fc-toolbar-title *,
.theme-cobalt .fc .fc-toolbar .fc-toolbar-title,
.theme-cobalt .fc-toolbar .fc-toolbar-title,
.theme-cobalt .fc-toolbar-title span,
.theme-cobalt .fc-toolbar-title div {
    color: #000 !important;
}
.theme-cobalt .fc-event, 
.theme-cobalt .fc-event-title, 
.theme-cobalt .fc-daygrid-event, 
.theme-cobalt .fc-daygrid-event-title, 
.theme-cobalt .fc-daygrid-event-dot {
    color: #fff !important;
}
.theme-cobalt .card, 
.theme-cobalt .card-body, 
.theme-cobalt .card-text, 
.theme-cobalt .card-header, 
.theme-cobalt .card-header *,
.theme-cobalt .card-header h4,
.theme-cobalt .card-header h5,
.theme-cobalt .card-header h6 {
    color: #fff !important;
}
.theme-cobalt .card .card-title,
.theme-cobalt .card .card-text,
.theme-cobalt .card .card-body h2,
.theme-cobalt .card .card-body h6,
.theme-cobalt .card .card-body h4,
.theme-cobalt .card .card-body h5 {
    color: #fff !important;
}
.theme-cobalt .card-header {
    background-color: #6A6A6A !important;
    border-bottom-color: #6A6A6A !important;
}
.theme-cobalt .navbar .nav-link,
.theme-cobalt .navbar .navbar-brand,
.theme-cobalt .sidebar .nav-link,
.theme-cobalt .sidebar .navbar-brand,
.theme-cobalt .sidebar .user-name,
.theme-cobalt .navbar .user-name {
    color: #fff !important;
}
.theme-cobalt .navbar .navbar-brand,
.theme-cobalt .sidebar .navbar-brand {
    color: #234E70 !important;
}
.theme-cobalt .dropdown-menu,
.theme-cobalt .dropdown-menu .dropdown-item {
    color: #000 !important;
    background-color: #fff !important;
}
.theme-cobalt .dropdown-menu .dropdown-item:hover,
.theme-cobalt .dropdown-menu .dropdown-item:focus {
    background-color: #f5f5f5 !important;
    color: #000 !important;
}
.theme-cobalt .list-group-item h6.mb-1 {
    color: #000000 !important;
    font-weight: bold !important;
}
.theme-cobalt #toggleViewBtn,
.theme-cobalt #toggleViewBtn:disabled {
    color: #121212 !important;
    -webkit-text-fill-color: #121212 !important;
}
.theme-cobalt .btn.btn-info.btn-detalhes {
    background: transparent !important;
    color: #121212 !important;
    border: 1px solid #234E70 !important;
    font-weight: bold;
}
.theme-cobalt .btn.btn-info.btn-detalhes:hover, 
.theme-cobalt .btn.btn-info.btn-detalhes:focus {
    background: #234E70 !important;
    color: #fff !important;
    border: 1px solid #234E70 !important;
}
.theme-cobalt .btn-warning, .theme-cobalt .bg-warning, .theme-cobalt .badge.bg-warning {
    background-color: #a6a6a6 !important;
    border-color: #a6a6a6 !important;
    color: #fff !important;
}
.theme-cobalt .btn-warning:hover, .theme-cobalt .btn-warning:focus {
    background-color: #8c8c8c !important;
    border-color: #8c8c8c !important;
    color: #fff !important;
}
.theme-cobalt .card.text-bg-primary,
.theme-cobalt .card.text-bg-success,
.theme-cobalt .card.text-bg-info,
.theme-cobalt .card.text-bg-warning,
.theme-cobalt .card.text-bg-danger {
    background-color: #6A6A6A !important;
    color: #fff !important;
    border: none;
}
body.theme-cobalt .pagination .page-link {
    background: #fff !important;
    color: #222 !important;
    border: 1px solid #234E70 !important;
    font-weight: bold;
}
body.theme-cobalt .pagination .page-item.active .page-link,
body.theme-cobalt .pagination .page-link:hover,
body.theme-cobalt .pagination .page-link:focus {
    background: #234E70 !important;
    color: #fff !important;
    border: 1px solid #234E70 !important;
}
.theme-cobalt .skeleton,
.theme-cobalt .skeleton-bar,
.theme-cobalt .skeleton-badge,
.theme-cobalt .skeleton-button {
    background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%) !important;
}

/* ======================== */
/* IONIC THEME - Baseado no app Ionic */
/* ======================== */
.theme-ionic .card-header {
    background-color: #3880ff !important;
    color: #fff !important;
    border-bottom-color: #3880ff !important;
}
.theme-ionic .card-header h5,
.theme-ionic .card-header h4,
.theme-ionic .card-header h6 {
    color: #fff !important;
    margin-bottom: 0;
}
.theme-ionic {
    color: #222428 !important;
}
.theme-ionic .card-body,
.theme-ionic .card-body p,
.theme-ionic .card-body strong,
.theme-ionic .list-group-item,
.theme-ionic .table,
.theme-ionic .table td,

.theme-ionic .alert,
.theme-ionic .alert p,
.theme-ionic .form-label,
.theme-ionic .form-control-plaintext {
    color: #222428 !important;
}

.theme-ionic .table th{
    color: #fff !important;
}


.theme-ionic h1, .theme-ionic h2, .theme-ionic h3, .theme-ionic h4 {
    color: #3880ff !important;
}
.theme-ionic .card-title,
.theme-ionic .modal-title,
.theme-ionic .navbar-brand {
    color: #3880ff !important;
}
.theme-ionic .fc-event,
.theme-ionic .fc-event-title,
.theme-ionic .fc-daygrid-day,
.theme-ionic .fc-daygrid-day-number,
.theme-ionic .fc-col-header-cell,
.theme-ionic .fc-col-header-cell a,
.theme-ionic .fc-daygrid-day-frame,
.theme-ionic .fc-daygrid-day-events,
.theme-ionic .fc-daygrid-event,
.theme-ionic .fc-daygrid-event-dot,
.theme-ionic .fc-daygrid-event-title,
.theme-ionic .fc-toolbar-title,
.theme-ionic .fc-toolbar-title *,
.theme-ionic .fc .fc-toolbar .fc-toolbar-title,
.theme-ionic .fc-toolbar .fc-toolbar-title,
.theme-ionic .fc-toolbar-title span,
.theme-ionic .fc-toolbar-title div {
    color: #222428 !important;
}
.theme-ionic .fc-event, 
.theme-ionic .fc-event-title, 
.theme-ionic .fc-daygrid-event, 
.theme-ionic .fc-daygrid-event-title, 
.theme-ionic .fc-daygrid-event-dot {
    color: #fff !important;
}
.theme-ionic .card, 
.theme-ionic .card-body, 
.theme-ionic .card-text {
    color: #000 !important;
}

.theme-ionic .card-header h6,
.theme-ionic .card .card-body h5,
.theme-ionic .card-header h4,
.theme-ionic .card-header,
.theme-ionic .card-header *,
.theme-ionic .card-header h5{
    color: #fff !important;
}

.theme-ionic .card .card-title,
.theme-ionic .card .card-text,
.theme-ionic .card .card-body h2,
.theme-ionic .card .card-body h6,
.theme-ionic .card .card-body h4 {
    color: #3880ff !important;
}
.theme-ionic .card-header {
    background-color: #3880ff !important;
    border-bottom-color: #3880ff !important;
}
.theme-ionic .navbar .nav-link,
.theme-ionic .navbar .navbar-brand,
.theme-ionic .sidebar .nav-link,
.theme-ionic .sidebar .navbar-brand,
.theme-ionic .sidebar .user-name,
.theme-ionic .navbar .user-name {
    color: #fff !important;
}
.theme-ionic .navbar .navbar-brand,
.theme-ionic .sidebar .navbar-brand {
    color: #3880ff !important;
}
.theme-ionic .dropdown-menu,
.theme-ionic .dropdown-menu .dropdown-item {
    color: #222428 !important;
    background-color: #fff !important;
}
.theme-ionic .dropdown-menu .dropdown-item:hover,
.theme-ionic .dropdown-menu .dropdown-item:focus {
    background-color: #f8f9fa !important;
    color: #222428 !important;
}
.theme-ionic .list-group-item h6.mb-1 {
    color: #222428 !important;
    font-weight: bold !important;
}
.theme-ionic #toggleViewBtn,
.theme-ionic #toggleViewBtn:disabled {
    color: #222428 !important;
    -webkit-text-fill-color: #222428 !important;
}
.theme-ionic .btn.btn-info.btn-detalhes {
    background: #fff !important;
    color: #222428 !important;
    border: 1px solid #3880ff !important;
    font-weight: bold;
}
.theme-ionic .btn.btn-info.btn-detalhes:hover, 
.theme-ionic .btn.btn-info.btn-detalhes:focus {
    background: #3880ff !important;
    color: #fff !important;
    border: 1px solid #3880ff !important;
}
.theme-ionic .btn-warning, .theme-ionic .bg-warning, .theme-ionic .badge.bg-warning {
    background-color: #ffc409 !important;
    border-color: #ffc409 !important;
    color: #222428 !important;
}
.theme-ionic .btn-warning:hover, .theme-ionic .btn-warning:focus {
    background-color: #e6b008 !important;
    border-color: #e6b008 !important;
    color: #222428 !important;
}
.theme-ionic .card.text-bg-primary,
.theme-ionic .card.text-bg-success,
.theme-ionic .card.text-bg-info,
.theme-ionic .card.text-bg-warning,
.theme-ionic .card.text-bg-danger {
    background-color: #3880ff !important;
    color: #fff !important;
    border: none;
}
body.theme-ionic .pagination .page-link {
    background: #fff !important;
    color: #222428 !important;
    border: 1px solid #3880ff !important;
    font-weight: bold;
}
body.theme-ionic .pagination .page-item.active .page-link,
body.theme-ionic .pagination .page-link:hover,
body.theme-ionic .pagination .page-link:focus {
    background: #3880ff !important;
    color: #fff !important;
    border: 1px solid #3880ff !important;
}
.theme-ionic .skeleton,
.theme-ionic .skeleton-bar,
.theme-ionic .skeleton-badge,
.theme-ionic .skeleton-button {
    background: linear-gradient(90deg, #e9ecef 25%, #f8f9fa 50%, #e9ecef 75%) !important;
}