/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

nav.bg-dark {
    background-color: #252525 !important;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/**********************************/

select.unit-select {
    font-size: 24px;
    height: 48px;
}

input.convert-value {
    font-size: 24px;
    height: 48px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.convert-selector {
    background-color: aliceblue;
}

.convert-selector-unit {
    background-color: aliceblue;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.banner {
    padding: 12px 0 0 0;
    text-align: center;
}

.banner img {
    max-width: 98%;
    height: auto;
}

.limit-img-size {
    max-width: 98%;
    height: auto;
}

footer {
    background: #252525;
    border-top: 0;
    padding-top: 12px;
    margin-top: 18px;
    color: #999;
}

footer a {
    color: #fff;
    text-decoration: none;
}

footer a:hover {
    color: #fff;
}

.footer-floor {
    background: #1b1b1b;
    margin-top: 8px;
}

.footer-content {
    text-align: center;
    padding: 12px;
    font-size: 11px;
    margin-bottom: 0;
}