/* screen - mdi-full-list */

.mdi-full-list {
  border: 1px none;
  width:200px;
}

#overlay-mdi-full-list {
  align-items: center;
  background-color: #ffffff00;
  justify-content: center;
}

.mdi-full-list .mdi-full-list-1 {
   background-color: var(--hawkes-blue);
  display: flex;
/*  height: 137px;*/
/*  width: 171px;*/
  border-radius: 5px;
  padding: 10px;
  color: #000;
}

.mdi-full-list .product {
  gap: 10px;
  position: relative;
  width: fit-content;
}

.mdi-full-list .value {
  gap: 10px;
  position: relative;
  width: fit-content;
}

.mdi-full-list .showless-dd {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  gap: 10px;
  position: relative;
  width: fit-content;
   padding-top: 10px;
}

.mdi-full-list .frame-204 {
  align-items: flex-start;
  width: fit-content;
}

.mdi-full-list .top-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.mdi-full {
  align-items: flex-start;
  display: flex;
}

.mdi-full-list .product-6 {
  position: relative;
  width: fit-content;
}

.mdi-full-list .value-12 {
  position: relative;
  width: fit-content;
}