
body {
  min-height: 100vh;
  /*background: #F0F4FF;*/
}

.guest-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-right: 12px;
  text-align: right;
}

.title-img
{
    display: inline;
}

.title-text
{
    display: inline;
}

.sidebar
{
    position: fixed ;
    width: 200px;
    height: 100%;
    background-color: #eeeeee;
}

.sidebar-text
{
    display: inline;
}

.storage_progress
{
    display: block;
}

.storage_progress_2
{
    display: none;
}

@media (max-width:600px)
{
    .title-img
    {
        padding-top: 15px;
    }

    .title-text
    {
        display: none;
    }
    
    .sidebar
    {
        position: fixed ;
        width: 50px;
        height: 100%;
        background-color: #eeeeee;
    }
    
    .sidebar-text
    {
        display: none;
    }
    
    .storage_progress
    {
        display: none;
    }
    
    .storage_progress_2
    {
        display: block;
    }
}

.content-slot
{
    margin-left: 200px;
}

@media (max-width:600px)
{
    .content-slot
    {
        margin-left: 50px;
    }
}

#filesTable
{
    width: 100%;
}

#content-drive
{
    padding-left: 2%;
}

/* other */

.new-file-button
{
    background-color: #5499c7;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    color: white;
    display: inline-block;
}

.new-file-button:hover
{
    background-color: #2980b9;
}

.body-guest{
    height: 100vh;
    margin: 0px;
    background-color: #e5e7eb;
    align-items: center;
    justify-content: center;
}

.new-folder-button
{
    background-color: #f5b041;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    color: white;
    display: inline-block;
}

.new-folder-button:hover
{
    background-color: #f39c12;
}

.driveTable-row:hover
{
    background-color: #eaecee;
}

.tablewidthdisplay
{
    display: flex; 
    max-width: 97%;
}

@media (max-width:1200px)
{
    .tablewidthdisplay
    {
        display: flex; 
        max-width: 92%;
    }
}


.new-user-button
{
    background-color: #229954;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    color: white;
    display: inline-block;
}

.new-user-button:hover
{
    background-color: #1d8348;
}
