.btn.sort_btn {
    background-color: #21ba45;
    width: 90px;
}
.btn.sort_btn:hover {
    background-color: #21ba45;
}
.btn.sort_btn::before {
    content: "並び替え";
}

.btn.change_btn {
    background-color: #2185d0;
  }
  .btn.change_btn:hover {
    background-color: #1a69a4;
  }
  .btn.change_btn::before {
    content: "変更";
  }

.btn.sort_save_btn {
    background-color: #2185d0;
    width: 120px;
}
.btn.sort_save_btn:hover {
    background-color: #1a69a4;
}
.btn.sort_save_btn::before {
    content: "並び替えを保存";
}

.btn.import_btn {
    background-color: #2185d0;
    width: 70px;
}
.btn.import_btn:hover {
    background-color: #1a69a4;
}
.btn.import_btn::before {
    content: "取込";
}

.btn.est_import_btn {
    background-color: #2185d0;
    width: 70px;
}
.btn.est_import_btn:hover {
    background-color: #1a69a4;
}
.btn.est_import_btn::before {
    content: "取込";
}

.btn_area {
    text-align: right;
}

.btn_sort_area {
    display: none;
    text-align: right;
}

.ui-sortable-handle {
    cursor: grab;
}
.ui-sortable-handle:active {
    cursor: grabbing;
}

.message_area {
    display: none;
    background-color: #eee;
}

.message_area ul {
    list-style: none;
    color: #ff0000;
    padding: 10px;
}

.validation_error {
    border: 1px solid red !important;
    background-color: #FFDBDB !important;
}

.required::after {
    content: "必須";
    background-color: #f0ad4e;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    min-width: 10px;
    padding: 3px 7px;
    margin: 0px 5px;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    border-radius: 10px;
    display: inline-block;
}

.cost_cell {
    text-align: right !important;
}

.ts-approval-save-locked {
    pointer-events: none !important;
    opacity: 0.55;
    cursor: not-allowed !important;
}