#downloadCenterContent {
}

    #downloadCenterContent .header {
        height: 35px;
    }

    #downloadCenterContent .content {
        width: 100%;
        overflow-y: auto;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 12px;
    }

        #downloadCenterContent .content .container {
            border: darkgray solid 1px;
            min-height: calc(100vh - 50px);
            padding-bottom: 36px;
            background-color: ghostwhite;
        }

        #downloadCenterContent .content .premade-datasets-div{
        }
            #downloadCenterContent .content .premade-datasets-div .file-icon {
                width: 50px;
            }

            #downloadCenterContent .content .premade-datasets-div {
                border: lightgray 1px solid;
                border-left: gold 6px solid;
                padding:8px;
            }

    #downloadCenterContent .filter .filter-item {
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 36px;
        border-top: lightgray 1px solid;
        border-bottom: lightgray 1px solid;
        border-right: lightgray 1px solid;
        border-left: #f6c23e 6px solid;
        padding-bottom: 36px;
        transition: 0.15s;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    }


    #downloadCenterContent .filter .selected-filter-item {
        border-left: #f6c23e 12px solid;
        transition: 0.15s;
    }

    #downloadCenterContent .filter .choose-speaker-div {
        height: 250px;
        width: 100%;
        margin-top: 12px;
        max-width: 500px;
        border: lightgray 1px solid;
        background-color: white;
    }

    #downloadCenterContent .filter .speaker-search-input {
        height: 40px;
    }

    #downloadCenterContent .filter .speaker-list-div {
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        height: 125px;
        background-color: white;
        border-right: lightgray 1px solid;
        border-bottom: lightgray 1px solid;
        overflow-y: auto;
    }

        #downloadCenterContent .filter .speaker-list-div .item {
            cursor: pointer;
        }

            #downloadCenterContent .filter .speaker-list-div .item:hover {
                background-color: lightgray;
                color: black;
            }

    #downloadCenterContent .filter-result-div {
        border: lightgray solid 1px;
        border-radius: 6px;
        border-left: gray 6px solid;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    }

        #downloadCenterContent .filter-result-div .loader {
            position: absolute;
            width: 100%;
            display: none;
            z-index: 5;
            background-color: rgba(255,255,255,0.8);
            top: 0;
            height: 100%; /*This is the height of all the headers. Its hacky, yes. Wont work on mobile.*/
            left: 0;
        }

            #downloadCenterContent .filter-result-div .loader .lds-ripple {
                position: absolute;
                left: calc(50% - 40px);
                top: calc(50% - 40px);
            }