.navbar a {
    float: left;
    font-size: 13px;
    color: white;
    text-align: center;
    padding: 15px 0;
    text-decoration: none;
    /*font-family: Arial,Helvetica,sans-serif;*/
    line-height: 16px;
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 14px;
    border: none;
    outline: none;
    color: #c8c8c8;
    padding: 14px 12px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
    /*border-right: 1px solid #1e2828;*/
    text-shadow: 1px 1px #000000;
}

.dropdown .dropbtn i {
    vertical-align: text-top;
}

.dropdown .dropdown-block-separator {
    padding: 5px;
    background-color: #3c4646;
}

.dropdown .dropbtn:hover,
.dropdown .dropbtn:focus {
    background-color: #323c3c;
    cursor: pointer;
}

.dropdown-content {
    /*transition: opacity 0.3s ease-out;*/
    display: none;
    overflow: hidden;
    position: absolute;
    background-color: #3c4646;
    border: 1px solid #1e2828;
    min-width: 160px;
    width: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9999999 !important;

}
#menu, .menu {
    position: relative;
    overflow: visible !important;
    z-index: 5 !important;
}

.dropdown-content a {
    float: none;
    color: #c8c8c8;
    padding:3px 5px 3px 5px;
    text-decoration: none;
    display: block;
    text-align: left;
    border-bottom: 1px solid #1e2828;
}

.dropdown-content a:hover {
    background-color: #232d2d;
    color: #ffffff;
}

.dropdown:hover .dropdown-content {
    display: block;
    overflow: visible;
}

.dropdown-block {
    width: 180px;
    float: left;
    background-color: #283232;
    border-radius: 3px 3px 0 0;
    margin: 3px;
    overflow: hidden;
}
.dropdown-block-title {
    font-size: 13px;
    padding: 3px 0px 4px 5px;
    color: #ff9200;
    background-color: #1e2828;
    border-radius: 3px 3px 0 0;
}