/* General */
body {
    margin: 0px;
    padding: 0px;
    min-height: 100vh;
    width: 100%;

    background-color: #357171;

    font-family: "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;
}
/*Pjesa e menyve*/
.menudiv {
    width: 100%;
    height: 80px;
    display: block;
    float: left;
    position: relative;
    /* margin: 20px; */
    padding: 0;
    border-radius: 0px;
    background-color: #609090;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cb60b3+0,ad1283+50,de47ac+100;Pink+3D */

    background: -moz-linear-gradient(
        to bottom,
        rgb(168, 218, 212) 0%,
        rgb(122, 166, 166) 24%,
        rgb(34, 89, 90) 63%,
        rgb(53, 113, 113) 100%,
        rgb(222, 238, 246) 100%
    ); /* FF3.6-15 */

    background: -webkit-linear-gradient(
        to bottom,
        rgb(168, 218, 212) 0%,
        rgb(122, 166, 166) 24%,
        rgb(34, 89, 90) 63%,
        rgb(53, 113, 113) 100%,
        rgb(222, 238, 246) 100%
    ); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(
        to bottom,
        rgb(168, 218, 212) 0%,
        rgb(122, 166, 166) 24%,
        rgb(34, 89, 90) 63%,
        rgb(53, 113, 113) 100%,
        rgb(222, 238, 246) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#357171', endColorstr='rgba(135,188,234,1)',GradientType=0 ); /* IE6-9 */
}
.mul {
    width: 100%;
    height: 50px;

    display: block;
    float: left;
    position: relative;

    margin: 30px 0px 0px; /*30px depend on div*/
    padding: 0px;
    display: flex;
}

.mli {
    /* width: 11.8%; */
    flex: 1;
    height: 100%;

    display: block;
    float: left;
    position: relative;

    margin: 0px 0.35%;

    border: 1px solid #dfeff6;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;

    padding: 0px;
    border-bottom: none;

    font-size: 14px;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;

    line-height: 50px;

    text-align: center;
    color: #fff;

    cursor: pointer;
    z-index: 9;
}

.mli:hover {
    background-color: rgb(53, 113, 113);
}

.mli a:first-child {
    color: #fff;
    display: block;
}

.dropdownMenu {
    position: absolute;
    left: 0px;
    top: 50px;
    display: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    min-height: 30px;
    height: auto;

    /*background-color: #609090;*/
    background-color: transparent;
    z-index: 33;
}

.dropdownMenu li {
    width: 98%;
    height: 40px;
    margin: 1px 1%;
    line-height: 40px;

    background-color: #609090;
    border: 1px solid #dfeff6;
    border-radius: 6px;
    font-size: 13px;
}

.mli-dropdown:hover > .dropdownMenu {
    display: block;
}

legend {
    text-align: center;
    margin-bottom: 15px;
}

#gridContentContainer {
    margin-top: -5px;
}

.selected {
    height: 58px;
    line-height: 58px;
    top: -8px;
    padding: 0px;
    background-color: #77bb88;
}