<commit_before>html, body, #map {
    height: 100%;
}

/* This is important so that bootstrap-select list goes over leaflet buttons
Since the list is in navbar and leaflet buttons within map, we create a
stacking context on their common ancestor */
body, #content {
    position: relative;
    z-index: 1;
}

.flexcolumn,
.leaflet-sidebar-pane.active,
.dataTables_wrapper,
.dataTables_scroll,
.dataTables_scrollBody {
    display: flex;
    
    flex-flow: column;
}

.flexrow {
    display: flex;

    flex-direction: row;
}

.flexgrow {
    flex: 1;
}

/* 'auto' (1 1 auto) instead of '1' (1 1 0) needed for DataTables tab in Firefox */
.dataTables_wrapper,
.dataTables_scroll,
.dataTables_scrollBody,
table.dataTable {
    flex: auto;
}

footer {
    flex: none;

    background-color: #f7f7f9;
}

#stats {
    flex-grow: 1;
    margin: 0;
    padding: 0;
    text-align: center;
}
#stats li {
    margin: 0 1rem;
    display: inline-block;
}

.stats-label {
    word-break: break-all;
    font-weight: bold;
}
.stats-label abbr[title],
#distance {
    text-decoration: none;
    border-bottom: 1px dotted #818a91;
}

#elevation-chart {
    height: 175px;
    font-size: 80%;
}

.form-group {
    margin-bottom: 0
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
    margin-left: 10px;
}


.axis path,
.axis line {
    stroke: #818a91;
    fill: none;
    shape-rendering: crispEdges;
}

.axis text {
    fill: #818a91;
}

.area {
    fill: rgba(129, 138, 145, 0.45);
}

#elevation-btn {
    align-items: center;
    margin-right: 0.5rem;
}

.routing-draw-enabled {
    cursor: crosshair;
}

#map {
    /* center error message horizontally */
    display: flex;
    justify-content: center;
}
#message {
    margin: 10px 46px; /* 10 + 26 + 10 */
    z-index: 3000;
    font-size: 1rem;
}

#profile_buttons {
    padding-top: 4px;
}

/* track messages (data tab) */
#tab_data, .CodeMirror {
    font-size: x-small;
}

/* transit demo */
#itinerary pre {
    font-size: small;
    /* turn off bootstrap 'break-word' */
    word-wrap: normal;
    margin: 0;
}

/* dashed line animation, derived from <NAME> and others
https://css-tricks.com/svg-line-animation-works/
*/
.loading-trailer {
    animation: dash 0.4s linear infinite;
}
@-webkit-keyframes dash {
    from {
        stroke-dashoffset: 20;
    }
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes dash {
    from {
        stroke-dashoffset: 20;
    }
    to {
        stroke-dashoffset: 0;
    }
}

/*
* opacity slider control (seiyria-bootstrap-slider)
*/

.control-slider {
    background: #fff;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.slider.slider-vertical {
    height: 80px;
}

/* invert track and selection styles to get partial gradient for "selection" */
.slider.slider-vertical .slider-track {
    width: 8px;
    margin-left: 1px;
    background-image: linear-gradient(to right, #f0f0f0 0%, #e9e9e9 100%);
    box-shadow: inset -1px -0px 1px rgba(55, 55, 55, 0.3), inset 1px 0px 1px rgba(230, 230, 230, 1);
}

.control-slider:hover .slider-track,
.control-slider:active .slider-track {
    background-image: linear-gradient(to bottom, magenta 0%, white 100%);
}

.slider-selection {
    background-color: #C6C6C6;
    background-image: none;
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.6);
}

.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle {
    cursor: ns-resize;
    box-sizing: border-box;
    background: none;
    outline: none;

    /* bootstrap .btn-default */
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    background-repeat: repeat-x;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    border: 1px solid #adadad;
}

/* activated Font Awesome icon and Bootstrap button
(for EasyButton add ' active' to icon class property) */
.fa.active, .btn.active, .btn.active:hover, .btn.active:focus {
    /* use same color as leaflet-locatecontrol */
    color: #2074B6;
}

.leaflet-bar button {
    /* override button for horizontal fa center in Firefox */
    padding: 0;
}
.leaflet-bar .fa {
    font-size: 14px;
    
    /* override fa with Leaflet button height for vertical center */
    line-height: 26px;
}

/* smaller tab height */
.nav > li > a {
    padding: 2px 15px;
}

#profile_message .alert {
    margin-top: 3px;
}

.alert {
    margin-bottom: 0px;
    padding-left: 35px;<commit_msg>Fix message margin preventing full-size sidebar (previous commit)<commit_after>html, body, #map {
    height: 100%;
}

/* This is important so that bootstrap-select list goes over leaflet buttons
Since the list is in navbar and leaflet buttons within map, we create a
stacking context on their common ancestor */
body, #content {
    position: relative;
    z-index: 1;
}

.flexcolumn,
.leaflet-sidebar-pane.active,
.dataTables_wrapper,
.dataTables_scroll,
.dataTables_scrollBody {
    display: flex;
    
    flex-flow: column;
}

.flexrow {
    display: flex;

    flex-direction: row;
}

.flexgrow {
    flex: 1;
}

/* 'auto' (1 1 auto) instead of '1' (1 1 0) needed for DataTables tab in Firefox */
.dataTables_wrapper,
.dataTables_scroll,
.dataTables_scrollBody,
table.dataTable {
    flex: auto;
}

footer {
    flex: none;

    background-color: #f7f7f9;
}

#stats {
    flex-grow: 1;
    margin: 0;
    padding: 0;
    text-align: center;
}
#stats li {
    margin: 0 1rem;
    display: inline-block;
}

.stats-label {
    word-break: break-all;
    font-weight: bold;
}
.stats-label abbr[title],
#distance {
    text-decoration: none;
    border-bottom: 1px dotted #818a91;
}

#elevation-chart {
    height: 175px;
    font-size: 80%;
}

.form-group {
    margin-bottom: 0
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
    margin-left: 10px;
}


.axis path,
.axis line {
    stroke: #818a91;
    fill: none;
    shape-rendering: crispEdges;
}

.axis text {
    fill: #818a91;
}

.area {
    fill: rgba(129, 138, 145, 0.45);
}

#elevation-btn {
    align-items: center;
    margin-right: 0.5rem;
}

.routing-draw-enabled {
    cursor: crosshair;
}

#map {
    /* center error message horizontally */
    display: flex;
    justify-content: center;
}
#message {
    z-index: 3000;
    font-size: 1rem;
}

#profile_buttons {
    padding-top: 4px;
}

/* track messages (data tab) */
#tab_data, .CodeMirror {
    font-size: x-small;
}

/* transit demo */
#itinerary pre {
    font-size: small;
    /* turn off bootstrap 'break-word' */
    word-wrap: normal;
    margin: 0;
}

/* dashed line animation, derived from <NAME> and others
https://css-tricks.com/svg-line-animation-works/
*/
.loading-trailer {
    animation: dash 0.4s linear infinite;
}
@-webkit-keyframes dash {
    from {
        stroke-dashoffset: 20;
    }
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes dash {
    from {
        stroke-dashoffset: 20;
    }
    to {
        stroke-dashoffset: 0;
    }
}

/*
* opacity slider control (seiyria-bootstrap-slider)
*/

.control-slider {
    background: #fff;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.slider.slider-vertical {
    height: 80px;
}

/* invert track and selection styles to get partial gradient for "selection" */
.slider.slider-vertical .slider-track {
    width: 8px;
    margin-left: 1px;
    background-image: linear-gradient(to right, #f0f0f0 0%, #e9e9e9 100%);
    box-shadow: inset -1px -0px 1px rgba(55, 55, 55, 0.3), inset 1px 0px 1px rgba(230, 230, 230, 1);
}

.control-slider:hover .slider-track,
.control-slider:active .slider-track {
    background-image: linear-gradient(to bottom, magenta 0%, white 100%);
}

.slider-selection {
    background-color: #C6C6C6;
    background-image: none;
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.6);
}

.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle {
    cursor: ns-resize;
    box-sizing: border-box;
    background: none;
    outline: none;

    /* bootstrap .btn-default */
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    background-repeat: repeat-x;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    border: 1px solid #adadad;
}

/* activated Font Awesome icon and Bootstrap button
(for EasyButton add ' active' to icon class property) */
.fa.active, .btn.active, .btn.active:hover, .btn.active:focus {
    /* use same color as leaflet-locatecontrol */
    color: #2074B6;
}

.leaflet-bar button {
    /* override button for horizontal fa center in Firefox */
    padding: 0;
}
.leaflet-bar .fa {
    font-size: 14px;
    
    /* override fa with Leaflet button height for vertical center */
    line-height: 26px;
}

/* smaller tab height */
.nav > li > a {
    padding: 2px 15px;
}

#message .alert {
    margin: 10px 46px; /* 10 + 26 + 10 */
}

#profile_message .alert {
    margin-top: 3px;
}

.alert {
    margin-bottom: 0px;
    padding-left: 35px;
{'fraction_non_alphanumeric': 0.13837945981994, 'fraction_numerical': 0.04201400466822274, 'mean_word_length': 2.814328105129292, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 9, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3894122', 'n_tokens_mistral': 3588, 'n_tokens_neox': 3202, 'n_words': 846}