html,
body {
    height: 100%;
}

body {
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none;
    /* Standard syntax */
}

.data-footer {
    position: fixed;
    height: 40px;
    bottom: 0;
    width: 100%;
}

.nav>a {
    border-radius: 10px;
    text-decoration: none;
}

.fa:hover {
    opacity: 0.7;
}

.article::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.article {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    height: 74vh;
    overflow-y: scroll;
}

.article>div>a {
    color: #000000;
}

#artTable {
    border: 2px solid black;
    padding: 10px;
}

#artTable>p {
    margin-bottom: 0%;
}

.totTable>tbody>tr>td {
    border: 2px solid black;
    padding: 10px;
}

.artPic{
    width: 60%;
    max-width: 70%;
    max-height: 90vh;
}

.artPic2{
    width: 35%;
    max-width: 70%;
    max-height: 90vh;
}

.artTabPic{
    width: 30vw !important;
    max-width: 70%;
    max-height: 90vh;
}


.totTable>tbody>tr>td>p {
    margin-bottom: 0%;
}

.left-link:hover {
    font-weight: bold;
}


.modal-body{
    padding:1% !important;
}