/* Custom Wesfarmers data modal styles */
/* line 3, ../sass/data-modal.scss */
body {
  font-family: 'Heuristica', sans-serif;
  color: #2C2F2F;
  font-size: 14px;
  font-weight: normal;
  padding: 0;
  margin: 0;
}

/* line 12, ../sass/data-modal.scss */
.data {
  width: 100%;
  overflow: hidden;
}
/* line 16, ../sass/data-modal.scss */
.data__tiles {
  display: flex;
  flex-wrap: wrap;
}
/* line 21, ../sass/data-modal.scss */
.data__tile {
  display: flex;
  flex: 0 0 calc(33.3333% - 30px);
  align-items: center;
  padding: 10px 10px 10px 70px;
  box-sizing: border-box;
  height: 100px;
  overflow: hidden;
  border: solid 1px #CACBCB;
  margin: 15px;
  background: url("../img/icons/data-icon.svg") no-repeat 30px center;
  cursor: pointer;
}
/* line 36, ../sass/data-modal.scss */
.data__title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
  font-size: 14px;
  color: #2C2F2F;
}

/* line 52, ../sass/data-modal.scss */
.data__wrapper {
  background: #ffffff;
  display: none;
  overflow-y: auto;
  position: fixed;
  width: calc(100% - 100px);
  height: calc(100% - 100px);
  top: 50px;
  left: 50px;
  z-index: 120000;
  padding: 50px;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}
/* line 66, ../sass/data-modal.scss */
.data__wrapper .close-btton {
  width: 33px;
  height: 33px;
  position: fixed;
  top: 70px;
  right: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
/* line 77, ../sass/data-modal.scss */
.data__wrapper .close-btton img {
  transform: scale(0.7);
}
/* line 82, ../sass/data-modal.scss */
.data__wrapper.active {
  display: block;
}
/* line 87, ../sass/data-modal.scss */
.data__wrapper__title {
  font-family: 'Heuristica', sans-serif;
  font-size: 24px;
  line-height: 1.2em;
  font-weight: bold;
  margin-bottom: 10px;
}
/* line 95, ../sass/data-modal.scss */
.data__wrapper__table, .data__wrapper__footer {
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
/* line 103, ../sass/data-modal.scss */
.data__wrapper .table__wrapper {
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  overflow-x: auto;
}
/* line 110, ../sass/data-modal.scss */
.data__wrapper table {
  table-layout: initial !important;
  overflow-y: none;
}
/* line 114, ../sass/data-modal.scss */
.data__wrapper table td {
  font-size: 14px;
  padding: 5px 3px !important;
  font-size: 11.0pt;
}

/* line 121, ../sass/data-modal.scss */
.overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 110000;
  padding: 50px;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  display: none;
}

/* line 137, ../sass/data-modal.scss */
body.modal-active {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
/* line 142, ../sass/data-modal.scss */
body.modal-active .overlay {
  display: block;
}
/* line 146, ../sass/data-modal.scss */
body.modal-active .data__wrapper.active {
  display: block;
}

/* line 160, ../sass/data-modal.scss */
.table-footer p {
  margin: 0;
}
/* line 164, ../sass/data-modal.scss */
.table-footer ul {
  margin: 10px 0 0 0;
  padding: 0;
}
/* line 168, ../sass/data-modal.scss */
.table-footer ul li {
  font-size: 14px;
  line-height: 18px;
  list-style-type: none;
  padding: 0;
  margin: 0 0 5px 0;
}

@media (max-width: 991px) {
  /* line 181, ../sass/data-modal.scss */
  .data__tile {
    flex: 0 0 calc(50% - 30px);
  }
}
@media (max-width: 767px) {
  /* line 187, ../sass/data-modal.scss */
  .data__tile {
    flex: 0 0 calc(100% - 30px);
  }

  /* line 191, ../sass/data-modal.scss */
  .data__wrapper {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 20px;
  }
  /* line 198, ../sass/data-modal.scss */
  .data__wrapper__title {
    margin-right: 50px;
  }
  /* line 202, ../sass/data-modal.scss */
  .data__wrapper .close-btton {
    top: 15px;
    right: 15px;
  }
}
/* line 213, ../sass/data-modal.scss */
.content-page .wysiwyg .table-footer ul li {
  padding: 0 !important;
}

/* line 218, ../sass/data-modal.scss */
.content-page .wysiwyg .table-footer ul li:before {
  content: none !important;
}