body {
    font: 1.4rem / 2.0rem LibreFranklin, serif;
}



.archive {
    margin: 20px 0;
    width: 100%;
}

/*div.container {
    width: 100%;
}*/


.download-icon{
    float: left;
}

.download-icon img {
    height: 20px;
    width: auto;
    float: left;
    margin-right: 2px;
}
.download-icon span{
    font-size: 10px;
}


#example td, th {
    white-space: unset;
}
#example td.resource,#example th .resource{
    min-width: 120px;
}

#example th.title, td.title {
    min-width: 200px;
}

#example th.title.sorting {
    min-width: 200px !important;
}

#example td.note.long p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.description.note.long .text{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}
.description.note.long{
border: solid 0.5px #f2f2f2;
margin-bottom: 20px;
}


table.dataTable tbody th, table.dataTable tbody td {
    padding: 6px 5px;
}

td.other {
    font-size: 14px;
}



.archive h1{
    margin: 50px 0px;
}

.roundwrapper {
    padding: 20px 0px 20px 0px;
}


.siv-maincontainer {
    background: none;
    width: 100%;
}

.rounded {
    position: relative;
    text-align: left;
    width: 100%;
    max-width: 96%!important;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
button.openNoteModal {
    font-size: 12px;
    float: right;
}

button.openDescModal {
    font-size: 12px;
    float: right;

}


.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

p#textModal {
    text-align: left;
}