/*
 * (c)2016 1WorldSync GmbH, Cologne, Germany.
 *
 * http://www.1worldsync.com/
 *
 * Created on 29.11.2016 by dborghard.
 */



/*-----------------------------------------------------------------*/
/*                                                                 */
/*    This file contains styleSheet definitions specialized for    */
/*                            GS1AU                                */
/*                                                                 */
/*-----------------------------------------------------------------*/

/* Navigation background color */
.toplevel-toolbar {
    background-color: #fff;
}

.search-toolbar {
    background-color: #fff; /* Navigation background color */
}

/* Navigation font color */
.toplevel-toolbar .ui-menuitem-link.ui-corner-all.ui-mainmenu-item, .disclaimer-link {
    color: #002c6c;
}

/* Menuitem hover */
.toplevel-toolbar .ui-menuitem.ui-corner-all.ui-menuitem-active {
    background-color: #002c6c !important;
}

.toplevel-toolbar .ui-menuitem-link.ui-state-hover {
    background-color: #002c6c;
}

.toplevel-toolbar .ui-menuitem-link.ui-corner-all.ui-mainmenu-item.ui-state-hover {
    color: #fff;
}

/* Submenuitem */
.toplevel-toolbar .ui-submenu-link {
    color: #002c6c !important;
}

/* Submenuitem hover*/
.toplevel-toolbar .ui-submenu-link.ui-state-hover {
    background-color: #002c6c;
    color: #fff;
}

/* Submenu */
.toplevel-toolbar .ui-menu-list {
    background-color: #fff;
}


.ui-main-tabview .ui-tabs-nav {
    background-color: #002c6c;
}

.ui-widget-content {
    color: #454545;
}

h2 {
    color: #454545;
}

h4 {
    color: #454545;
}

.ui-widget-header {
    color: #454545;
}

/*----------------------------------------------------------------*/
/* Styleclasses for special buttons (workflow relevant actions)   */
/*----------------------------------------------------------------*/
.ui-working-panel .column3 button {
    background-color: #002c6c !important;
    color: #fff;
}

.column3 > span:nth-child(1) {
    color: white;
    cursor: default;
}

.ui-action-default-workflow {
    background-color: #fff !important;
    border-color: #002c6c !important;
    color: #002c6c !important;
}

.ui-action-workflow {
    background-color: #002c6c !important;
    border-color: #002c6c !important;
    color: #fff !important;
}

.ui-action-negative-workflow {
    background-color: #f26334 !important;
    border-color: #f26334 !important;
    color: #fff !important;
}

.ui-module-toolbar-upper .ui-action-default-workflow {
    background-color: #f2f2f2 !important;
    color: #002c6c !important;
}

.ui-module-toolbar-upper .ui-action-workflow {
    background-color: #f2f2f2 !important;
    color: #002c6c !important;
}

.ui-module-toolbar-upper .ui-action-negative-workflow {
    background-color: #f2f2f2 !important;
    color: #f26334 !important;
}

.ui-module-toolbar-lower .ui-action-default-workflow {
    background-color: #fff !important;
    color: #002c6c !important;
}

.ui-module-toolbar-lower .ui-action-workflow {
    background-color: #fff !important;
    color: #002c6c !important;
}

.ui-module-toolbar-lower .ui-action-negative-workflow {
    background-color: #fff !important;
    color: #f26334 !important;
}

/*----------------------------------------------------------------*/
/* End of workflow relevant styleclasses                          */
/*----------------------------------------------------------------*/
.pim-menubar-logo {
    background-image: url('/themes/gs1au/images/GS1-Logo_40x40.png') !important;
}

.pim-with-search .pim-menubar-logo {
    background-size: 40px auto !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: -26px !important;
}

.pim-without-search .pim-menubar-logo {
    background-size: 40px auto !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: -12px !important;
}

.pim-link {
    color: #002c6c !important;
}

#userDashboardForm .ui-commandlink:hover {
    color: #002c6c;
}

#userDashboardForm .ui-commandlink {
    color: #002c6c;
}

.jqplot-highlighter-tooltip {
    background: rgba(256, 256, 256, 1) none repeat scroll 0 0 !important;
    border: 1px solid #002c6c !important;
    color: #002c6c !important;
}

.publishing-main-tabview .ui-tabs-nav {
    background-color: #002c6c;
}

.login_bg_image_center {
    background-image: url('/themes/gs1au/images/161102_NPC_WorldSync_Branding_HeaderBanner_Retina_1000x320.png');
    background-size: 500px;
    width: 500px;
    height: 160px;
    margin: 0;
}

.login_main {
    border: 1px solid #454545;
}

.login-table {
    border-width: 0 !important;
    border-style: none !important;
    padding: 4px 5px !important;
}

.login_footer {
    height: 140px;
}

.login-table-cell {
    padding: 4px 5px !important;
}

.dashboard-panel-simple {
    border: none; 
}

.dashboard-panel {
    border: none;
}
.dashboardPanel {
    max-width: 1230px;
}

#aboutDialogForm .column1 {
    display: none;
}

#aboutDialogForm h2 {
    display: none;
}

.dashboard-panel-3 {
    width: 300px !important;
}

.dashboard-panel-6 {
    width: 583px !important;
}

.dashboard-panel-12 {
    width: 1200px !important;
}

.dashboard-panel-8 {
    width: 800px !important;
}

@media ( max-width: 1230px ) {
    #userDashboardForm\:twitterpanel {
        width: calc(100% - 32px) !important;
    }

    .dashboard-panel-3 {
        width: calc(100% - 32px) !important;
    }

    .dashboard-panel-12 {
        width: calc(100% - 32px) !important;
    }

    .dashboard-panel-8 {
        width: calc(100% - 32px) !important;
    }
}

.ui-mainlayout-statusbar {
    border-color:     #d3d3d3;
    background-color: #d3d3d3;
}

.pim-attribute-switch {
    display: none;
}

.ui-button.outline-button {
   border: 1px solid #002c6c !important;
   color: #002c6c  !important;
   background-color: transparent !important
}