#tremo-metadata-container {
    margin: 10px;
    padding: 0 40px 40px 40px;
}

#tremo-metadata-container .tremo-progress-bar {
    border: 1px solid #3a3228;
    background-color: #3a3228;
    height: 35px;
    padding: 4px;
}

#tremo-metadata-container .tremo-progress-bar-content {
    background: linear-gradient(90deg, rgba(0, 87, 112, 1) 0%, rgba(52, 140, 137, 1) 100%);
    color: white;
    height: 100%;
    line-height: 25px;
    padding: 0 10px 0 10px;
    text-align: right;
    animation: progressBar 3s ease-in-out;
    animation-fill-mode: both;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
}

@keyframes progressBar {
    0% {
        width: 0;
    }
}

#tremo-metadata-container .tremo-progress-bar,
#tremo-metadata-container .tremo-progress-bar-content {
    display: block;
    border-radius: 50px;
}

#tremo-metadata-container .tremo-progress-bar-content[aria-label=submission] {
    width: 20%;
}

#tremo-metadata-container .tremo-progress-bar-content[aria-label=approval] {
    width: 40%;
}

#tremo-metadata-container .tremo-progress-bar-content[aria-label=auction] {
    width: 60%;
}

#tremo-metadata-container .tremo-progress-bar-content[aria-label=contract] {
    width: 80%;
}

#tremo-metadata-container .tremo-progress-bar-content[aria-label=completion] {
    width: 100%;
}

#tremo-metadata-container .tremo-container .tremo-container-heading h3 {
    margin-left: 8px;
}

#tremo-metadata-container .tremo-container .download-title {
    padding-left: 8px;
}

#tremo-metadata-container .tremo-container-body {
    padding: 1em;
}

#tremo-metadata-container .tremo-container-body p {
    margin: 5px 0 20px 0;
}

#tremo-metadata-container .tremo-container-body,
#tremo-metadata-container .tremo-container .da-attachments-table {
    padding: 5px;
}

#tremo-metadata-container p.tremo-metadata-item {
    margin: 2px;
}

#tremo-metadata-container h1 {
    color: #348c89;
    font-family: Ubuntu;
    line-height: 34px;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
}

#tremo-metadata-container .tremo-label {
    position: relative;
    width: fit-content;
}

#tremo-metadata-container .tremo-container .tremo-container-body td {
    font-size: 13px;
}

#tremo-metadata-container .tremo-container th {
    font-size: 16px;
}

#tremo-metadata-container .da-attachments-table td {
    font-size: 14px;
}

#tremo-metadata-container .da-attachments-table .attachment-title .attachment-icon {
    display: inline;
}

#tremo-metadata-container .table-container {
    overflow-x: auto;
}

#tremo-metadata-container .tremo-accordion {
    cursor: pointer;
    transition: 0.4s;
}

#tremo-metadata-container .tremo-accordion:hover {
    background-color: #8d7961
}

#tremo-metadata-container .tremo-accordion.tremo-active:after {
    content: "-";
}

#tremo-metadata-container .tremo-accordion:after {
    content: "+";
    float: right;
    margin-right: 10px;
}

#tremo-metadata-container .tremo-panel {
    display: none;
    overflow: hidden;
}

#tremo-metadata-container .tremo-panel.tremo-active {
    display: block;
}

.tremo-thumbnail {
    margin: 0 auto;
    position: relative;
    width: 100%;
}

#tremo-metadata-container .archive-label {
    position: absolute;
    top: 0;
    left: 0;
    float: none;
    z-index: 2;
}

#tremo-metadata-container .tremo-related-articles .tremo-articles-table th:first-child {
    width: 14%;
}

#tremo-metadata-container .tremo-moreless-btn {
    border: none;
    background: none;
    color: #8d7961;
    font: 14px Ubuntu;
}

#tremo-metadata-container .tremo-moreless-btn:hover {
    cursor: pointer;
    opacity: 0.7;
}

/* Fix lists */

#tremo-metadata-container .tremo-container-body ul {
    margin: 0 0 25px 20px;
}

#tremo-metadata-container .tremo-container-body>ul>li ul,
#tremo-metadata-container .tremo-container-body>.tremo-more>ul>li ul {
    margin: 0 0 5px 20px;
}

#tremo-metadata-container .tremo-container-body>ul>li,
#tremo-metadata-container .tremo-container-body>.tremo-more>ul>li,
#tremo-metadata-container .tremo-container-body>ul>li ul li ul li,
#tremo-metadata-container .tremo-container-body>.tremo-more>li ul li ul li {
    list-style-position: inside;
    list-style: circle;
}

#tremo-metadata-container .tremo-container-body>ul>li ul li,
#tremo-metadata-container .tremo-container-body>.tremo-more>ul>li ul li {
    list-style-position: inside;
    list-style: square;
}

#tremo-metadata-container .tremo-container-body ol {
    margin: 5px 0 15px 2px;
}

#tremo-metadata-container .tremo-container-body ol li ol {
    margin: 0 0 5px 20px;
}

#tremo-metadata-container .tremo-container-body ol li {
    list-style: decimal;
    list-style-position: inside;
}

#tremo-metadata-container .tremo-container-body ol li ol li {
    list-style: upper-latin;
    list-style-position: inside;
}

#tremo-metadata-container .tremo-container-body ol li ol li ol li {
    list-style: lower-latin;
    list-style-position: inside;
}

/* Sidebar */

.tremo-postbar-left .fourcol {
    float: left;
}

.tremo-postbar-right .fourcol {
    float: right;
}

.tremo-float-right {
    float: right !important;
}