.doc-list-header { display: flex; flex-direction: column; justify-content: center; margin: 25px 0px; background-color: #e6e6e653; border-radius: 10px; height: 85px; padding: 0px 0px 0px 15px; border: 1px solid orange; } .doc-header-text { margin-bottom: -7px !important; margin-left: 6px; letter-spacing: -0.6px; font-weight: 400; } .doclist-upper-wrapper { display: flex; flex-direction: row; } .doclist-toggle-box { margin-left: auto; margin-right: 25px; min-width: 120px; padding-top: 4px; } .doclist-select-box { min-width: 100px; } .nodocs-text-container { border-top: 1px solid #dcd9d9 !important; margin-top: 6px; margin: 15px 15px; padding: 15px 25px; } .nodocs-text { padding: 3px 5px; font-weight: 500; } .nodocs-light-text { padding: 3px 5px; } .nodocs-list-item { padding: 3px 0px; } .document-list-upper-wrapper { display: flex; flex-direction: row; width: 100%; } .list-upper-left { display: flex; flex-direction: row; justify-content: right; width: 95%; } .doc-list-subhead-container { display: flex; justify-content: center; align-items: center; margin-left: 12px; margin-top: auto; margin-bottom: auto; padding-bottom: 12px; } .doc-list-subhead { font-family: Roboto; font-size: 1.18rem; font-weight: 400; } .toggle-outer { display: flex; flex-direction: column; border: 1px solid var(--accent-orange-light); margin-right: 12px; border-radius: 10px; background-color: var(--background-blue); } .toggle-box { display: flex; flex-direction: row; width: 200px; height: 15px; justify-content: space-evenly; } .toggle-header { display: flex; justify-content: center; padding-right: 7px; height: 28px; } .doclist-toggle-link { color: blue; } .doclist-toggle-link:hover { cursor: pointer; color: orange; text-decoration: underline; } .document-list-lower-wrapper { display: flex; flex-direction: column; width: 100%; margin-bottom: 3rem; } .user-name-container { margin-top: 8px; margin-left: 7px !important; color: var(--font-light); font-weight: 500; } .content-container { padding: 0rem 1rem; } @media only screen and (max-width: 1120px) { .list-upper-left { width: 980px; } }