/**
 * @version     1.0
 * @package     plg_aprsubmenu - System - Apr Sub-Menu
 * @copyright   Copyright (C) 2019. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 * @author      Mike Hill <mike@elevology.com> - http://elevology.com
 */

.apr-submenu-overlay-container {

}
.apr-submenu-content-container {
    /*position: fixed;
    top: 200px;
    right: 50px;
    z-index: 10000;
    padding-right:20px;
    padding-left:20px;*/
    border:1px solid #707070;
}

/*.tm-navbar-container a {
    pointer-events: none;
}*/
.apr-submenu-content-container a:active {
    text-decoration: none;
}
.apr-submenu-content-container a:hover {
    text-decoration: none;
}
.apr-submenu-content-container h2 {
    color:#fff !important;
    text-transform:uppercase;
}

.apr-submenu-content-container .uk-close-alt {
    background-color: #FFDE17 !important;
    color: #272727 !important;
}


/* ========================================================================
   Component: apr-menu
 ========================================================================== */
/*.apr-menu,
.apr-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.apr-menu li {
  margin-top: 5px;
}
.apr-menu li > a {
  display: block;
  text-decoration: none;
}
.apr-menu ul {
  padding-left: 15px;
}
.apr-menu ul a {
  padding: 2px 0;
}
.apr-menu li > a > div {
  font-size: 12px;
  line-height: 18px;
}
.apr-menu-title {
    font-size: 16px;
    font-weight: bold;
}*/

.apr-menu-title {
    margin: 18px 0 10px 25px !important;
}

.apr-menu-active {
    background-color:#BEE1FF;
    color:#184276;
    border-top:1px solid #707070;
    border-bottom:1px solid #707070;
}
.apr-menu-active a {
  color:#184276;
}

.apr-submenu-content-container .uk-grid > * {
    padding-left: 0 !important;
}

.apr-submenu-module-content {
    background-color: #002D74 !important;
    color: #ffffff !important;  
}

.apr-submenu-modal.apr-submenu-open {
    opacity: 1;
}
.apr-submenu-modal {
    display: none;
    position: fixed;
    top: 150px;
    right: 0;
    /*bottom: 0;*/
    left: 0;
    z-index: 1010;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(255, 255, 255, 0.9);
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    touch-action: cross-slide-y pinch-zoom double-tap-zoom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    min-height:420px;
}
.