/* line 187, ../../../../ext/packages/ext-theme-base/sass/etc/mixins/frame.scss */

.x-tip-spotlight {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  padding: 0px 0px 0px 0px;
  border-width: 1px;
  border-style: solid;
  background-color: #f2a229;
}

/* line 112, ../../../../ext/packages/ext-theme-neutral/sass/src/tip/Tip.scss */

.x-tip-spotlight {
  border-color: #f2a229;
}

/* line 121, ../../../../ext/packages/ext-theme-neutral/sass/src/tip/Tip.scss */

.x-tip-spotlight .x-tool-img {
  background-color: #f2a229;
}

/* line 136, ../../../../ext/packages/ext-theme-neutral/sass/src/tip/Tip.scss */

.x-tip-header-spotlight .x-tool-after-title {
  margin: 0 0 0 6px;
}

.x-tip-header-spotlight .fa, .x-tip-header-spotlight .far, .x-tip-header-spotlight .fas {
  font-size: 16px;
  margin-right: 5px;
}

/* line 146, ../../../../ext/packages/ext-theme-neutral/sass/src/tip/Tip.scss */

.x-tip-header-spotlight .x-tool-before-title {
  margin: 0 6px 0 0;
}

/* line 157, ../../../../ext/packages/ext-theme-neutral/sass/src/tip/Tip.scss */

.x-tip-header-spotlight {
  padding: 10px 10px 0 10px;
}

/* line 161, ../../../../ext/packages/ext-theme-neutral/sass/src/tip/Tip.scss */

.x-tip-header-title-spotlight {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}

.x-title-icon-wrap {
  width: 16px;
}

/* line 167, ../../../../ext/packages/ext-theme-neutral/sass/src/tip/Tip.scss */

.x-tip-body-spotlight {
  padding: 10px;
  color: white;
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
}

/* line 172, ../../../../ext/packages/ext-theme-neutral/sass/src/tip/Tip.scss */

.x-tip-body-spotlight a {
  color: #fff;
}

.x-tip-spotlight .x-tip-anchor {
  width:16px;
  height:16px;
  border-width: 8px;
}

/* line 39, ../../../ext-theme-backoffice-base/sass/src/tip/Tip.scss */

.x-tip-spotlight .x-tip-anchor-top {
  border-bottom-color: #f2a229;
}

/* line 42, ../../../ext-theme-backoffice-base/sass/src/tip/Tip.scss */

.x-tip-spotlight .x-tip-anchor-left {
  border-right-color: #f2a229;
}

/* line 45, ../../../ext-theme-backoffice-base/sass/src/tip/Tip.scss */

.x-tip-spotlight .x-left-anchor-right {
  border-bottom-color: #f2a229;
}

/* line 48, ../../../ext-theme-backoffice-base/sass/src/tip/Tip.scss */

.x-tip-spotlight .x-tip-anchor-bottom {
  border-top-color: #f2a229;
}

/* line 53, ../../../ext-theme-backoffice-base/sass/src/tip/Tip.scss */

.x-tip-body-spotlight {
  background-image: none;
}

.x-tip-spotlight .x-btn {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f3ac41;
  border: solid #f5b759 1px;
}

.x-tip-spotlight .x-btn-inner {
  font-size: 13px;
  padding: 5px;
  color: #fff;
}

.x-tip-spotlight .x-btn.x-btn-over {
  background: #f4b34f;
  border: solid #f7c87f 1px;
}

.x-tip-spotlight .x-btn.x-btn-focus {
  background: #f4b34f;
  border: solid #f7c87f 1px;
}

.x-tip-spotlight .x-btn.x-btn-pressed {
  background: #e9920e;
  border: solid #f4b34f 1px;
}

.x-tip-spotlight .x-btn.x-btn-over .x-btn-inner, .x-tip-spotlight .x-btn.x-btn-pressed .x-btn-inner, .x-tip-spotlight .x-btn.x-btn-focus .x-btn-inner {
  color: #fff;
}