@charset "UTF-8";
.header_icon_base,
span#restart,
span#restart_none,
span#approve-icon,
span.sound-icon,
span.sound-mute-icon,
span#process-icon,
span.shortcut-icon,
span#backup_status,
span#backup_status_backup,
span#backup_status_restore,
span#report_status,
span#report_status_generate,
span#help-icon,
span#logout-icon {
  height: 24px;
  width: 24px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px auto;
}

span#restart {
  background-image: url(../img/common/header_restart.svg);
}

span#restart_none {
  background-image: url(../img/common/header_restart.svg);
  opacity: .3;
}

span#approve-icon {
  background-image: url(../img/common/header_approve.svg);
}

#approve-icon.approve-mark {
  position: relative;
}
#approve-icon.approve-markX:after {
  width: 6px;
  height: 6px;
  display: block;
  content: "";
  background: #EA3C47;
  border-radius: 50%;
  right: 2px;
  position: absolute;
  top: 2px;
}

.approve-badger-inner {
  width: 24px;
  height: 24px;
  color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  font-size: 0;
}
.approve-badger-inner:before {
  width: 6px;
  height: 6px;
  display: block;
  content: "";
  background: #EA3C47;
  border-radius: 10px;

  position: absolute;
  top: 1px;
  right: 3px;
}
.approve-badger-inner:hover {
  width: 20px;
  height: 20px;
  margin: 2px;
  content: "";
  background: #EA3C47;
  border-radius: 10px;
  font-size: 1.1rem;
  line-height: 1.65rem;

  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.approve-badger-inner:hover::before {
  opacity: 0;
}

.hide-icon {
  opacity: .3;
}

span.sound-icon {
  background-image: url(../img/common/header_sound.svg);
}

span.sound-mute-icon {
  background-image: url(../img/common/header_sound-mute.svg);
}

span#process-icon {
  background-image: url(../img/common/header_process.svg);
}

span.shortcut-icon {
  background-image: url(../img/common/header_shortcut.svg);
}

span#backup_status {
  background-image: url(../img/common/header_backup_status.svg);
}

span#backup_status_backup {
  background-image: url(../img/common/header_backup_status_backup.svg);
}

span#backup_status_restore {
  background-image: url(../img/common/header_backup_status_restore.svg);
}

span#report_status {
  background-image: url(../img/common/header_report.svg);
}

span#report_status_generate {
  background-image: url(../img/common/header_report-generate.svg);
}

span#help-icon {
  background-image: url(../img/common/header_help.svg);
}

span#logout-icon {
  background-image: url(../img/common/header_logout.svg);
}