/* ----------------------------------------------------------------
業務一覧
---------------------------------------------------------------- */
#WorkSearchCondition {
    margin-top:15px;
    margin-bottom:10px;
	padding: 12px;
    border: 1px solid #d3d9f8;
    border: 1px solid #304194;
    border-radius: 8px;
	background: #ffffff;
}

.WorkSearchLabel {
    margin-bottom: 0px;
    color: #ffffff;
    color: #2f2f2f;
    font-size: 16px;
    background-color: #304194;
    background-color: #edf0ff;
    padding: 3px;
    padding-left: 12px;
}

.WorkSearchInput {
    margin-bottom: 8px;
    padding: 0px;
}

.WorkSearchInputArea {
    color: #333333;
    font-size: 16px;
}

/* ----------------------------------------------------------------
業務の検索結果件数と検索結果ページ遷移ボタン
---------------------------------------------------------------- */

#WorkSearchPageControl {
    margin-top:10px;
    margin-bottom:10px;
}

#WorkResultCount {
    margin-top: 8px;
    color: #304194;
    font-size: 18px;
}

/* ----------------------------------------------------------------
業務の検索結果テーブル
---------------------------------------------------------------- */
#WorkSearchResult {
    margin-bottom:30px;
}

#WorkSearchResult table.list-table {
    width: 100%;
    border: 2px solid #e3e3e3;
    border: 1px solid #d3d9f8;
}

#WorkSearchResult table.list-table th {
    background-color: #304194;
    background-color: #edf0ff;
    color: #ffffff;
    color: #2f2f2f;
    border: 2px solid #e3e3e3;
    border: 1px solid #d3d9f8;
    padding: 5px;
    font-weight: normal;
}

#WorkSearchResult table.list-table td {
    background-color: #ffffff;
    color: #333333;
    border: 2px solid #e3e3e3;
    border: 1px solid #d3d9f8;
    padding: 5px;
    font-weight: normal;
}

/* ----------------------------------------------------------------
業務の状態
---------------------------------------------------------------- */
.WorkState01 {
    color: #333333;
    font-weight: bold;
}

.WorkState02 {
    color: #408ffb;
    font-weight: bold;
}

.WorkState03 {
    color: #007d4f;
    font-weight: bold;
}

.WorkState04 {
    color: #ff0000;
    font-weight: bold;
}

.WorkState05 {
    color: #ff8400;
    font-weight: bold;
}

.WorkState06 {
    color: #333333;
    font-weight: bold;
}

.WorkState07 {
    color: #333333;
}

/* ----------------------------------------------------------------
業務の編集画面
---------------------------------------------------------------- */
.WorkItemRow {
    margin-left: 0px;
    margin-right: 0px;
}

.WorkItemLabel {
    margin-bottom: 0px;
    padding: 7px;
    padding-left: 12px;
    background-color: #304194;
    background-color: #edf0ff;
    color: #ffffff;
    color: #2f2f2f;
    font-size: 16px;
}

.WorkItemInput {
    margin-bottom: 8px;
    padding: 0px;
}

.WorkItemInput .form-control {
    height: 38px;
    padding: 8px 12px;
    color: #333333;
    font-size: 14px;
}

/* ----------------------------------------------------------------
業務の編集画面　担当職員・担当者の削除ボタン
---------------------------------------------------------------- */
.ButtonDeleteStaff,
.ButtonDeleteStaff i {
    color: #ffffff;
}

/* ----------------------------------------------------------------
業務の編集画面　メイン処理のボタン
---------------------------------------------------------------- */

/* ボタンが1つある場合 */
.PageMainButtonArea {
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    text-align: center;
}

.PageMainButtonArea i {
    color: #ffffff;
}

.PageMainButton {
    margin-top: 20px;
    margin-bottom: 30px;
}

/* 画面の中央にボタンが1つある場合 */
.PageMainButtonMiddle {
    margin-top: 20px;
    margin-bottom: 0px;
}

/* ボタンが2つある場合 */
.PageMainButtonArea2 {
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    text-align: center;
}

.PageMainButtonArea2 i {
    color: #ffffff;
}

.PageMainButtonTop {
    margin-top: 10px;
    margin-bottom: 10px;
}

.PageMainButtonBottom {
    margin-top: 10px;
    margin-bottom: 30px;
}

/* ----------------------------------------------------------------
業務情報・業務結果タブ
---------------------------------------------------------------- */
.WorkTabArea {
    margin-top: 15px;
}

.WorkTabArea .nav-tabs {
    border-bottom-color: #333333;
}

.WorkTabArea .nav-tabs li
{
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    font-size: 14px;
    width: 120px;
}

.WorkTabArea .nav-tabs > li > a {
    color: #091865;
    border: 1px solid #091865;
    background-color: #dddddd;
}

.WorkTabArea .nav-tabs > li > a:hover {
    color: #091865;
    border-color: #091865 #091865 transparent;
    border-bottom-color: #091865;
    background-color: #b8bfe1;
}

/* 選択中のタブ */
.WorkTabArea .nav-tabs > li.active > a,
.WorkTabArea .nav-tabs > li.active > a:hover,
.WorkTabArea .nav-tabs > li.active > a:focus {
    color: #091865;
    border: 1px solid #091865;
    border-bottom-color: #ffffff;
    background-color: #ffffff;
}

/* ----------------------------------------------------------------
業務画面　サブタイトル
---------------------------------------------------------------- */
.PageSubTitle {
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    /*background-color: #dddddd;*/
}

.PageSubTitleText {
    margin-left: 0px;
    margin-top: 15px;
    padding-left: 4px;
    font-size: 18px;
}

.PageSubTitleButton {
    margin-top: 10px;
    /*text-align: right;*/
    padding-left: 0px;
    padding-right: 0px;
}

.PageSubTitleButton i {
    color: #ffffff;
}

.PageSubSection {
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
}

/* ----------------------------------------------------------------
業務画面　ミニタイトル
---------------------------------------------------------------- */
.PageMiniTitle {
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    /*background-color: #dddddd;*/
}

.PageMiniTitleText {
    margin-left: 0px;
    margin-top: 0px;
    padding-left: 4px;
    font-size: 16px;
}

/* ----------------------------------------------------------------
業務画面　テーブル
---------------------------------------------------------------- */

/* テーブルのストライプ再定義 */
.table-striped tr:nth-of-type(odd)
{
    background-color: #ffffff;
}
.table-striped tr:nth-of-type(even) {
    background-color: #cccccc;
    background-color: #ffffff;
}

/* 1行目がヘッダの場合、奇数行と偶数行の色を反転 */
.table-striped-r tr:nth-of-type(odd)
{
    background-color: #cccccc;
    background-color: #ffffff;
}
.table-striped-r tr:nth-of-type(even) {
    background-color: #ffffff;
}


table.InfoTable {
    width: 100%;
    border: 1px solid #333333;
    border: 1px solid #d3d9f8;
}

table.InfoTable tr {
    height: 32px;
}

table.InfoTable th {
    background-color: #304194;
    background-color: #edf0ff;
    color: #ffffff;
    color: #2f2f2f;
    border: 1px solid #333333;
    border: 1px solid #d3d9f8;
    padding: 5px;
    font-weight: normal;
}

table.InfoTable td {
    background-color: #ffffff;
    color: #333333;
    color: #2f2f2f;
    border: 1px solid #333333;
    border: 1px solid #d3d9f8;
    padding: 5px;
    font-weight: normal;
    word-break:break-all;
}

table.InfoTable td a {
    text-decoration: underline;
    color: #304194;
}

table.InfoTable td a:hover,
table.InfoTable td a:focus {
    text-decoration: underline;
    color: #ff7700;
}

/* テーブル配色パターン1 */
/*緑*/
table.TableColor01 th {
    background-color: #258201;
    background-color: #d2f0c7;
}
/*緑青*/
table.TableColor02 th {
    background-color: #029cae;
    background-color: #edf0ff;
}

/*オレンジ*/
table.TableColor03 th {
    background-color: #ff7700;
    background-color: #ffd0a7;
}

/*紫*/
table.TableColor04 th {
    background-color: #a14cb6;
}

/* ----------------------------------------------------------------
業務画面　画面最下部の余白
---------------------------------------------------------------- */
.DummySection {
    height: 30px;
}

/* ----------------------------------------------------------------
モーダルウィンドウ
---------------------------------------------------------------- */

/* ヘッダ部 */
.WindowHeaderArea {
    background-color: #304194;
    text-align:left;
}

.WindowTitle {
    color: #ffffff;
    font-size:22px;
}

/* ボディ部 */


/* フッタ部 */
.WindowFooterArea {
    text-align:center;
}

.WindowFooterArea i {
    color: #ffffff;
}