/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);*/
/*@import url(http://fonts.googleapis.com/css?family=Armata&subset=latin,latin-ext);*/
@import url('/gcss/addax_visor_font.css');

@font-face {
    font-family: 'Avenir Next Medium';
    src: url("fonts/AvenirNextLTPro-Demi.otf"); /* File to be stored at your site */
}
@font-face {
    font-family: 'Avenir Next Condensed';
    src: url("fonts/AvenirNextLTPro-Cn.otf"); /* File to be stored at your site */
}
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);*/
.olImageLoadError {
    /* when OL encounters a 404, don't display the pink image */
    display: none !important;
}
html ,
body {
    margin: 0;
    padding: 0;
    height: 100% !important;
    overflow-y: hidden;
    position: relative;
    /*font-family:  helvetica, arial sans-serif;*/
    /*font-size: 12px;*/
    font-family: 'Open Sans',"Calibri", sans-serif !important;
    font-size: 14px;

    /* padding-left: 5px; */
    /* padding-right: 5px; */
    width: 100%;
    background-color: #ffffff;
    overflow-x: hidden;
}
body{
    /*width: 1024px;
    margin-left: auto;
    margin-right: auto;*/
}

h3, ul, li, div {
    font-family: 'Open Sans',"Calibri", sans-serif !important;
}

div#allholder{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    /*border: 1pt solid #cccccc;*/
    border-radius: 5px;
    width: 100%;
    /*height: 100%; Esto hay que manejarlo diferente en MOBILE*/

    height: calc(100% - 60px) !important;
    height: -moz-calc(100% - 60px);
    height: -webkit-calc(100% - 60px);
    box-sizing: border-box;
    border-top: 0px;
}
@media (min-width: 992px){
    div#allholder{
        height: calc(100% - 77.6px) !important;
        height: -moz-calc(100% - 77.6px);
        height: -webkit-calc(100% - 77.6px);
    }
}
div.encabezado, div.encabezado-mobile{
    background-color: #fff;
    position: relative;
    z-index: 5;
    box-shadow: 1px 1px 14px 0px #00000052;
}
#dialog-consultapunto div.encabezado{
    box-shadow: none;
}
html {
}
div#todoholder{
    height: 100%;
    width: 100%;
    margin: 0px !important;
    position: absolute;
}
div.bottom-section{

}
div.olControlZoomPanel {
    height: 108px;
    width: 36px;
    position: absolute;
    top: 20px;
    left: 20px;
}
div.olControlZoomPanel div {
    width: 36px;
    height: 36px;
    background-image: url("/Visor/mapimgs/mobile-zoombar.png");
    left: 0;
}
div.olControlZoomPanel .olControlZoomInItemInactive {
    top: 0;
    background-position: 0 0;
}
div.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
    top: 36px;
    background-position: 0 -36px;
}
div.olControlZoomPanel .olControlZoomOutItemInactive {
    top: 72px;
    background-position: 0 -72px;
}

.ui-content {
    padding: 0;
}
.ui-footer {
    text-align: center;
    /*padding-bottom: 5px;*/
    padding-top: 5px;
}
.portrait, .portrait #mappage {
    min-height: 0;
}
/*.portrait, .portrait .ui-page{*/
/*min-height: 0;*/
/*}*/
#mappage, #mappage .ui-content, #map {
    width: 100%;
    height: 100%;
}
.olControlAttribution {
    font-size: 10px;
    bottom: 5px;
    right: 5px;
}
#navigation {
    position: absolute;
    bottom: 70px;
    left: 10px;
    z-index: 1000;
}
#navigation .ui-btn-icon-notext {
    display: block;
    padding: 7px 6px 7px 8px;
}
#title, #tags, #shortdesc {
    display: none;
}
.ui-icon-check {
    opacity: 0.3;
}
.checked .ui-icon-check {
    opacity: 1;
}
.ui-icon-locate {
    background-image: url(/Visor/mapimgs/locate.png);
}
.ui-icon-layers {
    background-image: url(/Visor/mapimgs/openlayers.png);
}
.ui-content .ui-listview-inset, #search_results {
    margin: 1em;
}
.ui-content .ui-listview {
    margin: 0px;
}
#details-list li{
    padding:15px 10px;
}
#fancyacontainer
{
    display: none;
}
div#resultados-imprimible{
    display: none;
}
@media print {
    div#gmap{
        display: none;
    }
    div#gmap2{
        display: none;
    }
    div#gmap,
    div.gm-style,
    body * {
        visibility:hidden;
        object-fit: contain;/*Mantiene el aspect ratio de todos los contenedores :) */
    }
    div#olmap,div#olmap *,div.olmap, div.olmap *
    {
        visibility:visible !important;
        /*size: landscape;*/
    }
    div#resultados-imprimible *{
        visibility: visible;
    }
    div#resultados-imprimible{
        display: block;
    }

    div.selector-capas-holder *{
        visibility:visible;
        -webkit-print-color-adjust: exact;
    }
    div.left_subheader_txt span{
        visibility: visible;
        color: #000 !important;
        font-size: 18px;
    }

    /*div.map {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        zoom: 50%;
    }*/


    .olControlPanZoom
    , .olControlDrawFeaturePolygon
    , .olControlDrawFeaturePoint
    , .olControlNavigation
    , .olControlDrawFeaturePath
    , .olControlEditingToolbar
    {
        display: none;
    }
    * {
        size: landscape;
    }
}


.olLayerGooglePoweredBy.olLayerGoogleV3.gmnoprint {
    visibility:hidden;
}

.maps_holder{

    position: relative;
    font-size: 16px;
    height: 100%;
    box-sizing: border-box;
}
.maps {
    padding: 1px;
}
.switch:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.switch {
    position: absolute;
    top: -3px;
    right: 0px;
    z-index: 5000;
    background: #FFF;
    width: 179px;
    text-align: center;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    color: #888888;
    height: 67px;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.bottom_toolbar_holder{
    width: 562px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;

}
.bottom_toolbar{
    /*padding-left: 150px;*/
    background: #dededb;
    overflow: visible;
    padding-top: 0px;
    padding-bottom: 16px;
    position: relative;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.indicadores_frame{ width: 160px; }
.locacion_frame select { width: 170px; background: #F2F2F2;}
div.locacion_frame{ width: 435px; float: left !important; clear: left; margin-top: 10px !important; height: 117px !important; margin-bottom: 10px; padding-top: 4px; text-align: left; padding-left: 15px;}
.layers_frame{ width: 435px;
    overflow-y: hidden;
    overflow-x: hidden;
    text-align: left !important;
    list-style: none;
    padding-left: 16px;}
#layerlist{
    height: 63px;
    overflow-y: scroll;
    margin-top: 0px;
    margin-bottom: 0px;
}
.mapas_frame {
    width: 157px;
    text-align: center;
    margin-left: 6px !important;
}

.toolbar_frame{
    background: #f5f5f5;
    border-radius: 6px;

    border: 1px solid #e3e3e3;
    height: 200px;
    margin-left: 10px;
    min-width: 137px;
    float: left;

    color: #1B1B1B;
    display: block;
    overflow: hidden;
    position: relative;
}


div.header-overdone,
div.header{
    height: 60px;
    width: 100% !important;
    /* box-shadow: 1px 1px 21px rgb(90, 89, 89); */
    background: #1B637F !important;
    /* border-bottom: solid 10px #007B38;*/
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    overflow: visible;
    border: none;
    z-index: 26;
    position: relative;
    -webkit-box-shadow: 0px 2px 36px -1px rgba(21,66,87,0.15);
    -moz-box-shadow: 0px 2px 36px -1px rgba(21,66,87,0.15);
    box-shadow: 0px 2px 36px -1px rgba(21,66,87,0.15);
}
body.advancedsearch div.selector-capas-holder{
    top: 105px;
}
body.advancedsearch div.header-overdone{
    height: 173px;
}
div.container-fluid.contenedor-general {
    padding: 0px;
}
div.header-overdone{
    position: absolute;
    top: 76px;
}

div.header-extra {
    display: none;
}
body.advancedsearch div.header-extra {
    display: block;
    clear: both;
    width: 100%;
    padding: 0px 1.5em;
    box-sizing: border-box;
    height: 80px;
    position: relative;
}

div.header-normal {
    overflow: hidden;
    height: 57px;
    display: block;
    margin-top: 3px;
}

div.header-extra-line {
    border-top: 1px solid #C0E1F0;
}
.left_subheader{
    background: url(/Visor/mapimgs/logoh.png) no-repeat transparent;
    width: 59px;
    height: 55px;
    float: left;
    margin-left: 0px;
    margin-top: 0px;
    background-size: 62px 44px;
    margin-left: 15px;
}
.right_subheader{
    display: block;
    position: absolute;
    right: 27px;
    height: 57px;
    top: 2px;
}
div.menu-btn {
    display: block;
    height: 24px;
    width: 32px;
    position: relative;
    background: url(/Visor/mapimgs/icon-menu.png) no-repeat;
    cursor: pointer;
    margin-top: 11px;
    margin-left: 7px;
    float: left;
}
.map.ingresandopin{
    cursor:pointer;
}
.map.consultando{
    cursor:help;
}
.map{
    /*background: #36487A;*/
    background: #fff;
}

.mapstable{
    border-spacing: 0px;
    border-collapse: collapse;
    border-color: #6BB0DA;
    width: 100%;
    background: #6BB0DA;
    border: none;
}
#bottom{
    clear: both;
    margin-top: 0px;
    float: none;
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 205px;
    width: 100%;
    background: #f2f2f3;
    box-shadow: 1px 1px 21px rgb(90, 89, 89);
    color: #68686a;
    display: none;
}

.olControlPanZoom:hover{
    opacity: 1  !important;
    filter:alpha(opacity=100)  !important;
}
.olControlPanZoom {
    position: absolute !important;
    /*left: 20px !important;
    top: 28px  !important;*/
    z-index: 1002;
    background: URL("/Visor/mapimgs/controles.png") no-repeat transparent;
    height: 93px;
    width: 146px;
    opacity: 0.4  !important;
    filter:alpha(opacity=40)  !important;
}

div[id$="panleft"] ,
div[id$="panleft"]  img,
div[id$="panright"] ,
div[id$="panright"]  img,
div[id$="pandown"] ,
div[id$="pandown"]  img,
div[id$="panup"]  img,
div[id$="panup"] {
    width: 25px !important;
    height: 25px !important;
}

div[id$="panleft"]{
    left: 0px !important;
    position: absolute;
    top: 33px !important;
    cursor: pointer;
}
div[id$="panright"]{
    position: absolute;
    left: 42px !important;
    top: 32px !important;
    cursor: pointer;
}
div[id$="pandown"]{
    position: absolute;
    left: 21px !important;
    top: 56px !important;
    cursor: pointer;
}
div[id$="panup"]{
    position: absolute;
    left: 21px !important;
    top: 11px !important;
    width: 25px !important;
    height: 25px !important;
    cursor: pointer;
}
.nothing{cursor: pointer;}
div[id$="zoomout"],
div[id$="zoomin"],
img[id$="zoomout_innerImage"],
img[id$="zoomin_innerImage"]{
    width: 27px !important;
    height: 27px !important;
}
.nothing{cursor: pointer;}
div[id$="zoomworld"] {
    left: 72px !important;
    top: 30px !important;
    width: 30px !important;
    height: 29px !important;
}

img[id$="zoomworld_innerImage"]{
    width: 30px !important;
    height: 29px !important;
}

div[id$="zoomout"] {
    left: 74px !important;
    top: 60px !important;
}

div[id$="zoomin"] {
    left: 74px !important;
    top: 2px !important;
}
.fancy_toolbox{
    background: #009DDC;
    width: 118px;
    height: 140px;
    position: absolute;
    bottom: 115px;
    left: 0px;
    border-top-right-radius: 11px;
    border-left: 1px solid #009DDC;
    padding-left: 10px;
    padding-top: 25px;
    z-index: 5000;
}
.olControlPanZoom{
    /*position: relative !important;*/
}
.layer_name_desc{
    /* width: calc(100% - 68px); */
    float: left;
    margin-bottom: 2px;
    display: inline-block;
}
#layerlist li{
    overflow: hidden;
}
.locacion_select_holder .h_text{
    float: left;
    margin-right: 3px;
    width: 75px;
    text-align: left;
    padding-top: 4px;
    margin-left: 10px;
}
.locacion_select_holder{
    float: left;
    clear: both;
    margin-left: 0px;
    margin-top: 6px;
    position: relative;
    width: 100%;
    font-size: 14px;
}
.mapas_header {
    margin-top: 9px;
}
#tipo_indicador select{
    margin-top: 5px;
}
.mapas_frame select {
    margin-top: 11px;
}
#tipo_indicador,
#tipo_red{
    margin-top: 7px;
}
.dd-container{margin-left: auto;margin-right: auto;margin-top: 3px;}
.dd-selected-text{color: black;}
.dd-select, .dd-container{width: 145px !important;}
.dd-selected{padding: 2px !important;}
.dd-option {padding: 2px !important;}
.dd-options{width: 145px !important;}


.map_loading {
    position: absolute;
    top: 0px;
    left: 70px;
    z-index: 5000;
    background: #6BB0DA;
    display: none;
    width: 91px;
    height: 32px;
    position: absolute;
    background-color: rgba(0, 157, 220 , 1);
    background-color: rgba(131, 182, 80, 0.51);
    color: white;
    padding-top: 6px;
}
.olControlAddaxToolbar:hover {
    opacity: 1  !important;
    filter:alpha(opacity=100)  !important;
}
.olControlAddaxToolbar {
    /*margin-top: 65px !important;*/

    opacity: 0.4  !important;
    filter:alpha(opacity=40)  !important;
    display: none;
}
#LegendPopup:hover{
    opacity: 1  !important;
    filter:alpha(opacity=100)  !important;
}
.olControlAddaxToolbar div {
    float: left !important;
    margin-right: 10px !important;
}
#LegendPopup{
    position: absolute;
    right: 0px !important;
    bottom: 0px  !important;
    width: 195px  !important;
    height: 106px  !important;
    background-color: white;
    border: 1px solid #7B949B !important;
    overflow-y: scroll !important;
    left: auto !important;
    top: auto !important;

    opacity: 0.6  !important;
    filter:alpha(opacity=60)  !important;
}
#LegendPopup_contentDiv{
    height: auto !important;
}
#LegendPopup_GroupDiv{
    position: relative;
    overflow: hidden !important;
}
#tools-copyright{
    clear: both;
    margin-top: 5px;
    display: block;
}
.dd-options{
    /*margin-top: -37px !important;*/
}
div#overmap-holder {
    position: absolute;
    width: 100%;
    /*height: calc(70% - 25px) !important;/*misma del mapa.*/
}
body.resultadosbusqueda div#overmap-holder,
body.resultadosbusqueda .map.olMap{
    /*height: calc(100% - 51px) !important; esta para mostrar solo el mapa.*/
    height: calc(70% - 25px);
    height: -moz-calc(70% - 25px);
    height: -webkit-calc(70% - 25px);
    height: 70% !important;
}
body.resultadosbusqueda.busquedagrande div#overmap-holder,
body.resultadosbusqueda.busquedagrande .map.olMap{
    /*height: calc(100% - 51px) !important; esta para mostrar solo el mapa.*/
    height: calc(40% - 25px);
    height: -moz-calc(40% - 25px);
    height: -webkit-calc(40% - 25px);
    height: 40% !Important;
}
div#overmap-holder,
.map.olMap{height: 100% !important; /*esta para mostrar solo el mapa.*/
    /* Para que se muestre solo el mapa nuevamente :)
    height: calc(100% - 51px) !important;
    height: -moz-calc(100% - 51px);
    height: -webkit-calc(100% - 51px);*/
}

div#resultados-busqueda{
    display: none;
    height: calc(30% - 26px);
    height: -moz-calc(30% - 26px);
    height: -webkit-calc(30% - 26px);
    width: 100%;
    background: #F5F5F5;
    height: 30%;
}
body.resultadosbusqueda.busquedagrande div#resultados-busqueda{
    height: calc(60% - 26px);
    height: -moz-calc(60% - 26px);
    height: -webkit-calc(60% - 26px);
    height: 60%;
}
body.resultadosbusqueda div#resultados-busqueda{
    display: block;
}
#layerlist_base li:last-child{
    margin-left: 22px;
}
#layerlist_base li{
    float: left;
}
#layerlist_base{
    overflow: hidden;margin-top: 10px;
}
#layerlist_base .layer_name_desc{width: 55px !important; }
#layerlist_base hr{width: 170px;
    float: none;
    clear: both;
    display: block;
    margin-left: 0px; }

#leyenda_r, #tipo_indicador_sel, #leyenda_b{width: 137px;}

.ui-dialog-titlebar-close {
    background: url(imgs/sprite1_2019.png) no-repeat transparent;
    height: 10px !important;
    width: 10px !important;
    background-position: -161px -221px;
    border: 0;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px;
}

.ui-dialog.ui-widget.ui-widget-content{
    z-index: 5000 !important;
    border: 0;
    padding: 0px;
    -webkit-box-shadow: 7px 7px 15px -10px rgba(21,66,97,0.73);
    -moz-box-shadow: 7px 7px 15px -10px rgba(21,66,97,0.73);
    box-shadow: 0px 7px 15px -10px;
    overflow: visible;
}

/* Intro JS configuración extra */

.introjs-tooltip{
    font-size: 16px !important;
}

.introjs-button{
    padding: 0.5rem !important;
    border-radius: 20px !important;
    text-shadow: none !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 0.8rem !important;
    border: 0 !important;
    margin-left: 5px !important;
    outline:none !important;
}

.introjs-button:hover
{
    color: #fff !important;
}
.introjs-nextbutton,.introjs-nextbutton:focus{
    background: #e36f1e !important;
    color: #fff !important;
    box-shadow: none !important;
}

.introjs-prevbutton,
.introjs-prevbutton:focus{
    background: #005581 !important;
    color: #fff !important;
    box-shadow: none !important;
}

.introjs-skipbutton,
.introjs-skipbutton:focus{
    background: #807f83 !important;
    color: #fff !important;
    box-shadow: none !important;
}

.introjs-prevbutton:hover{
    background: #568DC3 !important;
    color: #fff !important;
}

.introjs-nextbutton:hover{
    background: #FF8835 !important;
    color: #fff !important;
}

.introjs-skipbutton:hover{
    background: #A2A1A5 !important;
    color: #fff !important;
}

.introjs-disabled,
.introjs-disabled:hover,
.introjs-disabled:focus{
    background: #E6E6E6 !important;
    color: #666 !important;
}

.introjs-tooltip{
    padding: 1.5rem !important;
    padding: 10px !important;
    min-width: 200px !important;
    max-width: 300px;
}

.introjs-helperNumberLayer{
    background: #e36f1e !important;
    color: #fff !important;
    border: 0 !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    font-size: 1.25rem !important;
    text-shadow: none !important;
}

.introjs-bullets ul li a{
    background: #ddd !important;
}
.introjs-bullets ul li a.active {
    background: #666 !important;
}

/* Fin de Intro JS configuración extra */

#dialog2 table, #dialog table{ width: 100%; color: #1B1B1B;}
#dialog2,
#dialog{
    padding: 0px !important;
}
#dialog2 table td.gname,
#dialog table td.gname{
    background: #55565A;
    width: 100%;
    padding: 0px;
    margin: 0px;
    color: white;
    text-align: center;
    height: 22px;
}
#summaryTable{width: 99%;}
.dd-selected-text{

}
.terminoslink a{
    color: black; padding-top: 3px;
}
.terminoslink a:hover {
    color: white;
}
.bottom_toolbar_holder{position: relative;}
.addax_logo_holder {
    position: absolute;
    bottom: -19px;
    right: -72px;
}

.addax_logo_holder {}
.addax_logo{
    background: url(/Visor/mapimgs/addaxlogo.png) no-repeat transparent;
    width: 166px;
    height: 30px;
}
div.addax_logo_holder2{
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 166px;
    display: none;/*todo: arreglarle la imagen.*/
}
#mousepositiontxt {
    position: absolute;
    display: none;
    height: 20px;
    width: 141px;
    background: rgba(105, 147, 61, 0.51);
    color: #fff;
    bottom: 0px;
    right: 421px;
    z-index: 800;
    text-align: center;
}

#mousepositiontxt #customMousePosition {
    display: block !important;
}
#mousepositiontxt #customMousePosition {}
#mousepositiontxt #customMousePosition {
    display: block !important;
}
div.left_subheader_txt {
    float: left;
    display: inline-block;
    width: auto;
    height: 36px;
    color: #6FB9E3;
    font-weight: 400;
    /* box-shadow: 0px 0px 1px 2px #629143;/*Para IE...*/
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    font-size: 38px;
    font-family: 'Avenir Next', Verdana, Arial !important;
    vertical-align: middle;
    padding-top: 0px;
    min-width: 595px;
}
div.left_subheader_txt > span.p1 {
    clear: both;
    float: none;
    font-size: 22px;
    font-family: 'Trebuchet MS', Helvetica, Jamrul, sans-serif;
    text-shadow: none;
}
div.left_subheader_txt > span.p2 {
    clear: both;
    float: none;
    font-size: 27px;
}
div.logo_bottom_left{
    background: url(/Visor/mapimgs/logoeScience.png) no-repeat transparent;
    width: 70px;
    height: 105px;
    float: left;

}

div.ws_PopUpInfoArea table{
    color: #525E50;
    font-size: 12px;
    background: #fff;
    /*width: 457px;*/
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
div.ws_PopUpInfoArea table tr.odd{
    background: #F2F3F7;
}
div.ws_PopUpInfoArea table tr td.titulo{
    font-weight: bold;
    text-transform: capitalize;
    background: #69ADD9;
    color: #fff;
}
div.ws_PopUpInfoArea table tr.even{
    background: #F2F3F7;
}
#selectable_popup {
    width: 500px !important;
}
div.ws_PopUpInfoArea h2 {
    font-size: 20px;
    background: #6A933E;
    color: #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 6px;
    margin-bottom: 1px;
    margin-top: -16px;
    padding-top: 15px;
    text-shadow: -1px -1px 0 #629143, 1px -1px 0 #629143, -1px 1px 0 #629143, 1px 1px 0 #629143;
}
#selectable_popup_contentDiv {
    background: #839B29;
    padding-left: 0px;
    padding-right: 0px;
}
div.ws_PopUpInfoArea table tr td {
    padding: 4px;
    text-transform: capitalize;
}
div.tablecont {
    /* width: 100%; */
    /* height: auto; */
    /* background: white; */
}
div.tablecont.nodata{
    font-size: 13px;
    color: #fff;
}
input.capaconsulta {
    float: left;
    margin-right: 4px;
}


#tipo_red label.js.active,  #tipo_red label.js:hover{
    border: 1px solid #CFDD65;
    background: #BDD12A;
    color: #fff;
}
#layerlist_base input[type="radio"].js {
    display: none;
}

#layerlist_base label.js {
    display: block;
    float: left;
    font-weight: bold;
    margin-right: 5px;
    border: 1px solid #269FCA;
    padding: 4px;
    cursor: pointer;
    margin-top: 6px;
    background: #269FCA;
    color: #fff;
}

#layerlist_base label.js.active,  #layerlist_base label.js:hover{
    border: 1px solid #CFDD65;
    background: #BDD12A;
    color: #fff;
}
span.mapbtspan{
    background: url(/Visor/mapimgs/minimap.png) transparent no-repeat;
    width: 42px;
    height: 39px;
    display: block;
    position: relative;
}

#layerlist_base li:last-child{
    margin-left: 0px;
}
#layerlist_base li{
    float: left;
}
#layerlist_base{
    overflow: hidden;margin-top: 10px;
    float: left;
    width: 148px;
    display: none;
}
#layerlist_base .layer_name_desc{width: 55px !important; }
#layerlist_base hr{width: 170px;
    float: none;
    clear: both;
    display: block;
    margin-left: 0px;
}


@media (max-height:600px) {
    #layerlist{
        height: 271px;
        overflow-y: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 10px;
    }
    #layerlist-base{
        overflow-y: auto;
        height: 162px;
    }
}
@media (max-height:899px) and (min-height:601px) {
    #layerlist{
        height: 361px;
        overflow-y: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 10px;
    }
    #layerlist-base{
        overflow-y: auto;
        height: 217px;
    }
}

@media (min-height:900px) {
    #layerlist{
        height: 475px;
        overflow-y: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 10px;
    }
    #layerlist-base{
        overflow-y: auto;
        height: 285px;
    }
}



p.stampreg{
    font-size: 11px;
    font-weight: normal;

}
div.ws_PopUpInfoArea.onlytd{
    border-collapse: collapse;
    border-width: 0px;
    height: 100% !important;
}
div#selectable_popup{
    background: transparent !important;
    z-index: 1001 !important;
}
span.arbolsubtitle{
    font-size: 12px;
    font-weight: bold;

}

#selectable_popup_contentDiv > div {
    height: 250px;
    font-size: 12px;
    color: #F7F7F7;
}
div.tablecont {
    height: 100%;
    overflow: auto;
    padding-left: 10px;
    padding-right: 10px;
}
.observaciones,  .fotos {
    margin: 2px 0px 2px -2px!important;
    width: 463px;
    position: relative;
    display: block;
}

div.photoactual {
    width: 85px;
    float: left;
    margin-top: 10px;
}
div.photosholdermain,
div.photosholder {
    width: 425px;
    margin-left: auto;
    margin-right: auto;
}
div.photostitle{

}

div.olControlScale {
    position: absolute;
    bottom: 40px;
    font-size: 12px;
    color: #fff;
    background: rgba(0, 0, 0, 0.51);
    right: 13px;
}
div#layerlisttitles {
    position: absolute;
    left: 121px;
    top: -12px;
    opacity: 0.1;
    display: none;
}

div#layerlisttitles>div {
    float: left;
    padding: 1px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
div.titlesquery {
    width: 94px;
    background: #BDD12A;
    text-align: center;
}
div.titlesname{
    width: 138px;
    background: #8CA4C7;
}
div.titlesview{
    width: 150px;
    background: #BDD12A;
    text-align: center;
}

div#layerlist:hover + #layerlisttitles {
    opacity: 1;
}
div#layerlisttitles:hover {
    opacity: 1;
}
div.olControlScale {
    position: absolute;
    bottom: 40px;
    font-size: 15px;
    color: #fff;
    background: rgba(105, 147, 61, 0.51);
    right: 304px;
    bottom: 0px;
    font-weight: bold;
    padding: 0px 5px;
    height: 19px;
    text-align: center;
    vertical-align: bottom;
    padding-top: 1px;
}

.busquedaelem{
    clear: both;
    margin-top: 6px;
    overflow: hidden;
}
.busquedatitle, .busquedavalue{
    float: left;
}
.busquedatitle{
    width: 91px;
    text-align: right;
}
.busquedavalue input{
    width: 128px;
    height: 20px;
    padding-left: 5px;
}
.busquedavalue{
    width: 155px;
}
.busquedaelem input[type="button"] {
    width: 77px;
    height: 28px;
    margin-top: 1px;
}

.layersblock {
    overflow: hidden;
    position: relative;
    /* top: 0px; */
    /* left: 11px; */
    height: auto;
    width: 634px;
    /* z-index: 10000; */
    /* opacity: 0.3; */
}

.layersblock:hover {
    opacity: 1;
}
div.squaredOneholder{
    width: 216px;
    float: left;
    clear: both;
    margin-bottom: 1px;
    height: 27px;
    display: block;
    overflow: hidden;
    text-align: ce;
}
.squaredOne label span {
    /* padding-left: 29px; */
    /* margin-top: -3px; */
    display: block;
}
div.tipoactividadselect {
    margin-top: 5px;
    float: left;
}
div.fechafield input{
    width: 100px;
}
div.layersblock div.toolbar_frame {
    padding: 3px 5px;
    height: 88px;
}

div.sellabelonly label {
    clear: both;
    display: block;
}

div.sellabelonly input,
div.sellabelonly select {
    margin-left: 15px;
}
div.filtrostipomapa {
    float: left;
    margin-left: 35px;
}

div.toolbar_frame.actividad_frame_2 {
    width: 124px !important;
    min-width: 0px !important;
}

div.filtrosfecha {
    width: 270px;
    float: left;
}
.tipoactividadselect span.ui-button-text {
    padding: 2px 7px 2px 7px!important;
}
select#estado {
    width: 127px;
}

div.toolbar_frame.actividad_frame_0 {
    width: 161px;
}
.btnbusq.buscar{

}
.btnbusq.limpiar{
    margin-left: 5px;
}


label.consultandolbl .ui-icon {
    width: 16px;
    height: 16px;
}
label.consultandolbl.ui-button {
    width: 40px;
    /* height: 15px; */
    padding-left: 0px;
    margin-left: 197px;
}
#layerlist li:nth-child(odd) {
}

#layerlist li {
    background: #EFF5E2;
    margin-bottom: 2px;
}
.ui-widget {
    font-size: 12px !important;
}
span.head1 {
    width: 385px;
    display: inline-block;
    text-align: center;
    margin-left: 0px;
}

div.layerlist-headers {
    font-size: 12px;
}
div#btn_leyenda {
    display: block;
    overflow: hidden;
    height: 30px;
    float: left;
    clear: both;
    margin-left: 9px;
    margin-right: auto;
    text-align: center;
    margin-top: 10px;
    vertical-align: baseline;
}

div.resultadosholder-button,
div.layersblock-button{
    background: url(/Visor/mapimgs/capasico.png) no-repeat;
    height: 50px;
    width: 77px;
    cursor: pointer;
    position: absolute;
    z-index: 51;
    background-color: #69933D;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
div.resultadosholder-button{
    background: url(/Visor/mapimgs/datalist.png) no-repeat;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    right: 0px;
    background-position: 40px 7px;
}

div.layersblock{
    /* display: none; */
    /* margin-left: 40px; */
    /* left: 27%; */
    opacity: 1;
    display: block;
}
div.bottom_toolbar {
    display: block;
    position: relative;
    bottom: 0px;
    left: 0px;
    width: 90%;
    padding-top: 10px;
    border-radius: 10px;
    background: transparent;
}
div#filtrosholder {
    display: none;
    position: absolute;
    top: 00px;
    left: 0px;
    z-index: 50;
    background: rgba(0, 0, 0, 0.58);
    padding-top: 47px;
}

div.resultadosholder-button:hover,
div.resultadosholder-button.active {
    background-color: #BBE0C0;
}
div.layersblock-button:hover,

div.layersblock-button.active {
    background-color: #BBE0C0;
}
div.resultadosholder-button.active span.icon,
div.layersblock-button.active span.icon{
    background: transparent url(/Visor/mapimgs/minusv2.png) 85% 55% no-repeat;
}
span.icon{

    position: absolute;
    text-decoration: none;
    left: 0;
    font-size: 16px;
    letter-spacing: -1px;
    color: #E5B14D;


    background: transparent url(/Visor/mapimgs/plusv2.png) 85% 55% no-repeat;
    display: block;

    height: 45px;

    width: 80px;

}
label#lbl_selecting_Solicitudes_solicitudes_poligonos {
    cursor: not-allowed;
}


.ui-tabs .ui-tabs-panel {
    overflow: hidden;
    min-height: auto;
}
#n1-riesgo,
.filtros-niveles{
    display: none;
}
#filtro-nivel1{display: block;}
select#filtro-nivel1-actividad{width: 400px;}



div#resultadosholder{
    display: none;
    position: absolute;
    top: 0px;
    left: 50%;
    width: 50%;
    height: 85%;
    z-index: 50;
    background: rgba(0, 0, 0, 0.58);
    padding-top: 47px;
    overflow: auto;
}
div#resultados-geografica-senasa {
    height: 90%;
    overflow: auto;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
div.resultados-geografica-senasa-radios {
    height: auto;
    overflow: hidden;
    min-height: 100%;
}
div.resultadosholder-button span.icon {
    width: 25px;
}

div.radios-holder div.ui-accordion-content {
    height: 100% !important;
}
div.resultados-geografica-categorizacion-cantidad table,
div#resultados-geografica-categorizacion-cantidad table{
    border-spacing: 0px;
}

div#filtros {
    margin: 5px 0px 5px 38px;
}

div#filtros label {
    margin-right: 5px;
}
div.resultados-geografica-categorizacion-cantidad table td.titulo ,
div#resultados-geografica-categorizacion-cantidad table td.titulo {
    background-color: #BFD760;
}

div.resultados-geografica-categorizacion-cantidad table td ,
div#resultados-geografica-categorizacion-cantidad table td {
    background-color: #DFEBAF;
    padding-left: 15px;
    padding-right: 10px;
}
p.texto-extrainfo{
    font-size: 10px;
    padding: 0px;
    padding-left: 3px;
    margin: 0px;
    margin-top: -12px;
    margin-bottom: 10px;
}
div#googlemaps-fondo-selector {
    text-align: left;
    padding-left: 15px;
    padding-top: 10px;
}
div.upper-toolbar div{
    /* float: left; */
    /* height: 38px; */
    /* margin-left: 2px; */
    /* padding: 4px 4px; */
    /* overflow: hidden; */
    /* margin-top: 0px; */
    cursor: pointer;
}


div.controles-espaciador-1{
    background: transparent !important;
    cursor: default !important;
    width: 1%;
}
div.upper-toolbar {
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}


.iconos-menu-principal-mapa{
    /*margin-left: 0px;*/
}
.icono-menu-principal-mapa{
    text-align: center;
    /*padding: 0;*/
    height: 40px;
    margin-top: 15px;
}

#controles-holder-herramientas-medicion >.row.icono-menu-principal-mapa {
    margin-top: 0!important;
}

.icono-menu-principal-mapa:hover{
    /* background-color: #284d72; */
}
.icono-menu-principal-mapa.active{
    /* background-color: #ef6f2e; */
}
.icono-menu-principal-mapa.active img{
    filter: brightness(150%);
    -webkit-filter: brightness(150%);
    -moz-filter: brightness(150%);
    -o-filter: brightness(150%);
    -ms-filter: brightness(150%);
}
.dropdown-item img{
    background-color: #284d72;
    padding: 3px 5px;
}
.icono-menu-principal-mapa + .tooltip > .tooltip-inner {
    background-color: #FFFFFF;
    color: #8e9dae;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
    font-size: 12px;
    border-radius: 0;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
}

.icono-menu-principal-mapa + .tooltip > .tooltip-arrow {
    border-bottom: 5px solid #FFFFFF;
}


.otros-menu-principal-mapa{
    margin-left: -15px;
    float: right;
    padding-right: 0px;
    width: 100%;
}

.otros-menu-principal-mapa #controles-numero-plano{
    padding-right: 10px;
    padding-left: 10px;
}
.otros-menu-principal-mapa #controles-numero-plano input{
    border-radius: 0;
    height: 20px;
}
.otros-menu-principal-mapa #controles-numero-plano button{
    background-color: #f48030;
    color: #ffffff;
    border: 0;
    border-radius: 0;
    padding-left: 3px;
    padding-right: 3px;
}
.otros-menu-principal-mapa #controles-numero-plano button img{
    margin-top: -1px;
}
.texto-otros-menu-principal-mapa{
}
.texto-otros-menu-principal-mapa .glyphicon-triangle-bottom{
    font-weight: 300;
    font-size: 8px;
    top: 0px;
    margin-right: 6px;
    margin-left: 3px;
    cursor: pointer;
}

.otro-menu-principal-mapa{
    text-align: center;
    /*padding: 0;*/
    height: 34px;
    /*padding-top: 5px;*/
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #274F7B;
    color: #274F7B;
}

.otro-menu-principal-mapa:hover{
    background-color: #284d72;
    color: #fff;
}
.otro-menu-principal-mapa.active{
    background-color: #274F7B;
}
.otro-menu-principal-mapa.active .texto-otros-menu-principal-mapa{
    color: #FFFFFF;
}
.otro-menu-principal-mapa.active img{
    filter: brightness(150%);
    -webkit-filter: brightness(150%);
    -moz-filter: brightness(150%);
    -o-filter: brightness(150%);
    -ms-filter: brightness(150%);
}
.icono-navegacion, .icono-leyenda, .icono-capas, .icono-buscar-rutas{
    margin-left: 20px;
    line-height: 46px;
    display: inline-block;
    float: left;
}
.texto-navegacion, .texto-leyenda, .texto-capas{
    margin-left: 10px;
    line-height: 46px;
    display: inline-block;
    float: left;
}

#controles-titulo-capas-fundamentales-visor{
    margin-top: 3px;
}

#controles-titulo-capas-fundamentales-visor .texto-capas{
    font-size: 13px !important;
}
#controles-titulo-capas-fundamentales-visor-mobile .texto-capas{
    font-size: 17px !important;
}

/*Dropdown de Proyectos*/
.otro-menu-principal-mapa.dropdown{
    padding-top: 0px;
    display: none; //@TODO esto es temporal, GUSTAVO. QUITA el dropdown de proyectos
}
#dropdownDibujarMenuButton,#dropdownProyectos, #dropdownProyectosMobile{
    width: 100%;
    padding-top: 1px;
    padding-bottom: 4px;
    height: 100%;
    border-radius: 0;
    background-color: #1c3a5c;
    border: none;
    color: #274F7B;
    font-size: 12px;
}

#dropdownProyectos .caret-holder, #dropdownProyectosMobile .caret-holder{
    content: '';
    width: 21px;
    height: 100%;
    background: #3573A2;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

#dropdownProyectos .caret, #dropdownProyectosMobile .caret{
    margin-right: 0;
    color: #fff;
    margin-top: calc(50% - -4px);
}
#dropdownDibujarMenuButton:hover, #dropdownDibujarMenuButton:hover,
#dropdownProyectos:hover, #dropdownProyectosMobile:hover{
    background-color: #284d72;
}
.contenedor-proyectos .dropdown-menu{
    width: 100%;
    border-radius: 0;
    margin-top: 0px;
    font-size: 12px;
    padding-bottom: 0px;
    padding-top: 0px;
    border: none;
}
.contenedor-proyectos .dropdown-menu>li>a{
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    color: #8f8f8f;
}
.contenedor-proyectos .dropdown-menu>li>a:hover{
    background-color: #e8e8e8;
}
.contenedor-proyectos .dropdown-menu>li.editar-proyectos{
    background-color: #1c3a5c;
}
.contenedor-proyectos .dropdown-menu>li.editar-proyectos>a:hover{
    background-color: #2a4a7a;
}
.contenedor-proyectos .dropdown-menu>li.editar-proyectos>a{
    color: #9ab8c1 !important;
}
.contenedor-proyectos .dropdown-menu>li.current>a{
    font-weight: 700;
}
.contenedor-proyectos .dropdown-menu>li.editar-proyectos img{
    margin-right: 8px;
}
#dropdownDibujarMenuButton:active, #dropdownDibujarMenuButton:active, .open #dropdownDibujarMenuButton, .open #dropdownDibujarMenuButton ,
#dropdownProyectos:active, #dropdownProyectosMobile:active, .open #dropdownProyectos, .open #dropdownProyectosMobile {
    background-color: #ef6f2e;
    color: #274F7B;
}


/*Dropdown de descarga de mojones*/
#dropdownDescargaMojones{
    width: 100%;
    padding-top: 1px;
    padding-bottom: 4px;
    height: 100%;
    border-radius: 0;
    background-color: #1c3a5c;
    border: none;
    color: #9ab8c1;
    font-size: 12px;
}
#dropdownDescargaMojones .icono-descarga-mojones{
    margin-right: 4px;
}
#dropdownDescargaMojones:hover{
    background-color: #284d72;
}
.contenedor-descarga-mojones .dropdown-menu{
    min-width: 50px;
    width: 100%;
    border-radius: 0;
    margin-top: 0px;
    border: none;
    padding-bottom: 10px;
    padding-top: 0px;
    text-align: center;
}
.contenedor-descarga-mojones .label{
    color: white;
    font-size: 13px !important;
    font-weight: 400;
    border-radius: 0;
    width: 80px !important;
}
.contenedor-descarga-mojones .label.label-xls{
    background-color: #47936d;
    padding-left: 20px;
    padding-right: 20px;
}
.contenedor-descarga-mojones .label.label-kml{
    background-color: #4a7ecc;
    padding-left: 19px;
    padding-right: 19px;
}
.contenedor-descarga-mojones .dropdown-menu>li{
    padding-top: 5px;
}
.contenedor-descarga-mojones .dropdown-menu>li>a{
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #8f8f8f;
}
.contenedor-descarga-mojones .dropdown-menu>li>a:hover{
    background-color: #ffffff;
}
#dropdownDescargaMojones:active, .open #dropdownDescargaMojones {
    background-color: #ef6f2e;
    color: #FFFFFF;
}

#cuadroBusqueda .tt-menu {
    margin-top: 0px !important;
}


/* Titulo de certificaciones */
.controles-holder-certificaciones{
    display: none;
}

div#controles-holder-herramientas-medicion {
    position: absolute;
    top: 20px !important;
    /*left: 45%;*/
    display: none;
    height: 60px;
    z-index: 993;
    width: 200px;
    background: #fff;
    border: 4px solid #1C3A5C;

}
div#controles-holder-cargar-capa-url {
    /*position: absolute;
    top: 20px !important;*/
    /*left: 45%;*/
    display: none;
    width: 280px;
    height: 300px;
    z-index: 993;
    /*background: #fff;
    border: 4px solid #1C3A5C;*/

}
.flecha {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #1C3A5C;
}

div#controles-holder-wfs-mini, div#controles-holder-cuencaconsulta-mini, div#controles-holder-cuencaconsulta, div#controles-holder-radioconsulta-mini, div#controles-holder-textoconsulta-mini, div#controles-holder-radioconsulta, div#controles-holder-ponerpin, div#controles-holder-plantillasprint-formulario, div#controles-holder-subircapa, div#controles-holder-navegacion, div#controles-holder-dtapoligono {
    position: absolute;
    top: 0px;
    left: 45%;
    display: none;
    height: 335px;
    z-index: 993;
    width: 350px;
    background: #fff;
    border: 4px solid #1C3A5C;
}


div#controles-holder-wfs-mini, div#controles-holder-cuencaconsulta-mini, div#controles-holder-cuencaconsulta, div#controles-holder-radioconsulta-mini, div#controles-holder-textoconsulta-mini, div#controles-holder-radioconsulta, div#controles-holder-ponerpin, div#controles-holder-subircapa, div#controles-holder-navegacion, div#controles-holder-dtapoligono {
    top: 0px !important;
}
div.controles-titulo {
    background-color: #274F7B;
    color: #fff;
    text-transform: uppercase;
    height: 46px;
    /* padding-top: 6px; */
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

span.controles-icon {
    height: 20px;
    background-size: 20px 20px;
    width: 20px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
span.controles-icon.navegador {
    background: url('/Visor/mapimgs/navegador.png') no-repeat;
    background-size: 17px;
    display: inline-block;
    margin-bottom: -5px;
}
span.controles-icon.leyenda {
    background: url('/Visor/mapimgs/leyenda.png') no-repeat;
    background-size: 20px;
    display: inline-block;
    margin-bottom: -5px;
}
span.controles-icon.capas {
    background: url(/Visor/mapimgs/sprite1_2019.png) no-repeat transparent;
    width: 28px;
    height: 30px;
    display: inline-block;
    background-position: -214px -246px;
    margin-bottom: -5px;
    margin-left: 20px;
    margin-right: 20px;
}
div.controles-contenido {
    overflow: hidden;
    background-color: transparent;
    padding-bottom: 15px;
    /* height: calc(100% - 46px ); */
    height: -moz-calc(100% - 46px );
    height: -webkit-calc(100% - 46px );
    height: 100%;
}

div#controles-holder-leyenda div.controles-contenido{
    max-height: 100%;
    overflow-y: auto;
}
div#controles-holder-leyenda {
    display: none;
    top: 0px;
    left: 0px;
    z-index: 994;
    width: 100%;
    position: absolute;
    height: 80%;
    opacity: 0.7;
}

div#controles-holder-capas {
    position: absolute;
    right: 0px;
    top: 0px;
    display: none;
    z-index: 3;
    height: 100%;
    padding-right: 0px;
    padding-left: 0px;
}

div#layerlist li ,
div#layerlist-base li
{
    overflow: hidden;
    list-style-type: none;
    background-color: #FFF;
    margin-bottom: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 300 !important;
    position: relative;
}

span.checkboxlayers-holder2 input ,
span.checkboxlayers-holder input {
    float: left;
}

span.checkboxlayers-holder2>label ,
span.checkboxlayers-holder>label {
    display: block;
}

span.checkboxlayers-holder2,
span.checkboxlayers-holder {
    display: flex;
    float: left;
    /*width: 200px;*/
    width: 100%;
    line-height: 30px;
    min-height: 33px;
}
span.checkboxlayers-holder2 input[type=checkbox],
span.checkboxlayers-holder input[type=checkbox],
span.checkboxlayers-holder2 input[type=radio],
span.checkboxlayers-holder input[type=radio]
{
    display:none;
}

span.checkboxlayers-holder2 input[type=checkbox] + label,
span.checkboxlayers-holder input[type=checkbox] + label,
span.checkboxlayers-holder input[type=radio] + label
{
    background: url('/Visor/imgs/mapa/check_unchecked.png');
    /* height: 12px; */
    /* width: auto; */
    display:inline-block;
    padding: 0 0 0 0px;
    margin-left: 18px;
    line-height: 14px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 0px 4px;
    min-height: 12px;
    margin-top: auto;
    margin-bottom: auto;
}
span.checkboxlayers-holder2 input[type=checkbox] + label span img,
span.checkboxlayers-holder input[type=checkbox] + label span img,
span.checkboxlayers-holder input[type=radio] + label span img{
    display: none;
    position: absolute;
    margin-top: 3px;
}

span.checkboxlayers-holder2 input[type=checkbox]:checked + label span img,
span.checkboxlayers-holder input[type=checkbox]:checked + label span img,
span.checkboxlayers-holder input[type=radio]:checked + label span img{
    display: block !important;
    position: absolute;
    left: 0px;
}
#listacapas span.checkboxlayers-holder2 input[type=checkbox]:checked + label,
#listacapas span.checkboxlayers-holder input[type=checkbox]:checked + label,
#listacapas span.checkboxlayers-holder input[type=radio]:checked + label
{
    height: 26px;
    overflow: hidden;
}
span.checkboxlayers-holder2 input[type=checkbox]:checked + label,
span.checkboxlayers-holder input[type=checkbox]:checked + label,
span.checkboxlayers-holder input[type=radio]:checked + label
{
    background: url('/Visor/imgs/mapa/check_checked.png');
    /* height: 12px; */
    display:inline-block;
    padding: 0 0 0 0px;
    margin-left: 18px;
    line-height: 14px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 0px 3px;
}
span.checkboxlayers-holder2 span.checkboxlayers-txt-span,
span.checkboxlayers-holder span.checkboxlayers-txt-span{
    padding-left: 5px !important;
    width: auto;
    text-overflow: ellipsis;
    max-width: 130px; /*GUSTAVO*/
    display: block;
    overflow: hidden;
    height: auto;
    max-height: 30px;/*GUSTAVO*/
    font-size: 11px;
}

.delete-layer-container{
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: #FFF;
    height: 100%;
    width: 10px;
    padding-left: 3px;
    padding-right: 3px;
}

.delete-baselayer-container{
    position: absolute;
    display: none;
    right: 0px;
    top: 0px;
    background-color: #074056;
    height: 100%;
    width: 17px;
    padding-left: 3px;
    padding-right: 3px;
}

.delete-layer{

    cursor: pointer;

    position: relative;

    display: inline-block;

    /* transform: translateY(-50%); */

    width: 10px;

    height: 10px;

    background: url(imgs/snit2019_sprite.png) no-repeat transparent;

    background-position: -230px -250px;
}
.nota-layer-container{
    position: absolute;
    right: 17px;
    top: 0px;
    background-color: #FFF;
    height: 100%;
    width: 21px;
    padding-left: 5px;
    padding-right: 5px;
}
.nota-layer-container.off{
    display: none;
}
.nota-layer-container.nota-layer-container-mapas-base{
    right: 0px;
}
.nota-layer{
    background: url('imgs/mapa/icono_notas_capa.png') no-repeat;
    height: 13px;
    width: 11px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.nota-layer-container, .delete-layer-container{
    height: 45%;
    clear: both;
    float: left;
    position: relative;
    padding: 3px;
    top: 0;
    right: 0;
    min-height: 15px;
    width: 16px;
    text-align: center;
    background: transparent;
}
.nota-layer-container.off+.delete-layer-container{
    height: 100%;
    float: left;
}

#mapasbaselist-holder .nota-layer-container{
    position: absolute !important;
    right: 6px !important;
    top: 0px !important;
    background-color: #FFF !important;
    height: 100% !important;
    width: 21px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
div#controles-refesh img {
    /*margin-top: 5px;*/
}
div#dialog4 ,
div#dialog3 {
    padding: 0px;
    max-height: 100% !important;
    overflow: hidden;
}
li.snitlayers input ~ span.legend-holder {
    display: none;
}
li.snitlayers input:checked ~ span.legend-holder {
    display: flex;
    /* margin-right: 5px;
    margin-top: 0px;
    margin: auto 5px;
    max-width: 20px;
    max-height: 20px; */
    float: right;
    position: absolute;
    right: 25px;
    top: 0;
    height: 100%;
}

span.legend-holder > a{
    margin-top: auto;
    margin-bottom: auto;
}

span.contenido-input-buscar {
    font-size: 13px;
    line-height: 23px;
}
/*Tree css*/

.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none
}
.tree ul {
    margin-left:1em;
    position:relative
}
.tree ul ul {
    margin-left:.5em
}
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.tree li {
    margin:0;
    padding: 0;
    line-height:2em;
    color: #595959;
    font-weight: 400 !important;
    position:relative;
    overflow: hidden;
    height: auto;
    background: transparent;
    padding-right: 0px;
    background-color: #E1E1E1;
    margin-bottom: 1px;
}
.tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree ul li:last-child:before {
    background: transparent;
    height:auto;
    top:1em;
    bottom:0


}
.indicator {
    margin-right:5px;
}
.tree li a {
    text-decoration: none;
    color: #666;
    font-weight: normal;
    width: calc(100% - 70px);
    height: -moz-calc(100% - 70px);
    height: -webkit-calc(100% - 70px);
    /*background: #EBEFF2;*/
    display: inline-block;
    margin-bottom: 2px;
}
.tree li ul li a {
    text-decoration: none;
    color: #666;
    font-weight: normal;
    width: auto;
    height: auto;
    /*background: #F2F3F7;*/
    display: block;
    margin-bottom: 2px;
    box-sizing: border-box;
    overflow: hidden;
    height: 20px;
    width: 20px;
}
.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color:#369;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}

/*Fin treeview*/

div.fichas-nivel1 {
    height: auto;
    float: left;
    width: 354px;
    overflow: hidden;
    position: absolute;
    z-index: 400;
}
div#accordion-inec-holder div.fichas-nivel1, div#accordion-fichas-holder div.fichas-nivel1 {
    height: auto;
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 400;
    overflow-y: auto;
    min-height: 40%;
}

div.fichas-nivel1 div.controles-contenido {
    overflow: auto;
    height: calc(100% - 46px);
    height: -moz-calc(100% - 46px);
    height: 100%;
    display: block;
    box-sizing: border-box;
    padding-bottom: 5px;
}

div.fichas-nivel1 span.checkboxlayers-txt-span {
    width: 64%;
    font-size: 12px;
    color: #666;
    padding-left: 0px;
    float: left;
    display: inline-block;
    position: relative;
}

.fichas-nivel1 label#lbl_selecting__ficha-1 {
    width: 100%;
}

.fichas-nivel1 span.checkboxlayers-holder2 ,
.fichas-nivel1 span.checkboxlayers-holder {
    width: 100%;
}

.fichas-nivel1 li.snit_layer {
    width: 100%;
}

.fichas-nivel1 label.layer_name_desc {
    width: 20% !important;
    box-sizing: border-box;
}

div.fichas-nivel1.r {
    float: right;
}

div.fichas-nivel1.c1 {

}

div.fichas-nivel1.c2 {

}

div.fichas-nivel1.c3 {

}

div.fichas-nivel1.c4 {

}

div#controles-holder-capasfichas {
    position: absolute;
    right: 0px;
    top: 2%;
    width: 354px;
    display: none;
    z-index: 3;
    height: 70%;
}


div#accordion-fichas div.fichas-nivel1 div.controles-contenido{
    height: 100% !important;
    /*margin-top: 2px;*/
}
div#accordion-fichas div.fichas-nivel1{
    display: block;
    height: auto;
}
div.fichas-nivel1{
    display: block;
}
div.ficha-imagenes {
    width: 100%;
    text-align: center;
    padding: 5px;
    height: 30%;
}
.tablecont.nodata{
    color: #000;
}
div.fichas-nivel1:hover {
}

div.fichas-nivel1.cin1 {
    top: 3px;
    right: 0;
}

div#layerlist-holder {
    /* display: none; */
    position: relative;
    display: block;
}

li.branch a {
    font-size: 13px;
    padding-left: 10px;
}

li.branch ul li {
    background-color: #F7F8F9;
    margin: 1px 3px 5px 2px;
}

.tree li span {
    font-weight: normal;
}
div#controles-holder-capas .fichas-nivel1 {
    height: 100%;
    width: calc(100% - 20px);
    margin-left: 20px;
}

div#controles-holder-capas div.controles-contenido {
    overflow-y: auto;
    overflow-x: hidden;
}
li.ui-state-default.ui-corner-top {}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
    background: #4D84A4;
}

a {
    text-decoration: underline;
}

div#tabspopup {
    color: #6C6C71;
    padding: 0px;
    height: 100%;
}
div.mapa-logo-holder{
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: 0.5;
    height: 10%;
    width: auto;
    z-index: 1;
}
div.mapa-logo-holder img {
    height: 100%;
}

div#controles-holder-envio, div#controles-holder-recepcion {
    display: none;
    color: #878787;
    top: 0px;
    z-index: 994;
    width: 270px;
    position: absolute;
    background: #FFFFFF;
    height: auto;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 10px;
    padding-top: 5px;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
}
div#controles-holder-envio {
    left: 1%;
}
div#controles-holder-navegacion input#txt-navegar-nm {
    width: 195px !important;
    clear: left;
    margin-left: 17px;
    display: block;
    float: left;
    margin-right: 10px;
}
div#accordion-fichas-holder {
    height: 80%;
    /* display: none; */
    display: block !important;
    position: relative;
    float: left;
    overflow-y: auto;
    width: 310px;
    z-index: 101;
    margin-left: 1.5em;
    -webkit-box-shadow: 7px 7px 15px -10px rgba(21,66,97,0.73);
    -moz-box-shadow: 7px 7px 15px -10px rgba(21,66,97,0.73);
    box-shadow: 7px 7px 15px -10px rgba(21,66,97,0.73);
}
div#accordion-fichas {
    max-height: 300px;
    width: 100%;
    overflow: auto;
    position: relative;
    top: 0;
    left: 0;
    z-index: 404;
    border-radius: 0px;
    border: 0px;
}

div.tooltip-ficha{
    background-color: transparent;
}
div.tooltip-title{
    color: #4D84A4;
    text-shadow: 2px 2px #000;;
}
span.checkboxlayers-holder2.ojo-nivel2 ,
span.checkboxlayers-holder.ojo-nivel2 {
    width: 29px;
    display: inline-block;
    float: right;
    vertical-align: middle;
    /*background: #E9EAEE;*/
    padding-top: 3px;
    padding-bottom: 4px;
    margin-right: 8px;
}
span.checkboxlayers-holder.ojo-nivel3 {
    width: 29px;
    display: inline-block;
    float: right;
    vertical-align: middle;
    padding-top: 3px;
    padding-bottom: 3px;
    /*background: #E9EAEE;*/
    margin-right: 5px;
}
span.checkboxlayers-holder.ojo-nivel2 input {
    display: none !important;
}span.checkboxlayers-holder.ojo-nivel3 input {
     display: none !important;
 }
div.olPopup {
    height: auto !important;
    width: auto !important;
    display: inline-block;
    background: rgba(66, 139, 202, 0.23) !important;
}

div.olPopupContent {
    /*padding: 0 10px !important;*/
    min-height: 30px !important;
    /*width: auto !important;*/
    min-width: 100px !important;
    max-width: 250px !important;
    display: inline-block;
}
div.popupcontenido {
    color: #F2F3F7;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 3px 3px 0 #000,     -1px -1px 0 #000,        1px -1px 0 #000,      -1px 1px 0 #000,       1px 1px 0 #000;
    width: auto !important;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    /* border: 2px solid #000; */

}
div#controles-google {
    background: transparent;
}
div.contenido table {
    width: 100%;
    margin-bottom: 10px;
}



#accordion-fichas .ui-accordion-header.h3-inec {
    background-color: #fa9300;
    background-image: -moz-linear-gradient(top,  #fa9300 0%, #dc621e 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa9300), color-stop(100%,#dc621e)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top,  #fa9300 0%,#dc621e 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top,  #fa9300 0%,#dc621e 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top,  #fa9300 0%,#dc621e 100%); /* IE10+ */
    background-image: linear-gradient(to bottom,  #fa9300 0%,#dc621e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9300', endColorstr='#dc621e',GradientType=0 ); /* IE6-9 */
}


body.nav-collapsed #allholder{
    ms-transform: translate(0px, 0);
    -moz-transform: translate(0px, 0);
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate(0px, 0);
}
div.map-grayoverlay{
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-color: rgba(31, 30, 30, 0.63);
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;

}
body.nav-collapsed #allholder div.map-grayoverlay{
    display: none;
}
#allholder{
    ms-transform: translate(263px, 0);
    -moz-transform: translate(263px, 0);
    -webkit-transform: translate3d(263px, 0, 0);
    transform: translate(263px, 0);
    /*-ms-transition: -ms-transform 0.05s ease-in-out;
    -moz-transition: -moz-transform 0.05s ease-in-out;
    -webkit-transition: -webkit-transform 0.05s ease-in-out;
    transition: transform 0.05s ease-in-out;*/
}

body.nav-collapsed div#responsive-menu{
    /*display: none;*/
    transform: translate(-263px, 0);
}
div#controles-base-uno div{
    box-sizing: border-box;
}
div#responsive-menu{
    display: block;
    float: left;
    position: absolute;
    padding: 10px 7px;
    width: 250px;
    height: 100%;
    transform: translate(0px, 0);
    transition: transform 0.28s ease-in-out;
    z-index: 100;
    background: #4D84A4;
    color: #fff;
}

div#responsive-menu.solomenu  div.accordion-fichas-holder,
div#responsive-menu.solomenu  div.accordion-inec-holder{
    display: none;
}
div#responsive-menu.solomenu  div.menu-elementos{
    transform: translate(0px, 0);
}
div.menu-elementos {
    transform: translate(-236px, 0);
    /*background: blue;*/
    height: 50%;
    transition: transform 0.28s ease-in-out;
    float: left;
    position: relative;
    width: 100%;
}
.ui-widget-content {
    background: #FFF !important;
}
.controlesresponsive{
    cursor: pointer;
}
.ui-accordion .ui-accordion-content {
    overflow-y: hidden !important;
    padding: 0px !important;
    height: 60% !important;
}
div#control-volver {
    text-decoration: underline;
    margin-bottom: 10px;
    font-size: 16px;
    cursor: pointer;
}
div#controles-base-uno div{
    width: 100%;
    cursor: pointer;
    padding: 2px 10px;
}
div#controles-base-uno div:hover{
    background: #6BB0DA;
}


#dialog4 table,
#dialog3 table,#dialog3 table, #dialog table{ width: 100%; color: #888888;}
#dialog4,
#dialog3,
#dialog3,
#dialog3{
    /*padding: 0px !important;*/
    width: 100% !important;
    height: calc(100% - 31px)!important;
    box-sizing: border-box;
    padding: 0px 0px 0px 0px !important;
    margin-top: 0px;
    float: left;
}
#dialog4 table td.gname,
#dialog3 table td.gname,
#dialog3 table td.gname,
#dialog3 table td.gname{
    background: #008FC1;
    width: 100%;
    padding: 0 0 0 5px;
    margin: 0px;
    color: white;
    text-align: left;
    height: 22px;
    text-transform: uppercase;
}
div#tabs-2 {
    height: 100%;
}

.holderl2 {
    height: 100%;
}

.dialog4_body,
.dialog3_body {
    height: 100% !important;
}
.dialog4_body h3,
.dialog3_body h3{
    color: rgb(66, 132, 161);
    font-size: 14px;
    margin-top: 0px;
}
div.dialog4_body div#tabs-1 ,
div.dialog3_body div#tabs-1 {
    height: 100%;
    /* overflow: hidden; */
}

div#controles-google {}
div#accordion-inec-holder div.ui-accordion-content{
    /* min-height: 300px; */
    border: 0;
    border-radius: 0;
}

*:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

div.cat {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 10px;
    font-size: 14px;
}

div.cat_img{
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

div.group-right.equal-height {
    /*background: #C56D44;
    padding: 30px;
    color: #fff;
    overflow: hidden;*/
    clear: both;
}

div.group-right.equal-height a {
    color: #474747;
}

div.button_container{
    padding: 12px 0 5px 0;
}

a.waze_button {
    color: #fff !important;
    background-color: #93C4D3;
    width: 100px;
    border-color: #80B3BF;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    padding: 6px 10px;
    text-decoration: none;
}

a.waze_button:hover {
    background-color: #A1D6E2;
}

a.ficha_button {
    color: #fff !important;
    background-color: #9CD673;
    width: 100px;
    border-color: #8EBF67;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    padding: 6px 10px;
    text-decoration: none;
}

a.ficha_button {
    background-color: #AEE086;
}

div#dialog4 div.tablecont ,
div#dialog3 div.tablecont {
    padding: 0px;
}

div.descripcion-l1 {
    display: table;
    overflow: auto;
}

div.field::before {
    content: "";
    display: block;
    float: left;
    margin-left: -35px;
    background-repeat: no-repeat;
    margin-right: 5px;
}

div.field-center {
    text-align: center;
}

div.field-name-field-telefono-primario {
    display: block;
}
/*div.field-name-field-telefono-primario::before {
  background: url(imgs/sprite1_2019.png) no-repeat transparent;
      width: 25px;
      height: 30px;
      background-position: -291px -110px;
  }
div.field-name-field-email-primario::before {
      background: url(imgs/sprite1_2019.png) no-repeat transparent;
      width: 25px;
      height: 30px;
      background-position: -317px -110px;
}
div.field-name-field-sitio-web::before {
    background: url(http://si.cultura.cr/sites/all/themes/cultura/images/sprite-capacitacion-financiamiento.svg) no-repeat -218px -18px;
    width: 28px;
    height: 23px;
}
div.field-name-field-provincia-canton-distrito::before {
  background: url(imgs/sprite1_2019.png) no-repeat transparent;
  width: 28px;
  height: 30px;
  background-position: -263px -110px;
}
div.field-name-field-tipo-capacitacion::before {
    background: url(http://si.cultura.cr/sites/all/themes/cultura/images/sprite-capacitacion-financiamiento.svg) no-repeat -105px -181px;
    width: 19px;
    height: 21px;
}
div.field-name-field-capacitacion-costo::before {
    background: url(http://si.cultura.cr/sites/all/themes/cultura/images/sprite-capacitacion-financiamiento.svg) no-repeat -135px -184px;
    width: 18px;
    height: 19px;
}
div.field-name-body::before {
    background: url(http://si.cultura.cr/sites/all/themes/cultura/images/sprite-capacitacion-financiamiento.svg) no-repeat -75px -183px;
    width: 17px;
    height: 19px;
}*/

div.telefono_icon {
    background: url(imgs/sprite1_2019.png) no-repeat transparent;
    width: 28px;
    height: 30px;
    background-position: -318px -110px;
}

div.direccion_icon {
    background: url(imgs/sprite1_2019.png) no-repeat transparent;
    width: 28px;
    height: 30px;
    background-position: -274px -110px;
}

div.email_icon {
    background: url(imgs/sprite1_2019.png) no-repeat transparent;
    width: 28px;
    height: 30px;
    background-position: -361px -110px;
}

.item-list{
    display: table-cell;
    vertical-align: middle;
    padding: 12px 10px;
}

.item-icon{
    width: 56px;
    display: table-cell;
    vertical-align: middle;
    padding: 12px 10px;
}

.field {
    margin-bottom: 2px;
    display: table;
    width: 100%;
}
.field-name-field-financiamiento-dirigido {
    color: #C56D44;
}

div.ficha-imagenes a {
    border: none;
    text-decoration: none;
}
table#legendTable tr:nth-child(even) {
    background: #E6E6E6;
}
div.group-right.equal-height .field {
    color: #474747;
    background-color: #EFEFEF;
}
/*Opciones para tamanno de pantalla.
*/
.ui-dialog.ui-widget.ui-widget-content{
    z-index: 10000 !important;
}

.ui-draggable .ui-dialog-titlebar{
    cursor: move;
    background-color: #274F7B;
    border: 0;
    border-radius: 2px;
    margin: 0;
    height: 32px;
    font-family: Verdana, Helvetica;
    font-size: 14px;
    font-weight: normal;
    color: #FFF;
    padding: 6px 0 0 10px !important;
}

img.img-ficha{
    width: auto;
    border: 0;
    border-radius: 2px;
    vertical-align: middle;
}
@media only screen and (orientation : portrait){
    img.img-ficha{
        width: 100%;

    }
}
@media only screen and (orientation : landscape){
    img.img-ficha{
        width: auto;
        /* height: 100% !important; */
    }
}
@media (max-width: 767px){
    .ui-dialog.ui-widget.ui-widget-content{
        width: 100% !important;
        height: 100% !important;
    }
    .ui-draggable .ui-dialog-titlebar{
        display: none;
    }
}
@media (min-width:768px){
    img.img-ficha{
        width: 100%;
        height: auto;
    }

    .ui-draggable .ui-dialog-titlebar{
        display: block;
    }
    .ui-dialog.ui-widget.ui-widget-content{
        width: 500px !important;
        max-height: 345px !important;
    }
    .cuerpo-popup-ficha > div{
        float: left;
        font-size: 12px !important;
    }
    .field{font-size: 12px;}
    .ficha-imagenes{width: 100% !important;}
    .descripcion-l1{width: 100% !important;}
    .group-right{width: 100% !important;padding: 5px 10px !important;height: 100%;}
}
@media (min-width:800px) {
    div#controles-holder-leyenda {
        top: 0px;right: 0px;left: auto;width: 300px;

    }
    div#controles-holder-leyenda div.controles-contenido{
        max-height: 150px;
        overflow-y: auto;
    }
}
@media (min-width:1025px) {
    div#responsive-menu{
        width: 400px;
    }
    body.nav-collapsed div#responsive-menu{
        /*display: none;*/
        transform: translate(-415px, 0);
    }
    #allholder {
        ms-transform: translate(400px, 0);
        -moz-transform: translate(400px, 0);
        -webkit-transform: translate3d(400px, 0, 0);
        transform: translate(413px, 0);
    }
}

@media (min-height:600px) {
    div#controles-holder-leyenda div.controles-contenido{
        max-height: 100%;
    }
    div#controles-base-uno div {
        padding: 5px 10px;
    }
}
@media (min-height:800px) {
    div#controles-holder-leyenda div.controles-contenido{
        max-height: 200px;
    }
}

span.nodos-hoja{
    display: none;
}



div.fill {
    width: 100%;
    height: 100%;
}
div#gmap2{
    overflow: hidden !important;
    display: none;
    width: 700px;
    height: 500px;
}
div#gmap{
    overflow: visible !important;
}

.rotate-north {
    display: none;
    top: 65px;
    left: .5em;
}

div.cuerpo-popup-ficha div {
    box-sizing: border-box;
}

/*Bootstrap popupONLY*/
.popover.top {
    margin-top: -10px;
}
.fade.in {
    opacity: 1;
}
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    line-break: auto;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}


.popover.top>.arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0;
}
.popover>.arrow {
    bottom: -8px;
}
.popover>.arrow:after {
    content: "";
    border-width: 10px;
}
.popover>.arrow, .popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}
.popover-content {
    padding: 9px 14px;
}


#progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background: rgba(0, 60, 136, 0.4);
    width: 0;
    transition: width 250ms;
}

div#gmap{display: none;}
div#olmap{height: 100% !important; }
div.ol-mouse-position {
    bottom: 46px !important;
    top: auto !important;
    color: #fff;
    font-size: 14px;
    text-shadow: #000 2px 1px 0px;
    right: auto;
    left: 17px;
    color: #000;
    font-size: 14px;
    text-shadow: 0px 0px 2px #fff, 1px 1px 5px #fff, 2px 2px 5px #fff, 0px 0px 2px #fff, 1px 1px 5px #fff, 2px 2px 5px #fff, 0px 0px 2px #fff, 1px 1px 5px #fff, 2px 2px 5px #fff;
}
div.controlessobrepuestos-holder {
    z-index: 100;
    position: absolute;
    bottom: 175px;
    left: .5em;
    display: block;
}

.ol-download.ol-unselectable.ol-control {
    width: 40px !important;
    height: 40px !important;
    background: transparent;
}
div.search-left {
    position: relative;
    float: left;
    height: 42px;
    min-width: 105px;
    display: inline-block;
    margin: 0px;
    max-width: 285px;
    width: 12%;
}

.left_subheader_txt {}
.icon{
    background: url(imgs/sprite1_2019.png) no-repeat transparent;
}
button.icon.bnt-avanzada {
    height: 30px;
    width: 60px;
    display: inline-block;
    float: left;
    margin-left: 10px;
    margin-top: 3px;
}

div.icon.search {
    background-position: -352px -6px;
    height: 22px;
    width: 24px;
    border: none;
    position: absolute;
    cursor: pointer;
    top: 7px;
    outline: none !important;
    left: 7px;
}

div.search-frame input {
    padding-left: 45px;
    width: 100%;
    border-radius: 2px;
    background: rgba(152, 234, 255, 0.37);
    font-family: Verdana, Helvetica, Arial, sans-serif !important;
    font-size: 14px;
    color: #448BA5;
    height: 36px;
    margin-top: 0px;
    border: none;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    box-sizing: border-box;
}
::-webkit-input-placeholder {
    color: #448BA5;
}

input :-moz-placeholder { /* Firefox 18- */
    color: #448BA5;
}

input ::-moz-placeholder {  /* Firefox 19+ */
    color: #448BA5;
}

:-ms-input-placeholder {
    color: #448BA5;
}

div.search-frame {
    float: left;
    width: 100%;
}
div.ubicacion-provincia-holder,div.ubicacion-canton-holder,div.ubicacion-distrito-holder {
    float: left;
    width: 30%;
    margin-left: 15px;
    font-size: 16px;
}

div.ubicacion-labels {
    position: absolute;
    height: 30px;
    display: block;
    clear: both;
    z-index: 1;
    background: rgba(247, 248, 250, 0.61);
    color: #4888a1;
    width: 100%;
}

div.selector-capas-holder {
    position: absolute;
    top: 42px;
    width: 100%;
}

div.ubicacion-provincia-holder {
    width: 30%;
}

div.ubicacion-provincia-holder div, div.ubicacion-canton-holder div, div.ubicacion-distrito-holder div {
    float: left;
}

div.ubicacion-txt {
    margin-left: 10px;
}

div.ubicacion-label {
    font-weight: bold;
}
div.logos-instituciones div.icon{
    height: 69px;
    display: inline-block;
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 15px;
    cursor: pointer;
}

div.iconcultura{
    background-position: -164px -35px;
    width: 85px;
}
div.iconunidadcultura{
    background-position: -255px -35px;
    width: 110px;
}
div.iconregistronacional{
    background-position: -366px -35px;
    width: 80px;
}
div.iconinec{
    background-position: -454px -35px;
    width: 60px;
}

div.iconemail{
    background-position: -125px -195px;
    height: 35px;
    width: 35px;
}
div.iconfacebook{
    background-position: -54px -195px;
    height: 35px;
    width: 35px;
}
div.iconyoutube{
    background-position: -90px -195px;
    height: 35px;
    width: 35px;
}
span.icondatosculturales{background: url(imgs/sprite1_2019.png) no-repeat; background-position: -463px -6px; height: 26px; width: 39px;display: inline-block; margin-left: 15px; margin-top: 2px;}
span.icondatossociodemograficos{background: url(imgs/sprite1_2019.png) no-repeat; background-position: -506px -6px; height: 26px; width: 39px;display: inline-block; margin-left: 15px; margin-top: 2px;}
button.icondescargarbtn{
    background: url(imgs/sprite1_2019.png) no-repeat transparent;
    height: 40px;
    width: 40px;
    background-position: -0px -104px;

}
button.iconbackground.satellite{
    background-position: -519px -35px;
}
button.iconbackground.none{
    background-position: -519px -333px;
}
button.iconbackground.hybrid{
    background-position: -519px -182px;
}
button.iconbackground.osm{
    background-position: -519px -258px;
}
button.iconbackground{
    background: url(imgs/sprite1_2019.png) no-repeat transparent;
    height: 71px;
    width: 71px;
    border: 1px solid #9a9a9a;
}
button.iconimprimirbtn{
    background: url(imgs/sprite1_2019.png) no-repeat transparent;
    height: 40px;
    width: 40px;
    background-position: -42px -104px;
}

div.icon>a.anchorfull{
    width:100%;
    height: 100%;
    display: block;
}

div.texto-centro {
    width: 100%;
    padding-top: 25px;
    font-size: 16px;
    text-align: center;
}

div.texto-izquierdo {
    width: 25%;
    font-size: 14px;
    height: 39px !important;
    vertical-align: middle;
    box-sizing: border-box;
    padding-left: 20px;
    /* display: table-cell; */
    /* float: none !important; */
    padding-top: 5px;
}

div#bottom>div {
    /*float: left;*/
    /*height: 100%;*/
}

div.contacto {
    width: 100%;
    font-size: 14px;
    text-align: center;
    height: 39px !important;
}

div.socialmedia {
    width: 100%;
    text-align: center;
    padding-top: 15px;
}

div.logos-instituciones {
    width: 100%;
    text-align: center;
    background-color: #fff;
    padding: 10px 0px;
    margin-top: 15px;
}
div.socialmedia > div {
    display: inline-block;
    margin-top: 14px;
}

div.socialmedia a {
    display: inline-block;
    margin: 0px 15px;
}
button.ol-zoom-out,
button.ol-zoom-in{
    color: transparent;
}
button.ol-zoom-in {
    background: url(imgs/sprite1_2019.png) no-repeat transparent;
    height: 30px;
    width: 30px;
    background-position: -174px -109px;
}
button.ol-zoom-out {
    background: url(imgs/sprite1_2019.png) no-repeat transparent;
    height: 30px;
    width: 30px;
    background-position: -133px -110px;
}

.ol-zoom.ol-unselectable.ol-control {
    background: transparent;
}
.ol-zoom {
    bottom: 5em;
    left: .5em;
    top: auto;
}
#gmap .ol-zoom {
    bottom: 7.3em;
    left: .5em;
    top: auto;
}

.ol-scale-line.ol-unselectable {
    left: 8px;
    bottom: 25px;
    left: 13px;
}
.ol-scale-line {
    background: rgba(0, 60, 136, 0.53);
}
.ol-scale-line-inner{
    font-weight: bold;
}

button.ol-zoom-in {}

.ol-control button:focus, .ol-control button:hover {background-color: transparent;cursor: pointer;}
div#accordion-inec-holder {
    width: 310px;
    z-index: 101;
    position: absolute;
    right: 1.5em;
    -webkit-box-shadow: 7px 7px 15px -10px rgba(21,66,97,0.73);
    -moz-box-shadow: 7px 7px 15px -10px rgba(21,66,97,0.73);
    box-shadow: 7px 7px 15px -10px rgba(21,66,97,0.73);
}

div#accordion-fichas-holder>h3.ui-accordion-header {
    background: #cf6f3f;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    padding-left: 70px;
    border: 0px;
    border-radius: 2px;
}
div#accordion-inec-holder>h3.ui-accordion-header {
    background: #458aab;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    padding-left: 70px;
    border: 0px;
    border-radius: 2px;
}
div#accordion-inec-holder h3.ui-accordion-header .ui-accordion-header-icon,
div#accordion-fichas-holder h3.ui-accordion-header .ui-accordion-header-icon{
    right: 5px !important;
    left: auto;
    margin-top: -4px;
    margin-right: 10px;
}

div.ol-background {
    bottom: 10px;
    left: 0px;
    position: absolute;
}

div.ol-print {
    background-color: transparent;
    left: 50px;
}
.ol-control:hover {
    background-color: rgba(255,255,255,.6) !important   ;
}

.ol-zoom-extent {
    bottom: 6.2em;
    top: auto;
    left: 2.5em;
    background-color: transparent;
}
#gmap .ol-zoom-extent{
    bottom: 9.1em;
    left: 4.5em;
}
.ol-zoom-extent button{
    background: url('imgs/sprite1_2019.png') no-repeat transparent;
    height: 30px;
    width: 30px;
    background-position: -216px -109px;
    color: transparent;
}
.ui-accordion-header-active span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s {
    background: url(imgs/sprite1_2019.png) no-repeat transparent;
    height: 8px;
    width: 13px;
    background-position: -16px -196px;
    margin-top: 18px;
    display: inline-block;
}
.ui-state-default span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e {
    background: url(imgs/sprite1_2019.png) no-repeat transparent;
    height: 8px;
    width: 13px;
    background-position: -1px -196px;
    position: absolute;
    margin-top: 18px;
    display: inline-block;
}



span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e {}

div#accordion-fichas .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #E4A244;
    color: #fff;
    border: 0px;
    border-radius: 0px;
    margin: 1px 0 0 0;
}

div#accordion-inec .h3-inec, .ui-accordion-header{
    border: 0;
    background: #3869F3 !important;
    font-weight: normal;
    color: #fff !important;
    border-radius: 0;
    margin: 0 0 1px 0;
    height: 45px;
    line-height: 20px;
    vertical-align: middle !important;
    font-size: 18px;
    display: block;
}

label.ojo-nivel2-padre {
    display: block !important;
}
i.glyphicon {
    width: 15px;
}
div#ficha-tooltip1 > div {
    display: inline-block;
}

div#ficha-tooltip1 {
    overflow-y: auto;
}
label.ojo-nivel3-padre,
label.ojo-nivel2-padre{
    cursor: pointer;
}

span.cat-img{
    height: 41px; width: 41px;
    display: inline-block;
    /*Imagen por DEFECTO.*/
    background: url('imgs/sprite1_2019.png') no-repeat transparent;
    background-position: -259px -150px;
}
span.cat-img.artesescenicas{
    background: url('imgs/sprite1_2019.png') no-repeat transparent;
    background-position: -259px -150px;
}
span.cat-img.audiovisual{
    background: url('imgs/sprite1_2019.png') no-repeat transparent;
    background-position: -341px -150px;
}
span.cat-img.diseno{
    background: url('imgs/sprite1_2019.png') no-repeat transparent;
    background-position: -423px -150px;
}
span.cat-img.editoriales{
    background: url('imgs/sprite1_2019.png') no-repeat transparent;
    background-position: -464px -150px;
}
span.cat-img.musica{
    background: url('imgs/sprite1_2019.png') no-repeat transparent;
    background-position: -301px -187px;
}
span.cat-img.artesvisuales{
    background: url('imgs/sprite1_2019.png') no-repeat transparent;
    background-position: -300px -150px;
}
span.cat-img.artesania{
    background: url('imgs/sprite1_2019.png') no-repeat transparent;
    background-position: -382px -187px;
}


div.advanced-search-filters select {
    width: 200px;
}



span.btn-aplicar,
span.btn-reiniciar {
    background: #A6A6A6;
    border: 1px solid #6F6F6F;
    display: inline-block;
    line-height: 20px;
    padding: 1px 10px;
    color: #fff;
    font-size: 10px;
    cursor: pointer;
}
span.btn-aplicar:active,span.btn-aplicar:hover,
span.btn-reiniciar:active,span.btn-reiniciar:hover {
    background: #C1C1C1;
}
span.btn-aplicar{
    background: #E09E3E;
    padding: 1px 35px;
    border-color: #CE6F3F;
}
span.btn-aplicar:active,span.btn-aplicar:hover{
    background: #EAB76A;
}

div.advanced-search-holder {
    position: absolute;
    bottom: 0px;
    right: 1.5em;
    width: 176px;
}

div.filtros-avanzados-acciones {
}
div.filters-l2 span.select2-selection.select2-selection--single ,
div.filters-l1 span.select2-selection.select2-selection--single {
    background: #D1E2EA;
    color: #498CA6;
    height: 23px;
    border: none;
}
div.filters-l2 span.select2-selection__arrow ,
div.filters-l1 span.select2-selection__arrow {
    background: #62B6E2;
    color: #fff !important;
    height: 22px !important;
}

div.filters-l1 span.select2-selection__arrow b {
    border-color: #fff transparent transparent transparent !important;
}
div.filters-l1 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{

    border-color: transparent transparent #fff transparent !important;
}



div.filters-l2 span.select2-selection.select2-selection--single {
    background: #EFDCD5;
    color: #CB7345;
}

div.filters-l2 span.select2-selection__arrow {
    background: #E69F43;
    color: #fff !important;
}

div.filters-l2 span.select2-selection__arrow b {
    border-color: #fff transparent transparent transparent !important;
}
div.filters-l2 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{

    border-color: transparent transparent #fff transparent !important;
}
div.filters-l2 .select2-container--default .select2-selection--single .select2-selection__rendered ,
div.filters-l1 .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #52819D !important;
    line-height: 23px;
    font-size: 12px;
}
div.filters-l2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #CB7345 !important;
}

div.advanced-search-filters .select2-container {
    margin-right: 60px;
    margin-bottom: 10px;
}

div.filters-l1 {
    margin-top: 8px;
}





.tooltip.tooltip-measure, .tooltip-static {
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    color: white;
    padding: 4px 8px;
    opacity: 0.7;
    white-space: nowrap;
}
.tooltip-measure {
    opacity: 1;
    font-weight: bold;
}
.tooltip-static {
    background-color: #ffcc33;
    color: black;
    border: 1px solid white;
}
.tooltip-measure:before,
.tooltip-static:before {
    border-top: 6px solid rgba(0, 0, 0, 0.5);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: "";
    position: absolute;
    bottom: -6px;
    margin-left: -7px;
    left: 50%;
}
.tooltip-static:before {
    border-top-color: #ffcc33;
}
div.main-controles-bar div>span{
    background: url(imgs/sprite1_2019.png) no-repeat transparent;
    width: 32px;
    height: 30px;
    display: inline-block;
}
div#controles-home{
    /* display: none; */
}
div#controles-home>span{

    background-position: -189px -191px;
}
div#controles-mano>span{
    background-position: -258px -311px;
}
div#controles-mano:hover>span,
div#controles-mano.active>span{
    background-position: -255px -249px;
}

div#controles-medirlinea>span{
    width: 38px;
    background-position: -134px -307px;
}
div#controles-medirlinea:hover>span,
div#controles-medirlinea.active>span{
    background-position: -129px -246px;
}
div#controles-espaciador-1{
    width: 28px;
    height: 30px;
    display: inline-block;;
}
div#controles-medirpoligono>span{
    width: 38px;
    background-position: -366px -313px;
}
div#controles-medirpoligono:hover>span,
div#controles-medirpoligono.active>span{
    background-position: -367px -253px;
}
div#controles-querypoint>span{
    background-position: -293px -313px;
}
div#controles-querypoint:hover>span,
div#controles-querypoint.active>span{
    background-position: -293px -250px;
}

div#controles-navegador>span{
    background-position: -175px -306px;
}
div#controles-navegador:hover>span,
div#controles-navegador.active>span{
    background-position: -175px -247px;
}

div#controles-capas>span{
    background-position: -216px -310px;
}
div#controles-capas:hover>span,
div#controles-capas.active>span{
    background-position: -214px -246px;
}


div#controles-subircapa >span {
    background-position: -554px -309px;
}
div#controles-subircapa:hover>span,
div#controles-subircapa.active>span{
    background-position: -554px -249px;
}



div#controles-consultaradio>span{
    width: 31px;
    background-position: -468px -309px;
}
div#controles-consultaradio:hover>span,
div#controles-consultaradio.active>span{
    background-position: -468px -248px;
}


div#controles-zoominbox>span{
    width: 39px;
    background-position: -77px -308px;
}
div#controles-zoominbox:hover>span,
div#controles-zoominbox.active>span{
    background-position: -78px -248px;
}

div#controles-marcarpin>span{
    width: 32px;
    background-position: -329px -312px;
}
div#controles-marcarpin:hover>span,
div#controles-marcarpin.active>span{
    background-position: -328px -248px;
}

div#controles-descargarimagen>span{
    background-position: 0px -301px;
}
div#controles-descargarimagen:hover>span,
div#controles-descargarimagen.active>span{
    background-position: 0px -242px;
}

div#controles-imprimir>span{
    width: 29px;
    background-position: -424px -311px;
}
div#controles-imprimir:hover>span,
div#controles-imprimir.active>span{
    background-position: -424px -250px;
}
div#controles-ayuda>span{
    width: 29px;
    background-position: -518px -309px;
}
div#controles-ayuda:hover>span,
div#controles-ayuda.active>span{
    background-position: -518px -249px;
}
div#controles-metadatos>span{
    width: 29px;
    background-position: -34px -305px;
}
div#controles-metadatos:hover>span,
div#controles-metadatos.active>span{
    background-position: -32px -245px;
}


div#listacapas {
    display: block;
    position: relative;
}
div#listacapas div{
    display: block;
    position: relative;
}
.tree>li>span {
    font-size: 15px;
}
div.logo-3,
div.logo-2,

div.logo-1{
    background: url(imgs/sprite1_2019.png) no-repeat transparent;
    display: inline-block;
    float: right;
    margin-right: 2px !important;
    margin-left: 0px !Important;
}

div.logo-1{
    width: 161px;
    height: 55px;
    background-position: -130px -352px;
    margin-right: 30px;
    margin-left: 00px;
}
div.logo-3{
    background-position: -304px -352px;
    width: 78px;
    height: 55px;
    margin-top: -4px;
}
div.logo-2{
    width: 117px;
    height: 55px;
    background-position: -9px -352px;
    float: right;
    margin: auto 0px;
}
div.header-middle{
    float: left;
    width: 704px;
    text-align: center;
    margin-left: 10px;
    margin-top: 8px;
}
div#controles-holder-navegacion .controles-contenido {
    margin-top: 10px;
}

span.icon-centrar{
    background: url(imgs/sprite1_2019.png) no-repeat transparent;
    width: 11px;
    height: 11px;
    background-position: -114px -216px;
    margin-right: 8px;
    position: relative;
    display: inline-block;
}
span.btn:hover{
    box-shadow: inset 0px 0px 10px 0px #fff9;
}
span.btn{
    display: inline-block;
    width: 130px;
    height: 25px;
    position: relative;
    cursor: pointer;
}
span.btn.btn-centrar:hover,
span.btn.btn-centrar:active{
    background: #fbad7f;
}
span.btn.btn-centrar{
    background-color: #FF7D2F;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin: 10px auto 20px auto;
    line-height: 14px;
    float: none;
    display: block;
    cursor: pointer;
    min-height: 20px;
    font-weight: bold;
}

div.controles-cuencaconsulta input ,
div.controles-radioconsulta input ,
div.controles-subircapa input ,
div.controles-ubicacioncoordenadas input {
    width: 180px;
}

div.controles-ponerpin input {
    width: 180px;
}

div.controles-cuencaconsulta ,
div.controles-radioconsulta ,
div.controles-ponerpin ,
div.controles-subircapa ,
div.controles-ubicacioncoordenadas {
    background: #FFF;
    display: block;
    height: auto;
    width: 97%;
    overflow: hidden;
    margin: 0 auto 5px auto;
    color: #3D3D3D;
}
div.controles-cuencaconsulta input ,
div.controles-radioconsulta input,
div.controles-ponerpin input,
div.controles-subircapa input ,
div.controles-ubicacioncoordenadas input {
    color: #3D3D3D;
}


div.controles-ubicacionselector {
    background: #F5F5F5;
    width: 97%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 10px 0 10px 0;
}



div#resultados-header {
    background: #3869F3;
    color: #fff;
    height: 34px;
    line-height: 34px;
}

div.resutlados-header-left {
    float: left;
    width: 50%;
    height: 35px;
    position: relative;
}

div.resutlados-header-right {
    float: right;
    width: 50%;
}

div#resultados-busqueda span.icon.busquedat {
    background: url(imgs/sprite1_2019.png) no-repeat transparent;
    background-position: -83px -197px !important;
    width: 14px !important;
    height: 13px !important;
    top: 10px;
}
span.resultados-titulo {
    width: 30%;
    display: inline-block;
    margin-left: 50px;
    position: relative;
    padding-left: 27px;
    min-width: 200px;
}



span.resultados-btn {
    display: inline-block;
    font-size: 11px;
    padding: 5px 25px;
    background: #00C3F4;
    line-height: 11px;
    text-align: center;
    cursor: pointer;
    position: relative;
}



div#resultados-busqueda span.icon{
    background: url(imgs/sprite1_2019.png) no-repeat #00C3F4;
    width: 14px;
    height: 14px;
    position: relative;
    display: block;
    float: left;
    left: 5px;
}
div#resultados-busqueda div#resultados-header span.icon{position: absolute;background-color: transparent;}
div#resultados-busqueda span.icon.kml{
    background-position: -65px -197px;
}
div#resultados-busqueda span.icon.excel{
    background-position: 0px -209px;
}
span.resultados-btn.resultados-excel {
    background: #97CB62;
}

span.resultados-btn.resultados-kml {
    background: #FEA722;
}
span.coloperaciones-icons span.icon{
    height: 15px;
    width: 15px;
    cursor: pointer;
    margin: auto 2px;
    padding: 3px;
}
span.coloperaciones-icons span.icon.btn-radio{
    background-position: -177px -195px !important;
}
span.coloperaciones-icons span.icon.btn-cuenca{
    background-position: -39px -195px  !important;
}
span.coloperaciones-icons span.icon.btn-pin{
    background-position: -38px -211px !important;
}
span.coloperaciones-icons span.icon.btn-centrar{
    background-position: -109px -211px !important;
}
td.coloperaciones {
    min-width: 140px;
}
div#resultados-lista {
    height: 100%;
    height: calc(100% - 34px);
}
span.coloperaciones-icons{
    display: inline-block;
    width: 106px;
}
div.cerrarbusquedaicono{
    display: inline-block;
    width: 13px;
    height: 7px;
    background-position: -1px -196px;
    cursor: pointer;
    position: absolute;
    left: 14px;
    top: 14px;
}
div.maximizaricono{
    display: inline-block;
    height: 12px;
    width: 11px;
    background-position: -134px -221px;
    cursor: pointer;
    float: right;
    margin-right: 15px;
    margin-top: 11px;
}
div.controles-cuencaconsulta,
div.controles-radioconsulta,
div.controles-subircapa ,
div.controles-ponerpin {
    height: 100%;
    background: #FFF;
    font-size: 13px;
    color: #3D3D3D;
}

div.pin-superior {
    overflow: hidden;
    background: transparent;
    padding-bottom: 15px;
}

div.pin-botones {
    background: transparent;
    overflow: hidden;
    padding-top: 10px;
    text-align: center;
}

span.btn.btn-borrarpines {
    width: 130px;
}

span.btn.btn-compartirpines {
    width: 130px;
}

div#controles-holder-plantillasprint-formulario ,
div#controles-holder-subircapa ,
div#controles-holder-ponerpin {
    height: 207px;
    width: 310px;
}
div#controles-holder-ponerpin div.controles-contenido {
    height: calc(100% - 46px ) !important;
}
div#controles-holder-ponerpin {
    height: 480px;
}
div.pin-superior p {
    padding: 5px 15px;
    margin: 0px;
}

span.btn.btn-borrarpines,
span.btn.btn-compartirpines,
span.btn.btn-subircapa ,
span.btn.btn-ponerpin {
    background-color: #FF7D2F;
    color: #fff;
    font-size: 14px;

    text-align: center;
    cursor: pointer;
    min-height: 29px;
}

span.btn.btn-compartirpines{
    background:#274F7B;
    min-height: 29px;
}
span.btn.btn-borrarpines {
    background: #D94F62;
    min-height: 29px;
}

div.coords-value{
    display: flex;
    align-items: center;
}

div.coords-value > label{
    margin-right: 5px;
}

span.icon.icon-borrarpines ,
span.icon.icon-subircapa ,
span.icon.icon-ponerpin {
    background-position: -15px -210px;
    width: 16px;
    height: 19px;
    background-image: url(imgs/sprite1_2019.png);
    background-repeat: no-repeat;
    top: 2px;
    left: 7px;
}
span.icon.icon-borrarpines {
    background-position: -204px -197px;
}

div.pin-botones div.locacion_select_holder {
    float: left;
    clear: none;
    width: 50%;

}
/*div.pin-botones div.locacion_select_holder:last-child{
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}*/

div#controles-holder-plantillasprint-formulario input,
div#controles-holder-subircapa input,
div#controles-holder-ponerpin input
,
div#controles-holder-plantillasprint-formulario .select2-container--default .select2-selection--single,
div#controles-holder-subircapa .select2-container--default .select2-selection--single,
div#controles-holder-ponerpin .select2-container--default .select2-selection--single
{
    border: none;
}
span.btn.btn-consultarradio,
span.btn.btn-dibujarradio {
    background: #97CB62;
    color: #fff;
    text-align: center;
    line-height: 25px;
    width: 140px;
    cursor: pointer;
    margin: 0px auto;
    display: block;
}
span.icon.icon-consultarradio,
span.icon.icon-dibujarradio {
    background: url(imgs/sprite1_2019.png) no-repeat transparent;
    width: 15px;
    height: 13px;
    background-position: -179px -198px;
    top: 6px;
    left: 8px;
    cursor: pointer;
}
span.icon.icon-consultarradio{
    background-position: -133px -199px;
}

div.cuencaconsulta.itemsholder ,
div.radioconsulta.itemsholder {
    height: auto;
    overflow: hidden;
    background: #F5F5F5;
    color: #707070;
    margin-bottom: 10px;
    padding: 10px 2px;
}

div#controles-holder-wfs-mini ,
div#controles-holder-cuencaconsulta-mini ,
div#controles-holder-cuencaconsulta ,
div#controles-holder-textoconsulta-mini,
div#controles-holder-radioconsulta-mini,
div#controles-holder-radioconsulta {
    min-height: 318px;
    max-height: 450px;
    height: auto;
}
div#controles-holder-wfs-mini ,
div#controles-holder-textoconsulta-mini ,
div#controles-holder-cuencaconsulta-mini ,
div#controles-holder-radioconsulta-mini {
    height: 170px;
    width: 230px;
    border: 5px outset;
}
div#controles-holder-textoconsulta-mini{
    height: 105px;
    min-height: inherit;
}
div#controles-holder-cuencaconsulta-mini {
    height: 115px;
    min-height: auto !important;
}
div#controles-holder-wfs-mini p ,
div#controles-holder-textoconsulta-mini p ,
div#controles-holder-cuencaconsulta-mini p ,
div#controles-holder-radioconsulta-mini p {
    margin-top: 0px;
    margin-bottom: 5px;
}
div#controles-holder-radioconsulta {
    width: 250px;
    height: 300px;
    min-height: auto !important;
}

div#controles-holder-radioconsulta-mini {
    height: 165px !important;
    min-height: auto !important;
}
div#controles-holder-cuencaconsulta {
    width: 310px;
}

div#controles-holder-navegacion {
    width: 310px;
    height: 255px;
    left: 270px !important;
}
div#tabalaresultados-busqueda-holder-n2,
div#tabalaresultados-busqueda-tabs{
    display: block;
    width: 100%;
    position: relative;
    height: auto;
    overflow: hidden;
}
div.tabla-busqueda-holder {
    height: calc(100% - 19px) !important;
    box-sizing: border-box;
    overflow: auto !Important;
    width: 100%;
    overflow-x: scroll;
    position: relative;
    background: #CBCBCB;
}
table#tabalaresultados-busqueda {
    margin: 5px 10px 0px 5px;
}
div#tabalaresultados-busqueda-tabs div {
    background: #E1E1E1;
    color: #868686;
    cursor: pointer;
    padding: 2px 25px;
    font-size: 12px;
    margin: 0 0 0 10px;
    float: left;
    border-radius: 7px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    position: relative;
}
div#tabalaresultados-busqueda-tabs div.active{
    background: #CBCBCB;
    color: #4E4E4E;
    font-weight: bold;
}

div#resultados-n2 {display: none;}

div#resultados-n1 {
    margin-left: 25px !important;
}
div.controles-contenido p {
    margin: 0 0 5px 0;
    font-size: 12px;
}

div.controles-contenido span{
    font-size: 14px;
}
input#radioconsulta-radio{width: 102px;}

div#controles-holder-cuencaconsulta {
    height: 180px !important;
    max-height: none !important;
    min-height: inherit;
}


div#consulta-ubicacion-centrada {
    display: none;
    min-height: 117px;
    width: 450px;
    background-color: rgba(255, 255, 255, 0.85);
    color: #5C5C5C;
    position: absolute;
    top: 12px;
    left: 9px;
    z-index: 200;
    overflow: hidden;
}

span.btn-cerrar {
    float: right;
    background: url(imgs/sprite1_2019.png) no-repeat transparent;
    width: 14px;
    height: 14px;
    background-position: -160px -220px;
    background-color: #FF911C;
    cursor: pointer;
    margin-top: 2px;
    margin-right: 2px;
}

div#consulta-ubicacion-centrada .contenido {
    padding: 7px 10px;
}

.resultado-divtitulo.cuenca {}

div.resultado-titulo {
    color: #00C3F4;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 4px;
}
a.btn-metadatos {
    display: inline-block;
    overflo: hidden;
}
span.btn-metadatos {
    background: #00C3F4;
    color: #fff;
    display: inline-block;
    position: absolute;
    padding: 6px 5px 3px 20px;
    font-size: 11px !important;
    width: 80px;
    height: 26px;
    line-height: 12px;
    vertical-align: middle;
    right: 25px;
    top: 5px;
    cursor: pointer;
}

span.btn-metadatos-icon {
    width: 13px;
    height: 13px;
    display: block;
    position: absolute;
    background: url(imgs/sprite1_2019.png) no-repeat transparent;
    background-position: -66px -197px;
    top: 12px;
    left: 5px;
}

div#listacapas li.nodo:hover{
    background: #CAC9C9;
}
div#listacapas li.nodo.highlight{
    background: #ADADAD;
    color: #fff;
}
span.legend-holder {
    display: inline-block;
    position: relative;
    /* left: 21px; */
    float: left;
}

span.copiar-btn {
    color: #4B4B4B;
}
span.copiar-btn {
    display: block;
    width: 24px;
    height: 24px;
    background: URL(imgs/sprite1_2019.png) no-repeat #97CB62;
    background-position: -160px -159px;
    float: left;
    margin-left: 5px;
    cursor: pointer;
    border-radius: 6px;
    margin-top: -2px;
}
input#input-wfs {
    float: left;
}
div#controles-holder-wfs-mini {
    height: 67px;
    font-size: 12px;
    padding: 5px;
    color: #4B4B4B;
}

#preview{
    position:absolute;
    border:1px solid #ccc;
    background:#333;
    padding:5px;
    display:none;
    color:#fff;
    min-height: 200px;
    min-width: 150px
}
div#dialog-consultapunto{
    display: none;
    max-height: 370px !important;
    min-height: 200px !important;
}

div#dialog-consultapunto table tr th,div#dialog-consultapunto table tr td{
    font-size: 14px !important;
}

.fancyDarkTable tbody tr td,
.fancyDarkTable thead tr th {
    padding: 10px 5px 10px 5px !important;
}

div.cuerpo {
    /* height: 400px; */
    overflow: hidden;
    box-sizing: border-box;
    min-height: 230px;
    /*max-height: 600px;*/
    margin: 0px auto;
}
div.cuerpo.hojasindice {
    height: 330px;

}
table#tabalaresultados-busqueda-html {
    border-spacing: 1px;
}

table#tabalaresultados-busqueda-html thead tr {
    color: #000;
}

div.ui-dialog-titlebar span.ui-dialog-title {
    line-height: 20px !important;
    height: 20px !important;
    vertical-align: middle;
    position: relative;
}
span.coords{font-size: 10px;}
span.ubica-consulta{
    font-size: 11px;
    display: block;
    clear: both;
    padding: 2px 14px;
    color: #878787;
    text-align: center;
    margin-bottom: 0.5rem;
}
p.sinresultados{
    color: #878787;
}
span.coords{
    font-size: 11px;
    color: #878787;
}
span.legenda-rn2-close:hover{
    background: #fff;
}
span.legenda-rn2-close{
    position: absolute;
    width: 10px;
    height: 100%;
    top: 1px;
    right: 1px;
    font-size: 10px;
    cursor: pointer;
    text-align: center;
    padding: 0px 2px;
    display: block;
    border-top-right-radius: 7px;
}
span.legenda-rn2,
span.legenda-rn1{
    display: block;
    position: absolute;
    width: 19px;
    height: 100%;
    background: #B319CC;
    top: 1px;
    left: 0px;
    border-top-left-radius: 7px;
}
span.legenda-rn2{
    background: #3B96B9;
}
span.checkboxlayers-meta-span{
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    height: 12px;
    width: 13px;
    cursor: pointer;

    background: url(imgs/sprite1_2019.png) no-repeat #00C3F4;
    background-position: 0px -210px;
}
span.download-icon{
    display: inline-block;
    margin-left: 5px;
    height: 13px;
    width: 13px;
    background: url(imgs/sprite1_2019.png) no-repeat transparent;
    background-position: -209px -166px;
}
div.controles-cerrar:hover{
    background: #9a9a9a;
}
div.controles-cerrar{
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: auto;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    display: block;
    width: 15px;
    height: 16px;
}



input#radioconsulta-latitud ,
input#radioconsulta-longitud {
    width: 120px;
}


div.elemento-fila label{
    width: 100px;
    display: inline-block;
}
.sweet-alert div.contenedor-body input {
    display: initial;
    width: auto;
    height: auto;
    margin: auto;
}
div.contenedor-body p {
    margin-bottom: 20px;
}
div.contenedor-body div {
    margin-bottom: 5px;
}
ul.treehead.tree {
    max-height: 200px;
    overflow: auto;
}

li.branch ul {
    max-height: 100px;
    overflow-y: scroll;
    overflow-x: hidden;
}
/* end .squaredTwo */
/* .squaredThree */
.squaredThree {
    width: 20px;
    position: relative;
    margin: 0px 6px;
    overflow: hidden;
    height: 20px;
    display: inline-block;
}
.squaredThree label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: #01a5ce;
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px rgba(70, 140, 166, 0.72), 0px 1px 0px rgba(255, 255, 255, 0.4);
}
.squaredThree label:after {
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 6px;
    left: 6px;
    border: 3px solid #fcfff4;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.squaredThree label:hover::after {
    opacity: 0.3;
}
.squaredThree input[type=checkbox] {
    visibility: hidden;
    display: none;
}
.squaredThree input[type=checkbox]:checked + label:after {
    opacity: 1;
}

.sld-holder {
    width: 100%;
    height: auto;
}


div.capausuario {
    background: #115272;
    /* border-radius: 8px; */
    display: none;
    /* border: 1px solid #C5C5C5; */
    height: auto;
}
div.capausuario span.checkboxlayers-holder2{
    width: 100%;
    /* margin-top: 5px; */
    display: block;
    height: auto;
    position: relative;
    vertical-align: middle;
    padding: 8px 0px;
}
div.capausuario span.checkboxlayers-holder2 input[type=checkbox]:checked + label,div.capausuario span.checkboxlayers-holder2 input[type=radio]:checked + label
{
    width: 45px;
    clear: none;
    display: inline-block;
    height: 20px;
}
div.capausuario span.checkboxlayers-holder2 span.checkboxlayers-txt-span{
    color: #fff;
    width: 100px;
    vertical-align: middle;
    display: block;
    height: 20px;
    padding: 5px 5px 0px 5px;
}
span#quitar_capa_usuario {
    margin: 0;
    font-size: 12px;
    cursor: pointer;
    position: absolute;
    clear: none;
    background: url('/Visor/imgs/mapa/capa-delete.png') no-repeat center #074056;
    width: 17px;
    height: 100%;
    display: block;
    top: 0;
    right: 0;
}
span#centrar_capa_usuario {
    background: url(imgs/sprite1_2019.png) no-repeat center center transparent;
    width: 20px;
    height: 14px;
    position: relative;
    display: inline-block;
    float: left;
    background-position: -109px -214px !important;
    cursor: pointer;
}
.input-mapa-buscar {
    margin-top: 6px;
    margin-bottom: 5px;
    height: 25px;
    background-color: #F49C62;/*#2d5a87;*/
    cursor: text;
    color: #FFF; /*#89b5da;*/
    text-shadow: -1px 1px 2px #274F7B;
}

.texto-otros-menu-principal-mapa {
    font-size: 15px;
    font-weight: bold;
}

div.controles-contenido-capas {
    background-color: #E6E6E6;
    color: #4A4A4A;
    font-size: 12px;
    /*font-weight: 300;*/
    overflow: hidden;
    background-color: #E6E6E6;
    min-height: 100%;
    /*padding-bottom: 15px;*/
    padding-top: 3px;
    /*padding-left: 10px;
    padding-right: 10px;*/
}
div.controles-contenido-capas label {
    font-weight: 300 !important;
}

div.controles-contenido-mapas-base{
    background-color: #E6E6E6;
    color: #4A4A4A;
    font-size: 12px;
    /*overflow: hidden;
    min-height: 100%;*/
    padding-top: 3px;
    display: block;
    clear: both;
    overflow-y: auto;
}
div.controles-contenido-mapas-base label {
    font-weight: 300 !important;
}
.nota-layer {

    cursor: pointer;

    position: relative;

    display: inline-block;

    padding-top: 3px;

    width: 12px;

    height: 14px;

    background: url('imgs/snit2019_sprite.png') no-repeat transparent;

    background-position: -200px -250px;
}
div#capatemplate{ display: none;}
div#layerlist li.highlight ,
div#layerlist-base li.highlight {

    background-color: #F48030;

    color: #fff;
}

div#controles-holder-metadatos-capa{
    margin-top: 46px;
    position: absolute;
    right: 285px;
    width: 30%;
    display: none;
    z-index: 10003;
    background-color: #fff;
    color: #4A4A4A;
    box-shadow: -1px 6px 13px #1c3a5c44;
}

@media (max-width: 991px) {
    div#controles-holder-metadatos-capa{
        right: 375px;
        top: 60px;
        width: 37%;
    }
}

div#controles-holder-metadatos-capa_sidebox {
    display: none;
}

div#controles-holder-metadatos-capa .controles-contenido-metadatos-capa{
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.contenedor-mapa-buscar {
    background-color: #FFF;
    color: white;
    height: 77px;
}
div#controles-holder-metadatos-capa .metadato-capa{
    /* background-color: #115272; */
    margin-bottom: 3px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}
div#controles-holder-metadatos-capa .nombre-metadato{
    font-weight: 700;
}
div#controles-holder-metadatos-capa .contenedor-metadatos-fecha{
    position: relative;
}
div#controles-holder-metadatos-capa .contenedor-metadatos-fecha #fecha-capa{
    /* position: absolute; */
    float: left;
    width: 50%;
    left: 0px;
    border-right: solid 1px #4A4A4A;
}
div#controles-holder-metadatos-capa .contenedor-metadatos-fecha #tipo-fecha-capa{
    /* position: absolute; */
    float: right;
    width: 50%;
    right: 0px;
    border-left: solid 1px #11476a;
}
.controles-ver-mas{
    padding-bottom: 10px;
    padding-top: 5px;
    text-align: center;
}
.controles-ver-mas a,
.controles-ver-mas a:visited,
.controles-ver-mas a:hover,
.controles-ver-mas a:active {
    color: #299FE7;
    font-size: 13px;
    text-decoration: underline;
}

.mapa-right-column {
    float: right;
    visibility: hidden;
}

#exitMetadatosCapa{
    float: right;
    margin: 15px;
    cursor: pointer;
}
div.selector{
    width: 15px;
    height: 100%;
    display: block;
    float: left;
    /* background: url(/Visor/imgs/mapa/dots.png) no-repeat transparent; */
    width: 10px;
    height: 24px;
    background: url('imgs/snit2019_sprite.png') no-repeat transparent;
    background-position: -314px -10px;
    position: absolute;
    top: calc(50% - 12px);
    left: 5px;
    /* background-position: center; */
    cursor: pointer;
    /* background-size: 50%; */
}
/* todo: quitar */
div.controles-ubicacionselector{ display: none;}
/* END todo: quitar */



/*Slider*/
span.checkboxlayers-opacity-span {
    background: url('/Visor/imgs/mapa/transparency.png') no-repeat;
    display: block;
    min-height: 18px;
    width: 18px;
    float: left;
    /* margin: 12px 0 0 0; */
    cursor: pointer;
    margin: 0 0 0 16px;
}
div.transparency-close {
    position: absolute;
    color:#fff;
    top: -3px;
    right: -3px;
    font-size: 11px;
    font-weight: bold;
    display: block;
    padding: 6px 2px;
    cursor: pointer;
    line-height: 0;
    text-align: center;
    transform: rotate(-45deg);
    background:#D35824;
    width: 14px;
    height: 14px;
    border-radius: 100%;

}
.slider.slider-horizontal {
    width: 100px !important;
    height: 20px !important;
}
div#transparency-cntrl {
    position: absolute;
    top: 200px;
    right: 100px;
    background: #fff;
    height: auto;
    width: 134px;
    padding: 5px 20px;
    box-sizing: border-box;
    border-radius: 5px;
    z-index: 50;
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.25);
}

.slider-handle{
    background-color: #F48030 !important;
    background-image: -webkit-linear-gradient(top,#F48030 0,#D35824 100%) !important;
    background-image: -o-linear-gradient(top,#F48030 0,#D35824 100%) !important;
    background-image: linear-gradient(to bottom, #F48030 0, #D35824 100%) !important;
}
#ex1Slider .slider-selection {
    background: #BABABA;
}


/* Seleccionar capa para info */
.info_layer_button{
    background: url('/Visor/imgs/mapa/info_boton.png') no-repeat;
    display: block;
    min-height: 18px;
    width: 18px;
    float: left;
    margin: 12px 0 0 0;
    cursor: pointer;
    margin: auto 0 auto 5px;
}
/* Fin de seleccionar capa para info */

div#controles-proyeccion {
    /* width: auto; */
    padding-right: 2px;
    padding-left: 2px;
    background: transparent;
    padding-top: 8px;
}
div#controles-proyeccion > span{
    background: transparent !important;
}
button#capas-deseleccionar:hover{
    background: #fff;
    color: #274F7B;
}
button#capas-deseleccionar {
    padding: 0px 5px;
    font-size: 11px;
    color: #fff;
    background: transparent;
    float: right;
    margin: 15px 5px 0 0;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 0;
    text-transform: uppercase;
}
#dialog5 {
    width: 100% !important;
    height: auto !important;
    overflow: auto;
    max-height: 300px !important;
    background: #115272 !important;
    color: #9ab8c1;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable[aria-describedby="dialog5"] {width: 300px !important;height: auto !important;/* overflow: auto; */}

#dialog6 {
    width: 100% !important;
    height: auto !important;
    overflow: auto;
    max-height: 300px !important;
    background: #115272 !important;
    color: #9ab8c1;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable[aria-describedby="dialog6"] {width: 300px !important;height: auto !important;/* overflow: auto; */}
#dialog5 img {
    max-width: initial;
}
#tematica-nombre{
    display: none;
    background: inherit;
    border: 1px solid #274F7B;
    color: #274F7B;
    float: right;
    cursor: default;
}
div#controles-holder-navegacion div.controles-titulo {
    line-height: 46px;
    padding-left: 15px;
}

div#controles-holder-dtapoligono{
    position: absolute;
    top: 0px;
    left: 32%;
    display: none;
    height: 335px;
    z-index: 993;
    width: 350px;
    background: #FFF;
}
div#controles-holder-dtapoligono input#txt-navegar-nm {
    width: 195px !important;
    clear: left;
    margin-left: 17px;
    display: block;
    float: left;
    margin-right: 10px;
}
div#controles-holder-dtapoligono .controles-contenido{
    margin-top: 10px;
}
div#controles-holder-dtapoligono {
    width: 310px;
    height: 130px;
}


div#ficha-tooltip1 div.titulo {
    font-size: 13px;
    font-weight: bold;
    width: 100%

}
div#ficha-tooltip1 div.descripcion {

    width: 100%

}
div#ficha-tooltip1 div.coordenadas {
    margin-top: 5px;
    width: 100%   ;
    font-size: 10px !important;
}
div#ficha-tooltip1 div.eliminar>span {
    height: auto;
    width: 100%   ;
    font-size: 25px !important;
}


/* css adicional capa usuarios */
div#alertSHP {
    font-size: 11px;
    height: 55px;
    overflow: auto;
    padding: 5px 15px;
}


div#controles-holder-subircapa {
    height: auto;
    max-height: 365px;
}
div#controles-holder-plantillasprint-formulario .lista-vistas

{
    padding: 5px 10px;
    color: #3D3D3D;
    font-size: 12px;
}
div#controles-holder-plantillasprint-formulario .form-group{
    margin-bottom: 5px;
}
div#controles-holder-plantillasprint-formulario .plantillabase{

    display: block;
    clear: both;
    float: none;
    margin-bottom: 10px;
    height: auto;
    overflow: hidden;
}
div#controles-holder-plantillasprint-formulario .form-group,
div#controles-holder-plantillasprint-formulario .row
{
    margin-left: 0;
    margin-right: 0;
}
.qq-uploader {
    position: relative;
    min-height: 45px;
}
div#controles-holder-plantillasprint-formulario{
    height: auto;
    max-height: 500px;
    width: 360px;
    /* height: 300px; */
    overflow-y: auto;
}

div.controles-subircapa {
    /* height: 175px; */
}

div.capausuario div.controles-contenido {
    padding-bottom: 0px;
}

div.capausuario span.checkboxlayers-txt-span {
    width: 100px !important;
    padding: 0px !important;
    margin: 0px !important;
    clear: none !important;
    display: inline !important;
    position: relative;
    height: 100% !important;
}

label#lbl_capa_usuario {
    height: 13px;
    display: inline;
    width: 15px;
}


button#dropdownDibujarMenuButton,
button#dropdownProyectos {
    background: transparent !important;
    box-shadow: none;
    border: none !important;
    font-weight: 600;
    font-size: 16px;
    padding: 5px;
    padding-top: 0px;
}
div#controles-proyecto .dropdown:hover, div#controles-proyecto .dropdown.active {
    background: inherit;
}
div#controles-dibujarenmapa .dropdown,
div#controles-proyecto .dropdown {
    padding-top: 0px;
    height: 36px;
    border: 1px solid #274F7B;
    border-radius: 4px;
}
div#controles-dibujarenmapa .dropdown:hover{
    background:#274F7B;
    color: #fff;
}

button#dropdownDibujarMenuButton,
button#dropdownProyectosMobile,
button#dropdownProyectos {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

ul#itemsdropdownDibujarMenuButton li ,
ul#itemsdropdownDibujarMenuButton {
    width: 266px;
    background: #FFF;
    color: #565656;
}
div#controles-plantillasprint ,
div#controles-proyecto ,
div#controles-dibujarenmapa {
    background: transparent !important;
}
ul#itemsdropdownDibujarMenuButton a:hover,ul#itemsdropdownDibujarMenuButton a:active,ul#itemsdropdownDibujarMenuButton li:hover,ul#itemsdropdownDibujarMenuButton li:active{
    background-color: #274F7B !important;
    color: #fff !important;
}

ul#itemsdropdownDibujarMenuButton a {
    color: #565656;
    background: transparent !important;
}
.dropdown-item:hover a{
    color: #FFF !important;
}
#selector-capa-dibujado {
    color: #2b343b;
    padding: 2px 10px;
    display: inline-block;
    margin: 0 20px;
    width: calc(100% - 40px);
    box-sizing: border-box;
    width: 100px;
}

ul#itemsDropdownProyectos {
    width: 300px;
    padding-bottom: 0px;
    border: 3px solid #274F7B;
    padding-top: 0;
}
ul#itemsDropdownProyectos li a{
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

div.botones a.btn{
    color: #fff;
}


li.proyecto a{
    color: #565656;
}
li#NEW.proyecto a,
li#SAVE.proyecto a,
li#EDIT.proyecto a{
    background:  #1c3a5c;
    color: #FFF !important;
}
li#NEW.proyecto a:hover,
li#SAVE.proyecto a:hover,
li#EDIT.proyecto a:hover{
    background: #284d72
}

li#NEW.proyecto a::before,
li#SAVE.proyecto a::before,
li#EDIT.proyecto a::before{
    content: "";
    background: url(/Visor/imgs/mapa/icono_editar_proyectos.png) no-repeat #1c3a5c;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    vertical-align: sub;
    margin-right: 5px;
}


.btn-imprimir-plantilla{

}


div#controles-holder-plantillasprint-formulario .qq-uploader{
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
}
div#controles-holder-plantillasprint-formulario .qq-upload-button-selector.qq-upload-button {

    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;

    display: inline-block !important;
    padding: 6px 12px !important;
    margin-bottom: 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.42857143 !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer !important;
    border: 1px solid transparent;
    border-radius: 4px !important;
}


div#controles-holder-plantillasprint-formulario .qq-upload-button-selector.qq-upload-button:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
span.plantilla-btn{
    height: 20.7px;
    display: block;
    width: 21px;
    box-sizing: border-box;
}
span.plantilla-lbl{
    line-height:30px;
    vertical-align: middle;
}
.google-bg-disclaimer{
    font-size:10px;
}

/* SLIDERS */

.mbr-slider .carousel-control .icon-next,
.mbr-slider .carousel-control .icon-prev {
    margin-top: -18px;
    font-size: 40px;
    line-height: 27px; }

.mbr-slider .carousel-control:hover {
    background: #1b1b1b;
    color: #fff;
    opacity: 1; }

.mbr-slider .carousel-indicators {
    position: absolute;
    bottom: 0;
    margin-bottom: 1.5rem !important; }
@media (max-width: 543px) {
    .mbr-slider .carousel-indicators {
        display: none; } }

.mbr-gallery .mbr-slider .carousel-indicators {
    position: fixed;
    margin-bottom: 2.5rem !important; }
@media (max-width: 991px) {
    .mbr-gallery .mbr-slider .carousel-indicators {
        margin-bottom: 3.625rem !important;
        padding-left: 2.5rem;
        padding-right: 2.5rem; } }

.mbr-slider .carousel-indicators li,
.mbr-slider .carousel-indicators .active {
    width: 8px;
    height: 8px;
    margin: 1px;
    background: #1b1b1b;
    border: 0;
    opacity: 0.5;
}

.mbr-slider .carousel-indicators .active {
    border: 2px solid #1b1b1b;
    background: #fff;
    margin: 1px 3px;
}

.mbr-slider .carousel-indicators {
    position: absolute;
    bottom: 0px;
    margin-bottom: 0px !important;
    width: 100%;
    left: 29%;
    height: 17px;
}
.mbr-slider {
    position: absolute;
    bottom: 4px;
    width: 65px;
    height: 12px;
    left: 6px;
    top: initial;
    background: rgba(230, 230, 230, 0.52);
    border-radius: 5px;
}
/* SLIDERS */

select#sel-tipo-descarga-indice {
    height: 35px;
    border-radius: 4px;
    margin-top: 4px;
}

span#descarga-georef-second-hld {
    height: 34px;
    position: relative;
    width: 162px;
    display: inline-block;
    top: 0;
    margin: 0;
    padding: 0;
}
span#descarga-georef-second-hld > span {
    position: absolute;
    width: 163px;
    top: -13px;
}
div#scale{
    position: absolute;
    left: 17px;
    bottom: 62px !important;
    color: #000;
    font-size: 14px;
    text-shadow: 0px 0px 2px #fff, 1px 1px 5px #fff, 2px 2px 5px #fff,0px 0px 2px #fff, 1px 1px 5px #fff, 2px 2px 5px #fff,0px 0px 2px #fff, 1px 1px 5px #fff, 2px 2px 5px #fff;
    height: 20px;
    box-sizing: content-box;
}
#transparency-cntrl>span{
    color: #274F7B;
}

ul#itemsDropdownProyectos {
    max-height: 250px;
    overflow-y: auto;
}

.menu-principal-mapa {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.icono-menu-principal-mapa >span{
    width: 40px;
    height: 40px;
    background: url('imgs/snit2019_sprite.png') no-repeat;
    display: inline-block;
}
div#controles-mano.icono-menu-principal-mapa >span{
    background-position: -132px -70px;
    width: 41px; height: 40px;
}

div#controles-mano.icono-menu-principal-mapa:hover >span,
div#controles-mano.icono-menu-principal-mapa.active >span{
    background-position: -132px -10px;
}

div#controles-navegador.icono-menu-principal-mapa >span{
    background-position: -71px -130px;
    width: 41px; height: 40px;
}

div#controles-navegador.icono-menu-principal-mapa:hover >span,
div#controles-navegador.icono-menu-principal-mapa.active >span{
    background-position: -10px -130px;
}


div#controles-medirlinea.icono-menu-principal-mapa >span{
    background-position: -71px -10px;
    width: 41px; height: 40px;
}

div#controles-medirlinea.icono-menu-principal-mapa:hover >span,
div#controles-medirlinea.icono-menu-principal-mapa.active >span{
    background-position:  -10px -10px;
}


div#controles-medirpoligono.icono-menu-principal-mapa >span{
    background-position: -193px -70px;
    width: 40px; height: 40px;
}

div#controles-medirpoligono.icono-menu-principal-mapa:hover >span,
div#controles-medirpoligono.icono-menu-principal-mapa.active >span{
    background-position:  -70px -190px;
}




div#controles-zoominbox.icono-menu-principal-mapa >span{
    background-position: -201px -351px;
    width: 40px; height: 40px;
}

div#controles-zoominbox.icono-menu-principal-mapa:hover >span,
div#controles-zoominbox.icono-menu-principal-mapa.active >span{
    background-position: -133px -351px;
}



div#controles-zoomoutbox.icono-menu-principal-mapa >span{
    background-position: -270px -351px;
    width: 40px; height: 40px;
}

div#controles-zoomoutbox.icono-menu-principal-mapa:hover >span,
div#controles-zoomoutbox.icono-menu-principal-mapa.active >span{
    background-position:  -270px -296px;
}


div#controles-marcarpin.icono-menu-principal-mapa >span{
    background-position: -193px -10px;
    width: 41px; height: 40px;
}

div#controles-marcarpin.icono-menu-principal-mapa:hover >span,
div#controles-marcarpin.icono-menu-principal-mapa.active >span{
    background-position:  -132px -130px;
}

div#controles-herramientas-medicion.icono-menu-principal-mapa >span{
    background-position: -270px -468px;
    width: 41px; height: 40px;
}

div#controles-herramientas-medicion.icono-menu-principal-mapa:hover >span,
div#controles-herramientas-medicion.icono-menu-principal-mapa.active >span{
    background-position:  -270px -411px;
}

div#controles-borrar-lienzo.icono-menu-principal-mapa >span{
    background-position: -71px -530px;
    width: 41px; height: 40px;
}

div#controles-borrar-lienzo.icono-menu-principal-mapa:hover >span,
div#controles-borrar-lienzo.icono-menu-principal-mapa.active >span{
    background-position:  -10px -530px;
}

div#controles-querypoint.icono-menu-principal-mapa >span{
    background-position: -71px -70px;
    width: 41px; height: 40px;
}

div#controles-querypoint.icono-menu-principal-mapa:hover >span,
div#controles-querypoint.icono-menu-principal-mapa.active >span{
    background-position:  -10px -70px;
}

div#controles-buffer.icono-menu-principal-mapa >span{
    background-position: -69px -411px;
    width: 41px; height: 40px;
}

div#controles-buffer.icono-menu-principal-mapa:hover >span,
div#controles-buffer.icono-menu-principal-mapa.active >span{
    background-position: -9px -411px;
    width: 41px; height: 40px;
}

div#controles-subircapa.icono-menu-principal-mapa >span{
    background-position: -193px -130px;
    width: 40px; height: 40px;
}

div#controles-subircapa.icono-menu-principal-mapa:hover >span,
div#controles-subircapa.icono-menu-principal-mapa.active >span{
    background-position:  -10px -190px;
}

div#controles-buscar-rutas.icono-menu-principal-mapa >span{
    background-position: -70px -469px;
    width: 40px; height: 40px;
}

div#controles-buscar-rutas.icono-menu-principal-mapa:hover >span,
div#controles-buscar-rutas.icono-menu-principal-mapa.active >span{
    background-position:  -10px -469px;
}

div#controles-buscar-fincaplanos.icono-menu-principal-mapa >span{
    background-position: -200px -468px;
}

div#controles-buscar-fincaplanos.icono-menu-principal-mapa:hover >span,
div#controles-buscar-fincaplanos.icono-menu-principal-mapa.active >span{
    background-position: -133px -468px;
}

div#controles-url-capa.icono-menu-principal-mapa >span{
    background-position: -70px -468px;
}

div#controles-url-capa.icono-menu-principal-mapa:hover >span,
div#controles-url-capa.icono-menu-principal-mapa.active >span{
    background-position: -8px -468px;
}


div.contenedor-mapa-controles {
    height: 77px;
    padding-left: 5px;
    padding-right: 5px;
}

.contenedor-titulo-usuarios {
    color: #274F7B !important;
    background-color: #fff !important;
}

.contenedor-cuerpo-usuarios {
    background-color: #FFF;
}

.contenedor-formulario-ingresar-usuario {
    z-index: 10;
    position: absolute;
    top: 40px;
    left: 10px;
    background: #E6E6E6 !important;
    box-shadow: 1px 1px #000;
}

div#nombreUsuario {
    background: #FFF;
    color: #274F7B;
    font-weight: bold;
    font-size: 16px;
    width: 96%;
}

.informacion-usuario {
    background: #FFF;
    color: #274F7B;
}

div.contenedor-usuario {
    background: #fff !important;
}
span.icono-capas > img{
    display: none;
}
span.icono-capas:before {
    content: "";
    display: inline-block;
    width: 29px;
    height: 31px;
    background: url('imgs/snit2019_sprite.png') no-repeat transparent;
    background-position: -10px -250px;
    margin-top: 6px;
}

span.icono-buscar-rutas:before {
    content: "";
    display: inline-block;
    width: 35px;
    height: 31px;
    background: url('imgs/snit2019_sprite.png') no-repeat transparent;
    background-position: -12px -472px;
    margin-top: 6px;
}

span.right-buttons-container {
    height: 100%;
    width: 22px;
    display: inline-block;
    min-height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    min-height: 30px;
    float: right;
}

.controles-contenido input {
    border-radius: 3px;
    border: 1px solid #4A4A4A !important;
    color: #4A4A4A !important;
    min-height: 35px;
}

.select2-selection__rendered {
    border: 1px solid #4A4A4A;
    border-radius: 3px;
    height: 35px;
}
span.select2-selection__arrow:hover{
    background-color: #6ba2cc;
}
span.select2-selection__arrow {
    background-color: #3573A2;
    height: 35px !important;
    border-radius: 0 3px 3px 0;
    width: 24px !important;
    right: 0px !important;
    top: 0 !important;
}

span.select2-selection__arrow > b {border-color: #FFF transparent transparent transparent !important;}

span.select2-selection {
}

span.select2-selection {
    min-height: 35px;
}
.qq-upload-button-selector.qq-upload-button:hover{
    box-shadow: inset 0px 0px 10px 0px #fff9;
}
.qq-upload-button-selector.qq-upload-button {
    background: #FF7D2F;
    color: #fff;
    cursor: pointer !important;
}
div.addaxholder{
    top: 80px !important;
}

#controles-holder-limitescr {
    position: absolute;
    top: 0px;
    left: 45%;
    display: none;
    height: 335px;
    z-index: 993;
    width: 350px;
    background: #fff !important;
    box-shadow: 0 0 4px 0px #000;
}

#controles-holder-limitescr #home, #controles-holder-limitescr #home h3, #controles-holder-limitescr #home a {
    color: #4A4A4A !important;
}
span.ui-icon-closethick:before{
    font-size: 24px;
    color: #4A4A4A;
    position: relative;
    content: "x";
    float: left;
    font-weight: bolder;
    text-align: center;
    padding: 0px 5px;
    line-height: 21px;
}
span.ui-icon-closethick {
    color: #000;
    background-image: none !important;
    width: 23px !important;
    height: 24px !important;
    background: #fff !important;
    top: -7px !important;
    left: -5px !important;
    text-indent: initial !important;
    text-align: center;
    box-shadow: 0 0 5px #000;
}
span.ui-icon-closethick:hover{
    background: #e8e7e7 !important;
}
span#cerrar_tooltip {
    display: none !important;
}

div#controles-documentosadjuntos:hover,
div#controles-plantillasprint:hover,
button#dropdownDibujarMenuButton:hover{
    background-color: transparent !important;
}
div#controles-documentosadjuntos:before,
div#controles-plantillasprint:before,
button#dropdownDibujarMenuButton:before {
    content: '';
    width: 40px;
    height: 40px;
    background-image: url(imgs/snit2019_sprite.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-color: transparent;
}
div#controles-documentosadjuntos>img,
div#controles-plantillasprint>img,
button#dropdownDibujarMenuButton >img {
    display: none;
}

button#dropdownDibujarMenuButton:hover:before {
    background-position: -9px -295px;
}
button#dropdownDibujarMenuButton:before {
    background-position: -69px -295px;
}


button#dropdownDibujarMenuButton {
    background: transparent;
}

#controles-plantillasprint:before{
    background-position: -69px -351px !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
}
#controles-plantillasprint:hover:before{
    background-position: -9px -352px !important;
}


div#controles-documentosadjuntos:before{
    background-position: -200px -295px;
}
div#controles-documentosadjuntos:hover:before{
    background-position: -132px -295px;
}
select#proyeccion-mapa{
    width: 95px !important;
}

#select2-proyeccion-mapa-container{
    padding-right: 30px;
    line-height: 32px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 3px !important;
}

div.holderproyectossection{
    padding-top: 4px;
}
.nav>li>a,
li.item-menu-usuario {
    background-color: #E6E6E6 !important;
}
.nav>li>a:hover,
.item-menu-usuario:hover {
    background-color: #c8c8c8 !important;
}

.texto-menu-usuario {
    color: #274F7B;
    font-weight: bold;
    font-size: 16px;
}

/* div#dialog-consultapunto div.cuerpo{
    height: 210px !Important;
    margin-bottom: 5px;
} */

/* Overrides varios */

/* Este arrelga un problema de que se escondía el borde derecho del campo
de búsqueda por nombre */

.ol-geocoder .gcd-gl-input{
    width: 80% !important;
}

.contenedor-logo{
    padding: 5px;
}

.img-buscar-small{
    top: 11px;
}


div.upper-toolbar div.col-md-9 {
    padding-left: 0;
    padding-right: 0;
}

div.upper-toolbar div.col-md-9 .col-md-1{
    width: 7%;
}


.centrar-geolocacion{
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    left: 0.22em;
    bottom: -1.5em;
    z-index: 1;
    background: url('imgs/centrarSNIT.png') no-repeat transparent;
    cursor:pointer;
    background-size: 100%;
}

/* Panel */

.panel{
  background-color: #fff;
  border: 4px solid #1C3A5C;
  z-index: 993;
  border-radius: 0;
}

.panel-default{
    width: 10px;
    position: relative;
}

.panel-heading {
    background-color: #274F7B !important;
    height: 46px;
    border-radius: 0;
}

.panel-title {
    color: #fff;
    line-height: 25px;
    text-transform: uppercase;
    text-align: left;
}

.panel-body{

}

.panel-section{
  border-bottom: 1px solid #ddd;
  padding-bottom: 7px;
}

span.close{
  font-size: 25px;
  line-height: 0.6;
  color: #666;
  opacity: 1;
}

#buffer span.select2{
  display: block;
  width: 100% !important;
}

.bufferbtn{
  background-color: #FF7D2F;
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin: 10px auto 20px auto;
  line-height: 14px;
  float: none;
  display: block;
  cursor: pointer;
  min-height: 29px;
  font-weight: bold;
}
#btn-confirm-salir{
    background-color: #E36F1E;
}

#btn-confirm-salir:hover{
    transform: translateY(2px);
}
#btn-confirm-cont:hover{
    transform: translateY(2px);
}
#btn-cancelPin:hover{
    transform: translateY(2px);
}
#btn-coord:hover{
    transform: translateY(2px);
}
#btn-consult-pin{
    background-color: #E36F1E;
}
#btn-nuevo-pin{
    background-color: #005581;
}
#btn-nuevo-pin:hover{
    transform: translateY(2px);
}
#btn-consult-pin:hover{
    transform: translateY(2px);
}
span.avf.ico_borrar {
    background-color:#E36F1E;
    padding: 0px;
    color:white;
}
span.avf.ico_copiar {
    background-color:#2879b3;
    padding: 0px;
    color:white;
}
span.avf.ico_editar {
    background-color:#00c6ca;
    padding: 0px;
    color:white;
}
span.avf.ico_descargar {
    background-color:#807F83;
    padding: 0px;
    color:white;
}
.eliminar{
    margin-right:12px;
    margin-top:4px;
}
#holderproyectosection{
    padding: 0 0px;
}


div#buscador-rutas-holder {
    display: block;
    background: #fff;
    width: 400px;
    height: auto;
    float: right;
    right: 17%;
    position: relative;
    top: 8px;
    overflow: hidden;
}
div#buscador-rutas-holder > *{
    margin: 0 ;

}
div#buscador-rutas-holder > h2{
    margin: 5px 10px;
}

.dsk-hidden{
  display: none !important;
}



.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: 20px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 300px;
    display: none;
}

.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-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 5px;
}
.ol-popup-closer:after {
    content: "✖";
}

.mostrar-texto {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background-color: #206491;
    cursor: pointer;
    border: 1px solid #dcdcdc;
    width: 100%;
    height: 60px;
}

.mostrar-texto:hover{
    background-color: #2a83bf;
}

.mostrar-texto > h2 {
    color: #fff;
    margin-top: 10px;
}

.opcion-buscador-catastral{
    height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
    opacity: 0;
    margin-bottom: 0;
    padding: 0 10px;
    width: fit-content;
    background-color: #f9f9f9;
}