@font-face {
  font-family:"NasalizationRg-Regular";
  src:url("src/assets/fonts/nasalization-rg.eot?") format("eot"),url("src/assets/fonts/nasalization-rg.woff") format("woff"),
  url("src/assets/fonts/nasalization-rg.ttf") format("truetype"),url("src/assets/fonts/nasalization-rg.svg#NasalizationRg-Regular") format("svg");
  font-weight:normal;
  font-style:normal;
}
.savedViewsDD{
  padding: 8px 10px;
  color: #000000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.savedViewsDD:hover{background-color: #f2f2f2;}
.savedViewsDD:hover .onHover{display: inline-block; cursor: pointer;}
.onHover{display: none;}
ul.nav-tickets {
  display: none;
}
.z2dropdowns .products-msg {padding: 20px 15px; font-weight: 300;}
.menuprod-ds .menu-action a {
    background: #e2fbf3;
}
.menuprod-ds:hover .menu-action a {
    background: #b6e7d6;
}
.products-box .sub-menu .menuprod-ds .menu-box:hover {
    background: #e2fbf3;
}
.iconDiscovery{
    font-family: "NasalizationRg-Regular";
    font-size: 54px;
    line-height: 38px;
    color: #2f9d79;
    letter-spacing: -8px;
    text-align: left;
}
.dropdown .products-box {
  border: none !important;
  border-radius: 0px 0px 4px 4px !important;
  box-shadow: 0 6px 5px 0 rgba(0,0,0,.14), 0 10px 10px 0 rgba(0,0,0,.12), 0 5px 4px -1px rgba(0,0,0,.2) !important;
  max-height: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
}
.menu-action a{
  color: #1e1e1f !important;
}
.dropdown-toggle{
  display: flex;
  align-items: center;
}
.z2head-features ul li ul {
  width: 100% !important;
  float: none !important;
}
.z2head-features ul li ul li {
  width: 100% !important;
  float: none !important;
}
.z2header a.headerItems {
color: #ffffff;
background-color: #001534;
font-size: 15px;
font-weight: 300;
padding: 0px 10px;
height: 56px;
display: flex;
align-items: center;}
.z2header a.headerItems:hover {
  background: #232d44;color: #fff;}
.headerItems:focus, .headerItems.focus {
  background: #232d44; }
.headerItems.disabled, .headerItems:disabled {
  color: #cccccc;
  background-color: transparent; }
.headerItems:not(:disabled):not(.disabled):active, .headerItems:not(:disabled):not(.disabled).active,
.show > .headerItems.dropdown-toggle {
  color: #000;
  background-color: #fff;
  box-shadow: 0 5px 5px 0 rgba(0,0,0,.14), 0 8px 10px 0 rgba(0,0,0,.12), 0 5px 4px -1px rgba(0,0,0,.2)}
.z2header a.headerItems[aria-expanded="true"], .z2header a.headerItems[aria-expanded="true"]:hover{
  color: #000;
  background-color: #fff;
  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 14%), 0 8px 10px 0 rgb(0 0 0 / 12%), 0 5px 4px -1px rgb(0 0 0 / 20%);
}
.searchDDList {
  color: #000000 !important;
  background-color: #f9f9fb;
  font-size: 0.9rem;
  font-weight: 300;
  border-radius: 4px 0 0 4px;
  padding: 0 15px;
  display: flex;
  height: 38px;
  align-items: center;}
  .searchDDList:hover {
    background: #ffffff !important;}
  .searchDDList:focus, .searchDDList.focus {
    background: #ffffff !important; }
  .searchDDList.disabled, .searchDDList:disabled {
    color: #000;
    background-color: transparent; }
  .searchDDList:not(:disabled):not(.disabled):active, .searchDDList:not(:disabled):not(.disabled).active,
  .show > .searchDDList.dropdown-toggle {
    border-radius: 4px 0 0 0;
    color: #000 !important;
    background-color: #fff !important;}
    /* .searchDDList:not(:disabled):not(.disabled):active:focus, .searchDDList:not(:disabled):not(.disabled).active:focus,
    .show > .searchDDList.dropdown-toggle:focus {} */
      .dropdown .mainSearchCategory {
        background: #ffffff;
        border: none !important;
        box-shadow: 0 6px 5px 0 rgba(0,0,0,.14), 0 10px 10px 0 rgba(0,0,0,.12), 0 5px 4px -1px rgba(0,0,0,.2) !important;
        border-radius: 0px 0px 4px 4px !important;
        padding: 10px 0px;
        font-weight: 300;
        width: 200px;
      }
      .mainSearchCategory li a {
        padding: 10px 25px !important;
        font-size: 1rem;
        color: #1e1e1f;
        font-weight: 300;
      }
.z2dropdowns-labeltext {
  padding: 0 10px !important;
  height: 56px !important;
  font-weight: 300 !important;
  display: flex !important;
  align-items: center !important;
}
.z2-searchbox{
  margin-left: 4rem;
  margin-right: 4rem;
}
.menuICON {
  font-size: 20px;
}
.la-history.menuRightICON{
font-size: 22px;
line-height: 18px;
}
@media only screen and (min-width: 960px) {
  .z2-searchbox{
      margin-left: 1rem;
      margin-right: 1rem;
  }
  #txtMainBarSearch {
      padding: 0 10px;
      min-width: 200px;
      max-width: 250px;
  }
  .menuTXT{
      display: none;
  }
  .menuICON{
      display: inline-block;
  }
  .menuRightTXT{
      display: none;
  }
  .menuRightICON, .menuRightICON.la{
      display: inline-block;
  }
}
@media only screen and (min-width: 1275px) {
  .z2-searchbox{
      margin-left: 1rem;
      margin-right: 1rem;
  }
  #txtMainBarSearch {
      padding: 0 10px;
      min-width: 200px;
      max-width: 250px;
  }
  .menuTXT{
      display: none;
  }
  .menuICON{
      display: inline-block;
  }
  .menuRightTXT{
      display: inline-block;
  }
  .menuRightICON, .menuRightICON.la{
      display: none;
  }
}
@media only screen and (min-width: 1325px) {
  .z2-searchbox{
      margin-left: 1rem;
      margin-right: 1rem;
  }
  #txtMainBarSearch {
      padding: 0 10px;
      min-width: 125px;
      max-width: 175px;
  }
  .menuTXT{
      display: inline-block;
  }
  .menuICON{
      display: none;
  }
  .menuRightTXT{
      display: none;
  }
  .menuRightICON, .menuRightICON.la{
      display: inline-block;
  }
}
@media only screen and (min-width: 1325px) {
  .z2-searchbox{
      margin-left: 1rem;
      margin-right: 1rem;
  }
  #txtMainBarSearch {
      padding: 0 10px;
      min-width: 125px;
      max-width: 175px;
  }
  .menuTXT{
      display: inline-block;
  }
  .menuICON{
      display: none;
  }
  .menuRightTXT{
      display: none;
  }
  .menuRightICON, .menuRightICON.la{
      display: inline-block;
  }
}
@media only screen and (min-width: 1440px) {
  .z2-searchbox{
      margin-left: 1rem !important;
      margin-right: 1rem !important;
  }
  #txtMainBarSearch {
      padding: 0 15px;
      min-width: 180px;
      max-width: 180px;
  }
  .menuTXT{
      display: inline-block;
  }
  .menuICON{
      display: none;
  }
  .menuRightTXT{
      display: inline-block;
  }
  .menuRightICON, .menuRightICON.la{
      display: none;
  }
}
@media only screen and (min-width: 1500px) {
  #txtMainBarSearch {
      min-width: 250px;
      max-width: 250px;
  }
}
@media only screen and (min-width: 1600px) {
  .z2-searchbox{
      margin-left: 2rem !important;
      margin-right: 2rem !important;
  }
  #txtMainBarSearch {
      min-width: 250px;
      max-width: 250px;
  }
}
.jtoggler-wrapper {
display: inline-flex;
align-items: center;
cursor: pointer;
}
.jtoggler {
display: none;
}
.jtoggler-control {
position: relative;
width: 55px;
height: 20px;
background: #fff;
border-radius: 30px;
border: 1px solid #DDD;
transition: background-color 0.3s;
}
.jtoggler-control {
height: 17px;
background: #0d1e31;
width: 40px;
}
.jtoggler-control .jtoggler-handle {
display: block;
position: absolute;
width: 22px;
height: 22px;
top: calc(50% - 11px);
left: 33px;
background: #1E9FF2;
border-radius: 50%;
box-shadow: 0 1px 1px rgba(0,0,0,0.25);
transition: left 0.3s;
}
.jtoggler-control .jtoggler-handle {
width: 15px;
height: 15px;
top: calc(50% - 8px);
background: #FFF;
left: 3px !important;
}
.jtoggler:checked + .jtoggler-control .jtoggler-handle {
left: 0px;
}
.jtoggler:checked + .jtoggler-control .jtoggler-handle {
left: 22px !important;
}
.navbarTitle{
padding: 15px 15px;
font-weight: 500;
}



/* DIRECTIVE TOOLTIP CSS */
.z2ThreeDotsTitls {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.overlay-tooltip {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 18, 59, 0.6);
z-index: 10;
}
.popover {
font-family: "Roboto", sans-serif !important;
z-index: 999999;

}
.modal-backdrop.show {
opacity: 0.1;
}
.draftDisabled {
  color: grey !important;
  pointer-events: none;
  cursor: not-allowed;
}
.cdk-overlay-container {
z-index: 999999 !important;
}
.ngx-contextmenu .dropdown-menu {
overflow: unset;
padding: 0;
}
.ngx-contextmenu li:first-child {
border-top:none;
}
.ngx-contextmenu .dropdown-menu {
border: 1px solid #b8c2ca;
padding: 0;
}
.ngx-contextmenu li {
display: block;
text-align: center;
}
.ngx-contextmenu li:first-child {
border-top:none;
}
.ngx-contextmenu a {
color:black;
display: block;
padding: 0.5em 1em;
}
.ngx-contextmenu a:hover {
background: #eaf4fb;
}
.quickcrossdiff td {
border: 0px;
padding: 0px;
}
.z2tablefilterA{padding: 0!important; position: relative;cursor: pointer;}
.z2tablefilterB{padding: 0.45rem 1rem;height: 100%;}
.z2tablefilterB::after {
font-size: 0.6rem;
font-weight: 500;
font-family: 'z2icons' !important;
content: "\e97a" !important;
position: absolute;
bottom: 0px;
top: auto;
right: 0px;
line-height: 6px;
width: 20px;
height: 17px;
background: #c7d0d6;
justify-content: center;
display: flex;
margin: 0;
align-items: center;
}
.z2tablefilterA.show .z2tablefilterB{
background: #cbd7e1;
}
.z2tablefilterC{
border-radius: 0 !important;
margin-top: 1px;
}
.scorecard-fourtwo .z2-scorecard-each {
width: calc(33.3333333334% - 39px);
max-width: 280px;
margin-right: 10px;
margin-bottom: 10px;
}
.scorecard-fourtwo .z2-scorecard-each:last-child {
margin-right: 0px;
}
/*  Fixed-Center  */
#z2-2cols.Fixed-Center{
position: relative !important;
}

.Fixed-Center #z2-2cols-leftpanel{
height: 100vh;
z-index: 9999;
overflow: auto;
position: fixed;
top: 0;
}
.Fixed-Center #z2-2cols-rightpanel {
position: relative !important;
margin-left: 261px;
}
.Fixed-Center.show #z2-2cols-rightpanel {
margin-left: 51px;
}
.Fixed-Center #z2page-head-bar{
position: fixed;
top: 0;
left: 261px;
width: calc(100% - 301px);
z-index: 999;
}
.Fixed-Center.show #z2page-head-bar {
left: 51px;
width: calc(100% - 91px);
}
.Fixed-Center #z2-2cols-sub-2cols-right{
position: fixed;
top: 62px;
right: 0px;
height: calc(100vh - 92px);
overflow: auto;
}

.Fixed-Center #z2-2cols-sub-2cols-left{
width: calc(100% - 370px);
flex: inherit;
}
/*  Fixed-Right  */
#z2-2cols.Fixed-Right{
position: relative !important;
}

.Fixed-Right #z2-2cols-leftpanel {
z-index: 999;
position: fixed;
top: 0;
}
.Fixed-Right #z2-2cols-leftpanel .z2-leftpanel-ullinks{
height: calc(100vh - 60px);
overflow: auto;
}
.Fixed-Right #z2-2cols-rightpanel {
position: relative !important;
margin-left: 261px;
}
.Fixed-Right.show #z2-2cols-rightpanel {
margin-left: 51px;
}
.Fixed-Right #z2page-head-bar{
position: fixed;
top: 0;
left: 261px;
width: calc(100% - 301px);
z-index: 1000;
}
.Fixed-Right.show #z2page-head-bar {
left: 51px;
width: calc(100% - 91px);
}
/* .Fixed-Right #z2-2cols-sub-2cols-right{
position: fixed;
top: 62px;
right: 0px;
height: calc(100vh - 92px);
overflow: auto;
} */
.Fixed-Right #z2-2cols-sub-2cols {
  margin-top: 63px;
}
.Fixed-Right #z2-2cols-sub-2cols-left{
width: calc(100% - 445px);
flex: inherit;
}
app-partdetailselastic #z2-2cols-sub-2cols-left{
  max-width: calc(100% - 445px);
}
app-homepage .searchDDList {
  font-size: 17.6px;
  height: 50px;
  padding: 0 20px;
}
.sidepanel #z2-2cols-sub-2cols-left {
  max-width: inherit;
}
#z2-2cols-leftpanel .z2-leftpanel-ullinks {
height: calc(100vh - 170px);
overflow: auto;
}
.Fixed-Center #z2-2cols-leftpanel .z2-leftpanel-ullinks{
height: calc(100vh - 60px);
overflow: auto;
}
#z2-2cols-sub-2cols-right {
min-width: 400px;
}
.sideleft-header {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #cacbcc;
min-height: 62px;
}
.sideleft-title {
font-size: 1.5rem;
font-weight: 400;
padding-left: 25px;
display: flex;
align-items: center;
margin: 0;
}
.sideleft-title .z2iconfont{
margin-right: 12px;
}

.show #z2-2cols-leftpanel {
min-width: 50px;
width: 50px;
}
.collapse #z2-2cols-leftpanel {
display: block;
}.show #z2-2cols-leftpanel .sideleft-title,
.show #z2-2cols-leftpanel .ulllinks-text,
.show #z2-2cols-leftpanel .btn-collapsing, .show #z2-2cols-leftpanel .list-title, .show #z2-2cols-leftpanel .nav-link img  {display:none;}
#z2-2cols.show #z2-2cols-leftpanel .z2-leftpanel-ullinks .z2iconfont {margin-right: 0 !important;}

.filter-search-style {
    border-radius: 0.35rem 0.35rem 0 0;
    border-right: 1px solid #bab8b8;
    border-bottom: 1px solid #bab8b8;
    background: #f1f1f1;
}
.dropdown-menu.mega-dropdown-menu.dropdown-menu-sb.p-0.show {
    padding: 0 !important;
}
.show #z2-2cols-leftpanel .side-tools {
  width: 100%;
  text-align: center;
  padding: 22.5px 0px;
  margin-right: 0!important;
}
.show #z2-2cols-leftpanel .side-tools .lrarrow {
  margin: auto;
  transform: rotate(180deg);
}
.show #z2-2cols-leftpanel .nav-link {
  padding: 10px 20px 10px 15px;
  width: calc(100% - 35px);
  display: flex;
}
#z2-2cols-rightpanel .z2tableA-actionbar {
background: #e6edf0;
}
.show #z2-2cols-leftpanel {
  min-width: 50px;
  width: 50px;
}
.show #z2-2cols-leftpanel .side-tools {
  width: 100%;
  text-align: center;
  padding: 22.5px 0px;
  margin-right: 0!important;
}
.show #z2-2cols-leftpanel .side-tools .lrarrow {
  margin: auto;
  transform: rotate(180deg);
}
ul.z2-leftpanel-ullinks-sub {
  width: 100%;
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-size: 1rem;
}
/*  Scroll Style  */
.small-scroll::-webkit-scrollbar{width: 6px;border-right: 1px solid #cacbcc;border-left: 1px solid #cacbcc;}
.small-scroll::-webkit-scrollbar-thumb{background-color: rgb(161 161 161 / 45%);}

#z2-2cols-leftpanel::-webkit-scrollbar, #z2-2cols-sub-2cols-right::-webkit-scrollbar, .z2-leftpanel-ullinks::-webkit-scrollbar
{
 width: 6px;
}

#z2-2cols-leftpanel::-webkit-scrollbar-thumb, #z2-2cols-sub-2cols-right::-webkit-scrollbar-thumb, .z2-leftpanel-ullinks::-webkit-scrollbar-thumb
{
 background-color: rgb(161 161 161 / 45%);
}


/* TOOLTIP */
#z2-2cols-leftpanel li .tooltip.show {
opacity: 0;
}
.show #z2-2cols-leftpanel li .tooltip.show {
opacity: 1;
}



.header-level2 .dropdown a.dropdown-toggle[aria-expanded="true"]{
	background: #f2f6f9;
	font-weight: 500;
}

.header-level2 .dropdown .dropdown-menu{
    margin-top: 4px;
    border-radius: 0 0 4px 4px;
}