@font-face {
    font-family: 'ubuntuBold';
    src: url('../font/ubuntu.bold.ttf');
}

.font-ubuntu-bold {
    font-family: 'ubuntuBold' !important;
}

@font-face {
    font-family: 'ubuntuBoldItalic';
    src: url('../font/ubuntu.bold-italic.ttf');
}

.font-ubuntu-bold-italic {
    font-family: 'ubuntuBoldItalic' !important;
}

@font-face {
    font-family: 'ubuntuCondensed';
    src: url('../font/ubuntu.condensed.ttf');
}

.font-ubuntu-condensed {
    font-family: 'ubuntuCondensed' !important;
}

@font-face {
    font-family: 'ubuntuItalic';
    src: url('../font/ubuntu.italic.ttf');
}

.font-ubuntu-italic {
    font-family: 'ubuntuItalic' !important;
}

@font-face {
    font-family: 'ubuntuLight';
    src: url('../font/ubuntu.light.ttf');
}

.font-ubuntu-light {
    font-family: 'ubuntuLight' !important;
}

@font-face {
    font-family: 'ubuntuLightItalic';
    src: url('../font/ubuntu.light-italic.ttf');
}

.font-ubuntu-light-italic {
    font-family: 'ubuntuLightItalic' !important;
}

@font-face {
    font-family: 'ubuntuMedium';
    src: url('../font/ubuntu.medium.ttf');
}

.font-ubuntu-medium {
    font-family: 'ubuntuMedium' !important;
}

@font-face {
    font-family: 'ubuntuMediumItalic';
    src: url('../font/ubuntu.medium-italic.ttf');
}

.font-ubuntu-medium-italic {
    font-family: 'ubuntuMediumItalic' !important;
}

@font-face {
    font-family: 'ubuntuMono';
    src: url('../font/ubuntu.mono.ttf');
}

.font-ubuntu-mono {
    font-family: 'ubuntuMono' !important;
}

@font-face {
    font-family: 'ubuntuMonoBold';
    src: url('../font/ubuntu.mono-bold.ttf');
}

.font-ubuntu-mono-bold {
    font-family: 'ubuntuMonoBold' !important;
}

@font-face {
    font-family: 'ubuntuMonoBoldItalic';
    src: url('../font/ubuntu.mono-bold-italic.ttf');
}

.font-ubuntu-mono-bold-italic {
    font-family: 'ubuntuMonoBoldItalic' !important;
}

@font-face {
    font-family: 'ubuntuMonoItalic';
    src: url('../font/ubuntu.mono-italic.ttf');
}

.font-ubuntu-mono-italic {
    font-family: 'ubuntuMonoItalic' !important;
}

@font-face {
    font-family: 'ubuntuRegular';
    src: url('../font/ubuntu.regular.ttf');
}

.font-ubuntu-regular {
    font-family: 'ubuntuRegular' !important;
}









.spacer {
    flex: 1 1 auto !important;
}

.toolbar-custom {
    background-color: #ffffff !important;
    /*position: fixed;*/
    top: 0px;
    z-index: 100000;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.mat-toolbar-row {
    padding: 0px !important;
}

.mat-mdc-menu-panel {
    background-color: #ffffff !important;
    padding: 40px !important;
    margin-left: 40px !important;
    margin-right: 40px !important;
    top: 0px !important;
}

.mat-mdc-menu-item-text {
    color: #000000 !important;
    font-size: 15px;
    font-family: 'ubuntuRegular' !important;
    width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: inline-block !important;
}

.mat-mdc-menu-item {
    background-color: #ffffff !important;
    color: #000000 !important;
    max-width: 500px !important;
    min-width: 300px !important;
}

.mat-mdc-menu-item:hover {
    background-color: #f2f2f2 !important;
    color: #000000 !important;
}

.mat-mdc-menu-item:hover .mat-mdc-menu-item-text {
    font-size: 16px !important;
    font-family: 'ubuntuBold' !important;
}

.mdc-button {
    padding: 25px 15px 25px 15px !important;
    font-size: 16px !important;
    font-family: 'ubuntuRegular' !important;
    color: #000000 !important;
    border-radius: 0px !important;
}

.mdc-button:hover {
    background-color: #f2f2f2 !important;
}

.mat-mdc-extended-fab {
    padding: 30px !important;
    font-size: 16px !important;
    font-family: 'ubuntuRegular' !important;
    color: #000000 !important;
    margin-top: 4px !important;
    margin-bottom: -4px !important;
    border-radius: 50px !important;
}




.mdc-fab--extended {
    background-color: #f2f2f2 !important;
}

.body-overflow {
    overflow: hidden !important;
}













/*
.menu-header {
    
    background-color: #ffffff !important;
    color: #000000 !important;

}
*/


/*
.menu-header-fixed {
    position: fixed !important;
    z-index: 100000 !important;
    background-color: #ffffff !important;

}
*/


/*
.menu-header-top {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 100000 !important;
    padding: 10px 0px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}

*/



/*
.mat-toolbar {
    padding: 0px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}


.mat-menu {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.mat-mdc-menu-panel {
    background-color: #ffffff !important;
    padding: 40px !important;
    margin-left: 40px !important;
    margin-right: 40px !important;
    top: 0px !important;
}

.mat-mdc-menu-item-text {
    color: #000000 !important;
    font-size: 15px;
    font-family: 'ubuntuRegular' !important;
    width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: inline-block !important;
}

.mat-mdc-menu-item {
    background-color: #ffffff !important;
    color: #000000 !important;
    max-width: 500px !important;
    min-width: 300px !important;
}

.mat-mdc-menu-item:hover {
    background-color: #f2f2f2 !important;
    color: #000000 !important;
}

.mat-mdc-menu-item:hover .mat-mdc-menu-item-text {
    font-size: 16px !important;
    font-family: 'ubuntuBold' !important;
}

.mdc-button {
    padding: 25px 15px 25px 15px !important;
    font-size: 16px !important;
    font-family: 'ubuntuRegular' !important;
    color: #000000 !important;
    border-radius: 0px !important;
}

.mdc-button:hover {
    background-color: #f2f2f2 !important;
}
*/