/*
Modificado por Pedro para utilizarlo en el Visualizador
*/
/* 
    Created on : 05/04/2016, 08:46:25
    Author     : jbacigalupo
*/

@media screen{
    
/*    html, body {
        height: 100%;
        font-family: TheSansSemi,Trebuchet,"Lucida Sans Unicode","Lucida Sans","Lucida Grande",Malayalam,Verdana,sans-serif !important;
        min-width: 300px;
        background-color: rgba(255,255,255,0)!important;
    }*/
    .ui-tooltip {
        max-width: 550px!important;
        font-family: TheSansSemi,Trebuchet,"Lucida Sans Unicode","Lucida Sans","Lucida Grande",Malayalam,Verdana,sans-serif !important;
      }
/*    .popover
    {
        position: absolute;
        background-color: white;
        -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
        filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
        padding: 15px;
        border-radius: 10px;
        border: 1px solid #cccccc;
        bottom: 12px;
        left: -50px;
        min-width: 280px;
    }*/
    
/*   body .container-fluid 
    {
        margin: 0 0;
        width: 100%;
        padding-right: 0px; 
        padding-left: 0px; 
        min-width: 300px;
    }*/

/*    div#header{ 
        opacity: 1;
        z-index: 99999;
        width:100%; 
        height:55px;
        background-color: #E3E1E2; 
        padding: 5px 0px
    }*/
    #logo_idesf{
            margin-top: -10px;
    }
    #idesf_logo
    {
        position: fixed;
        bottom: 7px;
        right: 18px;
        width: 50px;
        display: none;
    }
    
    #logo_gob{ 
        float:right; 
/*        width:96px; 
        height:33px; 68px; */
/*        padding-right: 30px;*/

/*        padding-top: 4px;*/
        margin-right: 15px;
        text-align: right;
        vertical-align: middle;  
    }
    

    
    #blur
    {
        background-color: #797979;
        opacity: 0.8;
        height: 100%;
        width: 100%;
        z-index: 1100;
        position: absolute;
        
    }
    #errorConeccion
    {
        color: red;
        display: block;
        text-shadow: 1px 1px 3px rgba(253,255,157, 1);
        position: relative;
        font-size: 15px;
        top: 50%;
        left: 50%;
        z-index: 1100;
    }

    
    .ui-tooltip-content
    {
        white-space:pre;
    }
    
    .pressed
    {
        /*background-color: rgba(102,102,102,0.7)!important;*/
        -webkit-box-shadow: inset 0px 0px 9px 0px rgba(0,0,0,1);
        -moz-box-shadow: inset 0px 0px 9px 0px rgba(0,0,0,1);
        box-shadow: inset 0px 0px 9px 0px rgba(0,0,0,1);
        
    }
    .ol-popup {
        position: absolute;
        background-color: white;
        -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
        filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
        /*padding: 15px;*/
        border-radius: 10px;
        border: 1px solid #cccccc;
        bottom: 12px;
        left: -50px;
        min-width: 250px;

    }
    .ol-popup:after, .ol-popup:before {
      top: 100%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
    }
    .ol-popup:after {
      border-top-color: white;
      border-width: 10px;
      left: 48px;
      margin-left: -10px;
    }
    .ol-popup:before {
      border-top-color: #cccccc;
      border-width: 11px;
      left: 48px;
      margin-left: -11px;
    }
    .ol-popup #popup-content {
        padding: 10px;
        padding-left: 15px;
        padding-right: 39px;
    }
/*    .ol-popup-closer {
        text-decoration: none!important;
        position: absolute;
        top: 11px;
        right: 12px;
        color: #555555;
      }*/
    .ol-popup-closer{
        
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        -webkit-box-shadow: 0px 0px 7px #666666;
        -moz-box-shadow: 0px 0px 7px #666666;
        box-shadow: 0px 0px 7px #666666;
        font-family: Arial;
        color: #ffffff;
        font-size: 11px;
        padding: 1px 5px 0px 5px;
        background: #cccccc;
        border: solid #eee 2px;
        text-decoration: none;
        position: absolute;
        right: 0em;
        margin-right: -10px;
        margin-top: -9px;
    }

    .ol-popup-closer:hover {
      background: #9c9c9c;
      text-decoration: none;
    }

    .ol-popup-closer a {

        text-decoration: none!important;
    }
    
    #titulo
    {
        font-weight: bold;
    }
    
    .info
    {
        
    }
    #copia_titulo
    {

            float: right;
            position: absolute;
            display: block;
            right: 8px;
            top: 44px;
            
    }
    .copiar
    {
            position: relative;
            height: 13px;
    }
    #copia_coords
    {
        display: block;
        float: right;
        position: relative;
        bottom: -1.5em;
        right: -32px;
    }
    
    .coordenadas hr
    {
        margin-top: 4px;
        margin-bottom: 15px;
    }
    .coordenadas
    {
        position: relative;
    }

    #popup-content .etiqueta
    {
            /*float: left!important;*/
            display: block!important;
            line-height: 14px!important;
            white-space:pre;
            width: 90%;
            text-align: center;
            margin-top: 5px;
            margin-bottom: 6px;
            font-weight: normal;
            position: absolute;
                
    }
    #popup-content .datos
    {
            float: left!important;
            display: block!important;
            line-height: 13px!important;
            white-space:pre;
            text-align: left;
            margin-top: 5px;
            margin-bottom: 6px;
            font-weight: normal;
            padding-right: 0.2em;
            padding-bottom: 0.5em;
    }
    #popup-content div
    {
            /*display: table-row;*/
    }
    
    #popup-content hr
    {
        margin-top: 10px!important;
        margin-bottom: 10px!important;
    }
    
    .position {
        position: absolute;
        bottom: 0px;
        left: calc(50% - 75px);
        background-color: #FFF;
        color: #000;
        width: 200px;
        text-align: center;
        font-size: 11px;
        line-height: 22px;
    }
    .shadow {
        -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.5);
    }
    
    #control
    {
        position: relative;
        width: 50px;
        height: 100px;
        bottom: 10em;
        left: calc(100% - 50px);
    
    }
    
    .ol-attribution
    {
        height: 33px!important;
    }
    .ol-collapsed
    {
         height: 24px!important;
    }
    
    #control_izquierda
    {
        position: fixed;
        width: 30px;
        bottom: 150px;
        left: 20px;
    }
    
    .geolocate 
    {
        margin-top: 65px;
        right: 49px;
       
        
    }
    
    .geolocate button
    {
        margin-top: 65px;
        right: 49px;
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position: 1px 1px;
        background-image: url(../img/location-icon.png);
        
    }
    
    .buscando-pos
    {
        
        right: 49px!important;
        background-repeat: no-repeat!important;
        background-size: 20px 17px!important;
        background-position: 1px 2px!important;
        background-image: url('logo.gif')!important;
        
    }
    
    #icono-buscar
    {
        position: static;
        width: 39px;
        height: 46px;

    }
    
    .presionado
    {
        background-color: #E3E1E2;
        color:#7b98bc;
    }
    #icono-buscar:hover
    {
        background-color: #dddddd;
        color:#000000;
    }
    
    #icono-info:hover
    {
         background-color: #dddddd;
        color:#000000;
    }
    #icono-info
    {
            position: static;
    }
    
    .icono-buscando
    {
        background-size: 28px 25px;
        background-image: url(logo.gif?1702140959);
        background-repeat: no-repeat;
        background-origin: inherit;
        background-position: 5px;
    }
    
    .sombreado
    {
        background-color: rgba(255,255,255,0);
        border-radius: 10px;
         -webkit-box-shadow: 0px 0px 26px 0px rgba(50, 50, 50, 0.61)!important;
        -moz-box-shadow:    0px 0px 26px 0px rgba(50, 50, 50, 0.61)!important;
        box-shadow:         0px 0px 26px 0px rgba(50, 50, 50, 0.61)!important;
    }
    #form_busca
    {
        position: absolute!important;
        top:2em!important;
        padding: 0px;
        margin-left: 2em;
    }
    .form-busca
    {
        background-color:rgba(255, 255, 255, 1);  
    }
    
    .popup-ayuda
    {
        max-width: 280px!important;
        font-size: small;
    }
    .popup-ayuda h6
    {
        font-weight: bold;
        margin-top: 5px;
    }
    
    #input_busqueda
    {
        padding-right: 10px;
        border-right: none;
    }
    
    .form-control
    {
/*      -webkit-box-shadow: 0px 0px 26px 0px rgba(50, 50, 50, 0.61)!important;
        -moz-box-shadow:    0px 0px 26px 0px rgba(50, 50, 50, 0.61)!important;
        box-shadow:         0px 0px 26px 0px rgba(50, 50, 50, 0.61)!important; */
    }
    
    .busqueda
    {
        margin-top: 0.1em;
        min-width: 300px;
        /*background-color:rgba(255, 255, 255, 0.5);*/

    }
    
    /* The switch - the box around the slider */
        .switch {
          position: relative;
          display: inline-block;
          width: 34px;
          height: 14px;
        }

        /* Hide default HTML checkbox */
        .switch input {display:none;}

        /* The slider */
        .slider {
          position: absolute;
          cursor: pointer;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background-color: #ccc;
          -webkit-transition: .4s;
          transition: .4s;
        }

        .slider:before {
          position: absolute;
          content: "";
          height: 13px;
          width: 13px;
          left: 4px;
          bottom: 4px;
          background-color: white;
          -webkit-transition: .4s;
          transition: .4s;
        }

        input:checked + .slider {
          background-color: #555555;
        }

        input:focus + .slider {
          box-shadow: 0 0 1px #666666;
        }

        input:checked + .slider:before {
          -webkit-transform: translateX(12px);
          -ms-transform: translateX(12px);
          transform: translateX(12px);
        }

        /* Rounded sliders */
        .slider.round {
          border-radius: 34px;
        }

        .slider.round:before {
          border-radius: 50%;
        }
    /*fin slider switchs*/
        
        
    .layer-switcher
    {
/*        -webkit-box-shadow: 0px 0px 38px 0px rgba(50, 50, 50, 0.61);
        -moz-box-shadow:    0px 0px 38px 0px rgba(50, 50, 50, 0.61);
        box-shadow:         0px 0px 38px 0px rgba(50, 50, 50, 0.61); 
        border-radius: 38px!important;*/
        border-radius: 30px!important;
        margin-bottom: 2px;
    }
    .layer-switcher button
    {
        -webkit-box-shadow: 0px 0px 38px 0px rgba(50, 50, 50, 0.61)!important;
        -moz-box-shadow:    0px 0px 38px 0px rgba(50, 50, 50, 0.61)!important;
        box-shadow:         0px 0px 38px 0px rgba(50, 50, 50, 0.61)!important; 
        background-color: rgba(255,255,255,0.6)!important;
        border-radius: 38px!important;
    }
    .layer-switcher .panel
    {
        -webkit-box-shadow: 0px 0px 38px 0px rgba(50, 50, 50, 0.61)!important;
        -moz-box-shadow:    0px 0px 38px 0px rgba(50, 50, 50, 0.61)!important;
        box-shadow:         0px 0px 38px 0px rgba(50, 50, 50, 0.61)!important;
        border-radius: 10px!important;
    }
    #marker
    {
        content: url(../img/marker.png);
        width: 24px;
        font-size: 24px;
    }
    
    #results-container
    {
        background-color: #ffffff;
        -webkit-box-shadow: 0px 0px 26px 0px rgba(50, 50, 50, 0.61);
        -moz-box-shadow:    0px 0px 26px 0px rgba(50, 50, 50, 0.61);
        box-shadow:         0px 0px 26px 0px rgba(50, 50, 50, 0.61); 
        border-radius: 1px 1px 1px 1px;
        -moz-border-radius: 1px 1px 1px 1px;
        -webkit-border-radius: 1px 1px 1px 1px;
        border: 0px solid #000000; 
    }
    
    #results-list
    {
      padding-left:0px!important;   
      overflow-x:visible!important;
    }
    
    #results-list-busqueda
    {
        list-style: none;
        padding:0px;
        display: inline-block;
        overflow-y: hidden;
        overflow-x:hidden ;
        cursor: pointer;
        width: 100%;
    }
    
    #results-list-busqueda li:nth-child(odd) 
    {
        background-color: #f0f0f0;
    }
    
    #results-list-busqueda li:nth-child(odd):hover
    {
        background-color: #cccccc;
    }
    
    #results-list-busqueda li:nth-child(odd).selected 
    {
        background-color: #cccccc; 
    }
    
    
    #results-list-busqueda-interseccion
    {
        list-style: none;
        display: none;
        padding:0px;
        display: inline-block;
        overflow-y: hidden;
        overflow-x:hidden ;
        cursor: pointer;
        width: 100%;
    }
    
    #results-list-busqueda-interseccion li:nth-child(odd) 
    {
        background-color: #f0f0f0;
    }
    
    #results-list-busqueda-interseccion li:nth-child(odd):hover
    {
        background-color: #cccccc;
    }
    
    #results-list-busqueda-interseccion li:nth-child(odd).selected 
    {
        background-color: #cccccc; 
    }
   
    
    #results-list-localidades
    {
        list-style: none;
        padding: 0px;
        overflow-y: scroll;
        cursor: pointer;
        overflow-x:hidden ;
        overflow-y: hidden;
        font-weight: normal!important;
        width: 100%;
    }
    
    #results-list-localidades li:nth-child(odd) 
    {
        background-color: #f0f0f0;
    }
    
    #results-list-localidades li:nth-child(odd):hover
    {
        background-color: #cccccc;
    }
    
    #results-list-localidades li:nth-child(odd).selected 
    {
        background-color: #cccccc; 
    }
    
    
    .resultado
    {
        padding-left: 1em;
    }
        
/*    .resultado:hover
    {
        background-color: #cccccc;
    }*/
    
    .cargando-lista
    {
        background: url(https://www.santafe.gob.ar/assets/standard/images/loading.gif);
        height: 20px;
        width: 20px;
        background-size: 20px 20px;
        position: absolute;
        right: 20px;
        margin-top: -2px;

    }
    .cabecera-lista
    {
        font-weight: bolder;
        padding-top: 0.5em;
        background-color: #F1F1F1;
        margin-bottom: 0.2em;
        border-bottom-style: outset;
        border-bottom-width: 1px;
        border-top-width: 1px;
        padding-left: 6px;
    }
    
    .elemento-lista
    {
        margin-left: 10px;
    }
    
    .elemento-lista-intersect
    {
        margin-left: 10px;
        font-size: 95%;
    }
    
    .elemento-lista-intersect .division
    {
        margin-left: 20px;
        font-size: 93%;
    }
    
    li.elemento-lista:hover
    {
        background-color: #cccccc;
    }
    
    li.elemento-lista-intersect:hover
    {
        background-color: #cccccc;
    }
    
    .selected
    {
        background-color: #cccccc; 
    }
    
    
    

   

/**
 /*---------------------Bootstrap
 */
   

.dropdown-menu>.active>a { background-color: #108A97}
.dropdown-menu>.active>a:hover { background-color: #777}

.btn-primary {
    color: #fff;
    background-color: #108A97;
    border-color: #108A97;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #108A97;
    border-color: #108A97;
}


p#medida{ text-align: center }




button:focus
{
   outline-width: 0px!important;

}
}


#dropdownlist{position: absolute; padding:0px 2px}



/* Popup */
#popupBuscador_contentDiv span.tipoDivision{     text-transform:capitalize;}