header { margin: 10px 3rem 1rem 3rem; }
footer { position: fixed; bottom: 0; width: 100%; background-color: white; box-shadow: 1px -17px 42px -20px rgba(0,0,0,0.15); -webkit-box-shadow: 1px -17px 42px -20px rgba(0,0,0,0.15); -moz-box-shadow: 1px -17px 42px -20px rgba(0,0,0,0.15); }

ol {  }

/* Override bulma */
.section { padding: 0.5rem 3rem!important; }
.content ul li { padding-left: 10px; }

#webapp-franja-vertical {
    width: 15px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgb(9,83,160);
    background: linear-gradient(0deg, rgba(9,83,160,1) 0%, rgba(195,9,121,1) 100%);
    z-index: 2;
}

#webapp-viewer { margin-bottom: 200px; }

.btnLogout { color: inherit; font-weight: normal; }
.divider.is-vertical { font-weight: 300; }

.webapp-login-container { width:100%; max-width: 500px; margin: 50px auto; }

/* Override de Acordeones */
.accordion { padding: 5px 0; }
.accordion, .accordion:hover { background: none; }
.accordion::after { color: #999999; content: '▲'; padding-top: 10px; }
.accordion.active::after { color: #999999; content: '▼'; padding-top: 10px; }
.panel { box-shadow: none; }
.panel:not(:last-child) { margin: 0; }

ul.webapp-indice-ul { list-style-position: outside; padding-left: 15px; padding-bottom: 10px; }
ul.webapp-indice-ul li, ol li { padding-left: 8px; }
ul ::marker {  content: "•"; color: #c30979;  }
ol ::marker { color: #c30979; }
.webapp-indice-ul a { font-size: 0.9em; color: black; text-decoration: none; font-weight: normal; transform: all 0.5s ease; }
.webapp-indice-ul a:hover { color: #c30979; }

/* Loader */
.webapp-loader {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: block;
    margin: 15px auto;
    position: relative;
    background: #FFF;
    box-shadow: -24px 0 #f1f1f1, 24px 0 #f1f1f1;
    box-sizing: border-box;
    animation: shadowPulse 2s linear infinite;
}

@keyframes shadowPulse {
    33% { background: #FFF; box-shadow: -24px 0 #c30979, 24px 0 #f1f1f1; }
    66% { background: #c30979; box-shadow: -24px 0 #f1f1f1, 24px 0 #f1f1f1; }
    100% { background: #f1f1f1; box-shadow: -24px 0 #f1f1f1, 24px 0 #c30979; }
}



/* Zoom para ampliar las imágenes */
.zoom {

    transition: transform .2s;
    margin: 0 auto;
  }
  
  .zoom:hover {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.5); 
  }