/* MENU */

.body-menu-items {
    background: #ffffff;
    border-radius: 20px;
}

.menu-item a {
    text-decoration: none;
}

.menu-item .nav-header-title {
    cursor: pointer;
}

    .menu-item .nav-header-title:after,
    .menu-item ul.nav li a:after {
        font-family: icomoon;
        font-weight: normal;
        content: "\e900";
        position: absolute;
        font-size: 20px;
        right: 30px;
    }

.footer-menu-items-body .menu-item .nav-header-title:after,
.footer-menu-items-body .menu-item ul.nav li a:after {
    right: 15px;
}

.menu-item ul.nav li a:after {
    right: 15px;
    content: "\e907";
}

.menu-item ul.nav li a:hover {
    background-color: initial;
}

.menu-item:first-child .nav-header-title {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.menu-item .nav-header-title,
.menu-item ul.nav li {
    border-bottom: 1px solid #b3b4b5;
}

.body-menu-items .menu-item:last-child .nav-header-title,
.body-menu-items .menu-item:last-child ul.nav li:last-child {
    border-bottom: none;
}

    .body-menu-items .menu-item:last-child .nav-header-title.selected {
        border-bottom: 1px solid #b3b4b5;
    }

.menu-item ul.nav li {
    display: none;
}

.menu-item .nav-header-title:last-child {
    border-bottom: 0px;
}

.menu-item ul.nav li a {
    padding-left: 62px;
    font-size: 12px;
}

.menu-item ul.nav li.menu-item-mijnuc a {
    padding-left: 15px;
}

.menu-item ul.nav li.menu-item-mijnuc img {
    margin-right: 10px;
    width: 30px;
}

.menu-item .nav-header-title {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
}

    .menu-item .nav-header-title.selected {
        background: #f47929;
    }

        .menu-item .nav-header-title.selected:after {
            color: #ffffff;
            content: "\e901";
        }

        .menu-item .nav-header-title.selected + ul.nav li {
            display: block;
        }

            .menu-item .nav-header-title.selected + ul.nav li a {
                color: #f47929;
            }

            .menu-item .nav-header-title.selected + ul.nav li.selected a {
                font-weight: bold;
            }


        .menu-item .nav-header-title.selected > .nav-title {
            color: #ffffff;
        }


    .menu-item .nav-header-title .nav-image {
        height: 48px;
        width: 52px;
        float: left;
        background: #ffffff;
        border-top-right-radius: 24px;
        border-bottom-right-radius: 24px;
        margin-left: -15px;
        margin-top: -10px;
        margin-right: 10px;
    }

.footer-menu-items-body .menu-item .nav-header-title .nav-image {
    background: none;
}

.menu-item:first-child .nav-header-title .nav-image {
    border-top-left-radius: 20px;
}

.menu-item:last-child .nav-header-title .nav-image {
    border-bottom-left-radius: 20px;
}

.menu-item:last-child .nav-header-title.selected .nav-image {
    border-bottom-left-radius: 0px;
}

.menu-item .nav-header-title .nav-image img {
    width: 40px;
    margin-left: 5px;
    margin-top: 5px;
}


.body-content-wrapper-mijn-uc .menu-item ul {
    -webkit-padding-start:0px;
}

.body-content-wrapper-mijn-uc .menu-item ul.nav li {
    display: block;
}
    .body-content-wrapper-mijn-uc .menu-item ul.nav li.menu-item-mijnuc {
        border-bottom: 1px solid #ebebec;
    }

    .body-content-wrapper-mijn-uc .menu-item ul.nav li.menu-item-mijnuc:first-child {
        border-top: 1px solid #ebebec;
    }

    .body-content-wrapper-mijn-uc .menu-item ul.nav li.menu-item-mijnuc:last-child {
        border-bottom: 1px solid #ebebec;
    }

    .body-content-wrapper-mijn-uc .menu-item ul.nav li.menu-item-mijnuc a {
        color: #333333;
        padding-left: 0px;
    }

    .body-content-wrapper-mijn-uc .menu-item ul.nav li.menu-item-mijnuc img {
        margin-top: -5px;
        margin-right: 5px;
    }

.body-wrapper-mijn-uc .menu-item .nav-header-title.selected {
    background: #5dc4bf;
}

    .body-wrapper-mijn-uc .menu-item .nav-header-title.selected ul.nav li {
        display: block;
    }

.body-wrapper-mijn-uc .menu-item ul.nav li a {
    color: #5dc4bf;
}

.body-wrapper-mijn-uc .menu-item ul.nav li.selected a {
    font-weight: bold;
    font-family: Font1Bold;
}

@media (max-width: 767px) {
    .body-wrapper-mijn-uc .menu-item {
        border-top: 1px solid #b3b4b5;
    }

    .menu-item ul.nav li.menu-item-mijnuc {
        display: block;
    }

    .body-wrapper-mijn-uc .body-menu-items {
        border-radius: 0px;
    }
}