/**
 * This file is part of the coronavirusinfections.org project.
 * 
 * @author Valentino Pesce
 * @copyright (c) Valentino Pesce <valentino@iltuobrand.it>
 * 
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

body {
    background-color: #0e1a23;
}

html {
    scroll-behavior: smooth !important;
}

.bg-dark {
    background-color: rgba(14, 26, 35, 0.9)!important;
}

.bg-info {
    background-color: rgb(12, 36, 51)!important;
    border-color: rgba(0, 141, 207, 0.699);
}

.bg-success {
    background-color: rgb(0, 74, 17)!important;
}

.text-warning {
    color: #f8bc5a!important;
}

.jumbotron {
    background-color: #e9ecef;
}

.table-dark {
    color: #fff;
    background-color: #182833;
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

.nav-scroller .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    color: rgba(255, 255, 255, .75);
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
    color: #c7c7c7;
}

.nav-underline .nav-link:hover {
    color: #007bff;
}

.nav-underline .active {
    font-weight: 500;
    color: #253844;
}

.page-link {
    color: #ffffff;
    background-color: #253844;
    border: none;
}

.page-link:hover {
    z-index: 2;
    color: #ffffff;
    text-decoration: none;
    background-color: #182833;
    border-color: #243b4b;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #182833;
    border-color: #182833;
}

.page-item.disabled .page-link {
    background-color: rgb(15, 29, 39);
    border-color: #182833;
}

.form-control:focus {
    color: #343a40;
    background-color: #fff;
    border-color: #b7b0b0;
    outline: 0;
    box-shadow: inset 0 0 3px 0.2rem rgb(233, 236, 239);
}

#toolbar {
    margin: 0;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: rgba(0, 55, 80, 0.89);
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: rgba(0, 55, 80, 0.89);
}

.table-dark td, .table-dark th, .table-dark thead th {
    border-color: #1b1e23;
}

.card-view-value {
    margin-left: 10px;
}

select {
    text-align: center;
    text-align-last: center;
    -moz-text-align-last: center;
}

.btn-secondary {
    color: #fff;
    background-color: rgba(0, 141, 207, 0.096);
    border-color: rgba(0, 141, 207, 0.33);
}

.btn-secondary:hover {
    color: #fff;
    background-color: rgba(0, 55, 80, 0.89);
    border-color: rgba(0, 141, 207, 0.699);
}

.btn-secondary.focus, .btn-secondary:focus {
    color: #fff;
    background-color: rgba(0, 55, 80, 0.89);
    border-color: rgba(0, 141, 207, 0.699);
    box-shadow: 0 0 0 0.2rem rgba(61, 99, 132, 0.15);
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: rgba(0, 55, 80, 0.89);
    border-color: rgba(0, 141, 207, 0.699);
}

.btn-secondary:active {
    color: #fff;
    background-color: rgba(0, 55, 80, 0.89);
    border-color: rgba(0, 141, 207, 0.699);
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(61, 99, 132, 0.15);
}

.card-border {
    border: 1px solid rgb(16, 73, 102);
}

.share-buttons {
    list-style: none; padding: 0;
}

:target::before {
    content: '';
    display: block;
    height:      250px;
    margin-top: -250px;
}