@charset "UTF-8";






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
受注管理
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*-------------------------------------------------------------
進捗一覧
-------------------------------------------------------------*/
#main.progressList {}
#main.progressList .pagerArea { background-color: #FFF; padding: 0 0 5px 0; }
.progressListTable #list-table.scrollTable { height: 1px; }
.progressListTable #list-table.scrollTable tr th span:nth-of-type(1) { padding-right: 5px; border-right: 1px solid #666;  }
.progressListTable #list-table.scrollTable tr th span:nth-of-type(2) { padding-left: 5px; }
.progressListTable #list-table.scrollTable tr td { position: relative; }
.progressListTable #list-table.scrollTable tr td:nth-of-type(1) { position: relative; padding-left: 15px; height: 100%; display: flex;}
.progressListTable #list-table.scrollTable tr td:nth-of-type(1):before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 5px; background-color: #999; }
.progressListTable #list-table.scrollTable tr.c01 td:nth-of-type(1):before { background-color: #CBF9CC; }
.progressListTable #list-table.scrollTable tr.c02 td:nth-of-type(1):before { background-color: #CC9A27; }
.progressListTable #list-table.scrollTable tr.c03 td:nth-of-type(1):before { background-color: #F8CBCC; }
.progressListTable #list-table.scrollTable tr.c04 td:nth-of-type(1):before { background-color: #F9CC99; }
.progressListTable #list-table.scrollTable tr.c05 td:nth-of-type(1):before { background-color: #66CCFC; }
.progressListTable #list-table.scrollTable tr td:nth-of-type(1) span { display: inline-block; margin-right: 5px; }
.progressListTable #list-table.scrollTable tr td:nth-of-type(1) span:nth-last-of-type(1) { margin-right: 0; }
.progressListTable #list-table.scrollTable tr td span.listCatLabel { display: inline-block; margin: -2px; padding: 5px 7px 3px 7px; line-height: 1; border-radius: 3px; background-color: #999; position: relative; box-sizing: border-box; }
.progressListTable #list-table.scrollTable tr.c01 td span.listCatLabel { background-color: #CBF9CC; }
.progressListTable #list-table.scrollTable tr.c02 td span.listCatLabel { background-color: #CC9A27; }
.progressListTable #list-table.scrollTable tr.c03 td span.listCatLabel { background-color: #F8CBCC; }
.progressListTable #list-table.scrollTable tr.c04 td span.listCatLabel { background-color: #F9CC99; }
.progressListTable #list-table.scrollTable tr.c05 td span.listCatLabel { background-color: #66CCFC; }
.progressListTable #list-table.scrollTable tr td.promise span { width: 83px; height: 20px; }
.progressListTable #list-table.scrollTable tr td label.checkBox:after { outline-color: transparent; }
.progressListTable #list-table.scrollTable tr td.row2 { padding: 0; height: 100%; }
.progressListTable #list-table.scrollTable tr td.row2 div { display: flex; height: 100%; }
.progressListTable #list-table.scrollTable tr td.row2 div span { display: flex; align-items: center; height: 100%; padding: 8px 10px 6px 10px; box-sizing: border-box; }
.progressListTable #list-table.scrollTable tr td.row2 div span:nth-of-type(1) { flex-grow: 1; flex-shrink: 0; flex-basis: 66%; max-width: 66%; border-right: 1px solid #DDD; box-sizing: border-box; }
.progressListTable #list-table.scrollTable tr td.row2 div span:nth-of-type(2) { flex-grow: 1; flex-shrink: 0; flex-basis: 34%; max-width: 34%; }
.progressListTable #list-table.scrollTable tbody:nth-child(odd) td { background: #F5F6FA; }
.progressListTable #list-table.scrollTable tbody:nth-child(even) td { background: #FFF; }
.progressListTable #list-table.scrollTable tr td.bgblue { background-color: #E6FDFE; }
.progressListTable #list-table.scrollTable tr td.bgpink { background-color: #FBE6E6; }
.progressListTable #list-table.scrollTable tr td input.listBtn { display: inline-block; }
.progressListTable input[type="button"] { background-color: #DDD; border: none; font-size: 13px; padding: 7px 10px 7px; border-radius: 3px; }
.progressListTable input[type="button"]:hover { background-color: #5EBCBC; color: #FFF; transition: background-color ease 0.3s, color ease 0.3s; font-weight: bold; }
.progressListTable #list-table.scrollTable tr:hover td { cursor: auto !important; }