@import url(https://fonts.googleapis.com/css?family=Lato);

body
{
	font-family:'Lato', sans-serif; 
	
}


.left-inner-icon {
    position: relative;
}
.left-inner-icon input {
    padding-left: 30px;    
}
.left-inner-icon i {
    position: absolute;
    padding: 10px 12px;
    pointer-events: none;
	color:#ccc;
}

.right-inner-icon {
    position: relative;
}
.right-inner-icon input {
    padding-right: 30px;    
}
.right-inner-icon i {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    pointer-events: none;
}

.has-warning .fa
{
	color:#8A6D3B;
}

.has-error .fa
{
	color:#A94442;
}

.has-success .fa
{
	color:#77B300;
}

.form-control:focus, .form-control
{
	box-shadow:none !important;
	border-radius:0px !important;
}

.form-title
{
	border-bottom: 1px solid #EEEEEE;
    padding-bottom: 10px;
	margin-bottom:15px !important;
}

.colorgraph2
{
   height: 5px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background:#76C7C0;
}



.quick .panel-body .btn:not(.btn-block) { width:120px;margin-bottom:10px; }
	.quick .btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
	.quick .btn-labeled {padding-top: 0;padding-bottom: 0;}
	.quick .input-group { margin-bottom:10px; }
	.quick .separator { border-right: 1px solid #dfdfe0; }
	.quick .fb-btn{ min-width:170px;padding-top:10px;padding-bottom:10px; }
	.quick .tw-btn{ min-width:170px;padding-top:10px;padding-bottom:10px; }
	.quick .fb-btn { background-color:#354E84;color:#fff; }
	.quick .tw-btn { background-color:#00A5E3;color:#fff; }
	.quick .tw-btn:hover { color:#fff; }
	.quick .fb-btn:hover { color:#fff; }
	.quick .fb-btn .fa, .quick .tw-btn .fa {padding-right:10px;font-size:20px;}

.check-box .panel-body:not(.two-col) { padding:0px }
.check-box .fa { margin-right:5px; }
.check-box .panel-body .radio,.panel-body .checkbox {margin-top: 0px;margin-bottom: 0px;}
.check-box .panel-body .list-group {margin-bottom: 0;}
.check-box .margin-bottom-none { margin-bottom: 0; }
.check-box .panel-body .radio label,.check-box .panel-body .checkbox label { display:block; }


/* ====== Embellecido simple para tu <ul> ====== */
/* ===== Paleta moderna para nav ===== */
.nav-modern{
  background:#0b1533;              /* barra azul-navy más elegante */
  border-radius:14px;
}
.nav-modern > li > a{
  color:#e6eef9;
  background:linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0));
  border:1px solid rgba(255,255,255,0.06);
}
.nav-modern > li > a:hover{
  background:rgba(59,130,246,0.18); /* azul suave al hover */
  border-color:rgba(59,130,246,0.35);
  color:#ffffff;
}

/* activo (el que marca MuestreClase) */
.nav-modern > li.active > a,
.nav-modern > li[class*="active"] > a{
  background:linear-gradient(180deg, rgba(59,130,246,0.22), rgba(59,130,246,0.12));
  border-color:rgba(59,130,246,0.55);
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(59,130,246,0.55);
}

/* Submenú */
.nav-modern .submenu > a::after{ color:#93c5fd; }  /* caret */
.nav-modern .submenu .children{
  background:#0b1b3f;                /* dropdown navy */
  border-color:rgba(255,255,255,0.08);
}
.nav-modern .children li a{
  color:#dbeafe;
}
.nav-modern .children li a:hover{
  background:rgba(37,99,235,0.22);   /* hover dropdown */
  color:#fff;
}

/* Distintivo para “Contable” si lo dejas en verde */
.nav-modern > li[style*="background-color:green"] > a{
  background:linear-gradient(180deg, rgba(34,197,94,0.25), rgba(34,197,94,0.1));
  border-color:rgba(34,197,94,0.45);
  color:#ffffff;
}
.nav-modern > li[style*="background-color:green"] > a:hover{
  background:rgba(34,197,94,0.35);
}

/* Iconos: tono suave y alineación */
.nav-modern i.fa{
  font-size:14px;
  opacity:.95;
  color:#c7d2fe;            /* azul lavanda */
}
.nav-modern > li > a:hover i.fa,
.nav-modern > li.active > a i.fa{ color:#ffffff; }

/* Layout responsivo mínimo conservando tu estructura */
@media (max-width:980px){
  header { position: relative; z-index: 99990; }
  header nav { position: relative; z-index: 99999; }

  .nav-modern{ border-radius:10px; }
  .nav-modern .submenu{ position:static; }
  .nav-modern .submenu .children{
    position:static; border:none; background:transparent; box-shadow:none; padding:0; margin-top:2px;
  }
}


/* Panel moderno, para ingreso vehiculo  sin romper Bootstrap 3 */


/* ===== UTILIDADES COMPARTIDAS ===== */
.panel-elevated { border: 0; box-shadow: 0 12px 24px rgba(0,0,0,.08); }
.radius-16 { border-radius: 16px; overflow: hidden; }
.radius-12 { border-radius: 12px; }
.m-t-10 { margin-top: 10px; }
.m-b-10 { margin-bottom: 10px; }
.m-b-15 { margin-bottom: 15px; }
.m-t-0 { margin-top: 0; }
.btn-block { width: 100%; }

/* ===== ENCABEZADOS/COLORES DE PANEL ===== */
.heading-modern {                       /* Carros + Ingreso Vehículo */
  background: linear-gradient(135deg,#0ea5e9,#2563eb);
  color: #fff !important;
  border: 0 !important;
}
.heading-modern-danger {                /* Salida Vehículo */
  background: linear-gradient(135deg,#ef4444,#dc2626);
  color: #fff !important;
  border: 0 !important;
}
.heading-modern-indigo {                /* Motos */
  background: linear-gradient(135deg,#6366f1,#4338ca);
  color: #fff !important;
  border: 0 !important;
}

/* ===== FORM INPUTS GRANDES / PLACA ===== */
.input-lg { height: 44px; font-size: 16px; }
.placa-group .form-control {
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.text-uppercase { text-transform: uppercase; }

/* ===== CHECKBOX LIGERAMENTE MÁS GRANDE ===== */
.checkbox-modern input[type="checkbox"] {
  transform: scale(1.1);
  margin-right: 6px;
}

/* ===== MUESTRAS (TOTAL/TIEMPO/PLACA) ===== */
.total-display {
  font-size: 22px; font-weight: 700; color: #0a0a0a;
  background: #f8fafc; border: 1px solid #e5e7eb;
  border-radius: 10px; padding: 8px 12px; display: inline-block;
}
.total-display i { margin-right: 6px; }
.strong-display { font-weight: 600; }

/* ===== ALERTAS ESPECIALES ===== */
.alert-monthly {                        /* Aviso cliente con mensualidad */
  background: #F8E91C; color: #000;
  border: 1px solid rgba(0,0,0,.08);
}
.alert.radius-12 { border-radius: 12px; }

/* ===== NAV PILLS MODERNOS (contador En Parking/Disponible) ===== */
.nav-pills-modern > li > a {
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.06);
}
.nav-pills-modern > li.active > a,
.nav-pills-modern > li.active > a:focus,
.nav-pills-modern > li.active > a:hover {
  background: rgba(59,130,246,.18);
  color: #0b1533;
}
.nav-pills-modern .badge { margin-left: 6px; }

/* ===== ENLACES DE ESTADÍSTICAS (Eventuales/Mensual) ===== */
.stat-link {
  display: inline-block; padding: 8px 10px; border-radius: 8px;
  background: #f8fafc; border: 1px solid #e5e7eb;
  color: #0a0a0a; text-decoration: none;
}
.stat-link:hover { background: #eef2ff; text-decoration: none; }

/* ===== BARRAS DE PROGRESO ===== */
.progress { background: #e5e7eb; }
.progress.radius-12 { border-radius: 12px; overflow: hidden; }
.progress-bar-info    { background-color: #38bdf8; } /* Carros */
.progress-bar-primary { background-color: #60a5fa; } /* Motos */