/* ----------- REPORTS DROPDOWN ----------*

/* Dropdown Button */
.dropbtn {
    background-color: #2e6da4;
    color: white;
    font-size: 11px;
    font-weight: bolder;
    border: none;
    cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #2e6da4;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #2e6da4; /* #C2C2C2; */
    min-width: 140px;
    max-width: 200px;
}

.dropdown-content-box {
    display: none;
    position: relative;
    border: 1px solid #F9F9F9;
    min-width: 140px;
    max-width: 200px;
    z-index: 2; position:relative; 
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 5px 5px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bolder;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover 
{
        color: #bea473;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


/* ---------- END OF REPORTS ----------*/

/*----------- ORDERS ------------------*/

/* Dropdown Button */
.dropbtn-orders {
    background-color: #2e6da4;
    color: white;
    font-size: 11px;
    font-weight: bolder;
    border: none;
    cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn-orders:hover, .dropbtn-orders:focus {
    background-color: #2e6da4;
}

.dropdown-orders {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content-orders {
    display: none;
    position: absolute;
    background-color: #2e6da4; /* #C2C2C2; */
    min-width: 140px;
    max-width: 200px;
}

.dropdown-content-box-orders {
    display: none;
    position: relative;
    border: 1px solid #F9F9F9;
    min-width: 140px;
    max-width: 200px;
    z-index: 2; position:relative; 
}

/* Links inside the dropdown */
.dropdown-content-orders a {
    color: black;
    padding: 5px 5px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bolder;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content-orders a:hover 
{
        color: #bea473;
}

.show-orders {display:block;}

/* ---------- END OF ORDERS ----------*/

/*----------- USERS ------------------*/

/* Dropdown Button */
.dropbtn-users {
    background-color: #2e6da4;
    color: white;
    font-size: 11px;
    font-weight: bolder;
    border: none;
    cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn-users:hover, .dropbtn-users:focus {
    background-color: #2e6da4;
}

.dropdown-users {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content-users {
    display: none;
    position: absolute;
    background-color: #2e6da4; /* #C2C2C2; */
    min-width: 140px;
    max-width: 200px;
}

.dropdown-content-box-users {
    display: none;
    position: relative;
    border: 1px solid #F9F9F9;
    min-width: 140px;
    max-width: 200px;
    z-index: 2; position:relative; 
}

/* Links inside the dropdown */
.dropdown-content-users a {
    color: black;
    padding: 5px 5px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bolder;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content-users a:hover 
{
        color: #bea473;
}

.show-users {display:block;}

/* ---------- END OF USERS ----------*/

/*----------- MANAGEMENT ------------------*/

/* Dropdown Button */
.dropbtn-mng {
    background-color: #2e6da4;
    color: white;
    font-size: 11px;
    font-weight: bolder;
    border: none;
    cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn-mng:hover, .dropbtn-mng:focus {
    background-color: #2e6da4;
}

.dropdown-mng {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content-mng {
    display: none;
    position: absolute;
    background-color: #2e6da4; /* #C2C2C2; */
    min-width: 140px;
    max-width: 200px;
}

.dropdown-content-box-mng {
    display: none;
    position: relative;
    border: 1px solid #F9F9F9;
    min-width: 140px;
    max-width: 200px;
    z-index: 2; position:relative; 
}

/* Links inside the dropdown */
.dropdown-content-mng a {
    color: black;
    padding: 5px 5px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bolder;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content-mng a:hover 
{
        color: #bea473;
}

.show-mng {display:block;}

/* ---------- END OF MANAGEMENT ----------*/