@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Regular.ttf') format('truetype');
}  
@font-face {
    font-family: 'Roboto-Light';
    src: url('Roboto-Light.ttf') format('truetype');
}  
@font-face {
    font-family: 'Roboto-Medium';
    src: url('Roboto-Medium.ttf') format('truetype');
}  
@font-face {
    font-family: 'Roboto-Bold';
    src: url('Roboto-Bold.ttf') format('truetype');    
}  
@font-face {
    font-family: 'Roboto-Italic';
    src: url('Roboto-MediumItalic.ttf') format('truetype');
}
* {
    margin: 0;
    font-family: 'Roboto', sans-serif; 
}
div.disabled {
    pointer-events: none;
    opacity: 0.5;
    background: #CCC;
}
div.logo-background {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    height: 100px;
    align-items: center
}
.main-item {
    display: flex;
    align-items: center;
    background-color: #f3f3f3;
    margin: 5px;
    padding: 20px;
    padding-left: 15px;
    border-radius: 10px; 
    word-spacing: 0.2em                  
}
.fw_500 {
    font-weight: 500;
}
.main-item:hover {
    background-color: #cfecff;
    color: #000;
    cursor: pointer;
    font-weight: 900;
}
.logo {
    display: flex;
    flex-direction: row;
}
.logo-background {
    display: flex;
    flex-direction: row;
    padding-right: 25px;
}
.lang {
    height: 24px;
    width: 100px;
    align-items: right;
    font-size: 8pt;
}
div.scope_project {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #444;
    position: fixed;
    bottom: 2px;
    right: 20px;
    font-size: 9pt;    
}