/* Tooltips */
.db_sklinfo_tooltip_obj_efst,
.db_sklinfo_tooltip_obj_shop, 
.db_sklinfo_tooltip_obj_aoe {
  position:relative;
}

.db_sklinfo_tooltip_obj_efst:hover .db_sklinfo_tooltip_r_efst,
.db_sklinfo_tooltip_obj_shop:hover .db_sklinfo_tooltip_r_shop, 
.db_sklinfo_tooltip_obj_aoe:hover .db_sklinfo_tooltip_r_aoe {
  visibility:visible; opacity:1;
  text-align:left;
}

.db_sklinfo_tooltip_r_efst,
.db_sklinfo_tooltip_r_aoe {
  background-color:white;
  transition:opacity 0.3s;
  opacity:0;
  border-radius:6px;
  visibility:hidden;
  position:absolute;
  z-index:2;
  white-space:normal;
  width:max-content;
  padding:5px;
}

.db_sklinfo_tooltip_r_efst {
  bottom:10%;
}

.db_sklinfo_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;
  white-space:nowrap;
  margin-bottom:20px;
  bottom:10%;
}

/* */
.db_sklinfo_icon_title {
  width:24px; height:24px;
  vertical-align:middle;
  object-fit:scale-down;
  padding-right:6px;
}
.db_sklinfo_icon_skill {
  width:18px; height:18px;
  vertical-align:middle;
  object-fit:scale-down;
}
.db_sklinfo_description {
  padding-left:4px;
  padding-right:4px;
}
.db_sklinfo_related_icon {
 max-height:24px; max-width:24px;
 vertical-align:middle;
}
.db_sklinfo_related_name {width:100%}

.db_sklinfo_table_key {width:20%}
.db_sklinfo_table_scale {table-layout:fixed}
.db_sklinfo_table_pd_header {width:18px}

/* Images */
.db_sklinfo_image_dsc {
  padding-top:12px;
  padding-bottom:12px;
  padding-left:18px;
  padding-right:18px;
  max-width:100%;
}

.db_sklinfo_image_dsc img {
  width:100%;
  height:auto;
  object-fit:contain;
}

/* Formulas */
.db_sklinfo_formula_eqn, .db_sklinfo_formula_tbl {border:1px solid;}
.db_sklinfo_formula_eqn {
  padding-left:12px; margin-left:18px;
  padding-right:12px; margin-right:12px;
  margin-top:6px; padding-top:6px;
  margin-bottom:6px; padding-bottom:6px;
  font-size:14px;
  tab-size:4;
  white-space:pre-wrap;
  font-family:monospace;
  background-color:#EFEFEF;
  width:fit-content;
}
.db_sklinfo_formula_tbl {
  margin-top:12px;
  margin-bottom:12px;
  margin-left:18px;
}

/* Skill AoEs */
.db_sklinfo_aoe_tbl {margin:6px auto 6px auto; border:1px solid;}
.db_sklinfo_aoe_cell {
  text-align:center;
  width:10px; height:10px; font-size:9px;
}
.db_sklinfo_aoe_dsc, .db_sklinfo_aoe_dsc_0, .db_sklinfo_aoe_dsc_1, .db_sklinfo_aoe_dsc_2 {
  text-align:center;
  width:14px; height:14px; font-size:12px;
}
.db_sklinfo_aoe_txt, .db_sklinfo_aoe_txt_0, .db_sklinfo_aoe_txt_1, .db_sklinfo_aoe_txt_2 {
  text-align:center;
  width:24px; height:24px; font-size:12px;
}
.db_sklinfo_aoe_dsc_0, .db_sklinfo_aoe_txt_0 {background: rgba(240, 240, 240)}
.db_sklinfo_aoe_dsc_1, .db_sklinfo_aoe_txt_1 {background: rgba(180, 180, 180)}
.db_sklinfo_aoe_dsc_2, .db_sklinfo_aoe_txt_2 {background: rgba(200, 150, 20)}
.db_sklinfo_aoe_dsc_3, .db_sklinfo_aoe_txt_3 {background: rgba(150, 125, 60)}

/* NPC Map */
.db_sklinfo_map_div {position:relative}
.db_sklinfo_map_img {
  height:100px;
  border:1px solid black;
  margin:auto; display:block;
}

/* Skill Desc Table Flexbox */
.db_sklinfo_cnt {
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:center;
  flex-direction:row; 
  align-content:space-between;
}
.db_sklinfo_itm {margin:0.25rem;}

/* Skill Related Items */
.db_sklinfo_grid {
  grid-template-columns:repeat( auto-fill, minmax(250px, 1fr) );
  margin-left:8px;
  display:grid;
}

/* Screen Adjustments */
.db_sklinfo_flex {display:block}
.db_sklinfo_column_left {width:auto}
.db_sklinfo_column_right {width:auto; flex-grow:1}

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