:root {
  --pb-canvas-bg-color: white;
  --body-default-bg-color: white;
  --body-secondary-bg-color: #ffffff;
  --grid-actions-secondary-bg: #fefefe;
  --grid-actions-secondary-color:#191919;
  --btn-secondary-bg-color: #fefefe;
  --btn-text-secondary-font-color: #191919;
  --element-default-bg-color:  #ffffff; 
  --element-default-border-color:#e5e5e5;
  --contenthub-list-bg-color: #5068c433;
  --contenthub-tile-bg-color: #fefefe;
  --contenthub-tile-border-color: #5068c4;
  --collection-list-focus-color: #e5e5e5;
  --modal-bg-color: #fff; /* #fefefe; */
  --modal-footer-bg-color: #fff;
  --modal-header-bg-color: #DFE3F4;
  --link-text-font-color: #191919;
  --pbstep-bg-color:  #fefefe;
  --text-highlight-color: #191919;
  --pbstep-header-bg-color: #DFE3F4;
  --contenthub-detail-header-bg-color: #DCE0F4;
  --contenthub-primary-detail-view-bg-color:#fff; /* #fefefe; */
  --contenthub-detail-view-primary-bg-color: #fff; /* #fefefe; */
  --modal-close-btn-bg-color: #ffffff;
  --modal-border-color: #5068c4;
  --pbstep-canvas-icon-bg: #DFE3F4; /*#5068c433;*/
  --pbstep-canvas-bg-color: #F7F8F9;
  --primary-tabs-active-color: #5068c4;
  --contenthub-filters-bg-color: #F2F2F2;
  --connector-agent-list-bg: #fefefe;
  --contenthub-filter-list-bg: #e5e5e5;
  --highlight-active-color: #5068c4;
  --btn-default-toggle-active: #D2D7E9;
  --element-primary-bg-color: #DFE3F4;
  --contenthub-element-bg-color: #DFE3F4;
  --highlight-default-color: #DFE3F4;
  --modal-close-btn-bg-color: #DCE0F4;
  --highlight-secondary-color: #DDDDDD;
  /* --primary-tabs-default-font-color */
} 


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: #870074 !important;
}
.collection-pinnedpb-panel .pinned-pb-container{
  background-color: #e5e5e5 !important;
}
      
input[type="text"] {
  border-radius: 6px !important;
  background-color: #ffffff!important;
  color: #191919 !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: #DFE3F4;
  border-bottom: 2px solid  #5068c4;
}

.modal-body{
  background-color:  #fff; /* #fefefe; */
}

.modal-footer{
  border: none;
}

.accordion-button{
  color: #191919;
}

.content-hub-allcontent-container .nav-tabs.primary-nav-tabs {
  padding: 17px;
  background-color: transparent;
  color: #4d4d4d;
  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: #333;
  background-color: #F2F2F2;
}
.nav-tabs .nav-link {
  background-color: #F2F2F2;
}
.nav-tabs.primary-nav-tabs .nav-item {
  padding: 0px 5px;
}