@font-face {
    font-family: "Michroma";
    src: url(/static/fonts/Michroma-Regular.ttf);
}

/*body {
    font-family: 'Michroma', sans-serif;
    background-color: #fafafa;
    color: #333;
}*/

/* general */

h1, h2, h3 {
}

.button {
    color: #ffdd00;
    background-color: black;
}

.button:hover {
    color: black;
    background-color: #ffdd00;
}

.counter {
    background-color: #ffdd00 !important;
    color: black !important;
}

.action {
    color: #333;
}

/* hide search*/
#search, .search-button {
   display: none !important;
}

/* hide credits */
div.credits, p.credits {
    display: none !important;
}

/* hide shell */
button[aria-label="Toggle shell"] {
    display: none !important;
}

/* login */
#login form {
    max-width: 25em;
}

#login form h1 {
    display: none;
}

#login img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

/* progress */
.vue-simple-progress {
    background-color: #ffdd00 !important;
}

.vue-simple-progress .vue-simple-progress-bar {
    background-color: black !important;
}

/* listing */
#listing .item[aria-selected=true] {
    background-color: #ffdd00 !important;
    color: black !important;
}

.file-icons [data-dir=true] i {
   color: #333;
} 

/* fixes overlay bug on goole chrome: remove animation */
.overlay {
   -webkit-animation: none !important;
    animation: none !important;
}

/* fix scroll is disabled on ctr+f - https://github.com/filebrowser/filebrowser/issues/2850 */
body {
   overflow: scroll !important;
}