/*-----------------------------------------------------------------*/
/* Main Layout.                                                    */
/*-----------------------------------------------------------------*/
.ui-mainlayout-header {
    position: absolute;
    top:      0;
    left:     0;
    right:    0;
    height:   40px;
}

.pim-with-search .ui-mainlayout-navigator {
    position: absolute;
    top:      0;
    left:     0;
    right:    0;
    height:   66px;
}

.ui-mainlayout-navigator {
    position: absolute;
    top:      0;
    left:     0;
    right:    0;
    height:   40px;
}

.ui-mainlayout-mainmenu {
    position: absolute;
    top:      0;
    left:     10%;
    right:    10%;
    height:   30px;
    background-color: #000000;
}

.ui-mainlayout-content {
    position: absolute;
    top:      40px;
    bottom:   20px;
    left:     0;
    right:    0;
}

.pim-with-search .ui-mainlayout-content {
    position: absolute;
    top:      66px;
    bottom:   25px;
    left:     0;
    right:    0;
}

.ui-mainlayout-content .ui-tabs-panels {
    position: absolute;
    top:      32px;
    bottom:   0;
    left:     0;
    right:    0;
}

.ui-mainlayout-content .ui-widget-content {
    position: absolute;
    top:      0;
    bottom:   0;
    left:     0;
    right:    0;
    padding:  0 !important;
}

.pim-with-search .ui-mainlayout-content .ui-tabs-panels {
    position: absolute;
    top:      32px;
    bottom:   0;
    left:     0;
    right:    0;
}

.pim-with-search .ui-mainlayout-content .ui-widget-content {
    position: absolute;
    top:      0;
    bottom:   0;
    left:     0;
    right:    0;
    padding:  0 !important;
}

.ui-mainlayout-statusbar {
    box-sizing: border-box;
    position: absolute;
    bottom:   0;
    left:     0;
    right:    0;
    height:   25px;
    border-style:     ridge;
    border-color:     #004853;
    background-color: #004853;
    padding-top: 3px;
}

.ui-menubar-logo {
    background-color: #fff;
    color:            #1a2935;
    font-size:        x-large;
}



.ui-main-tabview {
    border:   none;
    position: absolute;
    top:      0;
    bottom:   0;
    left:     0;
    right:    0;
}


.ui-main-tabview .ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active {
    background-color: #FFF;
}

.ui-main-tabview .ui-state-default.ui-corner-top {
    background-color: #d3d3d3;
    margin: 5px .2em -1px .2em;
    height: calc(100% - 10px);
    padding: 5px 8px 0 0;
}


.ui-main-tabview .ui-tabs-nav {
    background-color: #696969;
    height:           30px;
    padding-top:      2px;
    padding-left:     1em;
}


.ui-main-tabview .ui-tabs-nav .ui-state-default * {
    background-color: #d3d3d3;
    color:            #191919;
}

.ui-main-tabview .ui-tabs-nav .ui-tabs-selected * {
    background-color: #FFF;
    color:            #191919;
}

/*-----------------------------------------------------------------*/
/* End of Main Layout.                                             */
/*-----------------------------------------------------------------*/



/*-----------------------------------------------------------------*/
/* Main Menu Bar                                                   */
/*-----------------------------------------------------------------*/
 .toplevel-toolbar {
     background-color: #004853;
    border:           none !important;
}
 
.pim-without-search .toplevel-toolbar {
    height:           100%;
    padding:          5px !important;
}

.pim-with-search .toplevel-toolbar {
    height:           32px;
    padding:          2px !important;
}

.search-toolbar {
    background-color: #004853;
    height:           28px;
    border:           none !important;
    padding:          2px !important;
}

.toplevel-toolbar .ui-mainmenu-item.ui-state-hover {
    background-color: #545454;
}

.ui-mainmenu-item.ui-menuitem-active {
    background-color: #545454;
}

.toplevel-toolbar .ui-menuitem-link.ui-corner-all.ui-mainmenu-item {
    color:     #fff;
    font-size: 13px;
}

.toplevel-toolbar .subMenu .ui-menuitem-text {
    color:     #fff;
    font-size: larger;
}

.toplevel-toolbar .subMenu .ui-menuitem-icon {
    color:     #fff;
    font-size: 13px;
}

.toplevel-toolbar .ui-submenu-link.ui-state-hover {
    background-color: #545454;
}

.ui-submenu-link.ui-state-active {
    background-color: #545454;
}

.toplevel-toolbar .ui-submenu-link.ui-state-hover .ui-menuitem-text {
    color:     #fff;
}

.ui-submenu-link.ui-state-active .ui-menuitem-text {
    color:     #fff;
}

.toplevel-toolbar .ui-submenu-link {
    color:     #fff;
    font-size: 13px;
}

.toplevel-toolbar .ui-submenu-link.ui-state-hover .ui-menuitem-icon {
    color:     #fff;
}

.ui-submenu-link.ui-state-active .ui-menuitem-icon {
    color:     #fff;
}

.toplevel-toolbar .ui-menu-list {
    background-color: #004853;
    border:           none;
}


.ui-submenu-scrollable > ul {
    overflow-y:   auto;
    overflow-x:   hidden;
    max-height:   350px;
}

.toplevel-toolbar .ui-menu-list.ui-menu-child {
    width: 20em !important;
}

.toplevel-toolbar .ui-menu-list.ui-menu-child .ui-menuitem {
    width: calc( 20em - 22px );
}

.toplevel-toolbar .ui-menuitem-icon {
    padding-right: 5px;
}

/**
 *
 */
.ui-menuitem-right {
    float: right !important;
}

.ui-menuitem-right .ui-menuitem-text {
    font-size: 11px !important;
}

.usersettings-menu-entry > .ui-menuitem-text {
    max-width:  25em;
    overflow: hidden;
    margin-top: -6px;
    white-space: pre;
}

/*-----------------------------------------------------------------*/
/* End of main menu bar                                            */
/*-----------------------------------------------------------------*/



/*-----------------------------------------------------------------*/
/* Make the popup menues (such as the publishing Download button)  */
/* a bit wider.                                                    */
/*-----------------------------------------------------------------*/
.ui-menu.ui-menu-dynamic.ui-widget.ui-widget-content {
    width: 25em !important;
    background-color: #0000ff !important;
}
/*-----------------------------------------------------------------*/
/* End of section                                                  */
/*-----------------------------------------------------------------*/

.disclaimer-link {
    float:        right;
    margin-right: 20px;
    color: #fff;
    font-size: 11px !important;
    text-decoration: none;
    margin-top: 3px;
}

.ui-menu .ui-menuitem {
    margin: 1px 10px !important;
}

.pim-search-panel {
    height: 28px; 
    text-align:center; 
    position:relative;
    margin:0 auto;
    padding: 2px;
}

.pim-search-panel .ui-button-icon-only {
    padding: 1px;
}