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

.type-content {
    display: flex;
    width: 400px;
    height: 50px;
    position: absolute;
    font-size: 18px;
    padding: 00px 0px 0px 0px;
    z-index: 2000;
    left: 450px;
    top: 12px;
}
 
/* Dropdown Content (Hidden by Default) */
.branch-content {
    display: inline-flex;
    width: 150px;
    height: 50px;
    position: absolute;
    font-size: 18px;
    padding: 00px 0px 0px 0px;
    z-index: 2000;
    position: absolute;
    left: 290px;
    top: 12px;
}

/*.dropdown button {
    font-family: 'Dosis', sans-serif;
}*/
/*.fa-bars {
    display: block !important;
    font-size: 18px !important;
}*/
#droptitle2 {
    /*    display:block;*/
    position: absolute;
    left: 0px;
    text-align: left;
    overflow: visible;
}

.dropbtn {
    z-index: 2000;
    opacity: 1;
    background-color: #00000000 !important;
    padding: 0px;
    margin: 10px;
    border: none;
    color: #040303c2;
    font-family: 'Dosis', sans-serif;
    font-size: 18px;
    font-weight: 600;
    /*text-shadow: 0px 0px 2px #040303c2;*/
    /*    font-family: 'Open Sans', sans-serif; */
}
    .dropbtn:hover {
        color: #f50b7d !important;
        font-weight: 900;
        text-shadow: 2px 2px 1px #28282818;
    }
#id_BranchMenu {
    color: #040303c2 !important;
    text-shadow: 2px 2px 1px #28282818;
}

    #id_BranchMenu:hover {
        color: #f50b7d !important;
        text-shadow: 2px 2px 1px #28282818;
    }
#id_TypeMenu {
    color: #040303c2 !important;
    text-shadow: 2px 2px 1px #28282818;
}
    #id_TypeMenu:hover {
        color: #f50b7d !important;
        text-shadow: 2px 2px 1px #28282818;
    }
    /*    .dropbtn.fa {
        color: #0005ff;
        font-family: 'Dosis', sans-serif;
        font-size: 18px;
    }*/
    /*.dropbtn:hover {
        font-size: 18px;
        font-weight: 900;
        color: #ff0000;*/
    /* text-shadow: 0px 0px 2px #040303c2;*/
    /*}*/
    /* Change the background color of the dropdown button when the dropdown content is shown */
    /*.dropdown:hover {
    background-color: #00000000 !important;*/
    /*color: #ff0000 !important;*/
    /*z-index: 2000;
    opacity: 1; 
    cursor: pointer;  
    font-size: 18px;
    font-weight: 900; 
}*/
 
/*#topcrop1:hover {*/
/*    color: #ff0000 !important;*/
/*}
.dropbtn:hover {
    color: #ff0000 !important;
    font-weight: 900;
    cursor: pointer;
}*/


/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    opacity: .9;
    position: absolute;
    left: 10px;
    top: 35px;
    font-size: 15px;
    font-weight: 200;
    border-radius: 5px;
    padding: 10px 15px 10px 10px;
    border-color: #ffffffff;
    border-style: solid;
    border-width: 1px;
    /*top: -15px;
    right: -30px;*/
    display: none;
    /*    position: absolute;*/
    background-color: #ffffffff;
    width: fit-content;
    min-width: 280px;
    box-shadow: inset 0px 14px 4px rgb(170, 170, 170, 0.08), 0 0 2px #000000c3;
    /* box-shadow: 0px 8px 16px 0px rgba(10,0,0,0.2);*/
    z-index: 2000;
}

    /* Links inside the dropdown */
    .dropdown-content a {
        border-radius: 5px;
        z-index: 2000;
        font-family: 'Dosis', sans-serif;
        font-size: 18px;
        text-decoration: none;
        color: rgba(0, 0, 0, 1.08);
        font-weight: 400;
        /*        text-shadow: 0px 0px 2px #000000cf;*/
        margin: 4px 4px;
        padding: 4px 4px;
        display: block;
        /*        -webkit-transition: height 1.25s ease;
        -o-transition: height 1.25s ease;
        transition: height 1.25s ease;*/
    }

        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {
            z-index: 2000;
            /*  font-family: 'League Spartan', sans-serif;*/
            /*font-family: 'Dosis', sans-serif;*/
            /* font-size: 19px;*/
            font-weight: 900;
            /*  font-family: 'Dosis', sans-serif;*/
            /*color: #0e0e0e;*/
            /* color: #fa7b9b;*/

            color: rgba(0, 0, 0, 1.08);
            text-shadow: 0px 0px 4px #ffffffff;
            /*         text-shadow: 0px 0px 2px #ffffffff;*/
            border-radius: 10px;
            margin: 4px 4px;
            padding: 4px 4px;
            display: block;
            /*    -webkit-transition: ease-in-out 0.25s;
            -o-transition: ease-in-out 0.25s;
            transition: ease-in-out 0.25s;*/
            /* background-color: #ff0077;*/
        }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}



.text-content {
    font-size: 20px;
    /*top: -15px;
    right: -30px;*/
    display: none;
    /*   display: block;*/
    /*    position: absolute;*/
    background-color: #29292998;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    margin: 0px;
}
    /* Links inside the dropdown */
    .text-content a {
        padding: 12px 16px;
        color: white;
        text-decoration: none;
        display: block;
    }