:root {
  --collection-search-panel-bg: #414040;
  --pbdesigner-header-bg-color: #434448;
  --pbstep-canvas-icon-bg: #2e2d2f;
  --pbstep-canvas-bg-color: #434448;
  --pbstep-canvas-border-color: #7e8187; 
  --pb-canvas-bg-color: #333333;
  --body-default-bg-color: #262626;  /* #F2F2F2 */;
  --body-secondary-bg-color: #262626;
  --btn-primary-bg-color: #09649b;
  --btn-secondary-bg-color: #50596a;
  --btn-text-secondary-font-color: #ffffff;
  --grid-header-background-color: #333333;
  --grid-row-even-background-color: #414040;
  --grid-row-hover-background-color: #09649b;
  --highlight-active-colo: #09649b;
  --custom-grid-header-bg:  #333333;
  --grid-actions-secondary-bg: #50596a;
  --grid-actions-secondary-color: #ffffff;
  --element-default-bg-color: #262626; 
  --element-default-border-color: #333333;
  --contenthub-list-bg-color: #5068c433; 
  --contenthub-tile-bg-color: #393d48;
  --contenthub-tile-border-color: #5068c4; 
  --collection-list-focus-color: #333A56;
  --modal-bg-color:  #333;  /* #393d48; */
  --modal-footer-bg-color: #333;
  --playbook-offcanvas-top: 0px;
  --modal-header-bg-color: #2f344a;
  --link-text-font-color:  #ffffff;
  --pbstep-bg-color: #393d48;
  --text-highlight-color: #ffffff;
  --pbstep-header-bg-color:#2f344a;
  --contenthub-detail-header-bg-color: #2E3246;
  --contenthub-primary-detail-view-bg-color: #333;  /* #393d48; */
  --contenthub-detail-view-primary-bg-color: #333;
  --modal-close-btn-bg-color: #09649b;
  --modal-border-color: #5068c4;
  --pbstep-canvas-icon-bg: #2F344A;
  --pbstep-canvas-bg-color: #50596a;
  --primary-tabs-active-color: #5068c4;
  --contenthub-filters-bg-color: #333333;
  --connector-agent-list-bg: #393d48;
  --contenthub-filter-list-bg: #333A56;
  --highlight-active-color: #5068c4;
  /* --btn-default-toggle-active: #393E50; */
  --element-primary-bg-color: #212A44;
  --contenthub-element-bg-color: #212A44;
  --highlight-default-color: #50596a;
  --modal-close-btn-bg-color: #2E3246;
  --highlight-secondary-color: #3B5169;
  --primary-tabs-default-font-color: #DDD;
} 

ngb-offcanvas-panel {
  overflow: scroll;
}

.content-list-header{
  border-radius: 6px !important;
}
 
.content-hub-tile-container{
  border: none !important;
  box-shadow: 0 0 3px rgba(0, 0, 0, .4) !important;
}
 
.content-hub-tile-container .content-hub-tile-content .content-hub-tile-header {
  border-bottom: 2px solid var(--contenthub-tile-border-color) !important;
  color:  #ddd !important;
}
.collection-pinnedpb-panel .pinned-pb-container{
  background-color: #5068c44d !important;
}
      
input[type="text"] {
  border-radius: 6px !important;
  background-color: #262626 !important;
  color: #ffffff !important;
  box-shadow: 0 0 3px rgba(0, 0, 0, .4) !important;
}
.nav-tabs {
  border: none !important;
}
.offcanvas-slide-left.offcanvas.offcanvas-end {
    top: 0px !important;
    border-left: 4px solid var(--modal-close-btn-bg-color);
    overflow: visible;
    height: calc(100vh - 80px)
}

.offcanvas.offcanvas-end .modal-body {
  padding: 0;
  overflow-y: auto;
}

.content-hub-detail-modal.offcanvas.offcanvas-end {
    top: 0px !important;
    height: 100%
}

.modal-header{
  background-color: #2f344a;
  border-bottom: 2px solid  #5068c4;
}

.modal-footer{
  border: none;
}

.modal-body{
  background-color:  #333;  /* #393d48; */
}

.accordion-button{
  color: #ffffff;
}
.content-hub-allcontent-container .nav-tabs.primary-nav-tabs {
  padding: 17px;
  background-color: transparent;
  color: #efefef;
  box-shadow: 0 0 3px rgba(0, 0, 0, .4);
}

.nav-tabs.primary-nav-tabs .nav-item .nav-link.active:after, .nav-tabs.primary-nav-tabs .nav-item .nav-link .active:after{
  border-radius: 0px;
}
.nav-tabs.primary-nav-tabs .nav-item .nav-link.active, .nav-tabs.primary-nav-tabs .nav-item .nav-link .active {
  color: #fff;
  background-color: #50596a;
}
.nav-tabs .nav-link {
  background-color: #50596a;
}
.nav-tabs.primary-nav-tabs .nav-item {
  padding: 0px 5px;
}