﻿/* navbar_dq container */
.navbar_dq {
    overflow: auto;
    /*background-color: #333;*/
    background-color: #005C8F;
    font-family: Arial;
    text-align: center;
    margin: auto;
    /*width: 1200px;*/
    padding-left: 20px;
    padding-right: 20px;
}

    /* Links inside the navbar_dq */
.navbar_dq a {
    float: left;
    font-size: 14px;
    color: white;
    text-align: center;
    padding: 10px 12px 10px 12px;    
    text-decoration: none;
    font-weight: bold;
}

/* The dropdown_dq container */
.dropdown_dq {
    float: left;
    overflow: hidden;
}

    /* dropdown_dq button */
    .dropdown_dq .dropbtn {
        font-size: 14px;
        border: none;
        outline: none;
        color: white;
        padding: 10px;
        background-color: inherit;
        font-family: inherit; /* Important for vertical align on mobile phones */
        margin: 0; /* Important for vertical align on mobile phones */
        font-weight: bold;
        padding: 10px 12px 10px 12px;
    }

    /* Add a red background color to navbar_dq links on hover */
    .navbar_dq a:hover, .dropdown_dq:hover .dropbtn {
        background-color: #c10807;
        /*color: #1160ae;*/
    }

/* dropdown_dq content (hidden by default) */
.dropdown_dq-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;     
    min-width: 160px;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    z-index: 9999;
}

    /* Links inside the dropdown_dq */
    .dropdown_dq-content a {
        float: none;
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
    }

        /* Add a grey background color to dropdown_dq links on hover */
        .dropdown_dq-content a:hover {
            background-color: #c10807;
            color: white;
        }

/* Show the dropdown_dq menu on hover */
.dropdown_dq:hover .dropdown_dq-content {
    display: block;
}
