@import '../vendor/fontawesome-free/css/all.css';

:root {
    --ispc-blue: #213B55;
}

body {
    height: 100%;
}
header {
    border-bottom: 1px lightgrey solid;
    padding-top: 10px;
    padding-bottom: 10px;
}
header i,
header a.btn,
header span.btn
{
    color: #333 !important;
}
hr {
    width: 100%;
}
main {
    background-color: #ebeef0;
}
footer {
    min-height: 40px;
    background-color: #213B55;
    padding: 1rem 5rem;
}
footer a {
    color: #fff;
    cursor: pointer;
    text-decoration: underline;
}
footer a:hover {
    color: #fff;
}
footer .column > a {
    display: block;
}
ul {
    list-style: none;
}
ul li {
    padding: 5px;
}
td ul {
    margin-left: 0;
    padding-left: 0;
}
.report-container {
    margin: 0 auto;
    background-color: #fff;
    padding: 1rem 1rem 3rem 1rem;
}
.mt-2 {
    margin-top: 2rem !important;
}
.blue-bg {
    background-color: var(--ispc-blue) !important;
}
.btn {
    color: #fff;
    background-color: var(--ispc-blue);
    border-color: var(--ispc-blue);
}
.btn:hover {
    color: #fff;
    background-color: var(--ispc-blue);
    opacity: 0.7;
    border-color: var(--ispc-blue);
}
table.table td,
table.table th {
    border: none;
}
.table-sample {
    max-width: 65%;
}
#map {
    height: 500px;
}
#gallery img {
    max-height: 200px;
    min-height: 200px;
}
#coord span {
    display: block;
}

/* Print layout */
@media print {
    .report-container {
        width: 100%;
    }
    .navbar,
    footer,
    #map {
        display: none;
    }
}
/* Responsiveness... */
@media (min-width: 1652px) {
    .report-container {
        width: 75%;
    }
    td.key {
        min-width: 400px;
    }
}
@media (max-width: 1652px) {
    .report-container {
        width: 100%;
    }
    td.key {
        min-width: 200px;
    }
}