/* 
    Created on : 24-jul-2018, 14:58:54
    Author     : nhuanquiri
*/

.map-container{
    width: 100%; 
    height: 55vh;
    min-height: 430px;
}
#map { 
    width: 100%; 
    height: 100%;
}

/*
table.tbl_info td, table.tbl_info th {
    padding: 1px 2px 1px 2px;
    font-size: 1.125em;
}
*/

table.tbl_info {
    width: 100%;
}

table.tbl_info .cell_campo, 
table.tbl_info .cell_info {
    padding: 1px 2px 1px 2px;
    font-size: 1.115em;
    border-bottom: thin solid lightgrey;
}

table.tbl_info .cell_campo {
    font-weight: bold;
}

table.tbl_info .cell_info {
    word-wrap: break-word !important;
}

table.tbl_info .cell_title {
    padding: 1px 2px 1px 2px;
    font-size: 1.125em;
    background-color: #f7c061;
    color: #502900;
    font-weight: bold;
}

.advertencia-nota {
    font-size: 1.150em;
    font-weight: bold;
}

.panel-info-lusu {
    min-width: 270px;
    max-width: 270px;
    overflow: auto;
    max-height: 280px;
    min-height: 200px;
}


.modal-content {
    top: 24px;
}

/* Selecciona cualquier <div> que se muestre en modo de pantalla completa */
/* Implementado en Firefox, WebKit/Chrome, y Edge/IE usando prefijos;
   Edge también es compatible con la versión sin prefijo */
div:-moz-full-screen {
  background-color: #fff;
}

div:-webkit-full-screen {
  background-color: #fff;
}

div:fullscreen {
  background-color: #fff;
}

.autil-espera {
    background-image: url("../images/ajax-loader-b.gif");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 3px;
}

.info-bar-message {
    padding: 3px;
    margin-bottom: 5px;
    background-color: #db4936;
    border-radius: 3px;
    color: #FFF;
    border: 1px solid #b63421;
}

.info-content {
     width: 300px;
     max-width: 450px;
     max-height: 200px;
     overflow: auto
}

.layer-info-x-panel {
    /* border-top:2px solid #c0c0c0; */
    border-bottom: 2px solid #c0c0c0;
    margin-bottom: 5px;
    background-color: #FAFAFA;
    max-width: 11em;
}

.layer-info-x-desc {
    font-size: 0.90em;
    color: #101060;
    margin-bottom: 5px;
}

.layer-info-x-close {
    position: relative;
    float: right;
    left: 12px;
    font-weight: bold;
}

.ol-layerswitcher .panel li label {
    font-weight: normal;
    font-family: Arial;
}