@media (max-width: 1024px) {
    .mainmenu .submenu > a {
        width: 125px !important;
    }
}

.mainmenu > a {
    display: block;
    background: #50A060;
    color: white;
    width: 175px;
    padding: 3px 3px 3px 20px;
    margin-bottom: 10px;
}

.mainmenu > a.admin {
    background: #A05060;
}

.mainmenu > a:hover {
    background: #406050;
}

.mainmenu > a.admin:hover {
    background: #604050;
}

.mainmenu > a.selected {
    background: #406050;
}

.mainmenu .submenu > a {
    display: block;
    background: #50A060;
    color: white;
    width: 150px;
    padding: 3px 3px 3px 15px;
    margin-bottom: 10px;
    margin-left: 50px;
    
}

.mainmenu .submenu > a.admin {
    background: #A05060;
}


.mainmenu .submenu > a:hover {
    background: #406050;
}

.mainmenu .submenu > a.admin:hover {
    background: #604050;
}


.mainmenu .submenu > a.selected {
    background: #406050;
}

.mainmenu .submenu > a.admin.selected {
    background: #604050;
}



.mainmenu .submenu {
    margin-bottom: 20px;
}