.el-tooltip__popper {
  background: rgba(48,52,64,0.9) !important;
  box-shadow: 0px 0.3125rem 0.625rem 0px rgba(0,0,0,0.05) !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  backdrop-filter: blur(5px) !important;
  border-radius: 0.625rem 0 0.625rem 0 !important;
}
.el-popper .popper__arrow::after {
  border-bottom-color: #303440 !important;
}
.refhover {
  transform: translate(-33.5rem,0) !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
}
.refhover .referee-hover {
  display: flex !important;
}
.refhover .referee-hover > div {
  display: block !important;
}
.refhover .referee-hover > div {
  height: auto !important;
}
.alert-con {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.625rem;
}
.alert-con>span {
  font-size: 1.25rem;
  margin: 0 0.3125rem;
}
.alert-con>div {
  font-size: 0.875rem;
  display: flex;
  align-items: center;
}
.alert-con>div>img {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 0.3125rem;
}

.referee-hover {
  background: rgba(48,52,64,0.9);
  box-shadow: 0px 5px 0.625rem 0px rgba(0,0,0,0.1);
  border-radius: 1.25rem 0px 1.25rem 0px;
  border: 1px solid rgba(255,255,255,0.3);
  backdrop-filter: blur(5px);
  padding: 1.25rem;
  display: flex;
  position: relative;
}
.referee-hover1 {
  background: rgba(48,52,64,0.9);
  box-shadow: 0px 5px 0.625rem 0px rgba(0,0,0,0.1);
  border-radius: 1.25rem 0px 1.25rem 0px;
  border: 1px solid rgba(255,255,255,0.3);
  backdrop-filter: blur(5px);
  padding: 1.25rem;
  position: relative;
}
.referee-hover1 img {
  width: 6.25rem;
  height: 6.25rem;
  display: block;
  margin: 0 auto;
}
.referee-hover1 div {
  margin-top: 1.25rem;
  text-align: center;
  color: rgba(255,255,255,0.85);
}
.referee-hover>div>span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
}
.referee-hover>div>span.svg-icon {
  width: 0.75rem;
  height: 0.75rem;
  color: rgba(244,244,244,0.85);
}
.referee-hover>div>p {
  margin: 0;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  position: relative;
  margin-left: 1.25rem;
  color: rgba(255,255,255,0.65);
  text-align: center;
}
.referee-hover>div:last-child>p {
  margin-right: 1.25rem;
}
.referee-hover>div>div {
  padding-left: 1.25rem;
  text-align: center;
  height: 3.375rem;
  border-bottom: 1px solid #454B5C;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.85);
}
.referee-hover>div:last-child>div {
  padding-right: 1.25rem;
}
.refhover .referee-hover .referee-hover-bg {
  position: absolute;
  top: 0.6rem;
  left: 1.25rem;
  width: calc(100% - 2.5rem);
  height: 2.5rem !important;
  background: #454B5C;
  border-radius: 1.25rem 0px 1.25rem 0px;
}
.popper__arrow {
  top: -0.3rem !important;
  border-bottom-color: rgba(255,255,255,0.6) !important;
}
.special .popper__arrow {
  top: 100% !important;
  bottom: -0.3rem !important;
  border-top-color: rgba(255,255,255,0.6) !important;
  background: rgba(48,52,64,0.9) !important;
}
.league-tooptip .popper__arrow {
  top: 100% !important;
  bottom: -0.3rem !important;
  border-top-color: rgba(255,255,255,0.6) !important;
  background: rgba(48,52,64,0.9) !important;
}
.el-loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
}
.el-loading-text {
  color: rgba(255,255,255,0.65);
}
.el-icon-loading {
  margin-right: 0.625rem;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("./loading.png");
  background-size: 100% 100%;
  &::before {
    display: none;
  }
}
.el-loading-text {
    color: rgba(255,255,255,0.65) !important;
  }
.el-select-dropdown {
  border-radius: 0.625rem 0 0.625rem 0 !important;
  background: #303440 !important;
  box-shadow: 0px 0.3125rem 0.625rem 0px rgba(0,0,0,0.1) !important;
  border-color: rgba(255,255,255,0.3) !important;
}
.el-select-dropdown .popper__arrow {
  border-top-color: rgba(255,255,255,0.3) !important;
  border-bottom-color: rgba(255,255,255,0.3) !important;
}
.el-select-dropdown .popper__arrow::after {
  border-top-color: #303440 !important;
  border-bottom-color: #303440 !important;
}
.el-select-dropdown__item {
  margin: 0.1875rem 0.625rem !important;
  padding: 0.1875rem 0.625rem !important;
  line-height: 1rem !important;
  height: auto !important;
  border-radius: 1rem !important;
  color: rgba(255,255,255,0.85) !important;
}
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
  background-color: rgba(160,169,192,0.3) !important;
  color: #FEDA02 !important;
}
.radar .radar-top .el-input__inner {
  color: #A0A9C0 !important;
}
.el-select-dropdown__item.selected {
  background-color: rgba(160,169,192,0.3) !important;
  color: #FEDA02 !important;
}
.item {
  padding: 0.3125rem 0;
  display: flex;
  align-items: center;
}
.item img {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 1.875rem;
    margin-right: 0.625rem;
}