@font-face {
  font-family: "Montserrat-Arabic";
  src: url("../fonts/Montserrat-Arabic-Black.woff2") format("woff2"), url("../fonts/Montserrat-Arabic-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat-Arabic";
  src: url("../fonts/Montserrat-Arabic-ExtraBold.woff2") format("woff2"), url("../fonts/Montserrat-Arabic-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat-Arabic";
  src: url("../fonts/Montserrat-Arabic-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Arabic-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat-Arabic";
  src: url("../fonts/Montserrat-Arabic-Light.woff2") format("woff2"), url("../fonts/Montserrat-Arabic-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat-Arabic";
  src: url("../fonts/Montserrat-Arabic-ExtraLight.woff2") format("woff2"), url("../fonts/Montserrat-Arabic-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat-Arabic";
  src: url("../fonts/Montserrat-Arabic-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Arabic-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat-Arabic";
  src: url("../fonts/Montserrat-Arabic-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Arabic-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat-Arabic";
  src: url("../fonts/Montserrat-Arabic-Thin.woff2") format("woff2"), url("../fonts/Montserrat-Arabic-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat-Arabic";
  src: url("../fonts/Montserrat-Arabic-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-Arabic-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: "Montserrat-Arabic";
}

:root {
  --line-color: #dfdfdf;
  --color-0: #9e965a;
  --color-1: #895c3f;
  --color-2: #5964c1;
  --color-3: #a7c26e;
  --color-4: #1d1e5b;
  --color-5: #546742;
}

table {
  /* reset width */
  width: auto;
  margin-right: auto;
  margin-left: auto;
}

.WaedChart {
  /* node cell */
  /* The node */
  /* support vertical draw child nodes */
}
.WaedChart .line {
  height: 20px;
  width: 2px;
}
.WaedChart .down {
  background-color: var(--line-color);
  margin: 0px auto;
}
.WaedChart .top {
  border-top: 2px solid var(--line-color);
}
.WaedChart .left {
  border-right: 1px solid var(--line-color);
}
.WaedChart .right {
  border-left: 1px solid var(--line-color);
}
.WaedChart td {
  text-align: center;
  vertical-align: top;
  padding: 0;
}
.WaedChart .node.selected {
  background-color: #3399ff !important;
  border: 1px dotted black;
}
.WaedChart .node.vertical {
  float: left;
}
.WaedChart .cover {
  position: absolute;
  cursor: pointer;
  margin-top: -15px;
  margin-left: -14px;
  z-index: 2;
  width: 25px;
  height: 24px;
  object-fit: contain;
  background: #fff;
  padding: 6px;
  border-radius: 50%;
}
.WaedChart .multi-tree {
  margin: 0;
  float: left;
  /* Vertical drawing styles */
}
.WaedChart .multi-tree .content {
  color: black;
  background-color: white;
  text-decoration: none;
  border: 1px solid black;
  width: 100px;
  /* horizontal type node width */
  min-height: 60px;
  /* horizontal type node min-height */
  cursor: pointer;
}
.WaedChart .multi-tree .selected {
  background-color: #3399ff !important;
  border: 1px dotted black;
}
.WaedChart .multi-tree span {
  width: 109px;
  text-decoration: none;
  display: block;
  margin: 0 0 0 1.2em;
  padding-top: 10px;
  background-color: transparent;
  border: solid black;
  border-width: 0 0 1px 1px;
}
.WaedChart .multi-tree span .content {
  display: block;
  position: relative;
  top: 0.95em;
  background-color: #fff;
  margin: 0 0 0.2em 0.7em;
  padding: 0;
}
.WaedChart .multi-tree ul,
.WaedChart .multi-tree li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.WaedChart .multi-tree li {
  line-height: 1.2em;
}
.WaedChart .multi-tree li ul li {
  margin: 0 0 0 1.2em;
  border-left: 1px solid black;
  /* vertical node connector line */
}
.WaedChart .multi-tree li.last ul li {
  border: none;
}

.tree-card {
  padding-top: 50px;
  padding-right: 20px;
  padding-left: 20px;
}
.tree-card .tree-card-inner {
  width: 270px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.06);
  border-radius: 15px;
  position: relative;
  height: 180px;
  background-color: white;
}
.tree-card .tree-card-inner .image {
  top: -50px;
  position: relative;
  width: 103px;
  height: 103px;
  margin-right: auto;
  margin-left: auto;
}
.tree-card .tree-card-inner .image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.tree-card .tree-card-inner .image .info-icon {
  position: absolute;
  bottom: -1px;
  left: -10px;
  width: 33px;
  height: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 7.6px;
}
.tree-card .tree-card-inner .image .info-icon img {
  width: 20px;
  height: 20px;
}
.tree-card .tree-card-inner .details {
  position: relative;
  top: -35px;
}
.tree-card .tree-card-inner .details b {
  font-size: 11px;
  font-weight: 600;
  color: #3d3d3d;
  display: block;
  margin-bottom: 14px;
}
.tree-card .tree-card-inner .details h3 {
  color: #707070;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 14px;
}
.tree-card .tree-card-inner .details h5 {
  margin-bottom: 0;
  padding-bottom: 20px;
  font-size: 15px;
  font-weight: 600;
  margin-top: 0;
}
.tree-card .tree-card-inner:after {
  position: absolute;
  bottom: 0;
  content: "";
  left: 0;
  width: 100%;
  display: block;
  z-index: 2;
  height: 16px;
  border-radius: 0 0 50px 50px;
}

#detailsModal .modal-body {
  padding: 0;
}
#detailsModal .modal-body iframe {
  width: 100%;
  height: 500px;
}

.tree-card.color-0 .tree-card-inner .info-icon {
  background: var(--color-0);
}
.tree-card.color-0 .tree-card-inner .details h5 {
  color: var(--color-0);
}
.tree-card.color-0 .tree-card-inner:after {
  background: var(--color-0);
}

.tree-card.color-1 .tree-card-inner .info-icon {
  background: var(--color-1);
}
.tree-card.color-1 .tree-card-inner .details h5 {
  color: var(--color-1);
}
.tree-card.color-1 .tree-card-inner:after {
  background: var(--color-1);
}

.tree-card.color-2 .tree-card-inner .info-icon {
  background: var(--color-2);
}
.tree-card.color-2 .tree-card-inner .details h5 {
  color: var(--color-2);
}
.tree-card.color-2 .tree-card-inner:after {
  background: var(--color-2);
}

.tree-card.color-3 .tree-card-inner .info-icon {
  background: var(--color-3);
}
.tree-card.color-3 .tree-card-inner .details h5 {
  color: var(--color-3);
}
.tree-card.color-3 .tree-card-inner:after {
  background: var(--color-3);
}

.tree-card.color-4 .tree-card-inner .info-icon {
  background: var(--color-4);
}
.tree-card.color-4 .tree-card-inner .details h5 {
  color: var(--color-4);
}
.tree-card.color-4 .tree-card-inner:after {
  background: var(--color-4);
}

.tree-card.color-5 .tree-card-inner .info-icon {
  background: var(--color-5);
}
.tree-card.color-5 .tree-card-inner .details h5 {
  color: var(--color-5);
}
.tree-card.color-5 .tree-card-inner:after {
  background: var(--color-5);
}

/*# sourceMappingURL=WaedChart.css.map */