.dhx_selected .dhx_diagram_template_a {
  outline: 2px solid var(--tap-primary);
  background: var(--tap-primary-super-light);
  box-shadow: var(--box-shdow);
}

/* .dhx_diagram{
  padding-bottom: 4%;
} */

.item_header {
  height: 4px;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.dhx_selected .dhx_diagram_template_a .item_header {
  display: none;
}

.dxi.dxi-plus:before,
.dxi.dxi-minus:before {
  position: relative;
  left: -2px;
}

.dhx_diagram {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath stroke-width='.5' stroke='%23eeeeee' fill='transparent' d='M0 0h10v10H0z'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' stroke='%23eeeeee' d='M0 0h100v100H0z'/%3E%3C/svg%3E");
}

/* .dhx_slider__tick-label {
  position: absolute;
  top: 10px;
  transform: translateX(-50%);
  font-family: var(--font-family-body);
  font-size: 0.85rem;
  color: #0080ff;
  line-height: 1;
} */

.dhx_item_shape {
  width: 14rem;
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 rgba(52, 58, 64, 0.2);
  background-color: #fff;
}

.dhx_diagram path {
  stroke: #8c9399 !important;
}

.dhx_sample-widget {
  height: 100%;
}

.header_color_AVAILABLE .template_container {
  align-items: center;
}

.header_color_AVAILABLE .item_header {
  background: #28a745ff;
}

.header_color_FREEZE .item_header {
  background: #dc3545ff;
}

.header_color_FILLED .item_header {
  background: var(--tap-primary);
}

.header_color_LONGABSENCE .item_header {
  background: rgb(255, 255, 0);
}

.header_color_FREEZE h3,
.header_color_AVAILABLE h3 {
  font-size: 15px;
}

.header_color_FREEZE h3,
.header_color_FREEZE p,
.header_color_AVAILABLE h3 .header_color_AVAILABLE p {
  text-align: center;
}

.display-none {
  display: none !important;
}

.dhx_diagram .myConnector  {
  /* stroke: red !important; */
}

.MATRIX_MANAGER{
  border-color: red !important;
  border-style: dashed !important;
}

.report-count-number {
  height: 25px;
  width: 25px;
  margin-right: 4px;
  text-align: center;
  border-radius: 50px;
  display: flex;
  place-content: center;
  align-items: center;
  color: white;
}

.CONTEXT_PERSON{
  background: #e3f3e7 !important;
}

/* #e3f3e7 */

.matrix-empty-count {
  background: #f8707b;
}

.matrix-filled-count {
  background: #c82333;
}

.direct-empty-count {
  background: #51a2ef;
}

.direct-filled-count {
  background: #0a72d9;
}

.dhx_diagram_template_a_box {
  padding: 0;
  border: 1px solid #d4d1d1;
  background-color: #fff;
  overflow: hidden;
  border-radius: 4px;
}

.dhx_diagram_template_a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 8px;
  cursor: pointer;
}

.dhx_diagram_template_a__inside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.dhx_diagram_template_a__picture {
  width: 90px;
  min-width: 90px;
  background: center center/cover no-repeat #f7f7f7;
}

.dhx_diagram_template_a__body {
  padding-left: 12px;
  min-width: 200px;
  margin: auto 0;
}

.dhx_diagram_template_a__title,
.dhx_diagram_template_a__text {
  font: normal 13px/18px Roboto, sans-serif;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
}

.dhx_diagram_template_a__title {
  text-align: start;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 6px;
}

.dhx_diagram_template_a__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  margin: 2px 0;
}

.dhx_diagram_template_a__text {
  color: rgba(0, 0, 0, 0.7);
}

.dhx_diagram_position_body {
  display: flex;
  align-items: center;
  flex-direction: column;
  place-content: center;
  width: 100%;
  min-width: 100%;
}

.tap_custom_shape .dhx_item_shape,
.dhx_diagram_show_more {
  width: 175px !important;
  height: 100px !important;
  border-radius: var(--tap-card-raduis);
}
.dhx_diagram_show_more .dhx_diagram_template_a__inside{
  place-content: center;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 600;
  font-family: var(--font-family-body);
  letter-spacing: 1px;
  font-style: normal;
}