:root {
  --color-primario: #E95C2E; 
  --color-secundario: #6c757d; 
  --color-fondo: #FDEFEA; 
}

/* Layout default */
html { font-size: 14px; }
@media (min-width: 768px) {
  html { font-size: 14px; }
}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus { box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb; }
html { position: relative; min-height: 100%; }
body {
    font-family: 'Open Sans', sans-serif !important;    
    color: #444;              
    background-color: #F0F0F0;
    text-size-adjust: 100%;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 0.9rem !important;
}
body { margin-bottom: 60px; }
*:focus { box-shadow: none !important; }
body a { color: var(--color-primario) !important; text-decoration: none; }
.btn-primary { background-color: var(--color-primario) !important; border-color: var(--color-primario) !important; }
.wiki-container { max-width: 100% !important; }
.btn-secondary:hover { color: #fff !important; background-color: #5c636a; border-color: #565e64; }
.btn-secondary { color: #888 !important; background-color: white; border-color: #a1a1a1;
                 border-radius: 20px; font-size: 10pt;
}
.btn-options-menu { background-color: #dcdcdc; border-radius:20px;
                 border:1px solid #a1a1a1; font-size:10pt; margin-left: 2px;
                 color:#888; padding: 5px 10px;}
.btn-options-menu > .glyphicon { margin-top: 2px; }
.btn-secondary > i {
  margin-top: 2px;
  margin-right: 5px;
}


/* Navbar */
nav { box-shadow: 3px 3px 3px #d9d9d9; background-color: white; }
nav > .container { max-width: 100% !important; }
.navbar { padding:0; margin: 0; min-height:42px; }
.navbar-toggler-icon { color: var(--color-primario) !important; width: auto; height: auto; font-size:24pt; }
.logo-nav { width: 30px; height: 30px; margin-left: 15px; margin-right: 10px; display: block; }
.navbar-brand { font-size:18px; }
.nav-link.active { text-decoration: underline !important; }

/* Columns */
.wiki-col-right { padding-top: 0px; min-width: 300px; }
.section-link { color: #333 !important; }

/* Estilo personalizado para el scrollbar */
.mCSB_dragger_bar {
    background-color: #EF8C6B !important;
}

/* Collapsed navbar */
.nav-container { padding: 0 !important;}
#navbarSupportedContent > .wiki-col-right { width: 100%; max-width: 100% !important; margin-top:20px; }
#navbarSupportedContent > .wiki-col-right { background-color: #f1f1f1; padding: 20px;
                                            border-top: 2px solid #d1d1d1;
}
#navbarSupportedContent > .wiki-col-right .wiki-card { border: none !important; }
#navbarSupportedContent > .wiki-col-right .wiki-search { display: none !important; }
#navbarSupportedContent > .wiki-col-right .wiki-navigate { margin-top:0 !important; }