/*
Equipo: Hot Coffee 👽 (Sin Fronteras)
Integrantes: Jhon Jairo Alvarado Quintero (Pitalito)
              Wilmer Muñoz Herrera (Hacker)
              Andres Neira (Analista)

Descripción: archivo auxiliar que contiene los distintos ajustes de estilos, para los
             diferentes componente incluidos en el server como mapas, graficas, caja 
             de información, etc.

*/

/*Ajustes para leaflet con el nuevo control JStree para las capas>>>>>>>>>>>>>>>>>>>>>>>>>  Inicio*/ 
.tree-control {
          background-color: white;
          border-radius: 10px;
          box-shadow: 0 0 15px rgba(0,0,0,0.2);
          border: 2px solid rgba(0,0,0,0.2);
          background-clip: padding-box;
        }

.no-checkbox > a > i.jstree-checkbox {
          display: none !important;
        }

.tree-container {
          padding: 5px;
          width: 280px;
          max-height: 500px;
          overflow-y: auto;
          font-size: 11px;
          font-family: Raleway, sans-serif;
        }
        
.tree-container h4 {
          margin: 0 0 10px 0;
          color: #333;
          font-size: 12px;
        }
        
#jstree {
          border: 1px solid #ddd;
          border-radius: 4px;
          padding: 8px;
          background-color: #fafafa;
        }
        
#jstree .jstree-node {
          line-height: 1;
        }
        
.info-panel {
          background-color: #f0f0f0;
          padding: 10px;
          margin-top: 10px;
          border-radius: 4px;
          font-size: 5px;
          border-left: 3px solid #4CAF50;
        }
        
.info-panel h5 {
          margin: 0 0 8px 0;
          color: #333;
        }
        
.tree-container::-webkit-scrollbar {
          width: 6px;
        }
        
.tree-container::-webkit-scrollbar-track {
          background: #f1f1f1;
          border-radius: 4px;
        }
        
.tree-container::-webkit-scrollbar-thumb {
          background: #888;
          border-radius: 4px;
        }
        
.tree-container::-webkit-scrollbar-thumb:hover {
          background: #555;
        }
        
/*-----------------------------------------------------------------------------*/
/*Ajustes para leaflet de los componente para el mapa>>>>>>>>>>>>>>>>>>>>>>>>>  Inicio*/ 
.leaflet-control-attribution {
          font-size: 500px !important; /* También puedes usar display: none para apagar*/
          display: none !important; 
          color: black;
          font-family: 'Raleway', sans-serif;
}


/* === Layout sin espacios grandes === */
.container-fluid, .row {
  margin: 0 !important;
  padding: 0 !important;
}

.col-sm-8,
.col-sm-4,
.col-sm-6,
.col-sm-3 {
  margin: 0 !important;
}

/* === Espacios controlados entre cajas === */

/* 1️⃣ Horizontal: 1 px entre columnas */
.col-sm-6,
.col-sm-4,
.col-sm-3,
.col-sm-8,
.col-sm-12,
.col-sm-2 {
  padding-left: 0.5px !important;
  padding-right: 0.5px !important;
}

/* 2️⃣ Vertical: 1 px entre filas de cajas */
.col-sm-6 > div,
.col-sm-4 > div,
.col-sm-3 > div,
.col-sm-12 > div {
  margin-bottom: -9px !important;
}

/* === Ajustes leaflet === */
.leaflet, .leaflet-container {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 10px !important;
}

body {
  background-color: #f1eee7; /* gris suave */
  font-family: 'Raleway', sans-serif;
}