/*-----------------------------------------------------------------------------
--
--  _|      _|    _|_|      _|_|
--  _|      _|  _|    _|  _|    _|
--  _|      _|      _|        _|
--    _|  _|      _|        _|
--      _|      _|_|_|_|  _|_|_|_|
--
--  @file      mainmenu.css
--  @copyright See authors list below and v22.copyrights file
--  @licence   LGPL v3
--  @encoding  UTF-8
-------------------------------------------------------------------------------
--  @summary
--  V22 framework - Gnoga User Interface
--
--  @description
--
--
--  @authors
--  Arthur Le Floch - alf - developpement@soweb.io
--  Stéphane Rivière - sr - sriviere@soweb.io
--
--  @versions
--  See git log
-----------------------------------------------------------------------------*/

/* Container styling */

.main-menu {
    z-index: 1;
    width: 42px;
    min-width: 42px;
    height: calc(100% - 80px);
    float: left;
    background-color: var(--main-menu-color);
    position: relative;
    top: 40px;
}

/* main-menu Elements container styling */

.main-menu-elements-parent {
    width: 100%;
    overflow-y: auto;
}

.main-menu-force-extend {
    /*width: 80%;
    margin-right: 0px;*/
    width: 160px !important; /*150 140px*/
    min-width: 160px !important; /*150 140px*/
}

.main-menu-extend-shrink-button {
    position: absolute;
    display: flex !important;
    align-items: center;
    right: 0;
    bottom: 0;
}

.main-menu-icon {
    width: 30px;
    height: 30px;
    margin-right: 10px; /* Margin between icons and extended text menu - previously 16px*/
    float: left;
}

.main-menu-shortcut {
    color: var(--main-menu-shortcut-color);
}

.main-menu-selected-button {
    background: var(--main-menu-selected-button-color) !important;
}

/* main-menu Sub-elements container styling */

.main-menu-sub-elements-parent {
    transform: translate(100%);
    position: absolute;
    background-color: var(--main-menu-extension-color);
    right: 0;
    top: 0;
    overflow-y: auto;
}

.main-menu-delimiter {
    width: 100%;
    height: 2px;
    background-color: var(--main-menu-delimiter-color);
}

/*------------------------------------------------------------
  --  EOF
  ------------------------------------------------------------*/