/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */


.sidenav-main {

    z-index: 1001;
}

.theme-cutomizer-trigger {
    position: fixed;
    right: -2px;
    top: 40%;
    z-index: 1001;
}

.navbar-fixed {
    z-index: 1001;
}



.leaflet-control-layers {
/*    background: none;*/ 
    box-shadow: none; 
    padding-left: 25px;
    border-radius: 0px;
}


.leaflet-control-layers-toggle {
    background-image: none;
    height: 100%;
    width: 100%;
}


.leaflet-control-layers-expanded {
    padding: 0 0 0 11%;
    left: -5%;
}


.leaflet-control-layers-selector {
    /*margin-top: 2px; se puede modificar*/
    position: relative;
    top: 1px;
}

.leaflet-control-layers-scrollbar {
    overflow-x: hidden;
    overflow-y: hidden;
   
}


.leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: block;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    /*position: relative;   se puede modificar*/
}

.leaflet-control {
    clear: both;
    float: unset;
}

.sidenav a {
    height: auto;
    line-height: 42px;
}

/*.sidenav li a.active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
    color: #fff;
}*/

[type="radio"]:checked + span::after, .with-gap[type="radio"]:checked + span::after {
    background-color: #1b72ce;
}

[type="radio"]:checked + span::after, .with-gap[type="radio"]:checked + span::before, .with-gap[type="radio"]:checked + span::after {
    border: 2px solid #1b72ce;
}

[type="checkbox"]:checked + span:not(.lever)::before {

    border-color: transparent #1b72ce #1b72ce transparent;
}

/*menu dark*/
.leaflet-control-layers-overlays label div {
    color: black;
}

.leaflet-control-layers-base label div {
    color: black;
}

.leaflet-control-layers {
    background: #f7f7f7 none repeat scroll 0 0;
	z-index: 0;
}

.brand-sidebar .logo-wrapper a.brand-logo img {
    height: 42px;
    margin-left: -3px;
    margin-top: -12px;
}


[type="radio"]:not(:checked) + span::before, [type="radio"]:not(:checked) + span::after {
    border: 2px solid #1b71ce;
}

[type="checkbox"] + span:not(.lever)::before, [type="checkbox"]:not(.filled-in) + span:not(.lever)::after {
    border: 2px solid #1b71ce;

}
/*fin menu dark*/

/*boton sin giro*/
.btn-customizer i {
    animation: 0s ease 0s normal none 1 running none;
}
/*fin boton sin giro*/

/*boton flotante*/

.fixed-action-btn {

    z-index: 1001;

}

.btn-activo {

    background-color: #595555 !important;

}

/*fin boton flotante*/

/*Cambia el color de los input de un formulario*/

input:focus:not([type]):not([readonly]), input[type="text"]:focus:not(.browser-default):not([readonly]), input[type="password"]:focus:not(.browser-default):not([readonly]), input[type="email"]:focus:not(.browser-default):not([readonly]), input[type="url"]:focus:not(.browser-default):not([readonly]), input[type="time"]:focus:not(.browser-default):not([readonly]), input[type="date"]:focus:not(.browser-default):not([readonly]), input[type="datetime"]:focus:not(.browser-default):not([readonly]), input[type="datetime-local"]:focus:not(.browser-default):not([readonly]), input[type="tel"]:focus:not(.browser-default):not([readonly]), input[type="number"]:focus:not(.browser-default):not([readonly]), input[type="search"]:focus:not(.browser-default):not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #1b72ce;
    box-shadow: 0 1px 0 0 #1b72ce;
}


input:focus:not([type]):not([readonly]) + label, input[type="text"]:focus:not(.browser-default):not([readonly]) + label, input[type="password"]:focus:not(.browser-default):not([readonly]) + label, input[type="email"]:focus:not(.browser-default):not([readonly]) + label, input[type="url"]:focus:not(.browser-default):not([readonly]) + label, input[type="time"]:focus:not(.browser-default):not([readonly]) + label, input[type="date"]:focus:not(.browser-default):not([readonly]) + label, input[type="datetime"]:focus:not(.browser-default):not([readonly]) + label, input[type="datetime-local"]:focus:not(.browser-default):not([readonly]) + label, input[type="tel"]:focus:not(.browser-default):not([readonly]) + label, input[type="number"]:focus:not(.browser-default):not([readonly]) + label, input[type="search"]:focus:not(.browser-default):not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #1b72ce;
}
/*Cambia el color de los iconos de un input*/
.material-icons.prefix.pt-2.active {
    color: #1b72ce;
}

/* Leaflet Draw */

.leaflet-draw {
  display: none;
}

.leaflet-draw-toolbar {
  display: none;
}


/* Control de medición*/
.leaflet-control-measure {
    background: #fff none repeat scroll 0 0;
    margin-left: -260%;
    max-width: 280px;
    position: absolute;
    display: none;
}

/*div contenedor del boton para borrar capa temporal*/

.borra-temp {
    position: absolute; 
    margin-left: 155px; 
    top: 0px; 
    
}

.borra-temp i {
    color: #1b72ce;
}

/*Color de boton activo en el menu*/

.sidenav li.open {
    background: #1a72cf;
}


.sidenav-active-square.nav-collapsed li.close {

    background-color: #1a72cf;

}

/*msj que indica que no hay capas*/

.no-capa {
    padding-left: 25px;
    background: #fff none repeat scroll 0 0;
    z-index: 0;
}


.no-capa label {
    color: #000;
    font-size: 0.9rem;
}

/*Seccion de busqueda*/

#slide-out-right.sidenav {
    z-index: 1002;
    width: 580px;
}

/*campo-search*/

#campo-search {
    position: absolute;
    width: 514px;
}

.navbar input.header-search-input {
    width: 62%;
}

.leyenda-activa {
    background-color: #8eb5e7 !important;
}

a.leyenda-activa span.badge {
    border: 2px solid #fdfcfc;
}

.dropdown-content li > a, .dropdown-content li > span {
    color: #1b72ce;
}




.brand-sidebar span.logo-text {
    font-size: 100%;
}

.sidenav li > a > i, .sidenav li > a > [class^="mdi-"], .sidenav li > a li > a > [class*="mdi-"], .sidenav li > a > i.material-icons {
    line-height: 48px;
    float: left;
    width: 24px;
    height: 48px;
    margin: 0 32px 0 0;
    color: #000;
}

.sidenav li.open.active a {
    color: white;
}

.sidenav li.open.active  a > i.material-icons{
    color: white;
}


.sidenav li.open.active.open ul.collapsible-sub a.collapsible-header {
    color: black;
}


.sidenav li.open.active.open ul.collapsible-sub a.collapsible-header > i.material-icons{
    color: black;
}

.sidenav li.close > a > i.material-icons{
    color: white;
}

.sidenav .collapsible-sub li {
    background-color: #f7f7f7;
}

.marcador {
    -webkit-text-stroke: 1.2px black;
}

.marcador:hover {
    -webkit-text-stroke: 2px white;
}

.leyenda-activa h6.leynombentiddad {
    color: white;
}

table#tabla-info, table#tabla-info_pequena{
    border-collapse: separate;
    border-spacing: 1px;
}

/*Estilo para form login*/
.login-form {
    border-radius: 0.6rem;
    position: fixed;
    top: 10%; 
    right: -105%;
    background: #fff;
    width: 21rem;
    align-items: center;
    opacity: 0;
    padding: 1rem;
    z-index: 100000;
    transition: all .2s linear;
    transition: width none;
    -webkit-box-shadow: -1px 0px 10px 3px rgba(0,0,0,0.82); 
    box-shadow: -1px 0px 10px 3px rgba(0,0,0,0.82);
}

.login-form.active {
    right: 2rem;
    opacity: 1;
    transition: .4s linear;
}
/*Fin Estilo para form login*/


.progress {
    background-color: #fff;
}

.progress .indeterminate {
    background-color: #1d6dca;
}

button:focus {
   background-color: #7cd1f9;
}   

.leaflet-control-measure .leaflet-control-measure-interaction {
    cursor: move;
}

.marker-cluster span {
    line-height: 30px;
    -webkit-text-stroke: 0.35px black;
    font-size: 125%;
    font-weight: bold;
}

.check-menu{
  padding-left: 7%;
}        

.label-menu{

    font-size: .8rem;
    color: #0b0b0b;

}

@media only screen and (min-width: 993px)
{
    footer
    {
        padding-left: 29%;
    }
}