@media only screen and (orientation : portrait){

}
@media only screen and (orientation : landscape){

}
div.indicador-unit-pestanna {
    display: none;
}

@media (max-width: 991px){


    div::-webkit-scrollbar ,
    html::-webkit-scrollbar {

        -webkit-appearance: none;

    }


    div::-webkit-scrollbar:vertical ,
    html::-webkit-scrollbar:vertical {

        width: 11px;

    }


    div::-webkit-scrollbar:horizontal ,
    html::-webkit-scrollbar:horizontal {

        height: 11px;

    }


    div::-webkit-scrollbar-thumb ,
    html::-webkit-scrollbar-thumb {

        border-radius: 8px;

        border: 2px solid white; /* should match background, can't be transparent */

        background-color: rgba(0, 0, 0, .5);

    }


    div::-webkit-scrollbar-track ,
    html::-webkit-scrollbar-track {

        background-color: #fff;

        border-radius: 8px;

    }


    /* .row.encabezado {
        background: #1c3a5c;
        box-shadow: 2px 0px 14px 2px rgba(16, 42, 56, 0.61);
    } */

    /* .contenedor-logo {
        width: 20%;
        float: left;
        margin-left: 45px;
        margin-top: 3px;
    } */

    div#inputBuscar {
        /* display: none; */
        margin-left: 5px;
    }

    .contenedor-mapa-buscar {
        height: 39px;
        padding: 0;
        margin: 0;
        border: none;
        width: 221px;
        position: absolute;
        top: 89px;
        left: 21px;
    }

    .contenedor-usuario {
        display: none;
    }

    div#controles-holder-subircapa {
        display: none;
    }

    div#controles-zoominbox {
        display: none;
    }

    div#controles-zoomoutbox {
        display: none;
    }

    div.menu-principal-mapa{
        display: none;
        position: fixed;
        background: rgba(28, 58, 92, 0.75);
        left: 0;
        width: 31vw;
        transition: visibility 4s, opacity 3.5s ease-in-out;
        box-shadow: 2px 2px 10px #12273f;
        max-height: calc(100% - 90px) !important;
        overflow-y: auto;
    }
    div#controles-holder-capas{
        display: none;
    }
    /*Mobile size*/
    div.maximizaricono{
        display: none;
    }
    div#resultados-busqueda span.icon.busquedat{
        display: none;
    }
    span.resultados-titulo{
        padding-left: 0;
        width: calc(100% - 30px);
        min-width: 130px;
        margin-left: 28px;
    }

    div.indicador-unit-pestanna {
        display: block;
        position: absolute;
        top: -25px;
        right: 0px;
        height: 25px;
        width: 30px;
        background: #87b234;
        text-align: center;
        border-top-left-radius: 13px;
        cursor: pointer;
        border-top: 1px solid #fff;
    }


    .texto-capas{
        font-size: 14px;
    }

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

    div.filtros-capa-parcelawms span{
        line-height: 24px;
    }
    span.iconinec.iconaccordeon{
        top: 0px;
    }
    div.layerlist-title{

        padding: 2px 0 2px 0;

        font-size: 17px;

        line-height: 22px;
    }
    div#layerlist-holder li{
        padding-bottom: 4px !important;
        min-height: 32px;
        font-size: 14px !important;
    }
    body.resultadosbusqueda div#overmap-holder, body.resultadosbusqueda .map.olMap{
        height: 100% !important;
    }
    #area-conservacion-txt,
    #especie-consulta,
    #ubicacion-proyeccion,
    #provincia, #canton, #distrito,
    #provincia2, #canton2, #distrito2
    {
        width: 125px !important;
        min-width: 125px !important;
    }
    div#resultados-busqueda {
        display: none;
        height: calc(30% - 26px);
        height: -moz-calc(30% - 26px);
        height: -webkit-calc(30% - 26px);
        width: 100%;
        background: transparent;
        height: 40%;
        z-index: 1500;
        position: absolute;
        border: none;
        bottom: 0;
        background:#505050;
    }
    div.tabla-busqueda-holder{
        overflow-y: scroll;
    }

    div.resutlados-header-right span{
        font-size: 10px;
        padding: 1px 7px;
        float: left;
        content: 'hola';
        margin: 2px 5px 0px 0;
        min-width: 72px;
    }
    div.site_title_txt{
        font-size: 3.8vw;
        width: calc(100% - 60px);
        line-height: 100%;
        margin-top: 4px;
    }
    div.logo-2 {
        width: 32px;
        background-size: 100%;
        margin: 2px 2px 0 2px !important;
        height: 46px;
    }
    div.user-data {
        width: 45px;
        float: left;
        margin-right: 2px;
        margin-top: 0px;
        margin-left: 2px;
    }
    div.user-data img{
        width: 100%;
        height: auto;
    }
    div.user-datad {
        width: 60px;
        float: left;
        /* margin-right: 4px; */
        margin-top: 0px;
        /* margin-left: 2px; */
    }

    div.user-pic {
        display: none;
    }

    div.user-name {
        width: calc(100% - 28px);
        padding: 0;
        margin-top: 10%;
    }

    input.btn.editingSize.boton.boton5.btn-iniciarsesion {
        width: 50%;
        height: 35px;
        margin: 0;
        background: url(/img/userdefault.png) #2450A5 no-repeat;
        color: transparent;
        background-size: 100%;
    }

    div.header-middle {
        width: calc(100% - 122px);
    }

    div.left_subheader_txt {
        display: none;
        position: absolute;
        top: 45px;
        width: 100% !Important;
        background: rgba(80, 80, 80, 0.85);
        height: auto;
        left: 0px;
        padding: 0px 10px 5px 10px;
        z-index: 1;
        border-top: 1px solid #3c3c3c;
    }

    div.header {
        height: 50px;
    }

    div#controles-holder-indicadores {
        width: 100%;
        /* height: 100%; */
        display: none;
        min-height: initial;
    }

    div.ol-background.ol-unselectable.ol-control {
        display: block;
    }
    /* div.controlessobrepuestos-holder
    {
        left: auto;
        left: 80px;
        bottom: 41px !important;
    } */

    span.user-real {
        font-size: 10px;
    }

    span.user-email {
        display: none;
    }

    div#controles-holder-capas {
        width: 100%;
        height: 90%;
        display: none;
        max-height: 100%;
        min-height: auto;
        background: #11476a;
    }

    span.icono-capas{
      transform: scale(0.75);
      margin-left: 0px;
    }

    #capas-deseleccionar{
      display: none;
    }

    div.logos-holder{
        margin-left: 32px;
        margin-top: 4px;
    }
    div.header-normal {
        height: 50px;
    }

    div.header-overdone {
        height: 50px;
    }
    div#allholder {
        height: calc(100% - 79px) !important;
    }


    /* div.ol-zoom.ol-unselectable.ol-control {
        top: auto;
        bottom: 40px;
    } */

    /* div.ol-zoom-extent.ol-unselectable.ol-control {
        bottom: 60px;
        top: auto;
        left: 50px;
    } */

    div.busqueda-header {
        height: 50px;
    }

    div#busqueda-holder div.search-left {width: calc( 100% - 136px) !important;margin: 5px 0 0 0;}

    div.resultados {
        width: 100% !important;
        margin: 0;
        height: calc(100% - 47px) !important;
        float: left;
        max-width: none;
        /* overflow: auto; */
        padding: 0 5px;
    }


    .busqueda-title {
        font-size: 14px;
    }
    div#busqueda-holder div.busqueda-body div.filtros div.busqueda-title:nth-child(3)
    ,div.filtros-lista.niveles-filtros
    {
        display: none;
    }
    div.filtros-lista {
        font-size: 11px;
        height: 94% !important;
    }

    .bootstrap-switch-wrapper {
        width: 45px;
    }

    div.filtros-lista div.inec_filtro {
        margin-bottom: 4px;
    }

    div.inec_filtro.tipo_solicitudholder {
        height: 85px !important;
        width: 100% !important;
    }

    div.filtros-lista.niveles-filtros {
        height: 100px;
    }

    div.filtros {
        height: 110px;
        width: 100%;
        padding: 5px 40px 5px 40px;
        display: none;
    }

    div#busqueda-holder {}

    div.busqueda-body {
        height: calc(100% - 50px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    img.inec-tipo-logo {
        height: 20px;
    }

    div.mobile-boton-inec{
        background: url(imgs/ui_sandwich_menu-512.png) no-repeat #1c3a5c;
        background-size: 32px;
        height: 32px;
        width: 28px;
        border-bottom-right-radius: 10px;
        position: absolute;
        z-index: 30;
        cursor: pointer;
        border-bottom: 2px solid #617c9a;
        top: 3px;
        border-right: 1px solid #617c9a;
        background-position-x: -3px;
    }
    /* div#controles-proyecto,
    div.upper-toolbar div {
        padding: 5px 7px 5px 7px;
    } */
    div#controles-proyecto{

    }
    div#controles-holder-textual,
    div#controles-holder-ponerpin {
        width: calc(100% - 20px);
        left: 10px !important;
        height: 195px;
        top: 0px !Important;
        max-height: 45%;
    }

    div.controles-ponerpin {
        height: auto;
        box-sizing: border-box;
    }

    input#pin-longitud {}

    div.controles-contenido input {
        width: 125px !important;
    }
    div.pin-botones div.locacion_select_holder:nth-child(1){
        margin-right: 10px;
    }
    div.pin-botones div.locacion_select_holder {
        width: auto;
        float: left;
        clear: none;

        display: inline-block;
    }

    div.pin-botones {
        width: 235px;
        margin: auto;
    }

    div.pin-superior div.locacion_select_holder .select2-container, div.controles-ubicacioncoordenadas div.locacion_select_holder .select2-container, div.controles-ubicacionselector div.locacion_select_holder .select2-container {
        width: 126px !important;
        overflow: hidden;
    }

    div#controles-holder-compartirmapa .controles-contenido, div#controles-holder-dtapoligono .controles-contenido, div#controles-holder-ponerpin .controles-contenido, div#controles-holder-navegacion .controles-contenido {
        margin-top: 5px;
    }

    div.pin-superior {
        padding-bottom: 5px;
    }

    div.controles-contenido p {
        padding: 0px 15px;
    }
    div#controles-holder-compartirmapa{
        left: 50px;
        width: calc(100% - 50px);
    }
    div#controles-holder-navegacion,
    div#controles-holder-dtapoligono{
        top: 0px !important;
        left: 30vw !important;
        width: 270px;
    }

    div#controles-holder-compartirmapa .controles-contenido, div#controles-holder-textual .controles-contenido, div#controles-holder-dtapoligono .controles-contenido, div#controles-holder-ponerpin .controles-contenido, div#controles-holder-navegacion .controles-contenido {
        margin-top: 3px;
    }

    div.controles-contenido,
    div#controles-holder-dtapoligono div.controles-contenido{
        height: calc(100% - 50px);
        padding-bottom: 5px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    #controles-holder-ponerpin div.controles-contenido{
        height: calc(100% - 50px);
        overflow: auto;
        position: relative;
    }
    div.controles-contenido .form-group{
        margin-bottom: 2px;
    }
    div#controles-holder-dtapoligono div.controles-contenido .nav>li>a{
        padding: 3px 4px;
        font-size: 14px;
        border-right-style: solid;
        border-right-color: #555;
        min-width: 84px;
    }
    div.controles-indicador-unit-contenido {
        overflow-y: auto;
        height: 100%;
        width: 100%;
    }
    div#controles-holder-indicador-unit {
        height: calc(100% - 30px) !important;
        z-index: 100;
    }
    div#controles-holder-indicador-unit.mini {
        transform: translate(0, 100%) !important;
    }
    div.indicador-unit-selector {
        width: 100%;
    }

    div.unit-selector-title {
        width: 80px;
        font-size: 12px;
        clear: none;
        float: left;
        vertical-align: middle;
        line-height: 28px;
        margin-bottom: 0;
    }

    span.select2.select2-container.select2-container--default {
        font-size: 12px;
        width: 150px !important;
    }

    p.subtext {
        font-size: 11px;
        margin: 0 0 2px;
    }

    div.unit-selector-metadata {
        font-size: 11px;
        text-align: center;
    }

    div.indicador-unit-graphic {
        width: 100%;
        height: auto !important;
    }

    div#chart_div_txt {
        display: none !important;
    }

    div#controles-imprimir {
        display: none;
    }

    div#controles-indicadores,div#controles-capas {
        display: block !important;
    }

    div#layerlist-holder {
        height: 100% !important;
    }
    div#layerlist, div#layerlist-base {
        padding-bottom: 18px;
    }
    div#controles-imprimir {
        display: none;
    }

    div#controles-indicadores,div#controles-capas {
        display: block !important;
    }
    div#controles-indicadores{ display: none !Important;}
    div#layerlist-holder {
    }
    div#layerlist, div#layerlist-base {
        padding-bottom: 18px;
    }
    div#layerlist{
        padding-bottom: 5px;
        height: 100% !important;
    }

    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable {
        top: auto !important;
        left: 0px !important;
        bottom: 0 !important;
        position: absolute !important;
        height: calc(70% - 126px) !important;
        box-shadow: 0px -4px 17px #102946;
    }

    div.cuerpo {
        height: calc(100% - 50px) !important;
        min-height: initial !important;
        max-height: initial !important;
    }

    div#dialog-consultapunto {
        height: 100% !important;
        max-height: 100% !important;
        overflow: hidden;
        background: #11476a !important;
    }

    .fht-table-wrapper.fancyDarkTable {
        height: 100% !Important;
        overflow-y: auto;
    }
    table#tabalaresultados-busqueda{
        margin-top: 0px;
    }
    span#cerrar_tooltip {
        top: 0px;
        width: 19px;
        height: 22px;
        background-position: -44px -105px;
        right: -14px !important;
        left: auto;
        position: absolute;
        font-size: 15px;
        font-weight: bold;
        border: outset;
        line-height: 18px;
        color: #fff;
        text-align: center;
    }

    /* div#controles-proyeccion {
        display: none;
    } */

    .franja-color-sobre-logo,.franja-color-bajo-logo {
        display: none;
    }

    .imagen-logo-snit img,.imagen-logo-snit br {
        display: none;
    }

    .imagen-logo-snit img:nth-child(1){
        display:block;
        width: 39px;
        margin-left: auto;
        margin-right: auto;
    }

    span.texto-tematica-nombre {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
        display: inline-block;
    }

    .col-md-3.otros-menu-principal-mapa {
        width: 100%;
    }

    div#tematica-nombre {
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .menu-principal-mapa {
        transition: visibility 0s, opacity 3s linear;
    }

    span.contenido-input-buscar {
        width: 85%;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        float: right;
    }

    .imagen-logo-snit {
    }

    .controles-contenido-capas.colFullHeight {
        margin-bottom: auto !important;
        padding-bottom: 0 !important;
        min-height: 100px !important;
        height: calc(50% - 46px) !important;
    }

    .controles-contenido-mapas-base {
        height: calc(50% - 46px) !important;
        min-height: 100px;
    }


    .ol-scale-line {
        background: rgba(0, 60, 136, 0.56);
    }

    div#layerlist-base, div#mapasbaselist-holder {
        height: 100% !important;
    }

    button#capas-deseleccionar {
        position: absolute;
        left: 7px;
    }

    span.ubica-consulta,span.coords {
        font-size: 13px;
        color: #fff;
    }
    div#dialog-consultapunto table tr th:last-child {
        padding: 10px 5px 10px 5px !important;
    }
    div#dialog-consultapunto table tr th {
        background: #1b637f;
        color: #fff;
        border: 1px solid #11476a;
        font-size: 13px !important;
    }

    div#dialog-consultapunto .fancyDarkTable tbody tr td {
        background: #115272;
        color: #cae2ea;
        border: 3px solid #11476a;
        padding-bottom: 5px;
        font-size: 13px !important;
        padding-top: 4px;
    }

    table.fht-table {
        width: 100%;
    }

    /* span.checkboxlayers-holder2 span.checkboxlayers-txt-span, span.checkboxlayers-holder span.checkboxlayers-txt-span {
        font-size: 13px;
        color: #bfe0ec;
    } */


    /* .pin-botones {}
    div#resultados-busqueda,
    div#overmap-holder>div {

        top: 0px !important;
        right: 0 !important;
        width: 30%;
        z-index: 101;
    } */
}

@media (max-width: 950px) and (orientation : landscape){

    div.resutlados-header-right span{

        padding: 4px 7px;

        margin: 7px 5px 0px 0;
        min-width: 72px;
    }

    div.site_title_txt {
        font-size: 6vh !important;
    }
    /* div#layerlist-base{
        max-height: 100px !important;
        height: calc(100% - 137px) !important;
    } */
    div#controles-holder-navegacion{
        height: 65%;
        overflow-y: auto;
    }
    div#controles-holder-navegacion div.controles-contenido{
        min-height: initial;
    }
    span#cerrar_tooltip {
        top: -3px;
        width: 18px;
        height: 22px;
        background-position: -44px -105px;
    }

    div.controles-ubicacioncoordenadas.controles-navegacion {
        width: 48%;
        float: left;
    }

    div.controles-ubicacionselector {
        float: right;
        width: 48%;
    }
    div#controles-holder-dtapoligono div.controles-ubicacionselector {
        float: left;
        width: 98% !important;
    }
    div#controles-holder-navegacion .h_text {
        width: 80px;
    }

    span.btn.btn-centrar {
        margin: 2px auto 0 auto;
    }
    div.inec_filtro {
        width: 33% !important;
        float: left;
        clear: none !important;
    }
    div.inec_filtro.tipo_solicitudholder{
        height: 50px !important;
    }
    div.filtros{
        height: 75px !important;
    }
    div.resultados {
        height: calc(100% - 111px) !important;
    }

}
span.iconinec.iconaccordeon {
    width: 26px;
    height: 26px;
    background-position: -176px -67px;
    cursor: pointer;
    position: absolute;
    top: 5px;
}
span.iconinec {
    background: url(imgs/spriteinf.png) no-repeat;
    display: inline-block;
}

.pin-botones {}
div#resultados-busqueda,
div#overmap-holder>div {
    -webkit-transition:width 300ms ease-in-out, height 300ms ease-in-out;
    -moz-transition:width 300ms ease-in-out, height 300ms ease-in-out;
    -o-transition:width 300ms ease-in-out, height 300ms ease-in-out;
    transition:width 300ms ease-in-out, height 300ms ease-in-out;
    box-shadow: -1px 6px 13px #1c3a5c;

}
div#resultados-busqueda.mini{
    height: 0px;
}
div#overmap-holder>div.mini{
    height: 46px;
    overflow: hidden;
}
div#overmap-holder>div span.acordeon-generico.iconinec.iconaccordeon {
    right: 5px;
    top: 2px;
    cursor: pointer;
}
div#overmap-holder>div.mini span.acordeon-generico.iconinec.iconaccordeon {
    background-position: -142px -67px;
}

div.cerrarbusquedaicono:after{
    content:'X';
    position: absolute;
    top: 2px;
    left: 4px;
    height: auto;
    line-height: 12px;
}

@media (max-width: 768px){
  div#controles-holder-navegacion,
  div#controles-holder-dtapoligono{
      left: unset !important;
      right: 0vw !important;
  }
}