@import url("base.css?v=5");

:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
  --gutter: 0.5em;
  /*--lanes-color: #ffd8b1;*/
  --lanes-color: #efffe1;
  --faciliy-color: #ffeffe;
}

.hide {
    display: none;
    /*border: 3px solid green;*/
}

#map {
    height: 400px;
}

section.lanes {
    /* border: 2px solid var(--lanes-color); */
}
section.lanes h3 {
    background: var(--lanes-color);
}
section.facility h3 {
    background: var(--faciliy-color);
}

li.admin {
    float: right;
}

.element {
    /* background-color: #eee; */
    padding: 10px;
}

.gallery div, .gallery img {
    display: inline-block;
    margin: var(--gutter);
}

.gallery > div {
    background-color: #eee;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    border-radius: 0.4em;
    /* max-width: 200px; */
}
.gallery > div > img {
    flex: 0 0 auto;
}
.gallery > div > div {
    flex: 1 1 60%;
}

.pictures {
    text-align: center;
}
.picture {
    display: inline-block;
    vertical-align: top;
}
.picture p {
    width: 120px;
}


.tolllist th:nth-child(2),
.tolllist td:nth-child(2) {
    text-align: left;
    /*padding-left: 3em;*/
    width: 10%;
}

/*dl.data > div {
    display: inline-block;
    margin: 0 2em 0 2em;
    vertical-align: top;
}*/
dl.data {
    display: inline-block;
    vertical-align: top;
    margin-left: 2em;
    margin-right: 2em;
    margin-bottom: 0.5em;
    margin-top: 0;
}
dl.data dd {
    margin-bottom: 0.5em;
}


ul.data {
    list-style-type: none;
    /*column-count: 4;*/
    column-width: 15em;
}
ul.data h5 {
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    min-width: 8em;
    padding: 0;
    margin: 0.2em;
}
ul.data h5:after {
    content: ":";
}
ul.data div {
    display: inline-block;
}

table.properties {

}
table.properties th {
    text-align: right;
    padding-right: 2em;
}
table.properties th:after {
    content: ":";
}
table.properties tr {
    height: 2.5em;
}
table.properties td {
    /*border-top: 2px solid #eee;*/
}

td, th {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

table#precios tr:first-child th {
    border-bottom: none;
}
table#precios tr:first-child th:nth-child(2) {
    text-align: center;
    vertical-align: bottom;
}
td.value, .listing th.value {
    text-align: right;
}
.total {
    font-weight: bold;
}

.image360 {
    display: inline-block;
}

.selected {
    border: 2px solid red;
}

#viewer360 {
    width: 100%;
}

.secciones {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    margin: 0 -1rem 0 -1rem;
}
.secciones b {
    font-size: 2rem;
}
.secciones p {
    margin-left: 2rem;
    /*text-align: center;*/
}

.resumen {
    /*display: inline-block;*/
    flex: 1 1 40%;
    margin: 1rem;
    text-decoration: none;
    color: #333;
}
a.resumen:active {
    outline: none;
}
.resumen section.panel h3 {
    background: #4c8e4c;
    color: #fff;
}
.logo {
    margin: 1rem 1rem 0 0;
}

.modos li {
    margin: 1em;
}

img.icon {
    height: 1em;
    padding: 0 0.1em;
}

td.actions {
    white-space: nowrap;    
}

.sunburst {
    display: inline-block;
    margin: 1em;
    width: 45%;
    transition-property: width;
    transition-duration: 1s;
}