﻿.ui-menu-custom {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 1000;
}

    .ui-menu-custom > li {
        margin: 0;
        padding: 0;
        border: none;
        background: none;
        float: left;
    }

        .ui-menu-custom > li > .ui-menu-item-wrapper {
            padding: 0;
            border: none;
            background: none;
            color: inherit;
            text-decoration: none;
            display: block;
            vertical-align: top;
        }

            .ui-menu-custom > li > .ui-menu-item-wrapper:hover,
            .ui-menu-custom > li > .ui-menu-item-wrapper.ui-state-active {
                background: none;
                color: inherit;
            }

.topMenu > li {
    padding-right: 20px;
}

.ui-menu-custom .ui-menu {
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    min-width: 200px;
    background-color: #515151;
    list-style: none;
    z-index: 10;
    padding-top: 3px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-width: 2px;
    border-color: #829FAB;
    border-style: solid;
    display: none;
}

    .ui-menu-custom .ui-menu > li {
        float: none;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-width: 2px;
        border-color: #829FAB;
        border-bottom-style: solid;
    }

        .ui-menu-custom .ui-menu > li > .ui-menu-item-wrapper {
            display: block;
            padding: 0 0px 0 10px;
            line-height: 24px;
            color: #FFFFFF;
            text-decoration: none;
            margin-bottom: 0px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
        }

            .ui-menu-custom .ui-menu > li > .ui-menu-item-wrapper:hover {
                background-color: #0083BF;
                color: #FFFFFF;
            }

.ui-menu-custom .ui-icon {
    display: none;
}


.ui-menu-custom > li {
    position: relative;
}


.ui-menu-custom.ui-widget {
    font-family: inherit;
    font-size: inherit;
}

.ui-menu-custom.ui-widget-content {
    background: transparent;
    border: none;
}

.ui-menu-custom .ui-state-default {
    background: transparent;
    border: none;
    color: inherit;
}

.ui-menu-custom .ui-state-hover {
    background: transparent;
    border: none;
    color: inherit;
}

.ui-menu-custom .ui-state-active {
    background: transparent;
    border: none;
    color: inherit;
}

@media (max-width: 768px) {
    .ui-menu-custom .ui-menu {
        min-width: 180px;
    }
}
