.navbar .dropdown-toggle, .navbar .dropdown-menu a {
    cursor: pointer;
}

.navbar .dropdown-item.active, .navbar .dropdown-item:active {
    color: inherit;
    text-decoration: none;
    background-color: inherit;
}

.navbar .dropdown-item:focus, .navbar .dropdown-item:hover {
    color: #000;
    text-decoration: none;
    
}

.nav-link{
    font-size: 1rem;
}

.dropdown-menu{
    color: #193C58;
}

@media (min-width: 767px) {
    .navbar .dropdown-toggle:not(.nav-link)::after {
        display: inline-block;
        width: 0;
        height: 0;
       /* margin-left: .5em;*/
        vertical-align: 0;
        border-bottom: .3em solid transparent;
        border-top: .3em solid transparent;
        border-left: .3em solid;
    }

    #div_nav { float:right;}  
  
    .navbar-dark .navbar-nav .nav-link,  .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:visited{
        color: #193C58;
    }
   
    .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
        color: #193C58;
    }

    .dropdown-menu .dropdown-toggle:after{
      border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        border-left: .3em solid;
    }

    .dropdown-menu .dropdown-menu{
      margin-left:0; margin-right: 0;
    }

    .dropdown-menu li{
      position: relative;
    }
    .nav-item .submenu{ 
      display: none;
      position: absolute;
      left:100%; top:-7px;
    }
    .nav-item .submenu-left{ 
      right:100%; left:auto;
    }



    .dropdown-menu > li:hover{ background-color: ; }
    .dropdown-menu > li:hover > .submenu{
        /*background-color: yellow;*/
      display: block;
    }

}

/* ---------- mobile ----------  */
@media (max-width: 750px) 
{
    #menu_nav, #col_menu, .dropdown-menu, .dropdown-item .dropdown {
        /*background-color: #193C58;*/ }
    .navbar .dropdown-item:focus, .navbar .dropdown-item:hover, {
        /*background-color: #193C58;*/ }
    .dropdown-item,.dropdown-toggle, .dropdown-item .dropdown .show, .navbar , .navbar {
        color: #193C58;
    }
    .navbar .dropdown-item:focus, .navbar .dropdown-item:hover, main_nav{
        /*background-color: #193C58;*/
    }
    .navbar-dark .navbar-nav .nav-link,  .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:visited{
        color: #193C58;
    }
    .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
        color: #193C58;
    }

    .submenu {
        /*display: block;*/
        resize: vertical;
        overflow: auto;
        width: 300px;
    }

    .dropdown-menu {
        color: #193C58;
        border: 0px;
        padding: .5rem .8rem;
    }

    .dropdown-item{
        padding: .25rem .5rem;        
    }

   
}
/* ---------- /mobile ----------  */