:root {
    --accent-color: rgb(231, 148, 162);
}

.sidebar {

}
.sidebar-header {
    color: hsl(0, 0%, 48%);
    padding-left: 8px;
}
ul.sidebar-list {
    /* margin-top: 2px; */
    padding-top: 10px;
    padding-left: 5px;
    margin-bottom: 25px;
    width: 100%;
}
ul.sidebar-list li {
    border-radius: 2.5px;
}
ul.sidebar-list li a {
    display: block;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-right: 5px;
    padding-left: 8px;
    text-align: left;
    color: black;
    text-decoration: none;
}
ul.sidebar-list li:hover,
ul.sidebar-list li.is-active {
    background-color: rgb(235, 235, 235);
}
.sidebar i {
    padding-right: 4px;
}

.sidebar-column {
    height: 100%;
}

html,body {
    height: 100%;
}
.sidebar-column {
    border-right: 1px solid lightgray;
}
tr.file-list td {
    vertical-align: middle;
    padding: 0;
}

tr.file-list td input[type="checkbox"] {
    margin: 20px; /** this weirdly makes it look good TODO: fix */
    -ms-transform: scale(1.5);
    /* IE */
    -moz-transform: scale(1.5);
    /* FF */
    -webkit-transform: scale(1.5);
    /* Safari and Chrome */
    -o-transform: scale(1.5);
    /* Opera */
    transform: scale(1.5);
    padding: 10px;
}
tr.file-list td.filecell-icon .fa-folder {
    color: var(--accent-color);
}
tr.file-list td.filecell-label a {
    color: var(--accent-color);
}