/* @font-face {
  font-family: Brandon Text;
  size-adjust: 110%;
} */

html {
  background-color: #4e4e4c;
}

.dxp-theme {

  .dxp-widget .mat-expansion-panel-header {
    background-color: #fbe216;
  }
  
  .dxp-landing-page-logo svg {
    width: 120px;
    height: 60px;
    margin-top: 15px;
  }

  .dxp-accordion .mat-expansion-panel-header {
    background-color: #fbe216;
  }

  .dxp-contextual-inbox .mat-expansion-panel-header {
    background-color: #fbe216;
  }

  .mat-expansion-panel-header.mat-expanded:focus, .mat-expansion-panel-header.mat-expanded:hover {
    background: inherit;
  }

  .dxp-inbox .dxp-inbox-conversations {
    overflow: auto;
  }

  .dxp-no-background>* {
    background-color: #fff;
  }

  .dxp-default-layout>*>.dxp-toolbar-container>.mat-toolbar {
    background-color: #fbe216;
  }

  h2.dxp-screen-title {
    color: #1c323e;
  }

  .dxp-logo svg {
    width: 120px;
    height: 60px;
    margin-top: 15px;
    font-family: Brandon Text, Arial;
    text-transform: none;
  }

  .dxp-app-header .mat-button {
      background-color: #4e4e4c;
  }

  .mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary,.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent,.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn {
    color: #fff;
  }

  .mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary,.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent {
    background-color: #4e4e4c;
    border-radius: 20px;
  }
  
  .dxp-new-conversation, .dxp-go-to-inbox {
    border-radius: 0px !important;
    margin: 0px 2px 2px 2px;
    width: 98% !important;
  }

  .dxp-next {
    background-color: #fbe216 !important;
    color: #4e4e4c !important;
    border-radius: 20px !important;
  }

  .dxp-previous {
    border-radius: 20px !important;
  }

  .dxp-button-secondary .mat-button {
    border-radius: 20px !important;
  }

  .mat-raised-button.mat-primary:disabled {
    background-color: #8e8e8e;
    color: #fff;
  }

  .mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
    background-color: #4e4e4c;
  }

  .dxp-corner-radius-background {
    background-color: #4e4e4c;
  }

  .dxp-app-right-sidebar-container {
    background-color: #4e4e4c !important
  }

  .dxp-app-left-sidebar.dxp-app-left-sidebar {
    background: linear-gradient(to bottom,#4e4e4c,#4e4e4c)
  }

  .dxp-app-header>.mat-toolbar {
    background-color: #4e4e4c;
  }

  .dxp-app-container.mat-drawer-container {
    background-color: #4e4e4c;
  }

  .dxp-stepper-header-container {
    background-color: #4e4e4c;
  }

  .dxp-step-header.dxp-step-header .mat-step-icon-state-number {
    background-color: #4e4e4c;
  }

  .dxp-inbox .dxp-inbox-conversations {
    background-color: #4e4e4c;
  }

  .dxp-inbox .dxp-inbox-conversations .mat-expansion-panel .mat-expansion-panel-header {
    background-color: #4e4e4c;
  }
}

.mat-badge-content{
  z-index:100;
}

.hrbs-declaration {
  background-color:#fef0d9;
  padding:2rem;
  width: 100%;
  border: 1px solid #fbbb50;
  border-radius: .5rem;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 1rem;
  padding: .4rem 1rem .6rem!important;
  display: flex;
  align-items: center;
  margin-left: 1rem
  
  
}

.PO-helpWidget a {word-break: break-all;word-break: break-word;}