body { 
  background-color: #f8f9fa;
  font-family: Arial;
  margin: 0 !important;
  padding: 0 !important;
  padding-top: 64px !important; /* altura de la barra */
}

#autoSidebar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#navbar-mega {
  background-color: gray !important;
  border-bottom: 3px solid #ff6a00 !important;
  width: 100% !important;
  min-height: 64px;
  box-sizing: border-box;
}

/* Dropdown base */
.navbar .dropdown-menu {
  background-color: silver !important;
  border: none !important;
  border-radius: 8px;
  margin-top: 5px;
  padding: 6px 0;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
  display: none;
}

/* Items */
.navbar .dropdown-menu .dropdown-item {
  color: #222;
  font-weight: 500;
  padding: 8px 16px;
}

/* Hover item */
.navbar .dropdown-menu .dropdown-item:hover {
  background-color: #e0e0e0;
  color: #000;
}

/* Mostrar al pasar el mouse */
.navbar .dropdown:hover .dropdown-menu {
  display: block;
}

/* Animación suave */
.navbar .dropdown-menu {
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.2s ease;
}

.navbar .dropdown:hover .dropdown-menu {
  opacity: 1;
  transform: translateY(0);
}
.navbar .dropdown {
  position: relative;
}

.navbar .dropdown::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 10px;
}
		label {color:steelblue}
		
		.accordion-button { background-color: #4b837d !important; color: white; font-weight: bold; }
		.accordion-button:not(.collapsed) { box-shadow: none; }
		.btn-icon { padding: 0.25rem 0.5rem; }
		.table td, .table th { vertical-align: middle; }
		.nav-pills .nav-item { flex: 1; text-align: center; }
		.nav-pills .nav-link { width: 100%; }
	 
		.table.tabla-bg {
		  background-color: #e8f5e9 !important;
		}
		
		.table.tabla-bg td, .table.tabla-bg th {
		  background-color: #e8f5e9 !important;
		}
		
		.ql-editor {
			min-height: 320px;
		}
		
		.note-color .note-palette .note-color-reset {
			display: none !important;
		}
 

    .table-fixed thead th { position: sticky; top: 0; z-index: 1; background:#4b837d!important; color:#fff!important; }
    .swal2-container { z-index: 20000 !important; }
    .mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
	
 
	 /* --- Estilos del modal de reservas --- */
    .kpi-card{
      background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:18px 20px;
      display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 2px rgba(0,0,0,.04)
    }
    .kpi-title{color:#8c98a4;font-size:.95rem}
    .kpi-value{font-weight:800;font-size:1.8rem;color:#1f2d3d}
    .toolbar .btn{display:flex;align-items:center;gap:.5rem}
    .nav-marcas .nav-link{border-radius:999px;font-weight:600}
    .nav-marcas .nav-link.active{background:#0d6efd}
    .filter-row .form-select, .filter-row .form-control{height:44px}
    .result-badge{
      background:#6c757d;border-radius:10px;color:#fff;font-weight:700;padding:4px 10px;font-size:.9rem
    }
    .th-sticky{position:sticky;top:0;background:#4f7b76;color:#fff;z-index:1}
    .th-sticky + th, .th-sticky ~ th{background:#4f7b76;color:#fff}
    .table thead th{border-color:#4f7b76}
    .estado-pill{font-size:.8rem;font-weight:700;padding:.25rem .6rem;border-radius:999px}
    .ep-pendiente{background:#fff3cd;color:#8a6d3b;border:1px solid #ffe69c}
    .ep-confirmada{background:#d1e7dd;color:#0f5132;border:1px solid #badbcc}
    .ep-cancelada{background:#f8d7da;color:#842029;border:1px solid #f5c2c7}
    .ep-vencida{background:#e2e3e5;color:#41464b;border:1px solid #d3d6d8}


.chat-msg { display:flex; margin:6px 0; }
.chat-msg.in  { justify-content:flex-start; }
.chat-msg.out { justify-content:flex-end; }

.chat-bubble{
  position: relative;
  padding: 10px 14px;
  border-radius: 16px;
}

.chat-bubble .msg-meta{
  font-size: 11px;
  line-height: 1;
  opacity: .65;
  margin-bottom: 6px;
  text-align: right;      /* si querés arriba a la derecha */
  /* text-align: left;     si la querés arriba a la izquierda */
}

.chat-bubble .msg-text{
  font-size: 16px;
  line-height: 1.35;
  white-space: pre-wrap;
}

.chat-msg.in .chat-bubble{
  background:#fff;
  border-top-left-radius: 6px;
}

.chat-msg.out .chat-bubble{
  background:#d9fdd3;
  border-top-right-radius: 6px;
}

.chat-time{
  display:block;
  margin-top:6px;
  font-size: 11px;
  color:#667781;
  text-align:right;
}
.chat-system{
  text-align:center;
  margin:10px 0;
  color:#667781;
  font-size:12px;
}
 
th.sortable { white-space: nowrap; user-select: none; }
    .sort-label { margin-right: 4px; }
    .sort-icons { font-size: 0.7rem; display: inline-flex; flex-direction: column; vertical-align: middle; }
    .sort-icons span { cursor: pointer; line-height: 0.7rem; }
    .sort-icons span.active { font-weight: 700; }
	.sticky-top-sm { 
  position: sticky;
  top: 0;
  background: inherit;  /* o transparent */
  z-index: 2;
  padding-top: 8px;
	}

 
.pe1-card { border:1px solid #ddd; border-radius:10px; padding:12px; margin:12px 0; }
.pe1-muted { color:#666; font-size:12px; }
.pe1-serial { font-family: monospace; }
.pe1-ok { color:#0a0; }
.pe1-bad { color:#b00; }
.pe1-warn { color:#b60; }
.pe1-pill { display:inline-block; padding:2px 8px; border-radius:999px; font-size:12px; border:1px solid #ddd; }
 
 
 #preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 99999;
}

.preloader-overlay {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  display: flex;
  align-items: center;
  justify-content: center;
}

.preloader-content {
  text-align: center;
}

.loader-moto {
  width: 120px;
}