.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: 5px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #ff7373;
}

footer .container {
  padding-top: 80px;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: initial;
}
.dropdown-menu-right {
    right: initial;
}
.dropdown-item {
    padding: 0.25rem 0.5rem;
}
a#navbarDropdown {
    color: #000000;
}
ul.dropdown-menu.sub-menu-opts li {
    margin: 1px;
    border-bottom: 1px solid #cecece;
}
ul.dropdown-menu.sub-menu-opts {
    background: #ffffff;
    border-radius: 0px;
    margin: 0px 0px 0px 0px;
    -webkit-box-shadow: 4px 5px 13px -3px rgba(168,168,168,1);
    -moz-box-shadow: 4px 5px 13px -3px rgba(168,168,168,1);
    box-shadow: 4px 5px 13px -3px rgba(168,168,168,1);
}
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
    ul.sub-menu-opts {
        display: block;
    }
    ul.dropdown-menu.sub-menu-opts.usage_by_users {
        top: -50px;
    }
}