/* Tooltips */
.db_moninfo_tooltip_obj_ai,
.db_moninfo_tooltip_obj_attributes,
.db_moninfo_tooltip_obj_formula,
.db_moninfo_tooltip_obj_item,
.db_moninfo_tooltip_obj_stats,
.db_moninfo_tooltip_obj_title {
  position:relative;
}

.db_moninfo_tooltip_obj_ai:hover .db_moninfo_tooltip_r_ai,
.db_moninfo_tooltip_obj_attributes:hover .db_moninfo_tooltip_r_attributes,
.db_moninfo_tooltip_obj_formula:hover .db_moninfo_tooltip_r_formula,
.db_moninfo_tooltip_obj_item:hover .db_moninfo_tooltip_r_item,
.db_moninfo_tooltip_obj_stats:hover .db_moninfo_tooltip_r_stats,
.db_moninfo_tooltip_obj_title:hover .db_moninfo_tooltip_r_title {
  visibility:visible;
  opacity:1;
  text-align:left;
}

.db_moninfo_tooltip_r_ai,
.db_moninfo_tooltip_r_attributes,
.db_moninfo_tooltip_r_formula,
.db_moninfo_tooltip_r_item,
.db_moninfo_tooltip_r_stats,
.db_moninfo_tooltip_r_title {
  background-color:LavenderBlush;
  white-space:normal;
  visibility:hidden;
  opacity:0;
  transition:opacity 0.3s;
  position:absolute;
  z-index:2;
  border-radius:6px;
  padding:2px;
  bottom:125%;
}

.db_moninfo_tooltip_r_ai {
  margin-left:-60px;
  left:50%;
  width:190px;
}
.db_moninfo_tooltip_r_attributes {
  min-width:180px;
}
.db_moninfo_tooltip_r_formula {
  font-weight:normal;
  bottom:125%;
  left:-4px;
  width:max-content;
}
.db_moninfo_tooltip_r_item {
  margin-left:-60px;
  left:50%;
}
.db_moninfo_tooltip_r_stats {
  margin-left:-60px;
  left:50%;
  width:260px;
}
.db_moninfo_tooltip_r_title {
  right:1px;
  width:100%;
}

.db_moninfo_trait {min-width:100px}

/* Grids */
.db_moninfo_locations_grid {
  grid-template-columns:repeat(1, minmax(0, 1fr));
  display:grid;
}
.db_moninfo_locations_tile {
  background-color:LavenderBlush;
  margin:max(1px, auto);
  display:inline-block;
  height:66px;
  margin:2px;
}

.db_moninfo_locations_tile img {
  padding:4px;
  height:64px;
  width:64px;
}

/* Images */
.db_moninfo_image {
  vertical-align:middle;
  margin-right:auto;
  margin-left:auto;
  min-height:150px;
  object-fit:none;
  display:block;
}

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

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

/* Flexboxes */
.db_moninfo_attributes_cnt {
  flex-wrap:nowrap;
  display:flex;
}

.db_moninfo_attributes_itm {
  margin-left:5px;
  margin-right:5px;
  text-align:center;
  white-space:nowrap;
  flex-grow:1;
}

.db_moninfo_spawns_cnt {
  display:flex;
  flex-wrap:nowrap;
}
.db_moninfo_spawns_itm {
  text-align:left;
  overflow:hidden;
  white-space:nowrap;
}

.db_moninfo_flex {display:block}
.db_moninfo_column_left {width:auto}
.db_moninfo_column_right {width:auto; flex-grow:1;}

.db_modal_tbl_skill_1 {min-width:200px}
.db_modal_tbl_skill_e {width:100%}
.db_modal_tbl_ai_1 {min-width:270px}
.db_modal_tbl_ai_2 {min-width:250px}
.db_modal_tbl_ai_e {width:100%}

/* Modals */
.db_modal_header {
  padding: 2px 16px;
}
.db_modal_body {padding: 2px 16px;}
.db_modal_foreground {
  position: relative;
  background-color:#fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 750px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.db_modal_background {
  display: none;
  position: fixed;
  z-index:2;
  padding-top:20px;
  left:0; top:0;
  width:100%; height:100%;
  overflow:auto;
  background-color:rgb(0,0,0);
  background-color:rgba(0,0,0,0.4);
}
.db_modal_close {
  color:grey;
  float:right;
  font-size:28px;
  font-weight:bold;
}
.db_modal_close:hover, .close:focus {
  color:#000;
  text-decoration:none;
  cursor:pointer;
}

.db_moninfo_table_stats_mspd_tooltip {width:auto; margin:auto;}
.db_moninfo_table_attributes td {white-space: nowrap;}
.db_moninfo_tooltip_r_title {font-weight: normal}

.db_moninfo_stats_small {display:table}
.db_moninfo_stats_large {display:none}

.db_mon_asearch_small {display:table}
.db_mon_asearch_large {display:none}

.db_moninfo_link_title {
  color:black;
  text-decoration-line:underline;
  text-decoration-style:dotted;
  cursor:pointer;
}

.db_moninfo_link_map,
.db_moninfo_link_mob {
  color:black;
  text-decoration:none;
  cursor:pointer;
}

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

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

.db_moninfo_craft_icon {width:auto}
.db_moninfo_craft_name {width:100%}

@media only screen and (min-width:400px) {
  /* show Locations as two columns*/
  .db_moninfo_locations_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .db_moninfo_stats_small {display:table}
  .db_moninfo_stats_large {display:none}

  .db_mon_asearch_small {display:table}
  .db_mon_asearch_large {display:none}
}
@media only screen and (min-width:600px) {
  /* show Locations as three columns*/
  .db_moninfo_locations_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .db_moninfo_stats_small {display:none}
  .db_moninfo_stats_large {display:table}

  .db_mon_asearch_small {display:table}
  .db_mon_asearch_large {display:none}
}

@media only screen and (min-width:760px) {
  /* Show Stats as one horizontal group */
  .db_moninfo_flex {display:flex;}

  .db_moninfo_stats_small {display:none}
  .db_moninfo_stats_large {display:table}

  .db_mon_asearch_small {display:table}
  .db_mon_asearch_large {display:none}
}

@media only screen and (min-width:850px) {
  /* Show Stats as one horizontal group */
  .db_moninfo_flex {display:flex;}

  .db_moninfo_stats_small {display:none}
  .db_moninfo_stats_large {display:table}

  .db_mon_asearch_small {display:none}
  .db_mon_asearch_large {display:table}
}