/*
    綠色
    nextStep下一步➤
*/
.nextStep, .goBack {
    border-color: #198754;
    color: #198754;
    font-weight: 900;
    font-size: 14pt;
}

    .nextStep:hover, .goBack:hover {
        color: #fff;
        background-color: #198754;
    }

    .nextStep::after {
        content: '下一步➤';
    }


/*
    紅
    deleteManager 刪除部門主管
*/
.deleteManager {
    border-color: #dc3545;
    color: #dc3545;
    font-weight: 900;
    font-size: 16px;
}

.deleteManager:hover {
        color: #fff;
        background-color: #dc3545;
    }

  

/*
    深紅
    confirm 確定
    cancel 取消
    close 關閉
    add 新增
*/
.confirm, .cancel, .close, .add {
    background-color: #967979;
    color: #fff;
    font-weight: 900;
    font-size: 16px;
}

    .confirm:hover, .cancel:hover, .close:hover, .add:hover {
        color: #fff;
        background-color: #b2a3a3;
    }

/*
    灰色
    NameListUpload_UploadInputClass 上傳檔案
*/

#NameListUpload_UploadInput:hover .selectFile {
    color: #fff;
}

.uploadIcon::after {
    content: '📄';
}

.selectFile::after {
    content: '選擇檔案';
}

.uploadingTxt::after {
    content: '上傳中';
    color: #000000;
}

.uploadIcon, .selectFile, .uploadingTxt {
    font-size: 26px;
}


/*
    灰色
    .edit 修改
    .delete 刪除
*/

.edit, .delete, .setting, .check,
.addDept {
    border-color: #adb5bd;
    color: #808080;
    font-size: 16px;
}

    .edit:hover, .delete:hover, .setting:hover, .check:hover, .addDept:hover {
        color: #fff;
        background-color: #adb5bd;
    }

/*橘色 #df660f
  search 查詢
    agree 同意
*/
.search,.agree {
    border-color: #df660f;
    color: #df660f;
    font-weight: 900;
    font-size: 14pt;
}

.search:hover,.agree:hover {
    color: #fff;
    background-color: #df660f;
}

.search::after {
    content: '查\00A0\00A0\00A0詢';
}
.agree::after {
    content: '同\00A0\00A0\00A0意';
}
/*藍色 #4a4abd
    exportExcel 匯出
    exportAll 匯出總明細
    goBack 回上頁
*/

 .exportExcel,.exportAll,.reEdit {
    border-color: #4a4abd;
    color: #4a4abd;
    font-weight: 900;
    font-size: 14pt;
}
 .exportExcel:hover,.exportAll:hover,.reEdit:hover {
    color: #fff;
    background-color: #4a4abd;
}

  .exportExcel::after {
        content: '匯\00A0\00A0\00A0出';
    }

    .reEdit::after {
        content: '重新編輯';
    }