/*.menu-area{
background: #d61a5e
}*/

/* Navbar Background - Green Theme */
.navbar.bg-dark {
    background-color: #28a745 !important; /* Bootstrap green */
}

.mainmenu {
    background-color: #28a745 !important;
}
.dropdown-menu{
    padding:0;
    margin:0;
    border:0 solid transition!important;
    /*border:0 solid rgba(0,0,0,.15);*/
    border-radius:5px;
    -webkit-box-shadow:none!important;
    box-shadow:none!important
}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link, .logout{
    color:#fff;
    font-size:16px;
    text-transform:capitalize;
    padding:16px 15px;
    font-family:'Roboto',sans-serif;
    display: block !important;
}
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{
    /*color: #fff;*/
    background: #1e7e34; /* Darker green for hover */
    color:#ffffff;
    outline: 0;
}

/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover, .mainmenu .dropdown-toggle:hover{
    background: #1e7e34; /* Darker green for dropdown hover */
    border-radius:5px;
    color:#ffffff;
}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{
    background: #1e7e34; /* Darker green for sub-menu hover */
    border-radius:5px;
    color:#ffffff;
}
.mainmenu .collapse ul ul ul > li:hover > a{
    background: #1e7e34; /* Darker green for third-level menu hover */
    border-radius:5px;
    color:#ffffff;
}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{
    background:#2d5a3d; /* Dark green for dropdown menus */
}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{
    background:#1e7e34; /* Darker green for deeper dropdown menus */
}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{
    background:#155724; /* Even darker green for deepest level menus */
}

/******************************Drop-down menu work on hover**********************************/
.mainmenu{
    /*background: none;*/
    /*border: 0 solid;*/
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    /*min-height:20px;*/
    /*width: 100%;*/

}
@media only screen and (min-width: 767px) {
    .mainmenu .collapse ul li:hover> ul{
        display:block;
        /*border-radius: 5px;*/
        border: 0px;
    }
    .mainmenu .collapse ul ul{
        position:absolute;
        top:100%;
        /*left:0;*/
        /*min-width:250px;*/
        white-space:nowrap;
        display:none
    }
    /*******/
    .mainmenu .collapse ul ul li{
        position:relative
    }
    .mainmenu .collapse ul ul li:hover> ul{
        display:block
    }
    .mainmenu .collapse ul ul ul{
        position:absolute;
        top:0;
        /*left:98%;*/
        /*min-width:250px;*/
        display:none
    }

    .mainmenu .collapse ul ul .dropright ul{
        left:98%;
    }
    .mainmenu .collapse ul ul .dropleft ul{
        right:98%;
    }


    /*******/
    .mainmenu .collapse ul ul ul li{
        position:relative
    }
    .mainmenu .collapse ul ul ul li:hover ul{
        display:block
    }
    .mainmenu .collapse ul ul ul ul{
        position:absolute;
        top:0;
        left:-100%;
        /*min-width:250px;*/
        display:none;
        z-index:1
    }


}
@media only screen and (max-width: 767px) {
    .navbar-nav .show .dropdown-menu .dropdown-menu > li > a{
        padding:16px 15px 16px 35px
    }
    .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{
        padding:16px 15px 16px 45px
    }

    nav.fixed-top {
        position: relative !important;
    }

}

.mainmenu a{
    text-decoration: none!important;
}

.logout:hover{
    color:#cccccc;
}

.dropdown-toggle::after {
    float:right;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3em;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
    margin-top: 8px;

}