.hide{
    display:                none !important;
}

.x-button{    
    position:               absolute;
    top:                    20px;
    right:                  20px;
    min-width:              20px;
    padding:                0px 5px;
    background:             transparent !important;
    box-shadow:             none !important;
}

.close.mdl-button.mdl-button--raised:hover{
    background-color:       #d2d0d0 !important;
}

.mat-menu-content {
    max-height: 300px;
}