/**
 * TailAdmin Colors Only Override
 * Solo cambia colores, NO afecta sidebar que mantiene especificidad AdminLTE
 * Especificidad del sidebar: [class*=sidebar-dark-] .sidebar a (0,2,1)
 */

:root {
    /* Colores TailAdmin suaves - Solo para contenido */
    --ta-primary: #C78D2F;
    --ta-primary-hover: #A67325;
    --ta-primary-light: #FDF6E8;
    
    --ta-secondary: #465FFF;
    --ta-secondary-hover: #3641F5;
    --ta-secondary-light: #EEF1FF;
    
    --ta-success: #10B981;
    --ta-success-hover: #059669;
    --ta-success-light: #ECFDF5;
    
    --ta-warning: #F59E0B;
    --ta-warning-hover: #D97706;
    --ta-warning-light: #FFFBEB;
    
    --ta-danger: #EF4444;
    --ta-danger-hover: #DC2626;
    --ta-danger-light: #FEF2F2;
    
    --ta-info: #06B6D4;
    --ta-info-hover: #0891B2;
    --ta-info-light: #ECFEFF;
}

/* ========================================
   SMALL-BOXES - Preservar AdminLTE original
 ======================================== */

/* Preservar texto blanco en small-boxes bg-info, bg-success, etc */
.small-box .inner h3,
.small-box .inner p,
.small-box-footer {
    color: #ffffff !important;
}

/* Asegurar iconos blancos en small-boxes */
.small-box .icon i {
    color: rgba(255, 255, 255, 0.15) !important;
}

/* ========================================
   CARD-HEADERS - Texto blanco SOLO en fondos de color
 ======================================== */

/* Card-headers con clases bg-* explícitas */
.card-header.bg-primary,
.card-header.bg-secondary,
.card-header.bg-success,
.card-header.bg-info,
.card-header.bg-warning,
.card-header.bg-danger,
.card-header.bg-dark {
    color: #ffffff !important;
}

.card-header.bg-primary .card-title,
.card-header.bg-secondary .card-title,
.card-header.bg-success .card-title,
.card-header.bg-info .card-title,
.card-header.bg-warning .card-title,
.card-header.bg-danger .card-title,
.card-header.bg-dark .card-title,
.card-header.bg-primary i,
.card-header.bg-secondary i,
.card-header.bg-success i,
.card-header.bg-info i,
.card-header.bg-warning i,
.card-header.bg-danger i,
.card-header.bg-dark i {
    color: #ffffff !important;
}

/* Card-headers de AdminLTE con fondo automático por clase padre */
.card-primary:not(.card-outline) > .card-header,
.card-secondary:not(.card-outline) > .card-header,
.card-info:not(.card-outline) > .card-header,
.card-success:not(.card-outline) > .card-header,
.card-warning:not(.card-outline) > .card-header,
.card-danger:not(.card-outline) > .card-header,
.card-dark:not(.card-outline) > .card-header {
    color: #ffffff !important;
}

.card-primary:not(.card-outline) > .card-header .card-title,
.card-secondary:not(.card-outline) > .card-header .card-title,
.card-info:not(.card-outline) > .card-header .card-title,
.card-success:not(.card-outline) > .card-header .card-title,
.card-warning:not(.card-outline) > .card-header .card-title,
.card-danger:not(.card-outline) > .card-header .card-title,
.card-dark:not(.card-outline) > .card-header .card-title,
.card-primary:not(.card-outline) > .card-header i,
.card-secondary:not(.card-outline) > .card-header i,
.card-info:not(.card-outline) > .card-header i,
.card-success:not(.card-outline) > .card-header i,
.card-warning:not(.card-outline) > .card-header i,
.card-danger:not(.card-outline) > .card-header i,
.card-dark:not(.card-outline) > .card-header i {
    color: #ffffff !important;
}

/* ========================================
   BOTONES - Solo en contenido principal
 ======================================== */

.content-wrapper .btn-primary,
.card .btn-primary,
.modal .btn-primary {
    background-color: var(--ta-primary) !important;
    border-color: var(--ta-primary) !important;
}

.content-wrapper .btn-primary:hover,
.card .btn-primary:hover,
.modal .btn-primary:hover {
    background-color: var(--ta-primary-hover) !important;
    border-color: var(--ta-primary-hover) !important;
}

.content-wrapper .btn-secondary,
.card .btn-secondary,
.modal .btn-secondary {
    background-color: var(--ta-secondary) !important;
    border-color: var(--ta-secondary) !important;
}

.content-wrapper .btn-secondary:hover,
.card .btn-secondary:hover,
.modal .btn-secondary:hover {
    background-color: var(--ta-secondary-hover) !important;
    border-color: var(--ta-secondary-hover) !important;
}

.content-wrapper .btn-success,
.card .btn-success,
.modal .btn-success {
    background-color: var(--ta-success) !important;
    border-color: var(--ta-success) !important;
}

.content-wrapper .btn-success:hover,
.card .btn-success:hover,
.modal .btn-success:hover {
    background-color: var(--ta-success-hover) !important;
    border-color: var(--ta-success-hover) !important;
}

.content-wrapper .btn-warning,
.card .btn-warning,
.modal .btn-warning {
    background-color: var(--ta-warning) !important;
    border-color: var(--ta-warning) !important;
}

.content-wrapper .btn-warning:hover,
.card .btn-warning:hover,
.modal .btn-warning:hover {
    background-color: var(--ta-warning-hover) !important;
    border-color: var(--ta-warning-hover) !important;
}

.content-wrapper .btn-danger,
.card .btn-danger,
.modal .btn-danger {
    background-color: var(--ta-danger) !important;
    border-color: var(--ta-danger) !important;
}

.content-wrapper .btn-danger:hover,
.card .btn-danger:hover,
.modal .btn-danger:hover {
    background-color: var(--ta-danger-hover) !important;
    border-color: var(--ta-danger-hover) !important;
}

.content-wrapper .btn-info,
.card .btn-info,
.modal .btn-info {
    background-color: var(--ta-info) !important;
    border-color: var(--ta-info) !important;
}

.content-wrapper .btn-info:hover,
.card .btn-info:hover,
.modal .btn-info:hover {
    background-color: var(--ta-info-hover) !important;
    border-color: var(--ta-info-hover) !important;
}

/* ========================================
   ALERTS - Solo en contenido principal
 ======================================== */

.content-wrapper .alert-primary,
.card .alert-primary,
.modal .alert-primary {
    background-color: var(--ta-primary-light) !important;
    border-color: var(--ta-primary) !important;
    color: #252DAE !important;
}

.content-wrapper .alert-success,
.card .alert-success,
.modal .alert-success {
    background-color: var(--ta-success-light) !important;
    border-color: var(--ta-success) !important;
    color: #047857 !important;
}

.content-wrapper .alert-warning,
.card .alert-warning,
.modal .alert-warning {
    background-color: var(--ta-warning-light) !important;
    border-color: var(--ta-warning) !important;
    color: #B45309 !important;
}

.content-wrapper .alert-danger,
.card .alert-danger,
.modal .alert-danger {
    background-color: var(--ta-danger-light) !important;
    border-color: var(--ta-danger) !important;
    color: #B91C1C !important;
}

.content-wrapper .alert-info,
.card .alert-info,
.modal .alert-info {
    background-color: var(--ta-info-light) !important;
    border-color: var(--ta-info) !important;
    color: #0E7490 !important;
}

/* Enlaces en alerts con fondo claro - color contraste */
.content-wrapper .alert a,
.card .alert a,
.modal .alert a {
    color: #dc2626 !important;
    text-decoration: underline;
}

.content-wrapper .alert a:hover,
.card .alert a:hover,
.modal .alert a:hover {
    color: #fff !important;
    text-decoration: underline;
}

/* ========================================
   BADGES - Solo en contenido principal
 ======================================== */

/* Tamaño general para todos los badges */
.content-wrapper .badge,
.card .badge,
.table .badge {
    font-size: 0.85em !important;
}

.content-wrapper .badge-primary,
.card .badge-primary,
.table .badge-primary {
    background-color: var(--ta-primary) !important;
    font-size: 0.85em !important;
}

.content-wrapper .badge-success,
.card .badge-success,
.table .badge-success {
    background-color: var(--ta-success) !important;
    font-size: 0.85em !important;
}

.content-wrapper .badge-warning,
.card .badge-warning,
.table .badge-warning {
    background-color: var(--ta-warning) !important;
    font-size: 0.85em !important;
}

.content-wrapper .badge-danger,
.card .badge-danger,
.table .badge-danger {
    background-color: var(--ta-danger) !important;
    font-size: 0.85em !important;
}

.content-wrapper .badge-info,
.card .badge-info,
.table .badge-info {
    background-color: var(--ta-info) !important;
    font-size: 0.85em !important;
}

/* ========================================
   PROGRESS BARS - Solo en contenido
 ======================================== */

.content-wrapper .progress-bar,
.card .progress-bar {
    background-color: var(--ta-primary) !important;
}

.content-wrapper .bg-primary,
.card .bg-primary {
    background-color: var(--ta-primary) !important;
}

.content-wrapper .bg-success,
.card .bg-success {
    background-color: var(--ta-success) !important;
}

.content-wrapper .bg-warning,
.card .bg-warning {
    background-color: var(--ta-warning) !important;
}

.content-wrapper .bg-danger,
.card .bg-danger {
    background-color: var(--ta-danger) !important;
}

.content-wrapper .bg-info,
.card .bg-info {
    background-color: var(--ta-info) !important;
}

/* ========================================
   TEXT COLORS - Solo en contenido
 ======================================== */

.content-wrapper .text-primary,
.card .text-primary {
    color: var(--ta-primary) !important;
}

.content-wrapper .text-success,
.card .text-success {
    color: var(--ta-success) !important;
}

.content-wrapper .text-warning,
.card .text-warning {
    color: var(--ta-warning) !important;
}

.content-wrapper .text-danger,
.card .text-danger {
    color: var(--ta-danger) !important;
}

.content-wrapper .text-info,
.card .text-info {
    color: var(--ta-info) !important;
}

/* ========================================
   ENLACES - Solo en contenido, NO sidebar
 ======================================== */

.content-wrapper a:not(.btn):not(.nav-link):not(.sidebar-toggle):not(.small-box-footer),
.card a:not(.btn):not(.nav-link):not(.sidebar-toggle):not(.small-box-footer),
.breadcrumb-item a {
    color: var(--ta-primary) !important;
}

.content-wrapper a:not(.btn):not(.nav-link):not(.sidebar-toggle):not(.small-box-footer):hover,
.card a:not(.btn):not(.nav-link):not(.sidebar-toggle):not(.small-box-footer):hover,
.breadcrumb-item a:hover {
    color: var(--ta-primary-hover) !important;
}

/* Asegurar especificidad para small-box-footer sobre AdminLTE */
.content-wrapper .small-box > a.small-box-footer {
    color: #fff !important;
}

.content-wrapper .small-box > a.small-box-footer:hover {
    color: #fff !important;
}

/* ========================================
   FORMS - Solo en contenido
 ======================================== */

.content-wrapper .form-control:focus,
.card .form-control:focus,
.modal .form-control:focus {
    border-color: var(--ta-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(70, 95, 255, 0.25) !important;
}

/* ========================================
   SMALL BOXES - Solo en dashboard/contenido
 ======================================== */

.content-wrapper .small-box.bg-primary {
    background-color: var(--ta-primary) !important;
}

.content-wrapper .small-box.bg-success {
    background-color: var(--ta-success) !important;
}

.content-wrapper .small-box.bg-warning {
    background-color: var(--ta-warning) !important;
}

.content-wrapper .small-box.bg-danger {
    background-color: var(--ta-danger) !important;
}

.content-wrapper .small-box.bg-info {
    background-color: var(--ta-info) !important;
}

/* ========================================
   SMALL BOX FOOTER LINKS - Color específico
 ======================================== */

.content-wrapper .small-box > .small-box-footer {
    color: #fff !important;
}

.content-wrapper .small-box.bg-warning > .small-box-footer {
    color: #fff !important;
}

/* Texto blanco en small-box warning */
.content-wrapper .small-box.bg-warning h3,
.content-wrapper .small-box.bg-warning p {
    color: #fff !important;
}

/* ========================================
   BOTONES DE ELIMINACIÓN (TRASH) - Estilo mejorado
 ======================================== */

/* Botones de eliminación - Color rojo intenso */
.content-wrapper .btn-eliminar-ingreso,
.content-wrapper .btn-eliminar-pago,
.content-wrapper .btn-eliminar,
.content-wrapper .btn[data-action="delete"],
.content-wrapper .btn-danger.btn-sm,
.card .btn-eliminar-ingreso,
.card .btn-eliminar-pago,
.card .btn-eliminar,
.card .btn[data-action="delete"],
.card .btn-danger.btn-sm,
.dataTable .btn-eliminar-ingreso,
.dataTable .btn-eliminar-pago,
.dataTable .btn-eliminar,
.dataTable .btn[data-action="delete"],
.dataTable .btn-danger.btn-sm {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #ffffff !important;
    transition: all 0.15s ease-in-out !important;
}

.content-wrapper .btn-eliminar-ingreso:hover,
.content-wrapper .btn-eliminar-pago:hover,
.content-wrapper .btn-eliminar:hover,
.content-wrapper .btn[data-action="delete"]:hover,
.content-wrapper .btn-danger.btn-sm:hover,
.card .btn-eliminar-ingreso:hover,
.card .btn-eliminar-pago:hover,
.card .btn-eliminar:hover,
.card .btn[data-action="delete"]:hover,
.card .btn-danger.btn-sm:hover,
.dataTable .btn-eliminar-ingreso:hover,
.dataTable .btn-eliminar-pago:hover,
.dataTable .btn-eliminar:hover,
.dataTable .btn[data-action="delete"]:hover,
.dataTable .btn-danger.btn-sm:hover {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
    color: #ffffff !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 8px rgba(220, 53, 69, 0.3) !important;
}

/* Iconos de basura - Asegurar visibilidad */
.btn-eliminar-ingreso i.fa-trash,
.btn-eliminar-pago i.fa-trash,
.btn-eliminar i.fa-trash,
.btn[data-action="delete"] i.fa-trash,
.btn-danger i.fa-trash,
.btn[title*="Eliminar"] i.fa-trash,
.btn[title*="eliminar"] i.fa-trash {
    color: #ffffff !important;
    font-size: 0.875rem !important;
}

/* Regla general para CUALQUIER botón con icono de basura */
.content-wrapper .btn i.fa-trash,
.card .btn i.fa-trash,
.dataTable .btn i.fa-trash {
    color: #ffffff !important;
}

/* Asegurar que todos los botones con fa-trash sean rojos */
.content-wrapper .btn:has(i.fa-trash),
.card .btn:has(i.fa-trash),
.dataTable .btn:has(i.fa-trash) {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #ffffff !important;
}

/* ========================================
   PAGINACIÓN DATATABLES - Color dorado/bronce para página activa
 ======================================== */

/* Página activa - Fondo dorado con texto blanco */
.content-wrapper .dataTables_wrapper .pagination .page-item.active .page-link,
.card .dataTables_wrapper .pagination .page-item.active .page-link {
    background-color: var(--ta-primary) !important;
    border-color: var(--ta-primary) !important;
    color: #ffffff !important;
}

/* Hover en página activa */
.content-wrapper .dataTables_wrapper .pagination .page-item.active .page-link:hover,
.card .dataTables_wrapper .pagination .page-item.active .page-link:hover {
    background-color: var(--ta-primary-hover) !important;
    border-color: var(--ta-primary-hover) !important;
    color: #ffffff !important;
}

/* Páginas no activas mantienen el estilo original de Bootstrap/AdminLTE */
.content-wrapper .dataTables_wrapper .pagination .page-item:not(.active) .page-link,
.card .dataTables_wrapper .pagination .page-item:not(.active) .page-link {
    /* Mantener estilos AdminLTE por defecto para anterior/siguiente */
}

/* ========================================
   DATATABLES - Estilo AdminLTE Unificado
 ======================================== */

/* Base DataTables - Solo texto general */
.content-wrapper .dataTable {
    font-size: 1.1rem !important;
}

.content-wrapper .dataTable td,
.content-wrapper .dataTable th {
    font-size: 1.1rem !important;
    padding: 0.5rem !important;
    vertical-align: middle !important;
}

/* Botones en DataTables - AdminLTE estándar */
.content-wrapper .dataTable .btn-sm {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    border-radius: 0.2rem !important;
}

/* Badges en DataTables - AdminLTE estándar */
.content-wrapper .dataTable .badge {
    font-size: 0.75rem !important;
    padding: 0.25em 0.4em !important;
    line-height: 1 !important;
}

/* Input groups y controles en DataTables */
.content-wrapper .dataTable .form-control {
    font-size: 0.875rem !important;
    padding: 0.375rem 0.75rem !important;
}

/* Dropdown menus en DataTables */
.content-wrapper .dataTable .dropdown-menu {
    font-size: 0.875rem !important;
}

.content-wrapper .dataTable .dropdown-item {
    padding: 0.25rem 1rem !important;
    font-size: 0.875rem !important;
}

/* ========================================
   TIPOGRAFÍA TAILADMIN - Todo el proyecto
 ======================================== */

/* Tipografía base TailAdmin para todo el contenido */
.content-wrapper {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 1.1rem !important;
    line-height: 1.6 !important;
    color: #374151 !important;
}

.content-wrapper h1, .content-wrapper h2, .content-wrapper h3, 
.content-wrapper h4, .content-wrapper h5, .content-wrapper h6 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 600 !important;
    color: #111827 !important;
}

/* Excepción: Headings dentro de botones con fondo de color deben ser blancos */
.btn-primary h1, .btn-primary h2, .btn-primary h3, .btn-primary h4, .btn-primary h5, .btn-primary h6,
.btn-secondary h1, .btn-secondary h2, .btn-secondary h3, .btn-secondary h4, .btn-secondary h5, .btn-secondary h6,
.btn-success h1, .btn-success h2, .btn-success h3, .btn-success h4, .btn-success h5, .btn-success h6,
.btn-info h1, .btn-info h2, .btn-info h3, .btn-info h4, .btn-info h5, .btn-info h6,
.btn-warning h1, .btn-warning h2, .btn-warning h3, .btn-warning h4, .btn-warning h5, .btn-warning h6,
.btn-danger h1, .btn-danger h2, .btn-danger h3, .btn-danger h4, .btn-danger h5, .btn-danger h6,
.btn-dark h1, .btn-dark h2, .btn-dark h3, .btn-dark h4, .btn-dark h5, .btn-dark h6 {
    color: #ffffff !important;
}

.content-wrapper p {
    font-size: 1.1rem !important;
    line-height: 1.6 !important;
    color: #374151 !important;
}

.content-wrapper .card-title {
    font-weight: 600 !important;
    color: #111827 !important;
}

/* ========================================
   SIDEBAR - EXPLÍCITAMENTE EXCLUIDO
   Mantiene especificidad AdminLTE original
 ======================================== */

/* NO aplicar NADA al sidebar - AdminLTE mantiene control total */
.main-sidebar,
.main-sidebar *,
.sidebar,
.sidebar *,
[class*="sidebar-dark-"] .sidebar a,
[class*="sidebar-light-"] .sidebar a {
    /* Estos elementos mantienen sus estilos AdminLTE originales */
    /* Especificidad AdminLTE: (0,2,1) se respeta completamente */
}

/* ========================================
   HEADER NAVBAR - Mantener AdminLTE
 ======================================== */

.main-header.navbar,
.main-header.navbar *,
.navbar-nav,
.navbar-nav * {
    /* Header mantiene estilos AdminLTE originales */
}

/* ============================================================================
   FORMS ALIGNMENT FIX - Solución alineación vertical inputs/selects
   Fecha: 2025-10-03
   ============================================================================ */

/* Reset y normalización */
select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="time"],
textarea,
.form-control {
    box-sizing: border-box !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    vertical-align: middle;
}

/* Inputs y selects estándar - Alineación perfecta */
select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="time"],
.form-control {
    height: 38px !important;
    min-height: 38px !important;
    line-height: 1.5 !important;
    padding: 7px 12px !important;
    font-size: 14px;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 4px;
    background-color: #fff;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* SELECT específico - Ajuste para dropdown icon */
select,
select.form-control {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    padding-right: 30px !important;
    cursor: pointer;
}

select option {
    padding: 8px 12px;
    line-height: 1.5;
}

/* TEXTAREA - Altura automática */
textarea,
textarea.form-control {
    height: auto !important;
    min-height: 80px !important;
    padding: 10px 12px !important;
    line-height: 1.5 !important;
    resize: vertical;
}

/* Estados: Focus, Disabled, Readonly */
select:focus,
input:focus,
textarea:focus,
.form-control:focus {
    border-color: #80bdff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

select:disabled,
input:disabled,
textarea:disabled,
.form-control:disabled {
    background-color: #e9ecef !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
}

select[readonly],
input[readonly],
textarea[readonly],
.form-control[readonly] {
    background-color: #f8f9fa !important;
}

/* Validación: Error y Success */
.is-invalid,
input.is-invalid,
select.is-invalid,
textarea.is-invalid {
    border-color: #dc3545 !important;
}

.is-valid,
input.is-valid,
select.is-valid,
textarea.is-valid {
    border-color: #28a745 !important;
}

/* SELECT2 Plugin - Mayor especificidad para override */
.select2-container--default .select2-selection--single,
.select2-container--bootstrap4 .select2-selection--single {
    height: 38px !important;
    line-height: 36px !important;
    padding: 0 !important;
    border: 1px solid #ced4da !important;
    border-radius: 4px !important;
    background-color: #fff !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
    padding: 0 30px 0 12px !important;
    color: #495057 !important;
    font-size: 14px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
    top: 1px !important;
    right: 1px !important;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--bootstrap4.select2-container--focus .select2-selection--single {
    border-color: #80bdff !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

/* Input Group - Bootstrap */
.input-group .form-control {
    height: 38px !important;
    line-height: 1.5 !important;
}

.input-group-text {
    height: 38px !important;
    line-height: 1.5 !important;
    padding: 7px 12px !important;
    display: flex;
    align-items: center;
}

/* Responsive - Mobile */
@media (max-width: 767px) {
    select,
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="tel"],
    input[type="url"],
    input[type="date"],
    input[type="datetime-local"],
    .form-control {
        height: 44px !important;
        min-height: 44px !important;
        padding: 10px 12px !important;
        font-size: 16px !important; /* Prevenir zoom en iOS */
    }

    select.form-control {
        padding-right: 35px !important;
    }

    .select2-container--default .select2-selection--single {
        height: 44px !important;
        line-height: 42px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 42px !important;
        font-size: 16px !important;
    }
}

/* AdminLTE Form Sizes */
.form-control-sm,
.input-group-sm > .form-control {
    height: 31px !important;
    padding: 5px 10px !important;
    font-size: 13px !important;
}

.form-control-lg,
.input-group-lg > .form-control {
    height: 48px !important;
    padding: 10px 16px !important;
    font-size: 16px !important;
}

/* Placeholder */
::placeholder {
    color: #6c757d !important;
    opacity: 0.6 !important;
}

/* Date/Time Inputs */
input[type="date"],
input[type="datetime-local"],
input[type="time"] {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}