/*
 Custom CSS styling for TD SYNNEX OpenMPS Portal

 Compatibility with Portal 5.21.1.28+

 Copyright (c) 2022 EKM Global Limited
 All rights reserved
*/

header, body, footer, input, button, select, table.data  {
    font-family: Arial, sans-serif;
    font-size: 13px;
}

a, nav.context-menu ul li a, nav.context-menu ul li.context-menu-cmd {
    color: #005758;
}

header h1 {
    background-color: #005758;
    color: white;
    border-bottom: none;
    background-position: 3px 50%;    
    background-image: url('TD-SYNNEX_Open-MPS_Lockup_REV.png');
    background-size: auto 60px;
    height: 64px;
    line-height: 64px;
    font-size: 20pt;
    padding: 0 370px;
}


header #logoRootUrlLink {
    left: 10px;
    top: 8px;
    width: 350px;
    height: 48px;
}

header nav {
    top: 64px;
    padding-top: 0px;
}

header nav.pinned {
    background-color: white;
    background-image: none;
}

footer {
    border-top: thin solid #bbb;
    background-color: white;
    font-size: 11px;
}

footer aside div.dialog-title-bar {
    background-color: #005758;
}

div.widget,
figure,
.captioned-table-wrapper,
.ekm4-ajax-dialog-outer-container,
fieldset.filter-options > legend {
    border-color: #005758;
    background-color: #005758;
}

.ekm4-ajax-dialog-footer,
#widget_ContractVersionSummary table.latest-versions tr {
    background-color: #005758;
}

div.status-history-view {
    background-color: white;
}

div.widget div.widget-title,
figure > figcaption,
.captioned-table-wrapper > table > caption,
.ekm4-ajax-dialog-title-bar,
fieldset.filter-options > legend {
    background-color: #005758;
    color: white;
    font-weight: bold;
}

div.widget div.widget-content,
 figure > div.figure-content,
 .captioned-table-wrapper table.data, 
 .captioned-table-wrapper table.entity-data {
    border-color: #005758;
}


tr.sorterrow.activated {
    color: #003031;
}

tr.sorterrow.activated th.sortHover,
tr.sorterrow.activated td.sortHover {
    color: #005758;
}

div.widget td.widget-content-refresher {
	  color: #005758;
}


#topNavMenu li a {
    color: black;
}

#topNavMenu li ul.subMenu li {
    border-bottom: thin solid #005758;
}

#topNavMenu li ul.subMenu li.selected a,
#topNavMenu li ul.subMenu li:hover a {
    color: white;
}
#topNavMenu li ul.subMenu li.selected a {
    font-weight: normal;
}

#topNavMenu li .subMenuName {
    background-color: #005758;
    color: white;
}

#topNavMenu li ul.subMenu {
    background-color: #d9d8d7;
}

#topNavMenu li span.subMenuName {
    font-weight: normal;
    color: white;
}

#topNavMenu li.selected .subMenuName {
    background-color: #d9d8d7;
    color: black;
}

#topNavMenu li ul.subMenu li.selected,
#topNavMenu li ul.subMenu li:hover {
    background-color: #005758;
}

header nav div#menuTogglerContainer button {
    background-color: #d9d8d7;
    border-radius: 30px;
}  


#topNavMenu li#homeMenu .subMenuName {
    background-image: url(navimg/Portal.svg?v=tsdv3);
}
#topNavMenu li#customerAdminMenu .subMenuName {
    background-image: url(navimg/Customer-management.svg?v=tsdv3);
}
#topNavMenu li#assetManagementMenu .subMenuName {
    background-image: url(navimg/Asset-management.svg?v=tsdv3);
}
#topNavMenu li#supplyChainMenu .subMenuName {
    background-image: url(navimg/Consumables-management.svg?v=tsdv3);
}
#topNavMenu li#serviceChainMenu .subMenuName {
    background-image: url(navimg/Incident-management.svg?v=tsdv3);
}
#topNavMenu li#reportsMenu .subMenuName {
    background-image: url(navimg/Reports.svg?v=tsdv3);
}
#topNavMenu li#productDatabaseMenu .subMenuName {
    background-image: url(navimg/Product-database.svg?v=tsdv3);
}
#topNavMenu li#sysAdminMenu .subMenuName {
    background-image: url(navimg/System-admin.svg?v=tsdv3);
}
#topNavMenu li#homeMenu.selected .subMenuName {
    background-image: url(navimg/Portal-sel.svg?v=tsdv3);
}
#topNavMenu li#customerAdminMenu.selected .subMenuName {
    background-image: url(navimg/Customer-management-sel.svg?v=tsdv3);
}
#topNavMenu li#assetManagementMenu.selected .subMenuName {
    background-image: url(navimg/Asset-management-sel.svg?v=tsdv3);
}
#topNavMenu li#supplyChainMenu.selected .subMenuName {
    background-image: url(navimg/Consumables-management-sel.svg?v=tsdv3);
}
#topNavMenu li#serviceChainMenu.selected .subMenuName {
    background-image: url(navimg/Incident-management-sel.svg?v=tsdv3);
}
#topNavMenu li#reportsMenu.selected .subMenuName {
    background-image: url(navimg/Reports-sel.svg?v=tsdv3);
}
#topNavMenu li#productDatabaseMenu.selected .subMenuName {
    background-image: url(navimg/Product-database-sel.svg?v=tsdv3);
}
#topNavMenu li#sysAdminMenu.selected .subMenuName {
    background-image: url(navimg/System-admin-sel.svg?v=tsdv3);
}