#admin-section-layout{
    display: flex;
    flex-direction: column;


}

#admin-nav{
    display: flex;
    flex-direction: row;
    
    gap: 1rem;
    margin-bottom: 1rem;;
}


#admin-content{

    background-color: var(--background-200);
    border: solid 1px var(--background-300);
    color: var(--font-300);
    border-radius: .25rem;
    overflow: hidden;

}

.admin-pill {
    padding: 0 1rem;
    margin-left: 1rem;
    background-color: var(--action);
    color: white;
    border-radius: 1rem;
    display: flex;
    justify-content: center; /* Horizontally center the content */
    align-items: center; /* Vertically center the content */
}



.admin-pill:hover{
    color: white !important; 
}

.status-circle-red{
    border-radius: 10rem;
    height: fit-content;
    width: fit-content;
    padding: .25rem .5rem .25rem .5rem;

    background-color: var(--error);
    color: white;
    display: grid;
    justify-content: center;
    align-items: center;    
}

.status-circle-green{
    border-radius: 10rem;
    height: fit-content;
    width: fit-content;
    padding: .25rem .5rem .25rem .5rem;

    background-color: var(--success);
    color: white;
    display: grid;
    justify-content: center;
    align-items: center;    
}

.admin_button{
    padding: .25rem 1rem .25rem 1rem;
    border-radius: 10rem;
    background-color: var(--action);
    border: solid var(--background-300) 1px;
    color: white;
    height: fit-content;
    outline: none;
    font-size: small;


}

.admin_button:hover{
    cursor: pointer;
}