* {
  border: 0px solid red;
}

.word-list,
.article-list {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}

.word-list-item,
.article-list-item {
  /* box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1); */
  width: 300px;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  margin: 0.5rem 1rem;
  transition: transform 0.2s ease-in-out;
}




.replace-word-dialog {
  width: 80vw !important;
  height: 80vh;
  overflow: scroll;
}

.word-status {
  /* margin-top:auto!important; */
  font-size: 1.8rem;
  color: white;
  border-radius: 20px;
  padding: 0.8rem 1.6rem;
  align-self: flex-start;
  font-size: 1.8rem;
  margin-top: auto;
  position: absolute;
  top: 0px;
  right: -1px;
  transform: rotate(31.3deg);
  transform-origin: center;
  /* overflow: hidden; */
  /* opacity: 0.8; */
}

app-word-list-item .word-tags {
  margin-top: auto;
  margin-bottom: 2rem;
}

.word-status.word-status-Created {
  background: #315ec3;
}

app-word-list-item app-loader {
  height: 100%;
}

app-word-list-item .loader-content {
  height: 100%;
}

app-word-list-item .loader-content a {
  height: 100%;
  position: relative;
}

.word-status.word-status-Learning {
  background-color: #ff4081;
}


.word-list-item:hover {
  transform: scale(1.01);
  /** box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, 0.2); **/
}

app-vocabulary {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  /* height:calc(100vh - 5rem); */
  /* overflow: scroll; */
}

app-words,
app-articles,
app-learning-sessions {
  display: block;
  /* position:relative; */
  flex-grow: 1;
  /* flex: 1; */
  padding: 1rem 2rem;
  /* overflow: scroll; */
  margin-bottom: 4rem;
  overflow-y: scroll !important;
  padding: 32px !important;
  /* border: 2px solid red; */
}

.add-item-button {
  position: fixed !important;
  bottom: 5rem;
  right: 4rem;
}

app-add-word-dialog {
  display: block;
  padding: 1rem 1.5rem;
}

app-flip-card {
  /* width:300px; */
  display: block;
  /* border:2px dotted; */
}

app-learning-session-instance {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.word-list-item-link {
  display: flex;
  flex-direction: column;
  padding: 1rem 2rem;
  text-decoration: none;
  text-transform: capitalize;
  /* flex-grow: 1; */
  /* flex-grow: 0; */
  /* align-self: flex-start; */
  max-width: 300px;
}


.word-details-sentence-list {
  list-style-type: decimal;
  font-size: 1.2rem;
}

.word-details-sentence-list-item {
  margin-top: 0.5rem;
}



.word-details .word-details-translations {
  font-size: 1.5rem;
}

.add-word-dialog {
  width: 400px !important;
}
.add-word-dialog-input {
  width: 100%;
}

.mat-chip-list word-tags {
  margin-top: auto;
}

.location-imageUrl {
  /*! width:100px; */
  /*! height:100px; */
}

.loci-memory-system-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.loci-memory-system-list-item {
  /* box-shadow: 0 0 0px 2px rgba(0,0, 0, 0.05); */
  /*! width:200px; */
  margin-left: 2rem;
  /* display:flex; */
  /* flex-direction: column; */
  /* height: 200px; */
  /*! border: 2px solid red; */
  /*! margin-right: 14rem; */
  /*! min-width: 200px; */
  /* flex-wrap: wrap; */
  /*! align-content: stretch; */
  /* justify-content: center; */
  /* flex-grow: 1; */
  /* flex-basis: 0; */
  /* max-width: 400px; */
  /* position: relative; */
  /* margin-top: 2rem; */
  /* min-width: 310px; */
  margin-bottom: 32px;
  width: 250px;
}
.loci-memory-system-list-item .location-imageUrl {
  /*! height:100px; */
  /*! flex-basis: 100%; */
  /*! display:block; */
  /*! object-fit: cover; */
  /*! height: 100%; */
  /*! object-fit: cover; */
  /*! border: 1px solid red; */
  /*! background: green; */
  height: 100%;
  margin-right: 2rem;
  width: 50%;
  /*! background: aquamarine; */
}

.loci-memory-system-list-item img {
  /*! height:200px; */
  /* width: 100%; */
  object-fit: cover;
  /* width: 100%; */
  height: 60%;
  /* border-radius: 50%; */
  /* max-height: 200px; */
}

.loci-memory-system-list-item .location-name {
  /*! order:2; */
}
.loci-memory-system-list-item .location-description {
  /*! order:3; */
}

.loci-memory-system-list-item-counter {
  position: absolute;
  font-size: 3rem;
  line-height: 3rem;
  top: 0;
  border: 1px solid white;
  border-radius: 50%;
  padding: 2rem;
  background: #607d8b;
  color: white;
  width: 5rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 2rem;
}

span.highlighted-text {
  background-color: yellow;
  /* padding-left: 1rem!important; */
  /* padding-right: 0rem!important; */
  /* margin-left: -3rem!important;*/
  /* margin-right: 1rem!important; */
  /* display: inline-block; */
  /* border: 1px solid red; */
}