/* ===============================
   OPEN GTS - MENU MODERNO
   =============================== */

/* Barra superior */
.menuBar {
    background: #f8fafc !important;
    padding: 6px 8px !important;
    border-bottom: 1px solid #e5e7eb !important;
}

/* TODOS los botones del menú */
.menuBarUnsW,
.menuBarSelW,
.menuBarUns,
.menuBarSel {
    background-image: none !important;
    background-color: #e5e7eb !important;

    border-radius: 8px !important;
    height: 34px !important;
    line-height: 34px !important;

    font-size: 11pt !important;
    font-weight: 500 !important;

    color: #111827 !important;
    text-align: center !important;

    padding: 0 14px !important;
    margin: 0 4px !important;

    box-shadow: none !important;
    transition: all 0.2s ease !important;
}

/* Hover */
.menuBarUnsW:hover,
.menuBarUns:hover {
    background-color: #dbeafe !important;
    color: #1d4ed8 !important;
}

/* Botón activo */
.menuBarSelW,
.menuBarSel {
    background-color: #2563eb !important;
    color: #ffffff !important;
    box-shadow: 0 4px 8px rgba(37,99,235,0.35) !important;
}

/* Submenú */
.menuSubFrame {
    background: #ffffff !important;
    border-radius: 10px !important;
    border: none !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.18) !important;
}

/* Items del submenú */
.menuSubItemCol {
    font-size: 11pt !important;
    padding: 8px 12px !important;
    text-align: left !important;
}

.menuSubItemCol:hover {
    background: #f1f5f9 !important;
}
/* ===============================
   LAYOUT GENERAL
   =============================== */

/* Centrar el contenido principal */
.contentTable {
    margin: 16px auto !important;
    width: 860px !important;
}

/* Separación clara entre menú y contenido */
.menuBar {
    margin-bottom: 12px !important;
}

/* ===============================
   MAPA
   =============================== */

/* Marco del mapa */
table[cellpadding="0"][cellspacing="0"] iframe,
table[cellpadding="0"][cellspacing="0"] > tbody > tr > td {
    border-radius: 10px !important;
}

/* Contenedor del mapa */
td.mapCell,
td.mapContainer,
td[valign="top"] {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12) !important;
    padding: 10px !important;
}

/* ===============================
   PANEL DERECHO (fechas, replay)
   =============================== */

td[width="240"],
td[width="250"],
td[width="260"] {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12) !important;
    padding: 10px !important;
}

/* Títulos del panel derecho */
td b {
    font-size: 10pt !important;
    color: #111827 !important;
}

/* Inputs más prolijos */
input,
select {
    border-radius: 6px !important;
    border: 1px solid #d1d5db !important;
    padding: 4px 6px !important;
    font-size: 9pt !important;
}

/* Botones */
input[type="button"],
input[type="submit"] {
    background: #2563eb !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 4px 10px !important;
    cursor: pointer;
}

input[type="button"]:hover,
input[type="submit"]:hover {
    background: #1d4ed8 !important;
}

/* ===============================
   LIMPIEZA VISUAL
   =============================== */

hr {
    border: none !important;
    border-top: 1px solid #e5e7eb !important;
    margin: 10px 0 !important;
}
/* ===============================
   FIX COMBOS (SELECT)
   =============================== */

select {
    height: 28px !important;
    line-height: 26px !important;
    font-size: 10pt !important;
    padding: 2px 6px !important;
    border-radius: 6px !important;
    border: 1px solid #d1d5db !important;
    background-color: #ffffff !important;
}

/* Para navegadores viejos (OpenGTS suele caer acá) */
option {
    font-size: 10pt !important;
}
.calendar {
  font-size: 11px;
}

.calendar table {
  width: auto !important;
}

.calendar td {
  padding: 2px 4px;
}
/* ================================
   FIX Calendario OpenGTS
   ================================ */

/* Agrandar contenedor del calendario */
div.calDiv {
    width: 180px !important;
}

/* Asegurar que la tabla no se desborde */
table.calTable,
table.calMonthDaysTable {
    width: 100% !important;
    table-layout: fixed;
}

/* Reducir tamaño de texto */
td.calMonthDOW,
td.calPrevMonthDays,
td.calNextMonthDays,
td.calThisMonthDaysEnabled,
td.calThisMonthDaysDisabled,
td.calSelectedDay {
    font-size: 8px !important;
    padding: 1px;
}

/* Ajustar ancho de celdas */
td.calMonthDOW {
    width: 22px !important;
}

/* Evitar que el calendario empuje el layout */
td.calMonthDaysCell {
    overflow: hidden;
}