/*
 *
 *
 */

@import "./globals.css";

#user_panel {


    width:100vw;
    height:max-content;
    left:0;
    background-color: white;

    flex-direction: row;
    align-items: center;
    align-content: space-between;
    border-bottom: 2px solid lightgray;

    padding:4px 0px 4px 0px;

    overflow: hidden !important;
}



#user_panel label a {
    color: green;
}


#up_left_column {

    width: fit-content;
    align-items: flex-start;

    padding:0;
    margin-right: 1vw;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    font-family: var(--FONT_1);
}




#up_dot {

    display: inline-block;
      
    margin: auto 15px;

    z-index: 900;
    cursor:pointer;

    content: '';

    height: 16px;
    width: 16px;
    
    background-color:darkorange;
    
    border: 0px solid var(--LEEDZ_DARKGRAY);
    border-radius: 50%;

    outline:none;
}





#up_center_column {


    display: inline-flex;
    align-items: flex-start;
    padding-left:0px;

    margin-left:0;
    margin-right:auto;

    left:0;

}




.each_badge {
    align-items: flex-start;
    padding:0px 0.25vw;
    cursor:pointer;
}




.badge_img {
    width:30px;
    height:30px;
}


#up_right_column {

    display: flex;
    margin-right:20px;
    align-items: center;
    justify-content: end;
}


#up_addLeed {
    
    height:32px;
    width: 32px;
    
    border-radius: 50%;
    background-color: var(--LEEDZ_DARKGREEN);
    color:white;
    font-size:29px;
    font-weight: bolder;

    text-align: center;
    padding: 2px 2px 3px 2px;

    margin-right:20px;
}



#up_addLeed a {

    text-decoration: none;
    color:white;
}


#up_logo img {
    padding: 4px;
    vertical-align: middle;
    width:72px;
    margin-right:0px;
}