/* ITEM TOOLTIP */
:root {
  --title-color: #ffffff;
  /*--body-color: #7c7e90;*/
  --body-color: rgba(240, 240, 255, 0.5);
  --light-color: #9b9b9b;
  --secondary-color: #f9f9f9;
  --smoke-color: #f8f8f8;
  --dark-color: #0b0c10;
  --light-gray-color: #171920;
  --light-dark-color: #0f1116;
  --mist-blue-color: #686d7c;
  --white-color: #ffffff;
  --black-color: #000000;
  --yellow-color: #fec624;
  --success-color: #28a745;
  --error-color: #dc3545;
  --orange-color: #f07707;
  --default-color: #ba6356;
  --default-color2: #a23e2f;
  --purple-color: #A970FF;
  --face-color: #4967a9;
  --insta-color: #ff08b6;
  --discord-color: #5562ea;
  --border-color: rgba(0,0,0,0.10);
  --theme-font: 'GothamSSm-Light', sans-serif;
  --theme-font2: 'GothamSSm-Light',sans-serif;
  --theme-font3: 'GothamSSm-Light', sans-serif;
  --theme-font4: 'Montserrat', sans-serif;
  --icon-font: 'Font Awesome 5 Pro';
  --ripple-ani-duration: 3s;
  --bs-gutter-x: 15px;
  --bs-gradient-2: linear-gradient(to right, rgba(var(--theme-color2), 1) 0%, rgba(var(--theme-color), 1) 100%);
  --bs-gradient-5: linear-gradient(to right, #a23e2f 0%, #ba6356 100%);
  --bs-gradient-3: linear-gradient(to right, #28a745 0%, #5ccc76 100%);
  --bs-gradient-4: linear-gradient(to right, var(--body-color) 0%, var(--light-color) 100%);
  --bs-gradient: linear-gradient(to right, #561f1f 0%, #a23e2f 100%);
  --bs-gradient-6: linear-gradient(to right, #280e60 0%, #4b2b8d 100%);
  --bs-gradient-7: linear-gradient(to right, #01010c 0%, #010918 100%);
  --item-color-exc: #2ff387;
  --item-color-socket-opt: #cc33cc;
  --item-color-socket: #cc66cc;
  --item-color-normal: #ffffff;
  --item-color-yellow: #FFCC19;
  --item-color-life-opt: #8cb0ea;
  --item-color-improved: #f4cb3f;
  --item-color-anc: #0066cc;
  --item-color-anc-setopt: #ffcc66;
  --item-color-nocolor: #f4cb3f;
  --item-color-fenrir: #8cb0ea;
  --item-color-fenrir-gold: #f4cb3f;
  --item-color-errtel-title: #ffffff;
  --item-color-errtel-opt: #8CB0EA;
  --item-color-errtel1: #ff0000;
  --item-color-errtel2: #8cb0ea;
  --item-color-errtel3: #e6bf3c;
  --item-color-errtel4: #26e027;
  --item-color-errtel5: #5b1659;
  --item-tooltip-bg: #2c3e50;
}

.item-box {
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    width: 100%;
    white-space: nowrap;
    min-width: 200px;
    max-height: 100%;
    padding-bottom: 10px;
    font-size: 12px;
}

.item-name {
    padding: 4px 8px;
}
.item-serial {
    color: #ffffff !important;
    padding-top: 10px;
}
.item-info {
    color: #ffffff !important;
}
.item-info-section {
    padding-top: 10px;
}
.item-class-req {
    color: #b4b4b4 !important;
}
.item-opt-jog {
    color: #ff99cc !important;
    padding-top: 10px;
}
.item-opt-harmony {
    color: #ffcc00 !important;
    padding-top: 10px;
}
.item-opt-skill, .item-opt-luck, .item-opt-life, .item-opt-exc  {
    color: #80B2FF !important;
}

.item-expiration {
    color: #ff544f !important;
    padding-top: 10px;
}