html, body, #app {
    height: 100vh;
    margin: 0;
    padding: 0;
}

.list-container, .entity-page-component {
    padding: 24px 0px;
}

.v-navigation-drawer__border {
    display: none;
}

.theme--light.v-navigation-drawer {
    background-color: #fafafa !important;
}

.theme--light.v-list {
    background-color: #fafafa !important;
}


@media (max-width: 2560px) {
    
    .v-navigation-drawer--close + nav + main.v-content {
        width: 66.66%;
        margin-left: auto;
        margin-right: auto;
    }

    .v-navigation-drawer--open + nav + main.v-content {
        width: 86%;
        margin-left: auto;
        margin-right: auto;
    }


    .main-title-small, .main-title-large {
        flex-basis: 16%;
    }

    #title-options 
    {
        flex-basis: 15%;
    }

    .main-search-small, .main-search-large {
        flex-basis: 68%;
    }
}

@media (max-width: 1630px) {
    .v-navigation-drawer--close + nav + main.v-content {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .v-navigation-drawer--open + nav + main.v-content {
        width: auto;
        margin-left: 70px;
        margin-right: 104px;
    }

    .main-search-small {
        flex: auto;
    }

    .main-title-small {
        flex-basis: 255px;
        flex-grow: 0;
        flex-shrink: 0;
    }

    #title-options 
    {
        flex-basis: 225px;
        flex-grow: 0;
        flex-shrink: 0;
    }
}

@media (max-width: 1264px) {
    .v-navigation-drawer--open + nav + main.v-content,
    .v-navigation-drawer--close + nav + main.v-content {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .main-title-large {
        flex-basis: 188px;
        flex-grow: 0;
        flex-shrink: 0;
    }

    .main-search-large {
        flex: auto;
    }

    #title-options 
    {
        flex-basis: 232px;
        flex-grow: 0;
        flex-shrink: 0;
    }
}

@media (max-width: 940px) {
    .v-navigation-drawer--open + nav + main.v-content,
    .v-navigation-drawer--close + nav + main.v-content {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    #title-options 
    {
        flex: auto;
    }
}

@media (max-width: 640px) {
    .v-navigation-drawer--open + nav + main.v-content,
    .v-navigation-drawer--close + nav + main.v-content {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    #title-options {
        display: none;   
    }

    div[main-title] {
        overflow: unset;
    }

    #small-search {
        display: inline-block;
        flex: auto;
        text-align: right;
    }
}