/*==============================================================================

MENU CSS STYLESHEET

Table Of Contents:
    -GENERAL
    -LEFT MENU
    -INFOBOX
    -USER
*/

/*============================================================================*/
/*GENERAL*/
/*============================================================================*/

.menu-divider{
    border-right: 1px solid #ffffff;
    height: 55px;
    position: absolute;
    right: 197.5px;
    top: 5px;
    z-index: 3000;
}

.gpc-menu {
    width: 220px;
    max-height: 530px;
    word-wrap: break-word;
    margin-top: 0em;
    z-index: 1000;
    border-radius: 0 0 11px 11px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);
    -moz-border-radius: 0 0 15px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);
}

#infobox .gpc-menu {
    width: 250px;
}

.gpc-menu, .gpc-menu div{
    font-weight: normal;
    text-decoration: none;
    position:relative;
    line-height: 2.5;
}

.gpc-menu .gpc-icon {
    color: black;
    font-size: 1em;
    font-weight: normal;
}

.gpc-menu a {
    color: #0d0335;
    font-size: 0.95em;
    font-weight: normal;
    display: block;
}

.gpc-menu a:hover {
    color: #0d0335;
}

/*============================================================================*/
/*LEFT MENU*/
/*============================================================================*/

#leftmenu {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 250px;
    border: 0px;
}

.menuopenl1, .menuopenl2 {
    height: auto;
}

.menul1 > .menuitem {
    display: block;
    font-weight: inherit;
    margin: inherit;
    font-size: inherit;
}

.menul1 {
    position: relative;
    width: 250px;
    min-height: 19px;
    overflow: hidden;
    border-top: 1px solid #2e3192;
    text-align: right;
    padding: 5px 0px;
    background: #cfd6de;
}

#leftmenu .menul1:first-child {
    min-height: 48px;
    padding-top: 12px;
}

.menul1.menuclosel1 {
    border-top: thin solid #b8c2ce;
    height: 33px;
}

.menul1 .menuclosel2 {
    height: 33px;
}

.menul1 a {
    position: relative;
    padding-left: 1em;
    padding-right: 1.8em;
}

.menuItemArrow {
    position: absolute;
    top: 0.8em;
    right: 0.8em;
}

#leftmenu div.menul1 {
    text-align: left;
    position: relative;
    min-height: 36px;
    overflow: hidden;
    border-top: thin solid #b8c2ce;
    width: inherit;
    padding: 0px;
}

#leftmenu div.menul2 {
    padding: 0px 0px 0px 0px;
    text-align: left;
}

.menul2 {
    background: #f9f9f9;
    text-decoration:none;
    border-top: thin solid #e9e9e9;
    color: #0d0335;
    font-weight: normal;
}

.menul2 a{
    color: #0d0335;
    font-weight: normal;
    padding-left:1.0em;
    display: block;
}

.menul1:hover {
    background:#acb8c6;
}

.menul2:hover {
    background: #dee3e8;
}

/* left menu scrollbar*/
.overflowContainer{
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: 13px;
    margin-top: -12px;
}

/*============================================================================*/
/*INFOBOX*/
/*============================================================================*/

#infoline {
    position: absolute;
    top: 0px;
    right: 0px;
}

#infobox .infoboxItem {
    display: table;
    vertical-align: top;
}

#infoline .infoboxItem {
    display: inline-table;
    padding: 0px 5px;
}

/* Logout */

.infoboxNotLogged {
    font-weight: bold;
}

#infobox .infoboxNotLogged {
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    transform: translate(0,-50%);
    text-align: center;
    margin-right: 10px;
}

#infobox .infoboxLogout {
    display: block;
}

.logout-button {
    border-top: thin solid #b8c2ce;
}

/* Input */

#infobox input {
    border: 0px;
    color: #2e3192;
    font-weight: bold;
    font-size: 80%;
}

#infoline input {
    display: table-cell;
    margin: initial;
    width: auto;
}

#infobox input[type="submit"].infobox_button{
    width: 175px;
    height: 1.3em;
    background: #f1f1f1;
    padding: 0;
    margin: 1px 0;
}

#infobox input[type="submit"].infobox_button:hover {
    background: rgb(214, 221, 227);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#infobox .infoboxItem {
    padding: 0px;
}
#infobox .infoboxItem:last-child {
    padding: 2px 0;
}

#infobox .infoboxNotLogged {
    margin-top: 0px;
}

#titleline {
    position: relative;
    width: 100%;
    min-width: 975px;
    min-height: 3em;
    margin: 0px;
}

#logobox {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 250px;
    height: 110px;
    color: white;
    background: #3e3f8f;
    font-size: 130%;
    font-weight: bold;
    text-align: center;
}

#langbox {
    position: absolute;
    bottom: 119px;
    right: 20px;
    width: 165px;
    text-align: right;
    font-size: 75%;
}

/*============================================================================*/
/*USER*/
/*============================================================================*/

.user-menu :before {
    font-size: 1.5em;
}

.user-info span.infoboxValue div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*============================================================================*/
/*SIDEBAR*/
/*============================================================================*/

#bodyBack.sidebarFixedSpace, #bodyBackFull.sidebarFixedSpace {
    margin-left: 65px; /* sidebar width */
}

#sidebarLeftmenu {
    position: fixed;
    left: 0px;
    width: 65px;
    top: 65px;
    height: calc(100% - 65px);
}

#sidebarFixed {
    position: fixed;
    left: 0px;
    width: 65px;
    top: 45px;
    height: calc(100% - 45px);
    padding-top: 20px; /* Added height to hide decorations for rounded corner */
    list-style-type: none;
    overflow-y: auto;
}

#sidebarFixed.sidebarShow {
    display: initial;
}

.sidebar .menusubitems {
    width: max-content;
    display: none;
    /* menu scrollable if height bigger than max-height */
    position: fixed;
    max-height: 50vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.sidebar.actionMenu .menusubitems {
    position: unset;
    overflow: unset;
}

.sidebar .menuitem.menulevel1 {
    height: 65px;
    border-bottom: 1px solid #d3d3d3;
}

.sidebar .menulinkdiv {
    display: block;
}

.sidebar .menulinkdiv.menulevel1 {
    height: 100%;
    text-align: center;
    vertical-align: middle;
    padding: 0.4em;
}

.sidebar .menuitem.menulevel1 .menuicon {
    display: block;
    height: 100%;
    font-size: 50px;
}

.sidebar .ui-state-active  {
    background: #dfe0f2;
}

.sidebar .menusubitems > .menuitem:last-child  {
    margin-bottom: 1px; /* Fix border of the last item when active */
}

.sidebar .menuitem.menulevel1 > .menulinkdiv.ui-state-active {
    margin: 0px;
}

#sidebarFixedSwapper {
    display: none;
    position: fixed;
    left: 0px;
    width: 65px;
    top: 65px;
    height: 20px;
    color: black;
    text-align: center;
    font-size: 1.8em;
    cursor: pointer;
}


/*============================================================================*/
/* DETAIL ACTION MENU (based on sidebar) */
/*============================================================================*/

.actionMenu {
    order: 2;
    list-style-type: none;
}

.actionMenu.ui-widget-content {
    border: none;
}

.actionMenu .menuitem.menulevel1 {
    width: 65px;
    height: 65px;
    float: left;
    border: 1px solid #d3d3d3;
}

.actionMenu .menuitem.menulevel1 .menuicon {
    font-size: 50px;
}

.actionMenu .menuitem.menulevel1 .menuitem.menulevel2 .menuicon {
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
}

.actionMenu .menuitem.menulevel1 a:hover {
    text-decoration: none;
}

.listActionMenu .actionMenu {
    height: 32px;
}

.listActionMenu .actionMenu .menuitem.menulevel1 {
    width: 32px;
    height: 32px;
    border: none;
}

.listActionMenu .actionMenu .menuitem.menulevel1 .menuicon {
    font-size: 20px;
}

.listActionMenu .inlineTable {
    margin: 0px;
}

/*============================================================================*/