/* Avoids fixed-top navbar from obscuring content */
body { padding-top: 70px; }

/* Adds a pointer to every link (even without href defined) */
a { cursor: pointer; }

/* Hides shadows from well panels */
.well {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Alerts appear fixed on the top right above other elements */
.sbs-alert {
    position: fixed;
    right: 10px;
    z-index: 9;
    -webkit-filter: opacity(80%);
    filter: opacity(80%);
}

/* Style progress bar */
.progress-text { width: auto; }
#shiny-notification-panel { 
    top: 50px; 
    width: auto; 
    min-width: 250px;
}

/* Loading message located in the navbar at the right */
#loadmessage {
    top: 65px;
    left: -15px;
    position: fixed;
    width: 100%;
    font-size: 100%;
    color: gray;
    z-index: 1050;
}

/* Properly sets the loading message when the navbar is collapsed */
@media (max-width: 768px) { #loadmessage { left: -70px; } }

/* Set the width of the navbar container to auto (better for bigger displays) */
@media (min-width: 768px) { .navbar .container { width: auto; } }

/* Align element with selectize input */
.inline_selectize { margin-top: 25px; }

/* Add error style to modal headers 
Adapted from: http://bootsnipp.com/snippets/featured/colored-modal-headings */
.modal-content .error {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

/* Add info style to modal headers
Adapted from: http://bootsnipp.com/snippets/featured/colored-modal-headings */
.modal-content .info {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5bc0de;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

/* Add warning style to modal headers
Adapted from: http://bootsnipp.com/snippets/featured/colored-modal-headings */
.modal-content .warning {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #f0ad4e;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

/* Make the active item from the selectize.js dropdown more noticeable */
.selectize-dropdown .active, .selectize-dropdown .active.create {
    background-color: #1C7AB4;
    color: white;
}

/* Make the active item from the selectize.js dropdown more noticeable */
.selectize-dropdown .active {
    background-color: #1C7AB4;
    color: white;
}

/* Make the text complete dropdown apper above everything (even modals) */
.textcomplete-dropdown { z-index: 10000 !important; }

/* Style an ordered list; original source:
https://blog.endeos.com/lleva-las-listas-html-al-siguiente-nivel-con-css */
#list {
    list-style-type: none;
    list-style-type: decimal !ie; /* IE7 hack */
    counter-reset: li-counter;
}

#list > li{
    position: relative;
    margin-bottom: 20px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

#list > li:before {
    position: absolute;
    top: 4px;
    left: -0.8em;
    font-size: 3em;
    line-height: 1;
    font-weight: bold;
    text-align: right;
     
    content: counter(li-counter);
    counter-increment: li-counter;
}

/* Avoid wrapping content of DataTables */
table { white-space: nowrap; }

/* Improve padding of content inside navigation tabs and pills */
.tab-content { padding: 10px; }

/* Style Highcharts tooltip outside of Highcharts container */
.highcharts-container { overflow: visible !important; }

/* Fix font weight glitch when clicking with a menu in the navigation bar */
.navbar-fixed-top { border-radius: 1px; }

/* Improve readability of links in selected rows of DataTables */
tr.active > td > a:link {
    color: white;
    text-decoration: underline;
}
tr.active > td > a:hover { font-weight: bold; }