@font-face {
    font-family: "FormaDJRMicro";
    src: url('../fonts/FormaDJR_Web/FormaDJRMicro-Regular.woff?v=123') format('woff'),url('../fonts/FormaDJR_Web/FormaDJRMicro-Regular.woff2?v=123') format('woff2');
}
:root {
    --hp-primary: #1890FF;
    --hp-primary-rgb: 24,144,255;
    --hp-white: #FFFFFF;
    --hp-green: #4AB017;
    --hp-green-rgb: 74,176,23;
    --hp-purple: #8E1AC4;
    --hp-purple-rgb: 142,26,196;
    --hp-orange: #FA7514;
    --hp-orange-rgb: 250,117,20;
    --hp-red: #FF4D4F;
    --hp-danger: #D50002;
    --hp-red-rgb: 255,77,79;
    --hp-gray: #8D8D8D;
    --hp-gray-f5: #F5F5F5;
    --hp-gray-rgb: 141,141,141;
    --bs-font-sans-serif: "FormaDJRMicro", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-progress-bar-bg: var(--hp-primary);
    --hp-gray-disabled: #9b9b9b;
}
.card {
    --bs-card-bg: transparent;
}
.card.no-border {
    --bs-card-border-width: 0px;
}
.dx-chart-with-legend-container{
    background-color: var(--hp-white);
}
.btn-hp{
    border-radius: 0px;
}
.btn-hp-large {
    width: 100%;
}
.text-overflow-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.hp-text-green{
    color: var(--hp-green);
}
.hp-text-purple {
    color: var(--hp-purple);
}
.hp-text-orange {
    color: var(--hp-orange);
}
.hp-text-red {
    color: var(--hp-red);
}
.hp-text-danger {
    color: var(--hp-danger);
}
.hp-text-success {
    color: var(--hp-green);
}
.hp-text-warm {
    color: var(--hp-orange);
}
.hp-text-12{
    font-size:12px;
}
.dx-chart{
    padding: 20px 10px!important;
}
.no-padding-chart .dx-chart {
    padding: 0px .75rem !important;
}
.dxbl-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell)::before{
    background-color: #F2EBDC;
    opacity: 1;
    font-weight: 800;
}
.steps {
    position: relative;
    z-index: 9;
}

.steps ul {
    display: flex;
    justify-content: center;
    list-style-type: none;
}

.steps li a {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #e9e0cf;
    margin-right: 78px;
    position: relative;
    cursor:pointer;

}

.steps li a span {
    margin-left: 8px;
    color: #0084D6;
}

.steps li.current a {
    background: #0084D6;
}

.steps li.current a span {
    color: wheat;
}

.steps li a:before {
    content: "";
    width: 78px;
    height: 2px;
    background: #e9e0cf;
    position: absolute;
    right: 24px;
    top: 11px;
}

.steps li.first a:before {
    display:none;
}

.steps li a:after {
    content: "";
    width: 0;
    height: 2px;
    background: #0084D6;
    position: absolute;
    left: -68px;
    top: 11px;
    transition: all 0.6s ease;
}

.userMenu {
    position: absolute !important;
    bottom: 20px !important;
    padding-left: 10px !important;
    color:#fff;
}
.badge{
    padding: 5px 20px;
}
.badge.badge-bid {
    background-color: rgba(var(--hp-primary-rgb),.2);
    color: var(--hp-primary);
    border: 1px solid var(--hp-primary);
}
.badge.badge-na {
    background-color: rgba(var(--hp-gray-rgb),.2);
    color: var(--hp-primary);
    border: 1px solid var(--hp-primary);
}
.badge.badge-won {
    background-color: rgba(var(--hp-green-rgb),.2);
    color: var(--hp-green);
    border: 1px solid var(--hp-green);
}
.badge.badge-funnel {
    background-color: rgba(var(--hp-gray-rgb),.2);
    color: var(--hp-gray);
    border: 1px solid var(--hp-gray);
}
.badge.badge-cancelled {
    background-color: rgba(var(--hp-orange-rgb),.2);
    color: var(--hp-orange);
    border: 1px solid var(--hp-orange);
}
.badge.badge-lost {
    background-color: rgba(var(--hp-red-rgb),.2);
    color: var(--hp-red);
    border: 1px solid var(--hp-red);
}
.badge.badge-ontrack {
    background-color: rgba(var(--hp-purple-rgb),.2);
    color: var(--hp-purple);
    border: 1px solid var(--hp-purple);
}
.filter-table-custom .filter-select-all {
    border-bottom: 1px solid var(--hp-gray);
    padding-bottom: 10px;
}

.filter-table-custom .filter-items {
    max-height: 200px;
    overflow-y: auto;
}
.filter-table-custom{
    padding: 10px;
}
.transparent-label .dxbl-chart .dxc-chart .dxc-labels rect{
    fill: transparent;
}
.multiple-selection-active {
    --dxbl-btn-bg: #d5d5d5!important;
}