/* Tooltips */
.db_itminfo_tooltip_obj_craft,
.db_itminfo_tooltip_obj_formula,
.db_itminfo_tooltip_obj_script,
.db_itminfo_tooltip_obj_shop {
  position:relative;
}

.db_itminfo_tooltip_obj_craft:hover .db_itminfo_tooltip_r_craft,
.db_itminfo_tooltip_obj_formula:hover .db_itminfo_tooltip_r_formula,
.db_itminfo_tooltip_obj_script:hover .db_itminfo_tooltip_r_script,
.db_itminfo_tooltip_obj_shop:hover .db_itminfo_tooltip_r_shop {
  visibility:visible; opacity:1;
}

.db_itminfo_tooltip_r_craft,
.db_itminfo_tooltip_r_formula,
.db_itminfo_tooltip_r_script,
.db_itminfo_tooltip_r_shop {
  background-color:LavenderBlush;
  transition:opacity 0.3s;
  font-weight:normal;
  visibility:hidden;
  border-radius:6px;
  position:absolute;
  opacity:0;
  z-index:2;
  padding:2px;
}

.db_itminfo_tooltip_r_craft {
  white-space:nowrap;
  left:-4px;
}

.db_itminfo_tooltip_r_formula {
  font-weight:normal;
  white-space:normal;
  bottom:125%;
  left:-4px;
  width:max-content;
}

.db_itminfo_tooltip_r_shop {
  white-space:nowrap;
  margin-bottom:20px;
  bottom:10%;
}

.db_itminfo_tooltip_r_script {
  white-space:normal;
  width:100%;
  top:0px;
}

.db_itminfo_craft_quantity {text-align:right}

.db_itminfo_grid {
  grid-template-columns:repeat( auto-fill, minmax(250px, 1fr) );
  margin-left:8px;
  display:grid;
}

.db_itminfo_npc_image {
  margin-left:10px;
  margin-right:20px;
  vertical-align:middle
}

.db_itminfo_map_div {
  position:relative;
}

.db_itminfo_map_image {
  height:100px;
  border:1px solid black;
  margin:auto; display:block;
}

/* Images */
/* Card Image Small*/
.db_itminfo_image_card {
  position:relative;
  z-index:0;
}
.db_itminfo_image_card:hover {z-index:2}

/* Card Image Large */
.db_itminfo_icon_related {
  width:24px; height:24px;
  vertical-align:middle;
  object-fit:scale-down;
}

.db_itminfo_image_card span {
  position:absolute;
  padding:5px;
  left:-1000px;
  visibility:hidden;
}
.db_itminfo_image_card:hover span {
  visibility:visible;
  top:0px;
  left:115px;
}

.db_itminfo_image {
  display:block;
  margin-left:auto;
  margin-right:auto;
  padding-right:20px;
  padding-left:20px;
  object-fit:none;
  vertical-align:middle;
}

/* Flexboxes */
.db_itminfo_cnt {
  display:flex;
  flex-wrap:nowrap;
  align-items:flex-end;
}

.db_itminfo_itm {
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  white-space:nowrap;
}

.db_itminfo_itm img {
  width:100%;
  height:100%;
}

.db_itminfo_icon_item {
  width:24px; height:24px;
  vertical-align:middle;
  object-fit:scale-down;
  padding-right:6px;
}

.db_itminfo_from_small,
.db_itminfo_from_large {
  font-weight:normal;
  vertical-align:top;
  text-align:left;
}

.db_itminfo_image_small {
  width:24px; height:24px;
  padding:3px;
  vertical-align:middle;
  object-fit:scale-down;
}

.db_itminfo_summon_icon {max-height:24px; max-width:24px;}

.db_itminfo_craft_icon {width:auto}
.db_itminfo_craft_name {width:100%}

/* Tables */
.db_itminfo_from_large tr:nth-child(2n) th {background-color:#D3D3D3}
.db_itminfo_from_large tr:nth-child(3n+1) td {background-color:#DCDCDC}
.db_itminfo_from_large tr:nth-child(2n+1) th {background-color:#BEBEBE}
.db_itminfo_from_large tr:nth-child(3n-1) td {background-color:#F0F0F0}

.db_itminfo_from_small tr:nth-child(3n+1) th {background-color:#BEBEBE}
.db_itminfo_from_small tr:nth-child(3n+1) td {background-color:#DCDCDC}
.db_itminfo_from_small tr:nth-child(3n-1) th {background-color:#BEBEBE}
.db_itminfo_from_small tr:nth-child(3n-1) td {background-color:#DCDCDC}
.db_itminfo_from_small tr:nth-child(3n) th {background-color:#D3D3D3}
.db_itminfo_from_small tr:nth-child(3n) td {background-color:#F0F0F0}

.db_itminfo_table_key {width:20%}

.db_itminfo_show_small {display:block}
.db_itminfo_show_large {display:none}

.db_itm_asearch_small {display:table}
.db_itm_asearch_large {display:none}

/* Screen Adjustments */
.db_itminfo_flex {display:block}
.db_itminfo_column_left {width:auto}
.db_itminfo_column_right {width:auto; flex-grow:1;}

@media only screen and (min-width:400px) {
  /* Show Locations as three columns*/
  .db_itminfo_show_small {display:block}
  .db_itminfo_show_large {display:none}

  .db_itm_asearch_small {display:table}
  .db_itm_asearch_large {display:none}
}
@media only screen and (min-width:600px) {
  /* Show Locations as three columns*/
  .db_itminfo_show_small {display:none}
  .db_itminfo_show_large {display:block}

  .db_itm_asearch_small {display:table}
  .db_itm_asearch_large {display:none}
}

@media only screen and (min-width:760px) {
  .db_itminfo_flex {display:flex}

  .db_itminfo_show_small {display:none}
  .db_itminfo_show_large {display:block}

  .db_itm_asearch_small {display:table}
  .db_itm_asearch_large {display:none}
}

@media only screen and (min-width:850px) {
  .db_itm_asearch_small {display:none}
  .db_itm_asearch_large {display:table}
}