.data-library-container{
    margin-top:var(--ms-navbar-height);
    background-color: rgb(249 250 251);
    padding: 1.5rem 1rem;
    padding-bottom: 3rem;
    min-height:90vh;
}

.data-library-container #data-content.has-search .content:not(.search-true){
    display:none;
}

.download-data-container{
    display:flex;
    justify-content: space-between;
}

.download-data-container .icon-container{
    margin: 0.5rem;
}

.tooltip-content{
    text-align: left;
}

#datasets{

}

#datasets.loading{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50vh;
}

/* Search bar CSS */

.search-container{
    display:flex;
    position:relative;
    margin:auto;
    margin-top:1em;
    margin-bottom:1em;
    width:100%;
    align-items: center;
}

.search-container input:not([type="checkbox"]){
    background-color: rgb(249, 250, 251);
    border: 1px solid rgb(209, 213, 219);
    border-radius: 0.5rem;
    padding: 0.625rem;
    width:100%;
}

.search-container .search-icon{
    font-size:1.5em;
    position: absolute;
    color: gray;
    right: 10px;
    top: 50%;
    transform: translateY(-45%);
}


@media (min-width: 992px) {
    .search-container{
        width:max-content;
        
    }

}

/* LOGGED IN DATA LIBRARY CSS */

.data-library-container .module-container{
    position:relative;
    margin-top:1rem;
    padding: 1.5rem;
    background-color: white;
    border-radius:calc(0.5rem + 4px);
    border-width: 1px;
    color: black;
    box-shadow: 
        0 0 #0000, 0 0 #0000,
        0 0 #0000, 0 0 #0000, 
        0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    display:flex;
    flex-direction: column;
    justify-content: space-between;
}

.data-library-container .module-container.small{
    padding: 0;
}

.data-library-container .module-container.small .module-content{
    padding: 1.5rem;
    padding-top: 0;
}

.data-library-container .large-modules{
    display:grid;
    gap: 1rem;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    grid-template-columns: auto;
}

.data-library-container .small-modules{
    display:grid;
    gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.data-library-container .module-container .module-title{
    padding: 1.5rem;
    padding-bottom: 0.5rem;
    justify-content: space-between;
    display:flex;
    flex-direction: column;
}

.data-library-container .module-container .view-actions{
    padding-top: 1rem;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    border-top: 2px solid rgb(117 116 116 / 50%);
    margin: 1.5rem;
    margin-top: 0;
}
.data-library-container .module-container .view-actions .private-label{
    background-color: rgba(0, 0, 0, 0.25);
    color:white;
    border-radius: 5px;
    padding: 0.5rem;
}
.data-library-container .module-container .edit-actions{
    position:absolute;
    top: 0.5rem;
    right:0.5rem;
    list-style:none;
}
.data-library-container .module-container .edit-actions .dropdown-toggle{
    align-items:baseline;
    letter-spacing: 0.1rem;
}
.data-library-container .module-container .edit-actions .dropdown button::after{
    content:none;
}

.data-library-container .module-container .edit-actions button{
    padding: 0.3rem 0.6rem;
}

.data-library-container .fa-pen{
    color: rgb(var(--ms-blue-color));
}
.data-library-container .fa-trash{
    color: rgba(255, 0, 0, 0.7);
}



@media (min-width: 992px) {
    .data-library-container .large-modules{
        grid-template-rows: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .data-library-container .small-modules{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}