.bab_user_lateral
{
    width:              190px;
    padding-top:        12px;
    position:           absolute;
    height:             calc(100% - 91px);
    display:            inline-block;
    -webkit-transition: all 0.2s linear;
    -moz-transition:    all 0.2s linear;
    transition:         all 0.2s linear;
}

div#link_bucket
{
    min-height:  91px;
    width:       92%;
    margin-left: 7px;
    position:    relative;
}

.react_container_link_bucket
{
    width: 100%;
}

.link_bucket_title
{
    text-align:          center;
    font-weight:         bolder;
    padding-top:         7px;
    border:              3px dotted;
    border-bottom-width: 0;
}

.link_bucket_file_container
{
    padding-top:        5px;
    max-height:         100px;
    overflow-y:         auto;
    padding:            1em 0.5em;
    margin-right:       3px;
    -webkit-transition: max-height 0.2s linear;
    -moz-transition:    max-height 0.2s linear;
    transition:         max-height 0.2s linear;
}

.link_bucket_placeholder
{
    text-align: center;
}

.link_bucket_elements
{
    --deleting-bg-color: rgba(255, 0, 0, 0.4);

    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5em;
    padding: 0 0.5em;

    -webkit-transition: background-color 0.1s ease-out;
    -moz-transition:    background-color 0.1s ease-out;
    transition:         background-color 0.1s ease-out;
}

.link_bucket_elements.deleting
{
    background-color: var(--deleting-bg-color);
}

.link_bucket_elements_text
{
    order: 2;
    white-space:   nowrap;
    display:       inline-block;
    overflow:      hidden;
    text-overflow: ellipsis;
}

.bucket_element_image
{
    order: 1;
    max-width: 18px;
    display:   inline-block;
}

.link_bucket_elements-remove_icon {
    order: 3;
    font-size: 1.3em;
    cursor: pointer;
}

.link_bucket_elements-remove_icon:hover {
    color: #000;
}

.link_bucket_footer
{
    bottom:           0;
    width:            100%;
    padding-bottom:   28px;
    padding-top:      6px;
    border:           3px dotted;
    border-top-width: 0;
}

.link_bucket_footer_accept
{
    float:        left;
    font-weight:  bolder;
    cursor:       pointer;
    padding-left: 14px;
}

.link_bucket_footer_clear
{
    float:         right;
    font-weight:   bolder;
    cursor:        pointer;
    padding-right: 14px;
}

#used_space_bar
{
    height:        11px;
    margin-bottom: 10px;
    padding:       15px 8px 45px;
    border-bottom: 1px;
    border-top:    1px;
    border-left:   0;
    border-right:  0;
    border-style:  solid;
}

.bar_space_used_bab
{
    width:  100%;
    height: 11px;
}

.bar_used_space
{
    height:           100%;
    background-color: #49C3F1;
    max-width:        100%;
    min-width:        0%;
    position:         relative;
    transition:       all 0.2s linear;
}

.used_space_bar_tooltip
{
    z-index:                     1;
    height:                      36px;
    width:                       39px;
    padding-top:                 10px;
    text-align:                  center;
    border-radius:               50%;
    font-size:                   13px;
    position:                    absolute;
    margin-left:                 89%;
    margin-top:                  -39px;
    visibility:                  hidden;
    opacity:                     0;
    -webkit-transform:           scale(0, 0);
    transform:                   scale(0, 0);
    -webkit-transform-origin:    bottom;
    transform-origin:            bottom;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode:         forwards;
    transition:                  all 0.2s linear;
}

.bar_used_space .used_space_bar_tooltip::after
{
    content:          "";
    position:         absolute;
    top:              100%;
    left:             50%;
    margin-left:      -3px;
    border-width:     2px;
    border-top-width: 8px;
    border-style:     solid;
}

#used_space_bar:hover .used_space_bar_tooltip
{
    visibility:        visible;
    opacity:           1;
    -webkit-transform: scale(1, 1);
    transform:         scale(1, 1);
}

.text_spaceonquota_used
{
    margin-top:  5px;
    text-align:  center;
    font-weight: 600;
}

.lateral_usermenu_bab
{
    padding-left: 12px;
}

.lateral_user_widget
{
    margin-bottom: 10px;
}

.menu_user_selected > a
{
    border-left:    4px solid;
    pointer-events: none;
    cursor:         default;
}

.lateral_user_widget > a
{
    font-family:        Calibri !important;
    font-size:          20px;
    padding-left:       7px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition:    all 0.2s ease-in-out;
    transition:         all 0.2s ease-in-out;
    font-weight:        bold !important;
    -webkit-transform:  translateZ(0);
    -moz-transform:     translateZ(0);
    -ms-transform:      translateZ(0);
    -o-transform:       translateZ(0);
    transform:          translateZ(0);
}

.lateral_user_widget > a:hover
{
    text-decoration: none;
    border-left:     4px solid;
}

.lateral_user_widget > p
{
    font-family:        Calibri !important;
    font-size:          20px;
    padding-left:       7px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition:    all 0.2s ease-in-out;
    transition:         all 0.2s ease-in-out;
    font-weight:        bold !important;
    -webkit-transform:  translateZ(0);
    -moz-transform:     translateZ(0);
    -ms-transform:      translateZ(0);
    -o-transform:       translateZ(0);
    transform:          translateZ(0);
}

.lateral_user_widget > p:hover
{
    text-decoration: none;
    cursor:          pointer;
    border-left:     4px solid;
}

@media screen and (max-height: 770px)
{
    .lateral_user_widget > a
    {
        font-size: large;
    }

    .lateral_user_widget > p
    {
        font-size: large;
    }
}

@media screen and (max-height: 720px), screen and (max-width: 720px)
{
    .lateral_user_widget > a
    {
        font-size: large;
    }

    .lateral_user_widget > p
    {
        font-size: large;
    }

    .bab_user_lateral
    {
        width: 160px;
    }
}