@charset "UTF-8";
/** Colors **/
/** Typography **/
/** Navbar **/
/** Buttons **/
/** Panels **/
/** Body back color **/
/** Base Settings **/
/** Menu Settings **/
/** Other Settings **/
/** メニューとコンテンツの間 **/
/** Base Size **/
/** Client **/
/** Auth **/
/** Admin **/
/** Colors **/
/** Typography **/
/** Navbar **/
/** Buttons **/
/** Panels **/
/** Body back color **/
/** Base Settings **/
/** Menu Settings **/
/** Other Settings **/
/** メニューとコンテンツの間 **/
/** Base Size **/
/** Client **/
/** Auth **/
/** Admin **/
.el-select-dropdown {
  max-width: 500px;
}

.el-form-item.is-required .el-form-item__label:before {
  font-size: 26px;
  height: 20px;
  display: -webkit-inline-box;
}

.el-menu-item, .el-submenu__title {
  padding: 0 10px !important;
}

.el-submenu__title {
  vertical-align: unset;
}

.el-submenu__title * {
  vertical-align: unset;
}

.el-icon-arrow-down::before {
  color: #FFFFFF;
}

.main-menu > .el-menu-item:focus, .main-menu > .el-menu-item:hover, .el-submenu__title:focus, .el-submenu__title:hover {
  background-color: transparent !important;
}

.type-result-table .el-switch__label.el-switch__label--left.is-active {
  color: #FF4949;
}
.type-result-table .el-switch__label.el-switch__label--right.is-active {
  color: #13ce66;
}

.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
  margin-bottom: 16px !important;
}

.el-button-group > button {
  border-color: #FFFFFF !important;
}

.search-condition-area > .el-form-item--mini.el-form-item, .search-condition-area .el-form-item--small.el-form-item {
  margin-bottom: 10px !important;
}

.el-button [class*=svg-inline--fa] + span {
  margin-left: 3px;
}

.el-dialog__body {
  padding-top: 0 !important;
  color: #606266 !important;
  font-size: 14px !important;
  text-align: left;
}

.el-collapse-item__header {
  height: auto !important;
}

.el-tabs.unset-overflow > .el-tabs__content {
  overflow: visible;
}

.el-tooltip__popper.is-dark {
  background: #717171 !important;
  color: #FFFFFF !important;
}

.el-tooltip__popper[x-placement^=top] .popper__arrow {
  border-top-color: #717171 !important;
}
.el-tooltip__popper[x-placement^=top] .popper__arrow::after {
  border-top-color: #717171 !important;
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
  border-bottom-color: #717171 !important;
}
.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after {
  border-bottom-color: #717171 !important;
}

.el-tooltip__popper[x-placement^=left] .popper__arrow {
  border-left-color: #717171 !important;
}
.el-tooltip__popper[x-placement^=left] .popper__arrow::after {
  border-left-color: #717171 !important;
}

.el-tooltip__popper[x-placement^=right] .popper__arrow {
  border-right-color: #717171 !important;
}
.el-tooltip__popper[x-placement^=right] .popper__arrow::after {
  border-right-color: #717171 !important;
}

.color-picker-ok-button > .el-color-dropdown__btns > .el-button.el-color-dropdown__btn {
  background: #226699;
  color: #FFFFFF;
}

/**
 * チェックボックスの基底スタイル
 *
 * 例
 *   class="check-box-s"
 */
.check-box-xs {
  width: 100px;
}

.check-box-s {
  width: 200px;
}

.check-box-m {
  width: 300px;
}

.check-box-l {
  width: 400px;
}

.check-box-xl {
  width: 500px;
}

.check-box-free {
  width: 100%;
}

.check-box-auto {
  width: auto;
}

.el-checkbox + .el-checkbox {
  margin-left: 15px !important;
}

/** テーブル内のカラム用スタイル
 * ※Tagを含めて表示するときに利用するスタイル
 * 例）
 *    テスト 太郎
 *    MV CV 新規判明
 */
.search-result-table-tag-row {
  /* TODO: !important は、新しいテストデータでなくても問題ない確認する */
  padding: 3px 0 !important;
}

/**
 * 選択項目の文字数が枠内で最大の場合、
 * チェックした時、選択済みマークにかぶるため、チェックが付い ている選択肢のみ
 * 選択肢の右側にpaddingを付与する
 */
.multi-select-box-dropdown.selected {
  padding-right: 40px;
}