/* menu styling */

.menu-wrap {
    background: #345E6E;
}

.menu {
    border: none;
    margin: auto;
    width: 90%;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

    .menu .menu-list-container {
    }

    .menu .menu-support-container {
        float: right;
        border: thin solid #FFFFFF;
        border-bottom: none;
        border-top: none;
        margin-left: 30px;
    }

    .menu .menu-info-container {
        float: right;
        margin-left: 12px;
        color: white;
        width: 200px;
        text-align: right;
        white-space: nowrap;
    }

        .menu .menu-info-container .user-info {
            display: inline-block;
            text-align: right;
            width: 60px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-right: -2px;
            line-height: 31px;
            vertical-align: middle;
        }

        .menu .menu-info-container .separator {
            display: inline-block;
            overflow: hidden;
            line-height: 31px;
            vertical-align: middle;
        }

        .menu .menu-info-container .branch-info {
            display: inline-block;
            text-align: right;
            max-width: 140px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-left: -2px;
            line-height: 31px;
            vertical-align: middle;
        }

    .menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .menu li {
        float: left;
        padding: 0px;
        border-right: 1px solid white;
    }

        .menu li a, .menu li p {
            display: block;
            font-weight: normal;
            line-height: 31px;
            margin: 0px;
            padding: 0px 10px;
            text-align: center;
            text-decoration: none;
            white-space: nowrap;
        }

            .menu li a:active, .menu li:active a {
                color: #FFFFFF;
            }

            .menu li a:visited, .menu li:visited a {
                color: #FFFFFF;
            }

            .menu li a:link, .menu li:link a {
                color: #FFFFFF;
            }

            .menu li a:hover, .menu li:hover a {
                background: #50AAAD;
                color: #FFFFFF;
                text-decoration: none;
            }

        .menu li ul {
            background: #50AAAD;
            display: none;
            height: auto;
            padding: 0px;
            margin: 0px;
            border: 0px;
            position: absolute;
            z-index: 200;
            color: white;
        }

        .menu li:hover ul {
            display: block;
        }


        .menu li li {
            border-top: 1px solid white;
            display: block;
            float: none;
            margin: 0px;
            padding: 0px;
            width: 200px;
        }

        .menu li:hover li a {
            background: none;
        }

        .menu li ul a, .menu ul ul li p {
            display: block;
            height: 31px;
            font-size: 0.925em;
            font-style: normal;
            margin: 0px;
            padding: 0px 10px 0px 15px;
            text-align: left;
        }


            .menu li ul a:link, .menu li ul li:link a {
                color: #FFFFFF;
            }

            .menu li ul a:active, .menu li ul li:active a {
                color: #FFFFFF;
            }

            .menu li ul a:visited, .menu li ul li:visited a {
                color: #FFFFFF;
            }

            .menu li ul a:hover {
                background: #345E6E;
                border: 0px;
                color: #FFFFFF;
                text-decoration: none;
            }

    .menu ul ul li ul.sub {
        width: 99%;
        height: 30px;
        display: none;
    }

    .menu ul ul li:hover p {
        background: #345E6E;
        cursor: pointer;
    }

    .menu ul ul li .sub-title {
        float: left;
    }

    .menu ul ul li:hover ul.sub {
        display: block;
        float: right;
        left: 100%;
        top: -32px;
        position: relative;
        height: 0;
    }

        .menu ul ul li:hover ul.sub li {
            display: block;
            background: #50AAAD;
            height: 30px;
        }

    .menu p {
        clear: both;
    }

.right-icon {
    font-size: 1.39em;
    float: right;
}

label.fileupload {
    overflow: hidden;
    cursor: pointer;
    line-height: 2em;
}

    label.fileupload input {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
    }

    label.fileupload .file-name {
        color: gray;
    }