/* Add here all your css styles (customizations) */

img {
    max-width: 100%;
}

.overflow-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.navbar-brand img {
    max-width: 150px;
}

.u-datepicker-v1 {
    border-radius: .25rem;
}

.table-tracks td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    vertical-align: middle;
}

.table-tracks td a {
    color: white;
}

.table-tracks td.artwork img {
    max-width: 30px;
}

.table-tracks td.position {
    min-width: 50px;
    max-width: 50px;
}

.table-tracks td.progression {
    min-width: 50px;
    max-width: 50px;
}

.table-tracks td.artwork {
    min-width: 50px;
    max-width: 50px;
}

.table-tracks td.title {
    min-width: 220px;
    max-width: 220px;
}

.table-tracks td.artists {
    min-width: 190px;
    max-width: 190px;
}

.table-tracks td.remixers {
    min-width: 150px;
    max-width: 150px;
}

.table-tracks td.genre {
    min-width: 120px;
    max-width: 120px;
}

.table-tracks td.label {
    min-width: 140px;
    max-width: 140px;
}

.table-tracks td.releasedate {
    min-width: 110px;
    max-width: 110px;
}


@media (min-width: 1300px) {
    .container {
        max-width: 1250px;
    }
}

.wrapper {
    min-height: 700px;
}

.nav-link {
    color: white;
}

div.dataTables_wrapper div.dataTables_filter input {
    background: #585f69;
    border-color: #fff;
    color: white;
}

div.dataTables_wrapper div.dataTables_length select {
    background-color: #585f69;
    border-color: #fff;
    color: white;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='white' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
}



div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link {
    background: #585f69;
    border-color: white;
    color: white;
}