.refresh-icon-size {
    font-size: 16px !important;
}
#decoratedTable_record{
    display: table-cell;
}
#jobRulesNav {
    display: table-cell;
    padding-top:65px;
}
#record-operations {
    padding-left: 16px;
}

.record-operations-button {
    border: none;
}

/* useless ST ? */
table.query-columns {
    border-collapse: collapse;
    border: 0;
}

table.query-columns td.buttons {
    vertical-align: middle;
    text-align: center;
}
table.query-columns td.buttons input[type=button] {width:35px;}
/* useless ED ? */

fieldset {border: 1px solid #e4e4e4; margin:0;}
legend {color: #333; padding: 0 8px;}

fieldset.collapsible {border-width: 1px 0 0 0; padding-left: 0;}
fieldset.collapsible>legend { padding-left: 20px; background: url(../images/ah_open.png) no-repeat 0% 40%; cursor:pointer; }
fieldset.collapsible.collapsed>legend { background-image: url(../images/ah_close.png); }

fieldset#date-range p { margin: 2px 0 2px 0; }
fieldset#filters table { border-collapse: collapse; }
fieldset table td { height: 2em; padding: 2px; vertical-align: middle; }
fieldset#filters tr.filter { height: 2.1em; }
fieldset#filters td.field { width:20%; }
fieldset#filters td.operator { width:20%; }
fieldset#filters td.operator select {max-width:19%;}
fieldset#filters td.values { white-space:nowrap; }
fieldset#filters td.values select { min-width:20%; }
fieldset#filters td.values input[type=date] { width: 350px; }

#filters-table {width:60%; float:left;}
.add-filter {width:35%; float:right; text-align: right; vertical-align: top;}

/* filter css end */

article[id="article0"] div[id="select"] {
    padding-left: 10%;
}

#operation {
    padding-left: 10%;
}

.xux-separator {
    height: 2px;
    border: none;
    border-top: 2px ridge black;
}

select {
    border-radius: 2px;
}

/* .xux-dropdown-list {
    width: 220px;
} */

article[id="article0"] div[id="select"] div:first-child {
    padding-left: 100px;
    font-size: 100px;
}

div[id="select"] div {
    margin-top: 13px;
}

.opercontent {
    margin-left: 35px;
}

.linked {
    color: dodgerblue;
    text-decoration: underline
}

li {
    list-style-type: none
}

#decoratedJobTable .xux-decoratedTable-buttonBox a {
    margin-left: 14px;
}

#footer {
    height: 44px;
    line-height: 44px;
    text-align: center;
    background-color: #eaeaea;
    color: #666;
    font-family: "Yu Gothic UI", "Arial", sans-serif;
    font-size: 13px
}

.xux-modalWindow.xux-width-wide {
    width: 940px;
}
.now-operation{
    background-color: rgba(0,131,141, 0.4) !important;
}

.style-change{
    margin-top: 27px !important;
    margin-left: 20px;
}

.xux-modalWindow.xux-width-normal {
    width: 630px;
}

#decoratedJobTable {
    margin: 0;
}

#utilmenu {
    width: 160px;
}

.xux-progressModalWindow .xux-progressBar-wrapper {
    text-align: left !important;
}

/* useless ST? */
.tree-nav {
    width: 370px;
}

.tree-side {
    padding-bottom: 15px;
}
/* useless ED? */

td .xux-icon-warning {
    color:#E6BC00;
    font-size: xx-large;
}

.thead-div,
.thead-div-filter {
    display:inline-block;
}
#form_view_form {
    padding: 0px 16px;
}
#list_table {
    margin-bottom: 10px;
    overflow-y: auto;
}
#record_table,
#biz_check_error_table {
    margin-bottom: 10px;
}

#record_table .checkbox-label,
#list_table .checkbox-label,
#biz_check_error_table .checkbox-label {
    max-width: 100%;
}
#record_table .checkbox .xux-layoutGroup,
#biz_check_error_table .checkbox .xux-layoutGroup {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#record_table .checkbox,
#biz_check_error_table .checkbox {
    top: 0px;
    position: unset;
    left: 0px;
}

#record_table .checkbox .ui-button-text,
#list_table .checkbox .ui-button-text,
#biz_check_error_table .checkbox .ui-button-text {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#record_table_view .xux-table-cell,
#biz_check_error_table_view .xux-table-cell {
    min-width: 90px !important;
}

#record_table tbody,
#biz_check_error_table tbody {
    display: block;
    overflow-y: auto;
}

#list_table_view tbody {
    display: block;
    overflow-y: auto;
}

#record_table .xux-decoratedTable-trailingBox,
#biz_check_error_table .xux-decoratedTable-trailingBox,
#list_table .xux-decoratedTable-trailingBox {
    display: none;
}

#record_view .change-record,
#biz_check_error_view .change-record {
    margin-left: 5px;
}

#table_check_list tbody {
    overflow-y: auto;
    display: block;
}

#table_check_list td {
    word-break: break-all;
}

#table_check_list thead,
#table_check_list tbody tr,
#record_table_view thead,
#record_table_view tbody tr,
#biz_check_error_table_view thead,
#biz_check_error_table_view tbody tr,
#list_table_view thead,
#list_table_view tbody tr {
    width: 100%;
    table-layout: fixed;
    display: table;
}

#record_table_view tbody td,
#biz_check_error_table_view tbody td,
#list_table_view tbody td {
    word-break: break-all;
}

#record_table_view thead th:last-child,
#record_table_view tbody td:last-child > div.checkbox,
#biz_check_error_table_view thead th:last-child,
#list_table_view thead th:last-child,
#list_table_view tbody td:last-child > div.checkbox {
    text-align: left !important;
    text-align: -webkit-left !important;
}

#record_table_view thead,
#biz_check_error_table_view thead,
#list_table_view thead {
    padding-left: 0 !important;
    padding-bottom: 0 !important;
}
#record_table .xux-table-noData tbody tr,
#biz_check_error_table .xux-table-noData tbody tr,
#list_table .xux-table-noData tbody tr{
    width: 100%;
}

.table-cell-ellipsis {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}

.vertical-align-bottom {
    vertical-align: bottom !important;
}
.view-image {
    max-width: calc(100%);
}
.accuracy-rank-img{
    width: 50px;
}
.desol-image-viewer-body {
    width: 100%;
    height: calc(100% - 30px);
    background-color: rgba(94, 94, 94, 1);
    position: relative;
}
.db-matched-message-div,
.db-change-error-div {
    margin-top: 10px;
    vertical-align: middle;
}
.desol-image-viewer-record-id {
    text-align: left !important;
    width: 100%;
    height: 30px;
    vertical-align: middle;
}
.confirm-correction-text-area {
    text-overflow: ellipsis !important;
    white-space: nowrap;
    overflow: hidden !important;
    display: block;
    float: left;
}
.desol-image-viewer-menu-bar {
    display: flex;
    align-items: center;
    z-index: 9999;
    color: white;
    font-size: 16px;
    background-color: black;
    top:10px;
    width:100%;
    padding: 4px 0;
}
#page-navigation-div {
    justify-content: center;
    display: flex;
}

.pdf-viewer-menu-bar-left a {
    margin-left: 8px;
}
.desol-image-viewer {
    margin-left: auto;
}
.cursor-pointer {
    cursor: pointer;
}
.desol-image-viewer-content {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    background-color: #D8D8D8;
    height: 54vh;
}


.desol-canvas-container {
    position: relative;
    margin: auto;
    width: fit-content;
    width: -moz-fit-content;
    display: block;
}

.draw-canvas {
    position: absolute !important;
    top: 0px;
    left: 0px;
}

.canvas-container {
    position: absolute !important;
    top: 0px;
}

/* useless ST? */
div.tips-box {
    position: relative;
    margin: auto;
    width: fit-content;
    width: -moz-fit-content;
    color: #a7a7aa;
    cursor: default;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
/* useless ED */
.disable-page-bar {
    color: #808080 !important;
}

#record-operations {
    padding-left: 16px;
}

#fileListDisplay {
    overflow-x:hidden;
    overflow-y:auto;
    width:520px;
    height:85px;
    text-align:left;
    background-color:#2f0d3d6b;
}

tr.tr-selected {
    background-color: rgb(0, 131, 141, 0.4) !important;
    outline: thin dotted !important;
    outline-offset: -1px !important;
}

#record_table .xux-table .xux-table-cell.xux-table-focus,
#biz_check_error_table_view .xux-table .xux-table-cell.xux-table-focus,
#list_table .xux-table .xux-table-cell.xux-table-focus{
    outline: unset;
}
.form-view-tab-left {
    width: 49%;
    display: inline-block;
}
#tool_button_for_biz {
    width: 100%;
    float: right;
    margin: 16px 16px 16px 0px;
}
#biz_check_button {
    margin-left: 28px;
}
#view_tabs {
    display: block !important;
    margin-left: 0px !important;
}
.form-view-tab-right {
    float: right;
    width: 50%;
    line-height: 32px;
    display: inline-block;
}
.job-info {
    margin-bottom: 8px !important;
}
.record-info {
    margin-top: 8px !important;
}
.list-items-info-bar {
    background-color: #FFFFFF;
    padding-left:40px;
    margin:0px 40px 8px 0px;
}
.list-items-info-bar label {
    display: inline-block;
    width: 110px;
}
.list-items-info-bar span {
    display: inline-block;
    min-width: 55px;
    text-align: right;
}
.change-record {
    display: inline-block;
}
.operate-box-div {
    float: right;
    padding-left: 28px;
}
.biz-check-error-icon,
.error-form-comment{
    width: 16px;
    margin-right: 8px;
}
.size-label {
    padding-right: 20px;
    color: #202020;
    display: inline-block;
    float: right;
}
.radio-box {
    line-height: 32px;
    display: inline-block;
    float: right;
}
.record-counts{
    color: #202020;
    padding-top: 6px;
    display: inline-block;
}
.list-view-list {
    width: 100%;
}
#filter_list{
    margin-top: 10px;
    margin-right: 8px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 47vh;
}
.placeholder-div{
    width: 100%;
    height: 100%;
    border: 1px solid #d2d3d7;
    outline: none;

}
.placeholder-div:empty:after{
    color: gray;
    content:attr(placeholder-message)

}
.placeholder-div:focus:before{
    content: none;
}

#biz_check_error_view .form-table-bar-record-view,
#record_view .form-table-bar-record-view {
    width: 100%;
    color:#202020;
    display: inline-block;
    line-height: 35px;
}
#biz_check_error_view .verified-span,
#record_view .verified-span {
    float: right;
}
#all_record_menu, #biz_check_error_all_record_menu {
    max-height: 320px;
}
.db-matched-contents {
    display: inline-block;
    position: absolute !important;
}
.verified-flag {
    position: absolute !important;
    right: 6px !important;
}

.db-conversion-name {
    display: block;
    height: 32px;
    line-height: 32px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.db-matched-download li {
    width: 305px !important;
}
.db-matched-result {
    display: inline-block;
    width: 140px;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap;
}
#all_record_menu .job-record-info,
#biz_check_error_all_record_menu .job-record-info {
    margin-right: 20px;
}

.message-padding-top{
    padding-top: 16px;
}
.form-textarea {
    width: 100%;
    height: 80px;
    overflow-y: auto;
    display: block;
}
.textarea-div {
    width: auto;
    min-height:20px;
    padding: 6px;
    outline: 0;
    border: 1px solid #8c8c8c;
    word-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto;
    cursor:text;
    white-space: pre-wrap;
    color: #202020;
    background-color: white;
    display: block;
    line-height: 125%;
}
.db-change-result {
    width: auto;
    padding: 6px;
    background-color: white;
    line-height: 125%;
    font-size: unset !important;
}
.textarea-div:not(:focus):not([readonly]):hover {
    background-color: #f0f0f0;
}
.textarea-div:not([readonly]):focus {
    background-color: #fff;
    border-color: #00838d;
    box-shadow: 0 0 0 1px #00838d inset;
}
.message-div {
    white-space:pre-wrap;
}
.verified-modalwindow{
    overflow:hidden !important;
    display: none;
}
.list-view-sidebar-title {
    position: relative;
    line-height: 44px;
    display: flex;
    align-items: center;
    font-weight: normal;
    font-size: 18px;
    color:black;
    background-color: #D8D8D8;
}
.refresh-span{
    color:black;
    position: absolute;
    right: 0;
    margin-right: 10px;
}
.no-data-layout {
    margin-top: 50px;
}
/* top and home start */
.home-align {
    height: 69px;
}
.home-align > .xux-horizontalLayout-margin:nth-child(4) {
    width: 0;
}
.process-home-status {
    left: 20px;
    right: 20px;
    margin: 0 auto !important;
}
.process-home-status section h2 span {
    float: left !important;
}
.home-login-and-share .xux-section-content {
    padding: 0;
}
.process-home-status h2 {
    height: 40px;
}
.allspace-left {
    padding-right: 20px;
}
.button-padding {
    padding: 0 16px !important;
}
.margin-left {
    margin-left: 16px !important;
}
.charge-button a {
    float: right;
}
.home-table,
.allspace .xux-section-content,
.content-layout,
.process-home-bottom .charge-work,
.specialist-share-table,
.specialist-share-table td {
    background-color: #fff;
}
.home-share-table,
.design-share-table {
    min-height: 237px;
    padding: 0 16px;
    margin-bottom: 20px;
    height: calc(100vh - 623px);
}
.content-layout{
    min-height: 200px;
    margin-bottom: 20px;
    height: calc(100vh - 660px);
}
.home-share-table thead {
    padding-top: 0px;
}
.operation-unit {
    width: 200px;
    border-radius: 4px !important;
}
.operation-list-ul {
    margin-left: initial !important;
}
.home-share-table thead, .home-share-table tbody tr,
.design-share-table thead, .design-share-table tbody tr{
    display: table;
    width: 100%;
    table-layout: fixed;
    background-color: #fff !important;
}
.home-share-table tbody {
    display: block;
    overflow-y: auto;
    padding-top: 1px;
}
.design-share-table tbody {
    display: block;
    overflow-y: auto;
    padding-top: 1px;
}
.home-share-table tr>td:nth-child(1),
.home-share-table tr>th:nth-child(1),
.design-share-table tr>td:nth-child(1),
.design-share-table tr>th:nth-child(1){
    padding: 0 5px !important;
    width: 7%;
}
.home-share-table tr>td:nth-child(2),
.home-share-table tr>th:nth-child(2),
.design-share-table tr>td:nth-child(2),
.design-share-table tr>th:nth-child(2){
    padding: 0 5px !important;
    width: 7%;
}
.home-share-table tr>td:nth-child(3),
.design-share-table tr>td:nth-child(3) {
    width: 27%;
}
.home-share-table tr>td:nth-child(4),
.design-share-table tr>td:nth-child(4) {
    width: 26%;
}
.home-share-table tr>td:nth-child(5),
.design-share-table tr>td:nth-child(5) {
    width: 33%;
}
.padding-side-eight {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.padding-sixteen-eight {
    padding-left: 16px !important;
    padding-right: 8px !important;
}
.button-list {
    height: 168px;
}
.home-login-and-share .job-login-list {
    padding-left: 16px !important;
    height: 200px !important;
    overflow: auto;
    width: 100%;
    line-height: 1.85;
}
.home-login-and-share .login-list {
    padding-left: 16px !important;
    height: 130px !important;
    overflow: auto;
    width: 100%;
    line-height: 1.85;
}
.user-select button {
    text-align: left;
}
.table-button-select .xux-sel-desc {
    width: 190px !important;
}
.comfirm-data-table {
    height: calc(100vh - 400px);
    overflow-y: auto;
}

.multi-level-menu {
    color:#202020
}
.multi-level-menu ul {
    list-style-type:none;
}

.multi-level-menu {
    position:absolute;
    top:-9999px;
    left:-9999px;
}

.multi-level-menu ul {
    float:left;
    border:1px solid #979797;
    background:#fff 24px 0 repeat-y;
    padding:2px;
    box-shadow:2px 2px 2px rgba(0,0,0,.6);
}

.multi-level-menu ul li {
    float:left;
    clear:both;
    height:24px;
    cursor:pointer;
    line-height:24px;
    white-space:nowrap;
    padding:0 6px;
}

.multi-level-menu ul li.sub {
    background-repeat:no-repeat;
    background-position:right 9px;
}

.multi-level-menu ul li.active {
    background-color:rgb(84, 151, 218);
    border-radius:3px;
    border:1px solid #aecff7;
    height:22px;
    line-height:22px;
    background-position:right -8px;
    padding:0 5px;
}

.multi-level-menu ul ul {
    display:none;
    position:absolute;
}

#sidebar {
    overflow: auto;
    width: 250px;
}

#actions {
    margin-top: 15px
}

#header .xux-dropdown {
    position: absolute;
    left: calc(50% - 108px);
    top: 10px;
}

#header .xux-dropdown .xux-last {
    margin-top: -10px;
}
.global-header {
    padding-left: 16px;
}
/* top and home end */

/* 帳票判別確認画面start  */

#form_classify_modalWindow .xux-modalWindow-content,
.classification-article .xux-section-content {
    padding-bottom: 0px;
}

.top-section .job-comment {
    padding: 0px !important;
}

.top-section .position-buttons {
    text-align: right;
}

.other-user-classifying-jobs {
    overflow-y: auto;
    max-height: 80px;
}

.page-information-space {
    background-color: white;
    width: 300px;
    vertical-align: middle;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.page-information {
    display: flex;
}

.page-information > div:nth-child(1) {
    width: 200px;
}

.ocr-confirm-window .ocr-confirm-space {
    margin-bottom: 10px;
}

.ocr-confirm-window .ocr-confirm-page {
    height: 300px;
    overflow-y: auto;
    border: 1px solid #8C8C8C;
    padding-top: 10px;
    padding-left: 20px;
}

.ocr-confirm-window .row {
    margin: 0px
}

.form-section .form-page-content {
    padding-left: 10px;
    display: block;
    border: #8C8C8C 1px solid;
    overflow-y: scroll;
    min-height: 400px;
}

.form-section .grid-square {
    display: inline-block;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    vertical-align: top;
}

.form-section .form-container,
.form-section .img-container,
.form-section .bottom-container {
    display: inline-block;
    position: relative;
}

.form-section .classify-container {
    display: inline-block;
    vertical-align: bottom;
}

.form-section .modify-container {
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
}

.form-section .xux-icon-ellipsisvert {
    outline: none;
}

.form-section .back-ground {
    float: right;
}

.form-section .slant-canvas {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 0px;
    z-index: 5;
}

.form-section .form-page-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.visible-background-class {
    background-color: rgb(0, 131, 141, 0.4);
}

.form-selected {
    border: 3px solid #00838D;
}

.image-selected {
    border: 3px solid #00838D;
}

.invisible-background-class {
    background-color: #D8D8D8;
}

.record-visible-both-border {
    border-top: rgb(0, 131, 141, 0.6) 3px solid !important;
    border-bottom: rgb(0, 131, 141, 0.6) 3px solid !important;
}

.record-visible-left-border {
    border-left: rgb(0, 131, 141, 0.6) 3px solid !important;
}

.record-visible-right-border {
    border-right: rgb(0, 131, 141, 0.6) 3px solid !important;
}

.record-invisible-left-border {
    border-left: rgb(0, 131, 141, 0) 3px solid;
}

.record-invisible-right-border {
    border-right: rgb(0, 131, 141, 0) 3px solid;
}

.form-table-ellipsis {
    text-overflow: ellipsis !important;
    white-space: nowrap;
    overflow: hidden !important;
}

.classification-red-text {
    color: #FF0000;
}

.job-rule-reference-main .reference-content-top,
.job-rule-reference-main .reference-content-top .reference-content-right,
.job-rule-reference-main .reference-content-middle,
.reference-content-bottom {
    display: flex;
}

.job-rule-reference-main .reference-content-top {
    padding-bottom: 16px;
}

.job-rule-reference-main .reference-content-left {
    margin-right: 16px;
}

#job_rule_reference_dialog .reference-content-right {
    width: 40%;
}

#job_rule_reference_dialog .reference-content-left {
    width: 60%;
}

#job_rule_reference_dialog .xux-modalWindow-content {
    padding-bottom: 0px !important;
}

.job-rule-reference-main .preview img {
    border: 2px solid #8C8C8C;
}

.job-rule-reference-main .preview {
    height: 500px;
    width: 100%;
    text-align: center;
}

.job-rule-reference-main .job-horizontal-image {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    text-align: center;
}

.job-rule-reference-main .job-vertical-image {
    height: calc(100% - 4px);
    text-align: center;
}

.job-rule-reference-main .job-rule-name-span {
    min-width: 60px;
}

.job-rule-reference-main .job-rule-container {
    height: 500px;
    overflow-y: scroll;
    text-align: center;
    background-color: #D8D8D8;
}

.reference-content-bottom .xux-pageNavigation-cell {
    margin-right: 0px !important;
    cursor: pointer;
}

.reference-content-bottom .reference-content-left {
    text-align: center;
    padding-top: 16px;
}

/* 帳票判別確認画面end */
.xux-icon-menuvert {
    line-height: calc(100vh - 169px);
}

.sliderbar {
    float: left;
    width: 16px;
    margin: 0px 4px;
    cursor: e-resize;
    background-color: #D8D8D8;
    z-index: 1;
}
.sliderbar-new {
    float: left;
    width: 4px;
    display: none;
    cursor: e-resize;
    position: absolute;
    background-color: #F0F0F0;
    border: #99BBE8 1px solid;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 9999;
}

.job-rule-items {
    width: 600px;
    overflow: auto;
    height: 260px;
}

.job-rule-tab {
    margin-bottom: 0 !important;
}

/* job rule start */
.job-rule-model {
    text-align: center;
    box-shadow: 0 0 0 1px rgb(230,118,0);
    border-radius: 10px;
    margin-right: 10px;
    padding:10px;
}

.job-rule-model-img{
    height: 60px;
}

.job-rule-kintone-setting-padding{
    padding-left: 8%;;
}

.csvFormatMutiBox .xux-multipliable-cell {
    text-align: left !important;
}

.csvFormatMutiBox .xux-multipliable-cell .xux-labelableBox-content {
    text-align: left !important;
}

.csvFormatMutiBox > div > div {
    margin-left: -16px;
}

.csvFormatMutiBox {
    padding-left: 16px !important;
    width: 100%;
}

p.headerArea {
    height: 30px;
    line-height: 30px;
}


.output-tab {
    display: block !important;
}

.output-tab li {
    display: inline-block !important;
    width: 150px;
}

.output-tab li:first-child {
    margin-right: 5px !important;
}

.output-tab li:first-child:not(.ui-tabs-active) > a {
    border-right-color: rgb(140, 140, 140) !important;
    border-right-style: solid !important;
    border-right-width: 1px !important;
}

.output-tab li:last-child:not(.ui-tabs-active) > a {
    border-left-color: rgb(140, 140, 140) !important;
    border-left-style: solid !important;
    border-left-width: 1px !important;
}

.convert-detail-content {
    margin: 0 !important;
    width: 358px !important;
}

.convert-detail-content .xux-horizontalLayout-margin {
    width: 0 !important;
}

.convert-detail-title {
    width: 360px !important;
    background-color: #8c8c8c !important;
    text-align: left;
}

.convert-detail-title span {
    color: black !important;
}

.detail-margin {
    margin-top: 16px !important;
}

.text-multipl .xux-labelableBox-content>.xux-labelLayout-leading {
    margin-top: 0 !important;
}

.text-multipl .xux-multipliable-buttonCell,
.system-data-text-multipl .xux-multipliable-buttonCell {
    vertical-align: top !important;
    padding-right: 12px !important;
}

.text-multipl .xux-multipliable-buttonCell > div.xux-labelableBox-main {
    height: 32px !important;
    line-height: 32px !important;
}

.text-multipl span.convert-infotips {
    margin-right: 9px;
    width: 24px;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 4px;
    cursor: pointer;
}

.text-multipl .xux-multipliable-buttonCell .xux-labelableBox-content {
    text-align: right;
}

.text-multipl .xux-multipliable-buttonCell .xux-labelableBox-content .convert-infotips {
    text-align: left;
}

.convert-detail-content > div {
    margin-bottom: 0 !important;
}

.mark .xux-labelableBox-label,
.mark-char .xux-labelableBox-label{
    text-align: right;
}

.mark-char-true-val,
.mark-char-false-val {
    width: 360px !important;
}

.convert-detail-content .detail-margin .xux-suggestableInputField {
    vertical-align: bottom !important;
}

.convert-detail-content .detail-num .xux-localizable-input {
    width: 200px !important;
}

.charCountLimit,
.deleteRange,
.deleteChar,
.addChar,
.convertChar,
.formatDate,
.convertDate,
.padding {
    border: 1px solid #8c8c8c !important;
    margin-top: 5px !important;
    padding-bottom: 8px !important;
    width: 100% !important;
}

.deleteChar,
.addChar,
.convertChar,
.formatDate,
.convertDate,
.padding {
    padding-top: 5px !important;
}

.fileNameTypeSection .fileNameTypeSection .xux-style-list .xux-labelableBox-content > * {
    text-align: left;
}

.fileNameTypeSection .xux-style-list.xux-labelableBox .xux-labelableBox-content {
    padding-top: 0;
    padding-bottom: 0;
}

.fileNameTypeSection .xux-style-list.xux-labelableBox.xux-contentLayout-trailing .xux-labelableBox-content {
    text-align: left;
}

.fileNameTypeSection .text-multipl .xux-mixableBox:nth-child(1) > .xux-multipliable-cell > .xux-labelableBox-main > .xux-labelableBox-content{
    padding-top: 0;
}

.fileNameTypeSection .text-multipl .xux-mixableBox:nth-child(1) .text-multipl-label{
    line-height: 32px;
}


.fileNameTypeSection .xux-multipliable-cell > .xux-labelableBox-main > .xux-labelableBox-content {
    padding: 7px 0;
}

.fileNameTypeSection .xux-style-list.xux-labelableBox .xux-labelableBox-content {
    padding-right: 0;
    padding-left: 0;
}

.fileNameTypeSection .xux-style-list.xux-labelableBox .xux-labelableBox-label {
    vertical-align: unset;
    padding: 0 !important;
    line-height: 30px;
}

.fileNameTypeSection .xux-style-list.xux-labelableBox .text-multipl-label {
    line-height: 46px;
}

.fileNameTypeSection .xux-style-list.xux-labelableBox:hover, .fileNameTypeSection  .xux-style-list.xux-labelableBox.xux-contextMenu-trigger:hover {
    background-color: #f0f0f0;
}

#jobRule_output_setting_fileFormat form {
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}

.text-multipl-label {
    width: 128px;
    min-width: 128px;
    line-height: 42px;
}

.fileNameTypeSection .xux-multipliableBox .xux-style-list.xux-multipliable-content {
    display: contents !important;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}

.fileNameTypeSection .xux-mixableBox.xux-verticalLayout-top.xux-verticalLayout-bottom {
    border-bottom: 0;
}

.fileNameTypeSection {
    width: 612px;
}

select.detail_select ~ a > span {
    width: 95px !important;
}

.format-date-label {
    cursor: pointer;
}

.detail-padding {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.icon-drop {
    position: absolute !important;
    right: 0 !important;
    top: 5px !important;
    font-size: 14px !important;
}

.convert-layout {
    width: 150px !important;
}

.padding-layout-num {
    width: 150px !important;
}

.padding-layout-text {
    width: 100px !important;
}

.csv-file-name-box .xux-labelableBox-main,
.file-name-box .xux-labelableBox-main {
    line-height: 40px;
}

.serial-number-setting {
    padding-left: 20px;
}

.head-lay {
    display: inline-block;
    width: 190px;
    margin-left: 10px;
}

.csv-format {
    margin-right: 10px !important;
    margin-bottom: 10px !important;
}

.file-format {
    margin-right: 10px !important;
}

.csvFormatMutiBox .xux-labelableBox-main {
    line-height: 35px;
}

.csvFormatMutiBox .xux-labelableBox-content.xux-multipliable-cell {
    padding-left: 191px !important;
}

.csvFormatMutiBox .xux-multipliable-cell:not(.xux-buttonBox) .xux-labelableBox-content {
    padding-left: 191px !important;
    text-align: left !important;
}

.csvFormatMutiBox .xux-inputField-wrapper {
    margin-left: -182px;
}

#jobRule_outputform_setting_modalWindow .xux-multipliable {
    margin-top: 0px !important;
}

#jobRule_outputform_setting_modalWindow .headerArea {
    margin-bottom: 0px !important;
}

.convert-infotips {
    display: inline-block;
}

.read-setting {
    display: table-cell;
}

.label-disable {
    color: rgba(32, 32, 32, 0.3);
}

.confirm-left,
.confirm-right {
    display: inline-table;
    width: calc(100% - 800px);
}

.result-setting-image {
    height: 400px;
}

.confirm-left > div {
    margin-left: 16px;
}

.confirm-left > p {
    font-weight: 600;
}

.split-confirm-container {
    margin: 0 auto;
    width: 70%;
}

.read-setting-container .xux-wizard-tabs,
.atypical-read-setting-container .xux-wizard-tabs {
    vertical-align: top;
}

.read-setting-container > section:first-child > div,
.atypical-read-setting-container > section:first-child > div {
    padding-bottom: 32px !important;
    padding-top: 0 !important;
}

.read-setting-container > section:last-child,
.atypical-read-setting-container > section:last-child{
    border-bottom-width: 0 !important;
}

.job-rule-configuration-settings p {
    margin-top: 0 !important;
}

.attachment-true-area {
    margin-bottom: 0 !important;
}

.attachment-false-area {
    margin-top: 0 !important;
}

.classification-true-area {
    margin-bottom: 0 !important;
    margin-top: 32px !important;
}

.classification-false-area {
    margin-top: 0 !important;
}

.unreadable .expand {
    height: 21px;
}

.unreadable label {
    padding-right: 12px;
}

.unreadable input {
    background-color: #B2B2B2 !important;
    border-color: #B2B2B2 !important;
}

.sample-download-area {
    display: inline-block;
    position: absolute !important;
    bottom: 5px;
    right: 0;
}

.sample-download-area button {
    height: fit-content !important;
    width: 120px;
}

.form-column {
    display: inline-block;
}

.form-column > div,
.form-record-column > div {
    width: 145px;
    height: 30px;
    line-height: 30px;
    position: relative;
}

.form-record-column > div {
    width: 100%;
}

.column-title, .item-column-title {
    text-align: center;
}

.column-title button {
    height: 24px !important;
    width: 38px !important;
    min-width: 38px !important;
}

.column-title span.xux-button {
    position: absolute;
    right: 0;
}

.col-header-color {
    background-color: #EAEAEA;
    border: #CCCCCC solid 1px;
    margin: 0 -1px -1px 0;
}

.col-selected-color,
.row-selected-color {
    background-color: rgba(0, 131, 141, .4) !important;
}

.item-column .col-body-color:last-child,
.form-column .col-body-color:last-child {
    margin: 0 -1px 0 0 !important;
}
.col-body-color {
    background-color: #FFFFFF;
    border: #CCCCCC solid 1px;
    margin: 0 -1px -2px 0;
}
.oneItemPerLine-format-row-table-clo .row-num-cell {
    background-color: #EAEAEA;
    border: #CCCCCC solid 1px;
    margin: 0 -1px -2px 0;
    padding-left: 8px;
}
.oneItemPerLine-format-row-table-clo .row-num-cell:first-child {
    margin: 0 -1px -1px 0;
}
.oneItemPerLine-format-row-table-clo .row-num-cell:last-child {
    margin: 0 -1px 0 0;
}

/* 出力確認 start*/
.col-record-color {
    text-align: center !important;
    background-color: rgba(0, 0, 0, 0) !important;
}
.col-record-color div {
    width: 260px !important;
}
.col-record-id-color {
    text-align: right !important;
    background-color: rgba(0, 0, 0, 0) !important;
}
.col-record-header-color {
    width: 100px !important;
    background-color: #EAEAEA !important;
}
 .job-rule-record-table tr:nth-child(2) th,
 .job-rule-record-table td {
    word-break:break-all;
    border: #CCCCCC solid 1px !important;
    background-color: #FFFFFF;
}
.job-rule-record-table tr td:nth-child(1),
.job-rule-record-table tr th:nth-child(1) {
    border: none !important;
}
.record-id-th {
    float: left;
    padding-left: 0px !important;
    background-color: rgba(0, 0, 0, 0) !important;
}
.record-output-table .xux-decoratedTable-trailingBox {
    padding-right: 0px;
}
.job-rule-record-table {
    width: min-content !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    border-collapse: collapse !important;
}
/* 出力確認 end*/
.oneItemPerLine-format-table .xux-labelableBox-content {
    display: flex !important;
    width: 1178px !important;
    max-height: 500px !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
}

.oneRecordPerLine-format-table {
    display: inline-flex !important;
    width: calc(100% - 273px) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

.oneItemPerLine-format-table {
    display: inline-flex !important;
    width: calc(100% - 91px) !important;
    overflow-x: auto !important;
    overflow-y: hidden;
}

.oneRecordPerLine-format-record-table {
    width: 257px !important;
    display: inline-block;
    vertical-align: top;
    margin-left: 16px;
}

.oneItemPerLine-format-row-table {
    width: 75px !important;
    display: inline-block;
    vertical-align: top;
    margin-left: 16px;
    margin-top: 1px;
}

.oneRecordPerLine-format-div {
    width: 100%;
}

.oneRecordPerLine-format-tip {
    display: inline-block;
    margin-top: 0 !important;
    margin-left: 60px;
    vertical-align: middle;
}

.oneItemPerLine-format-div {
    max-height: 212px;
    overflow-y: auto;
    display: block;
}

.csv-format-area > div:last-child {
    display: block !important;
}

.oneRecordPerLine-format-button-group span.xux-button,
.oneItemPerLine-format-button-group span.xux-button {
    margin-right: 16px !important;
    margin-left: 0 !important;
    vertical-align: middle;
}

.oneItemPerLine-format-button-group span.xux-button {
    margin-right: 8px !important;
}
.oneItemPerLine-format-button-group .column-right-oneItemPerLine {
    margin-right: 24px;
}

.oneItemPerLine-format-annotate a {
    vertical-align: middle;
}

.oneItemPerLine-format-annotate-msg {
    display: inline-block !important;
    margin-top: 0 !important;
    margin-left: 10px;
    vertical-align: middle;
}

.csv-format-area .xux-horizontalLayout-margin {
    display: none;
}

.csv-format-box {
    margin-top: 32px;
    line-height: 30px !important;
}

.item-column {
    display: inline-block;
    vertical-align: top;
}

.item-column > div{
    width: 145px;
    height: 30px;
    line-height: 30px;
    position: relative;
}

.oneItemPerLine-format-row-table-clo > div{
    width: 67px;
    height: 30px;
    line-height: 25px;
    position: relative;
}

.oneRecordPerLine-format-table .xux-labelableBox-content > span.xux-button,
.oneItemPerLine-format-table .xux-labelableBox-content > span.xux-button {
    vertical-align: top;
    margin-top: 32px;
}

.add-item-row-div {
    margin-top: 0 !important;
    margin-left: 35px;
}

.add-item-row-div .xux-labelableBox-content span.xux-button {
    margin-top: 0;
}

.col-header-color button,
.col-body-color button{
    height: 24px !important;
    width: 38px !important;
    min-width: 38px !important;
}

.col-header-color span.xux-button,
.col-body-color span.xux-button{
    position: absolute;
    right: 2px;
    text-align: right;
}

.output_content_btns span.xux-button:last-child {
    vertical-align: top !important;
}

.output-result {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.output-result-refresh {
    margin-left: -25px !important;
    vertical-align: middle !important;
}

.padding-radio-box{
    display: inline-block !important;
    vertical-align: bottom !important;
    margin-left: 10px !important;
    margin-top: 0 !important;
}

.job-rule-output-setting .xux-boundingBox-item.xux-boundingBox-row {
    height: 100% !important;
}

.job-rule-output-setting {
    overflow: auto;
}

.output-destination-setting {
    overflow-x: hidden !important;
}

.form-column .cell-value {
    margin-left: 8px;
    display: inline-block;
    width: 90%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 100%;
}

.col-header-warning-icon {
    height: 32px;
    display: inline-block;
    vertical-align: top;
    line-height: 32px !important;
    color: #E6BC00;
    margin: 0 8px;
}

.button-header-warning-icon {
    height: 32px;
    display: inline-block !important;
    vertical-align: top;
    line-height: 26px !important;
    color: #E6BC00 !important;
    padding-left: 2px !important;
    padding-right: 8px !important;
}

.item-column .cell-value {
    margin-left: 8px;
    display: inline-block;
    width: 70%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.read-setting {
    width: calc(100% - 800px);
}

#job_rule_edit_modalWindow {
    height: calc(100% - 100px);
}

#job_rule_edit_modalWindow form {
    height: 100%;
}

#job_rule_edit_modalWindow .xux-buttonBox .xux-button:nth-child(2) {
    margin-left: 8px;
    margin-right: 8px;
}

#job_rule_edit_modalWindow > .xux-buttonBox {
    margin-top: 5px;
}

#atypical_job_rule_edit_modalWindow.new > .xux-buttonBox {
    margin-top: 5px;
    width: 742px;
}

#atypical_job_rule_edit_modalWindow.edit > .xux-buttonBox {
    margin-top: 5px;
    width: 759px;
}

#atypical_job_rule_edit_modalWindow .xux-buttonBox .xux-button:nth-child(1) {
    float: left;
}

#job_rule_edit_modalWindow .xux-modalWindow-content,
#atypical_job_rule_edit_modalWindow > .xux-modalWindow-content {
    padding-bottom: 0;
}

.read-setting-container,
.atypical-read-setting-container {
    display: table-cell;
    height: 100%;
    margin-top: 10px;
}

.read-setting-container .ui-tabs,
.atypical-read-setting-container .ui-tabs {
    display: inline-flex;
}

.job-rule-create-image-container .thumbnails {
    width: 190px;
    height: 100%;
    margin-right: 10px;
}

.thumbnails canvas {
    width: 100px;
    margin: 5px auto;
    cursor: pointer;
}

.thumbnail-selected {
    width: 135px !important;
    border: 3px solid #00838D;
}

.thumbnail-div-selected .xux-icon {
    display: inline !important;
}

.thumbnails .xux-icon {
    text-align: right;
    display: contents;
    color: #FFFFFF;
}

.job-rule-create-image-container .thumbnails > div {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    background-color: #D8D8D8;
    height: 100%;
    width: 190px;
}

.desol-img-viewer-paint-bar {
    display: flex;
    align-items: center;
    height: 35px;
    z-index: 9999;
    font-size: 16px;
    top: 10px;
    background-color: #24262B !important;
    width: 100%;
    box-sizing: border-box;
    padding-left: 2px;
}

.desol-img-viewer-paint-bar .paint-icon {
    display: none;
}

.desol-img-viewer-paint-bar .xux-icon-check_on_press,
.desol-img-viewer-paint-bar .xux-icon-tables {
    margin-left: 5px;
}

.desol-img-viewer-paint-bar img {
    width: 25px;
    height: 25px;
}

.desol-img-viewer-paint-bar .paint-bar-autoCheckbox {
    margin-left: 32px;
    margin-right: 32px;
}

.desol-img-viewer-paint-bar.enable .paint-icon {
    cursor: pointer;
}

.desol-img-viewer-paint-bar.disable .paint-icon {
    cursor: default;
}

.job-rule-reading-method-setting-first-text {
    margin-top: 0 !important;
}


.job-rule-create-image-container {
    min-width: 540px;
}

.atypical-job-rule-create-image-container {
    min-width: 530px;
    margin-right: 10px;
}

.job-rule-create-image-container .image > .img-view {
    display: flex;
    width: 100%;
    flex-direction: column;
    overflow-y: auto;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    height: calc(100% - 70px);
    background-color: #D8D8D8;
}

.atypical-job-rule-create-image-container .image > .img-view {
    display: flex;
    width: 100%;
    flex-direction: column;
    overflow-y: auto;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    height: calc(100% - 36px);
    background-color: #D8D8D8;
}

.job-rule-create-image-container .image {
    width: calc(100% - 210px);
    height: 100%;
    position: relative;
}

.atypical-job-rule-create-image-container .image {
    width: 100%;
    height: 100%;
    position: relative;
}

#configuration_confirm p {
    margin-bottom: 20px;
}

#configuration_confirm .xux-modalWindow-content .xux-labelableBox-main .xux-labelableBox-content > div {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 16px;
}

#configuration_confirm .xux-modalWindow-content {
    margin-bottom: 0;
    padding-bottom: 0;
}

.img-canvas{
    width: 600px !important;
    height: 450px;
    overflow-y: auto;
}

.image-canvas{
    position: relative;
    margin: auto;
    width: fit-content;
    width: -moz-fit-content;
    display: block;
}

.attachment-page-span,
.unknown-page-span {
    display: inline-block;
    width: 155px;
    height: 22px;
    background-color: #24262B;
    color: #ACAEB3;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;
}

.record-page-span {
    display: inline-block;
    width: 155px;
    height: 22px;
    background-color: #24262B;
    color: #FFFFFF;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;
}

.sketch-page-span {
    display: inline-block;
    width: 155px;
    height: 22px;
    background-color: #00838D;
    color: #FFFFFF;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;
}
.replace-image {
    position: absolute;
    top: 5px;
    left: calc(50% + 4px);
}
.replace-image img {
    width: 46px;
    height: 46px;
}

.thumbnail-div-selected img {
    width: 62px;
    height: 62px;
}

.thumbnail-div-selected .replace-image {
    position: absolute;
    top: 5px;
    left: calc(50% + 5.5px);
}

.thumbnails .record > div {
    position: relative;
}

.thumbnails > div > div {
    position: relative;
}

.job-rule-create-image-container > div,
.atypical-job-rule-create-image-container > div {
    display: flex;
    height: 100%;
}

.paint-icon {
    width: 31px;
    height: 31px;
}

.paint-icon img {
    padding: 3px;
}

.button-selected {
    background-color: #1a6fc5 !important;
}

.button-selected > span{
    color: #FFFAF0 !important;
}

.job-rule-settings,
#job_rule_output_destination_setting {
    width: 610px;
    min-width: 610px;
}
#job_rule_output_destination_setting .align-left-margin {
    margin-left: 30px;
}

.output-buttons p {
    display: inline-block;
    line-height: 32px;
}

.output-buttons {
    margin-top: 32px !important;
}

.output-buttons .xux-labelableBox-content {
    display: grid !important;
    grid-template-columns: 105px 86px 300px !important;
}

.align-left-margin .xux-labelableBox-main {
    display: grid !important;
    grid-template-columns: 172px calc(100% - 172px) !important;
    word-break: break-all;
    width: calc(100% - 30px) !important;
}

.align-left-margin .xux-labelableBox-main label {
    margin-bottom: 0 !important;
}

.align-left-margin .xux-labelableBox-main .xux-labelableBox-content {
    padding-left: 0 !important;
}

.job-rule-configuration-settings p:nth-child(1) {
    font-size: 20px;
    font-weight: bold;
}

.job-rule-configuration-settings {
    margin-left: 22px !important;
}

.job-rule-settings p:nth-child(1) {
    font-size: 20px;
    font-weight: bold;
}

.job-rule-create-image-container .desol-img-viewer-menu-bar,
.atypical-job-rule-create-image-container .desol-img-viewer-menu-bar {
    display: flex;
    align-items: center;
    height: 35px;
    font-size: 16px;
    background-color: #24262B !important;
    width: 100%;
}

.job-rule-create-image-container .image-rotation {
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.job-rule-create-image-container .image-rotation img {
    width: 28px;
    height: 28px;
    padding: 3px;
}

.desol-img-viewer-menu-bar > div {
    display: flex;
}

.desol-image-viewer-menu-bar button span,
.desol-img-viewer-menu-bar button span {
    color: #ACAEB3 !important;
}

.desol-image-viewer-menu-bar button span:hover,
.desol-img-viewer-menu-bar button span:hover {
    color: #FFFFFF !important;
}

.desol-image-viewer-menu-bar button span:active,
.desol-img-viewer-menu-bar button span:active {
    color: #737478 !important;
}

.desol-img-viewer-menu-bar a {
    margin-left: 8px !important;
}

.select-images-div {
    width: 170px;
    margin: 10px auto;
}

.unselect-image {
    opacity: 0.6;
    pointer-events: none;
}

.desol-img-viewer-menu-bar .xux-icon-trash {
    margin-left: 340px;
}

.job-rule-reading-method-setting{
    width: 610px;
    min-width: 610px;
    overflow: hidden;
    margin-right: 16px;
}

.job-rule-reading-method-setting p:nth-child(1) {
    font-size: 20px;
    font-weight: bold;
}

.job-rule-reading-method-setting .xux-button:nth-child(6) {
    float: right;
    margin-left: 10px;
}

.button-disabled {
    pointer-events: none;
}

.text-container > div,
.atypical-text-container > div {
    display: table;
}

.text-container > div:first-child,
.atypical-text-container > div:first-child {
    margin-top: 0;
}

.text-container,
.atypical-text-container {
    width: 100%;
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 0 !important;
    display: block;
}

.text-container .xux-labelableBox-error,
.atypical-text-container .xux-labelableBox-error {
    padding-left: 8px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    display: none;
    width: 572px;
    margin-top: 5px;
}

.text-container .xux-type-fault,
.atypical-text-container .xux-type-fault {
    border: 1px #b32029 solid !important;
}

.text-container .xux-labelableBox-error > .xux-validate-error-tip,
.atypical-text-container .xux-labelableBox-error > .xux-validate-error-tip {
    margin-top: 0px;
    display: inline-flex;
}

.text-container .xux-labelableBox-error > .xux-validate-error-tip .xux-validate-error,
.atypical-text-container .xux-labelableBox-error > .xux-validate-error-tip .xux-validate-error {
    word-break: keep-all;
    top: 4px;
}

.atypical-text-container .xux-checkbox {
    margin-left: 3px;
}

.disabled-item a.xux-dropdown,
.disabled-item .xux-button,
.disabled-item input.xux-inputField {
    opacity: 0.3;
    pointer-events: none;
}

.group-set {
    margin-bottom: 10px;
    background-color: #F2F2F2;
}

.group-set > label,
.group-set > span {
    margin-right: 5px;
}

.group-set .item-set {
    margin-left: 16px;
    display: table;
    width: 577px;
}

.group-set .item-set {
    margin-top: 10px;
    margin-bottom: 0;
}

.item-set {
    margin-bottom: 10px;
}

.item-set label {
    line-height: 32px;
    vertical-align: middle;
}

.item-set .xux-button-text {
    font-family: "Yu Gothic UI", "Arial", sans-serif;
}

.group-set .group-name,
.group-set .category-name,
.item-set label.field-label,
.item-set label.xux-labelableBox-label{
    padding-left: 8px !important;
}

.item-set.collapse .collation-message {
    display: none !important;
}

.item-set.collapse .conversion-message {
    display: none !important;
}

.group-set .group-name{
    white-space: pre;
    padding-right: 12px;
    margin-right: 0px;
    box-sizing: border-box;
    padding-left: 0 !important;
}

.group-set{
    padding-top: 3px;
}

.item-text {
    display: grid;
    background-color: #D9D9D9;
    margin-top: 10px;
}

.item-text > div {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.item-text > div > div {
    display: table-cell;
    font-family: "Yu Gothic UI", "Arial", sans-serif;
    box-sizing: border-box;
    position: relative;
    line-height: 1.25;
}

.field-label {
    white-space: pre;
    padding-right: 32px;
    box-sizing: border-box;
}

.no-db-data {
    display: none;
}

.no-db-data + a {
    display: none;
}

.field-label-left {
    width: 80px;
    display: inline-block;
}

.atypical-text-container .field-label-left {
    width: 89px;
}

.atypical-text-container .field-name-div .field-label-left {
    width: 62px;
}

.field-label-left-long {
    width: 166px !important;
    display: inline-block !important;
    margin-bottom: 0 !important;
    min-width: unset !important;
}

.atypical-text-container .field-label-left-long {
    width: 147px !important;
}

.field-label-right {
    width: 80px;
    display: inline-block;
}

.all-space-job-rule-area {
    border: 1px solid rgba(0, 0, 0, 0.3) !important;
    background: white !important;
    height: 165px;
    line-height: 25px;
    overflow-y: auto;
}
.all-space-job-rule-area-margin {
    margin-top: 2% !important;
}
.all-space-job-rule-list {
    display: block;
    width: 100%;
    margin-left: -40px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.all-space-job-rule-list-selected,
.my-space-job-rule-list-selected {
    background-color: rgba(0, 131, 141, .4) !important;
}
.all-space-job-rule-list-selected:hover,
.my-space-job-rule-list-selected:hover {
    background-color: rgba(0, 131, 141, .2) !important;
}
.list-item-hover-color:hover {
    background-color: #d8d8d8;
}
.all-space-job-rule-list-selected a,
.my-space-job-rule-list-selected a {
    font-weight: bold !important;
}
.all-space-job-rule-list label,
.my-space-job-rule-list label {
    cursor: pointer !important;
}

.item-text .xux-radio:nth-child(5),
.item-text .xux-radio:nth-child(6) {
    margin-left: 16px;
}

.radio-label {
    padding-left: 3px;
}

.item-text > div:nth-child(1),
.item-text > div:nth-child(2):not(.expand) {
    margin-bottom: 4px !important;
}

.item-text .xux-dropdown-header {
    width: 194px !important;
}

.item-text a {
    margin-right: 8px !important;
}

.item-text button.collation,
.item-text button.conversion {
    margin-right: 8px;
    width: 46px;
    min-width: 46px !important;
}

.item-text .collation-select-text,
.item-text .conversion-select-text {
    width: 140px !important;
    text-overflow: ellipsis;
}

.item-text .xux-dropdown-header .xux-sel-desc {
    width: 162px;
}

.item-text button {
    margin-left: 8px !important;
}

.job-rule-configuration-settings {
    width: 610px;
    margin-left: 10px;
}

.job-rule-reading-method-setting .item-text {
    display: table-cell;
    padding-top: 3px;
}
.table-cell-layout {
    display: table-cell;
    padding-top: 3px;
}
.job-rule-reading-method-setting .table-cell-icon .xux-icon {
    visibility: hidden;
}
.job-rule-reading-method-setting .highlight-text + .table-cell-icon .xux-icon {
    visibility: visible;
}
.job-rule-reading-method-setting .text-container div:first-child .table-cell-icon .sort-up {
    visibility: hidden;
}
.job-rule-reading-method-setting .text-container div:last-child .table-cell-icon .sort-down {
    visibility: hidden;
}
.job-rule-reading-method-setting .group-set div.item-set:nth-of-type(1)  .table-cell-icon .sort-up {
    visibility: hidden;
}
.job-rule-reading-method-setting .group-set div.item-set:nth-last-of-type(1)  .table-cell-icon .sort-down {
    visibility: hidden;
}
.item-set[modelname="number_rule_line"] .item-text > div:nth-child(4),
.item-set[modelname="number_rule_line"] .item-text > div:nth-child(5),
.item-set[modelname="number_rule_line"] .item-text > div:nth-child(6),
.item-set[modelname="number_rule_line"] .item-text > div:nth-child(7),
.item-set[modelname="number_rule_line"] .item-text > div:nth-child(8),
.item-set[modelname="checkbox"] .item-text > div:nth-child(3),
.item-set[modelname="checkbox"] .item-text > div:nth-child(4),
.item-set[modelname="checkbox"] .item-text > div:nth-child(5),
.item-set[modelname="checkbox"] .item-text > div:nth-child(6),
.item-set[modelname="checkbox"] .item-text > div:nth-child(7),
.item-set[modelname="checkbox"] .item-text > div:nth-child(8)  {
    display: none !important;
}
.item-set.readable .expand{
    cursor: pointer;
}

.job-rule-reading-method-setting .xux-icon-refresh,
.job-rule-reading-method-setting .collation-progress,
.job-rule-reading-method-setting .conversion-progress {
    margin-left: 8px;
}

.job-rule-reading-method-setting .collation-progress .xux-progressIndicator,
.job-rule-reading-method-setting .conversion-progress .xux-progressIndicator {
    vertical-align: middle;
}

.job-rule-reading-method-setting.atypical {
    width: 575px;
    min-width: 575px;
}

.expand .xux-labelableBox-content {
    text-align: center;
}

.expand {
    margin: 0 auto;
    background-color: #BFBFBF !important;
    text-align: center;
    line-height: 20px;
    margin-top: 3px !important;
}

.collation-message,
.conversion-message {
    width: calc(100% - 10px) !important;
    padding-left: 10px;
}

.collation-message .xux-icon-warning,
.conversion-message .xux-icon-warning {
    top: 2px;
    position: relative;
    font-size: 16px;
    margin-right: 8px;
}

.highlight-text {
    background-color: #00838d66;
}

.read-setting-container .job-rule-reading-method-setting .xux-button:last-child {
    float: right;
}

.job-rule-reading-method-setting .xux-button:last-child button:not(.job-rule-delbtn):not(.job-rule-downbtn) {
    width: 46px;
    min-width: 46px;
}

.text-tool-bar,
.atypical-text-tool-bar {
    margin-bottom: 6px !important;
}

.text-tool-bar .xux-button:last-child{
    float: right;
}

.text-tool-bar div,
.atypical-text-tool-bar div{
    display: inline !important;
    margin: 0px;
}

.text-tool-bar button,
.atypical-text-tool-bar div{
    width: 118px;
}

.read-items {
    display: table-cell;
}

.read-items-left {
    width: calc(100% - 800px);
}

.items-select-container {
    margin-left: 16px;
}

.text-container input[type="text"],
.atypical-text-container input[type="text"] {
    width: 153px;
}

.atypical-text-container .item-text > div:nth-child(2) > div {
    left: 290px;
    display: inline-block;
}

.by-AI-settings > div > div:nth-child(1),
.by-AI-settings > div > div:nth-child(3) {
    display: table-cell;
    line-height: 290px;
}

.by-AI-settings > div > div:nth-child(2) {
    display: table-cell;
    text-align: center;
}

.by-AI-settings p:nth-child(1) {
    margin-top: 0;
    margin-bottom: 0;
}

.by-AI-settings p:nth-child(2) {
    margin-top: 0;
}

.job-rule-canvas,
.ai-canvas {
    display: flex;
    min-width: 310px;
}

.job-rule-canvas div,
.ai-canvas div {
    display: inline-grid;
    position: relative;
    width: 126px;
    height: 179px;
    margin-left: 3px;
    margin-right: 3px;
}

.ai-canvas div {
    border: 1px solid #D2D3D7;
    margin-left: 2px;
    margin-right: 2px;
}

.job-rule-thum {
    margin-left: 3px;
    margin-bottom: 3px;
}

.ai-thum {
    margin: auto;
}

.job-rule-thum-selected {
    margin-left: 0;
    margin-bottom: 3px;
    border: 3px solid #247FB4;
}

.ai-thum-selected {
    border: 3px solid #247FB4 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#job_rule_create_name .xux-modalWindow-content .xux-labelableBox-content > span {
    width: 100%;
}

#create_job_rule_name {
    width: calc(100% - 60px);
}

#job_rule_temp_save {
    margin-right: 8px;
}

.thumbnails button {
    display: none !important;
}

.search-next-page button {
    display: inline-block !important;
}

.search-next-page {
    height: calc(100% - 40px) !important;
}

.thumbnails .xux-button {
    text-align: center;
    display: block;
}

.thumbnails button {
    width: 190px;
    height: 32px !important;
    margin-top: 8px !important;
    text-align: center;
}

.cannot-create-item-message {
    margin-top: 50px;
}

#loading_job_rule_edit_dialog,
#loading_reading_item_create_dialog {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
}

#loading_job_rule_edit_dialog > div,
#loading_reading_item_create_dialog > div {
    position: fixed;
    top: 50%;
    left: 50%;
}

#loading_message_dialog {
    position: absolute;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,1);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wait-loading {
    overflow-y: hidden;
}

.load-dialog-left {
    left: 0 !important;
}

.load-dialog-left .xux-modalWindow-ensureBottomMargin {
    display: none !important;
}

#loading_message_dialog > div {
    text-align: center;
}

.field-name-div {
    width: 282px;
}

.atypical-text-container .field-name-div {
    width: 291px;
}

.parent-job-rule-arr,
.replace-error-textarea,
.deleted-job-rule-error-textarea {
    border: 1px solid rgba(0, 0, 0, 0.3) !important;
    background: #f2f2f2 !important;
    text-align: center;
    height: 130px;
    line-height: 130px;
    display: block;
    width: 598px !important;
    height: 130px !important;
    margin: 0 !important;
    overflow-y: auto;
}
.job-rule-set-msg,
.job-rule-space {
    padding-top: 1%;
}
.all-to-my-new-job,
.my-to-all-new-job,
.my-to-my-new-job {
    margin-left: 5%;
}
.all-to-my-job-rule-name,
.my-to-all-job-rule-name {
    width: 307px!important;
}
.design-page-refresh-button,
.all-page-refresh-button {
    text-align: end;
}
.design-space-section-site-div {
    float: right;
}

.job-rule-setting-modalwindow,
.jobrule-business-check-modalwindow {
    display:none;
}
.create-job-rule-error-message {
    height: fit-content;
    color: #B32029;
    font-size: 14px;
    margin-top: 8px;
    margin-left: 65px;
    margin-bottom: 9px;
}

#job_rule_create_dialog  p:nth-child(3),
#job_rule_create_dialog  p:nth-child(6) {
    margin-bottom: 0px;
    margin-left: 32px;
}

#job_rule_create_dialog  p:nth-child(4),
#job_rule_create_dialog  p:nth-child(7) {
    margin-top: 0px;
    margin-left: 32px;
}

.record-table-view thead,
.record-table-view tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.record-table-view thead {
    padding-bottom: 0;
}

.record-table-view tbody {
    display: block;
    padding-left: 6px;
    overflow-y: auto;
}


#decoratedTable_record {
    height: calc(100% - 35px);
    margin-bottom: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}
.disable_Menu{
    pointer-events: none
}

.mutiTableSection .xux-horizontalLayout-item-3 {
    padding-top: 8px;
    vertical-align: top;
}

.mutiTableSection .decorated-job-table {
    vertical-align: top;
    padding-left: 20px;
    padding-top: 8px;
}

.output-setting {
    margin-left: 32px;
    display: inline-block;
}
.output-setting-result {
    margin-left: 20px;
    margin-top: 20px;
}
.output-left {
    margin-left: 32px;
}


#output_list_box label {
    display: block;
}
#output_list_box .xux-labelableBox-content {
    display: contents;
}
#data_output_modalWindow .xux-inputField-wrapper {
    display: block;
}
#output_file_name {
    width: 100%;
}

#header_to_download {
    display: inline-block;
    width: 110px;
    text-align: center;
    position: absolute;
    top: 35px;
}

#operation_content .xux-horizontalLayout-item-fixed {
    vertical-align: top;
}
#operation_content .xux-applyBoxAndLayout-root {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    position: relative;
}
#operation_content .xux-applyBoxAndLayout-root .xux-layoutGroup:last-child {
    margin-top: 0px !important;
}
#data_output_modalWindow .xux-requiredStyle-mark {
    display: none;
}
/* Business designer end*/

/* 操作待ちジョブ一覧画面 BEGIN */
.width-icon-warn-start {
    padding-left: 25px !important;
}
.width-icon-warn-confirm {
    padding-left: 39px !important;
}
.upload-label-fix {
    display: inline-block !important;
    width: max-content !important;
}
.move-in-file {
    border: 1px solid rgba(0, 0, 0, 0.3) !important;
    background: #f2f2f2 !important;
    text-align: center;
    height: 130px;
    line-height: 130px;
}
.move {
    margin-right: 24px !important;
}
.drop-file-list {
    display: block;
    width: 595px !important;
    height: 130px !important;
    margin: 0 !important;
    overflow-y: auto;
}
.drop-file-line {
    height: 25px;
    line-height: 25px;
    text-align: left;
}
.drop-file-name {
    display: inline-block;
    font-size: 16px;
    width: 80% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 5% !important;
}
.drop-file-delete {
    font-family: 'NBFont' !important;
    font-size: 18px;
    overflow: hidden;
    margin-left: 10px;
    display: inline-block;
}
.upload-success-content {
    text-align: left;
}
.upload-success-content p {
    display: inline-block;
    vertical-align: top;
    margin: 0;
}
.upload-success-content span {
    font-size: 35px;
}
.upload-progress .ui-progressbar {
    display: inline-block;
    width: 90%;
    margin: 0;
}
.progress-percent-text {
    display: inline-block;
    height: 30px !important;
}
.set-progress-father {
    height: 30px !important;
}
.file-layout {
    display: block !important;
    max-height: 138px;
    overflow-y: auto;
    padding: 5px 0px;
}
.max-file-site {
    margin-left: 159px;
}

/* upload work folder begin*/
.back-color {
    background-color: #00838d !important;
    border-color: #00838d !important;
}
.upload-failed-color-change {
    background-color: #e6bc00 !important;
    border-color: #e6bc00 !important;
}
.no-dispaly-black-border {
    outline: none;
}
.selected-xux-button {
    width: 38px !important;
    height: 32px !important;
}
.workfolder-for-upload span.xux-button {
    height: 32px !important;
    vertical-align: top !important;
    font-size: 16px !important;
    color: #ffff !important;
}
.workfolder-for-upload span.xux-button-input-delete {
    margin-left: 16px !important;
}
.workfolder-for-upload span.xux-button button {
    vertical-align: top !important;
}
.workfolder-for-upload span.xux-icon-convert,
.workfolder-for-upload span.wastebasket-before,
.workfolder-for-upload span.xux-button-text {
    font-size: 16px;
    color: #ffff;
}
.workfolder-input {
    width: 168px;
    height: 30px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px solid#8c8c8c;
    font-family: "Yu Gothic UI", "Arial", sans-serif !important;
}
.input-div-delete {
    height: 29px !important;
}
.select-input-div {
    padding-top: 16px !important;
}
.upload-working-folder-content,
.working-folder-view {
    vertical-align: top !important;
}
.upload-working-folder-content {
    overflow-x: auto !important;
}
.workfolder-for-upload {
    display: block !important;
    max-height: 138px;
    overflow-y: auto;
    margin-top: -5px;
}
.xux-button-file-delete {
    margin-left: -3px;
}
.xux-button-file-reselect-span .set-select-xux-button-default,
.xux-button-file-select-span .set-select-xux-button-default {
    width: 67px !important;
    margin-left: -7px !important;
}
.xux-button-file-select-span {
    padding-left: 3px;
}

.select-input-div .xux-button-file-reselect,
.select-input-div .added-input-select-button {
    margin-left: -4px;
}
.upload-select-text-margin-left {
    margin-left: 1px;
}
.job-file-again-select,
.job-file-again-delete {
    border-color: transparent !important;
}
.wastebasket-size-span {
    font-size: 22px !important;
}
.upload-file-view .xux-decoratedTable-table {
    height: auto !important;
}
.reselect-file-div {
    margin-top: 2px;
}
.working-folder-update-date-th {
    width: 23% !important;
}
.working-folder-file-name-th {
    width: 67% !important;
}
.working-folder-check-th,
.working-folder-icon-th {
    width: 5% !important;
}
/* upload work folder end*/
/* home ed */

.xux-horizontalLayout-item-fixed {
    width: 270px;
}

#processing_operations .xux-labelableBox-content {
    display: table-row;
}

#processing_operations .xux-labelableBox-content .xux-button {
    display: block;
    margin-left: 0;
}

#processing_operations .xux-icon {
    width: 20%;
    display: table-cell;
    text-align: center;
    position: relative;
    top: 8px;
    padding-left: 10px;
    padding-right: 10px;
}

#workspace_info {
    top: 3px;
    position: absolute;
    margin: 0 auto;
    left: calc(50% - 20px);
}

.processing-operations section > div {
    max-width: unset !important;
}

.inherent-info > div, .property-info > div,
.definition-info > div {
    height: 25px;
}
.property-info {
    height: 800px;
}
.job-rule-info .xux-horizontalLayout-responsive > div {
    vertical-align: top;
}
.setting-info-layout {
    padding-left: 8px;
    padding-right: 2px;
    vertical-align: top !important;
}
.share-user-div {
    text-align: right;
}
.position-change {
    display: inline-block;
}

.share-user-div button {
    width: 100%;
    text-align: left;
}

.displayType-div {
    height: 0px;
}

.itemHorizontal .xux-horizontalLayout-item-3 {
    vertical-align: bottom;
}

.vertical-align-middle {
    vertical-align: middle;
}
.vertical-align-top {
    vertical-align: top;
}
.preview-div {
    background-color: white;
    margin: auto;
}
.padding-bottom {
    padding-bottom: 16px;
    display: inline-flex;
    width: 100%;
}
.detail-title {
    width: 253px;
    min-width: 253px;
    display: inline-block;
    margin-right: 32px;
}
.detail-value {
    right: 29px;
    position: relative;
}
.comment-position {
    position: relative;
    top: 32px;
}
/* 操作待ちジョブ一覧画面 END */
.align-right {
    text-align: right !important;
}

.alignCenter {
    text-align: center !important;
}

.xux-horizontalLayout-item-button {
    width: 83px;
    padding: 0px !important;
}

.xux-horizontalLayout-item-button .xux-button {
    margin: 0px;
}

.recordlt {
    margin-left: 18px;
}

.decoratedTable-job-area + .xux-horizontalLayout-margin,
.xux-horizontalLayout-item-button + .xux-horizontalLayout-margin {
    display: none;
}

.decoratedTable-job-area,
.decoratedTable_record_area {
    vertical-align: top !important;
}

.decoratedTable-job-area button {
    width: 250px;
    text-align: left;
}

.category_jobRuleId {
    width: 180px;
    text-align: left;
}

.tip_button {
    width: 180px;
    text-align: left;
}

.site-management .xux-labelableBox.xux-indent-1 {
    padding-left: 0px;
}

.site-management .xux-staticText {
    color: black;
}

.workspace-job-rule-table, .site-job-rule-table {
    padding-left: 124px;
    padding-right: 16px;
}
.site-job-rule-table thead, .site-job-rule-table tbody tr,
.workspace-job-rule-table thead, .workspace-job-rule-table  tbody tr{
    display: table;
    width: 100%;
    table-layout: fixed;
}
.db-job-rule-table {
    padding-left: 16px !important;
    padding-right: 8px !important;
}

.job-rule-tbody {
    max-height: 35vh;
    display: block;
    overflow-y: auto;
}
.delete-tbody {
    max-height: 35vh;
    display: block;
    overflow-y: auto;
}

.workspace-name-div {
    margin-bottom: 16px;
}
/* 利用量詳細 start*/
#usage_detail_tab li {
    width: 200px;
}
/* 利用量詳細 end*/

.register-button{
    width: 150px;
}

.job-decorated-table-view .xux-decoratedTable-table,
.record-decorated-table-view .xux-decoratedTable-table {
    overflow-x: auto;
    overflow-y: hidden;
}

.job-record-filter-td, .job-record-filed-td {
    width: 60px;
}

.job-record-side-list span.xux-list {
    min-width: 300px !important;
}

.job-rule-check-text,
.multiple-select-status-check .xux-list {
    width: 315px;
}


.job-status-select-checkBox,
.record-status-select-checkBox {
    vertical-align: top;
}

.table-width-fixed {
    table-layout: fixed;
}

.reset-share-table thead, .reset-share-table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.reset-share-table tbody {
    display: block;
    overflow-y: auto;
    max-height: 217px;
}
.table-ellipsis {
    text-overflow: ellipsis !important;
    white-space: nowrap;
    width: 100%;
    overflow: hidden !important;
}

.text-align-center {
    text-align: center;
}

.div-padding-top {
    padding-top: 20px
}

.desol-flex-div {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
}
.desol-flex-div-left {
    width: 50%;
    min-width: 33%;
    height: 100%;
}
.desol-image-viewer-next-page {
    margin-left: 13px !important;
}
.desol-image-viewer-previous-page {
    margin-right: 13px !important;
}
.desol-flex-div-right {
    width: 50%;
    min-width: 33%;
    height: 100%;
    flex-grow: 1;
}

.desol-list-view-left {
    width: 23%;
}

.desol-list-view-right {
    width: 77%;
}

.job-record-table-search {
    height: 175px;
}

.job-rule-table-search {
    height: 180px;
}

.nav-space {
    min-width: 200px;
}

.job-record-body {
    min-width: 1310px;
}

.copy-space {
    padding-top: 20px;
}

.user-and-mailaddress-search {
    width: 225px;
}
#user_search {
    width: 230px;
}

.xux-twoSidedList-left .site-users,
.xux-twoSidedList-right .site-users{
    display: none;
}

.two-side-list .xux-list-item {
    /*When adding dropdown to twosidedlist, the 'line-height' of dropdown is covered */
    line-height: 25px;
    margin-bottom: 3px;
    cursor: default;
}

.two-side-list {
    padding-right: 20px;
}

.twoSidedList-section {
    width: 381px;
}
.xux-twoSidedList-left .xux-list {
    height: 322px;
    padding-top: 5px;
}

.xux-twoSidedList-right .xux-list {
    height: 322px;
    padding-top: 5px;
}

.xux-twoSidedList-left .twoSidedList-section > div:first-child,
.xux-twoSidedList-right .twoSidedList-section > div:first-child {
    height: 32px;
    margin-bottom: 8px;
}

.xux-twoSidedList-left .twoSidedList-section div:nth-child(2),
.xux-twoSidedList-right .twoSidedList-section div:nth-child(2) {
    margin-top: 0;
    margin-bottom: 0;
}

.xux-twoSidedList-left .twoSidedList-section .xux-horizontalLayout,
.xux-twoSidedList-right .twoSidedList-section .xux-horizontalLayout {
    margin-top: 8px;
}

.page-navigation-left,
.page-navigation-right {
    margin-right: 16px;
    display: table;
}

.label-margin-left {
    margin-left: 36px;
}

.label-equal-width {
    display: inline-block;
    vertical-align: middle;
    width: 144px;
}

.label-twoSidedList-left-equal-width {
    display: inline-block;
    vertical-align: middle;
    width: 306px;
}

.label-twoSidedList-right-equal-width {
    display: inline-block;
    vertical-align: middle;
    width: 160px;
}

.label-user-bottom {
    vertical-align: bottom;
}

.twoSidedList-float-right {
    float: right;
}

.xux-list-item .xux-api-checkbox {
    padding-left: 36px !important;
}

.search-user-label {
    min-width: 0px !important;
}

.site-workspace-name {
    width: 340px;
}
.jobrule-job{
    padding-right: 20px;
}

.table-hide {
    display: none;
}

.input-text-width {
    width: 350px;
}
.record-input-text-width {
    width: 218px;
}

.three-item .xux-margin-normal:first-child,
.two-item .xux-margin-normal:first-child {
    width: 34%;
}

.three-item .xux-margin-normal:nth-child(3) {
    width: 18%;
}

.three-item .xux-margin-normal:last-child {
    width: 48%;
}

.two-item .xux-margin-normal:last-child {
    width: 66%;
}

.job-record-properties,
.job-rule-property {
    overflow-y: scroll;
}

.job-record-properties .xux-horizontalLayout-item {
    vertical-align: top;
}

.job-record-properties .preview {
    background-color: #D8D8D8;
    margin: 0 auto;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.job-record-properties .page-navigation-div {
    text-align: center;
    padding-top: 10px;
    width: max-content;
    margin: 0 auto;
}

.job-record-properties .xux-textArea.xux-size-normal.xux-editableText {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.job-record-properties .xux-horizontalLayout-margin {
    width: 48px !important;
}

.desol-pane-title {
    line-height: 44px;
    display: flex;
    align-items: center;
    color: #0A0A0A;
    font-weight: bold;
    background-color: #D8D8D8;
}
.desol-pane-title-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: auto;
    font-size: 20px;
    padding-left: 16px;
}
.desol-pane-collapsible .desol-pane-title {
    padding-right: 0;
}
.desol-pane-east.desol-pane-collapsible .desol-pane-title {
    padding-left: 0;
    padding-right: 16px;
}

.desol-pane-collapse-button {
    display: inline-block;
    padding: 0 10px;
}
.desol-pane-north .desol-pane-collapse-button,
.desol-pane-south .desol-pane-collapse-button {
    order: 1;
}
.desol-pane.desol-pane-east .desol-pane-collapse-button {
    order: -1;
}
.desol-pane span.desol-pane-collapse-button .xux-iconButton,
.desol-pane-collapsed-bar span.desol-pane-collapse-button .xux-iconButton {
    vertical-align: top;
}
span.desol-pane-collapse-button .xux-iconButton .xux-icon.xux-button-icon {
    font-size: 12px;
    width: 18px;
    display: inline-block;
    vertical-align: top;
    line-height: 18px;
}
.desol-pane-east .desol-pane-collapse-button .xux-iconButton,
.desol-pane-west .desol-pane-collapse-button .xux-iconButton {
    margin-top: 10px;
}
.desol-pane-container-row {
    flex-direction: row;
}
.desol-pane-container-column {
    flex-direction: column;
}

.desol-pane-container {
    display: flex !important;
}
.desol-pane-center {
    flex: 1 1 1%;
    overflow: auto;
    min-height: 100px;
    min-width: 100px;
    height: calc(90vh - 120px);
}

.desol-pane-collapsed-bar {
    text-align: center;
    height: initial !important;
}
.desol-pane-north {
    border-bottom: solid 1px #6e7074;
}
.desol-pane-south {
    border-top: solid 1px #6e7074;
}
.desol-pane-east {
    border-left: solid 1px #6e7074;
    height: 100%;
}
.desol-pane-west {
    border-right: solid 1px #8c8c8c;
    background-color: #EAEAEA;
    height: 90%;
}
.desol-pane.desol-pane-north {
    min-height: 200px;
}
.desol-pane.desol-pane-south {
    min-height: 200px;
    top: 0 !important;
}
.desol-pane.desol-pane-east {
    min-width: 200px;
    left: 0 !important;
}
.desol-pane.desol-pane-west {
    min-width: 200px;
}
.desol-pane-tool {
    margin-right: 8px;
}
.desol-pane-east .desol-pane-tool {
    margin-right: 0;
}
.desol-pane-collapsed-bar.desol-pane-west {
    width: 52px;
    float: left;
    height: 100%;
}
.desol-pane-collapsed-text {
    text-align: left;
    white-space: nowrap;
    width: 100%;
    font-weight: bold;
}
.desol-pane-east .desol-pane-collapsed-text,
.desol-pane-west .desol-pane-collapsed-text {
    margin-top: 2px;
    margin-left: 26px;
    transform: rotate(90deg);
    transform-origin: 0 50%;
}
.desol-pane-north .desol-pane-collapsed-text,
.desol-pane-south .desol-pane-collapsed-text {
    line-height: 44px;
    margin-left: 16px;
    margin-right: auto;
}
.management-west-pane {
    max-width: 50%;
    overflow: hidden;
    height: initial;
    display: table-cell;
    vertical-align: top;
}

.xux-icon-link {
    color: #202020;
}
.xux-icon-link:before {
    color: #6B6D6F;
}

.lable-width {
    min-width: 400px;
}

.create-new-job {
    padding-left: 20%;
}

.input-invalid-message {
    display: none;
}

.top-space-content .xux-horizontalLayout-margin {
    width: 30px !important;
}

.label-width{
    display: inline-block;
    width: 70%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}

.share-ratio {
    width: 100%;
}

.job-rule-user-list {
    width: 93%;
    padding-left: 7%;
}

.now-share-list {
    width: 90%;
    display: block;
    border: 1px solid #8c8c8c;
    padding-left: 10px;
    height: 240px;
    overflow-y: scroll;
}

.now-share-list > div {
    height: 30px;
}

/* ジョブの開始 start*/

.job-start img {
    border: 1px solid #000;
}

.job-start .left-job-div,
.job-start .right-job-rule-div {
    vertical-align: top;
}

.job-start .job-thumbnail-div {
    width: 100%;
    height: 416px;
    text-align: center;
    background-color: #D8D8D8;
}

.job-start .job-thumbnail {
    padding-top: 25px;
    width: 80%;
    height: 80%;
    margin: 5.5% auto 2% auto;
    text-align: center;
}

.job-start .job-thumbnail-pagination {
    margin-top: 3%;
    display: inline-block;
}
.job-start .job-rule-thumbnails-container {
    margin-top: 5.5%;
    text-align: center;
    width: 100%;
    height: 414px;
    overflow-y: scroll;
    border: 1px solid #8c8c8c;
    background-color: #D8D8D8;
}

.job-rule-skip-buttons {
    padding-bottom: 16px;
}

/* ジョブの開始end */

.button-length {
    min-width: 138px !important;
}

.job-button, .record-button {
    min-width: 138px !important;
}

.processing-buttons .xux-verticalLayout-top.xux-margin-normal,
.processing-buttons .xux-verticalLayout-middle.xux-margin-normal {
    margin-top: 16px;
}

.processing-buttons>div>div.xux-labelableBox-content {
    display: flex;
    padding-right: 10px;
}

.job-record-buttons .xux-labelableBox-content {
    text-align: end;
    display: grid;
}

.job-record-buttons .xux-button {
    margin-left: 0px;
    margin-top: 5px;
}

.property-label {
    min-width: 300px !important;
    vertical-align: top !important;
}
.jobrule-job-modalwindow{
    padding-left: 5%;
}

.float-right,
.job-sort-select {
    float: right;
}
.jobrule-copy-button {
    width: 120px !important;
    margin-right: 45px !important;
}
.change-jobrule-name {
    width: 400px !important;
}
.create-rule-des {
    display: inline-block;
    width: 500px;
    vertical-align: middle;
}
.xux-icon-color-for-rule,
.xux-icon-color-for-set {
    color: #666666 !important;
}
.xux-icon-color-for-rule:hover {
    color: #0A0A0A !important;
}
.xux-button-right-at-table {
    margin-left: 36% !important;
}
.bread-crumbs-space {
    margin-bottom: 0px;
}
.create-rule-des + span.xux-button {
    float: right !important;
}
.refresh {
    width: 65px !important;
    height: 65px !important;
}
.refresh span {
    line-height: 65px !important;
}

.job-rule-property-padding-left {
    padding-top: 5px;
}
.job-rule-property-div-padding,
.job-rule-update-setting-padding-left {
    padding-left: 16px !important;
}
.job-rule-update-setting-padding-left {
    margin-top: -8px !important;
}
.infor-output-setting-input-box .xux-layoutGroup,
.job-rule-update-setting-padding-left .xux-layoutGroup {
    margin-top: 0;
}
.infor-output-setting-input-box .xux-labelableBox-content {
    padding-left: 5%;
}
.job-rule-update-setting-auto-output > div > div {
   padding-left: 40px;
}
.auto-output-set-user {
    display: flex;
}
.auto-output-user {
   line-height: 32px; 
}
#job_rule_auto_output_authority_setting_modalwindow .login-user {
    display: inline-block;
    line-height: 32px;
    max-width: 205px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    margin-right: 0;
}
.current-auto-output-user {
    display: inline-block;
    line-height: 32px;
    max-width: 205px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
}
.job-rule-update-setting-auto-output-enable {
    margin-right: 20px;
    display: inline-grid;
    padding-left: 16px;
}
.job-rule-update-setting-auto-output-enable label {
    width: fit-content;
}
.job-rule-update-setting-auto-output-enable .xux-button {
    padding-left: 16px;
}
.auto-output-authority-update .ui-button-text {
    line-height: 32px;
}
.has-output-wf-authority-msg {
    margin-bottom: 0 !important;
}
.has-share-setting-msg {
    margin-top: 0 !important;
}
.file-view tbody > tr {
    border-color: #ccc !important;
    height: 350px !important;
}
.upload-file-view tbody > tr {
    border-color: #ccc !important;
}
.file-view tbody tr > td.xux-fileView-column-thumbnail {
    position: absolute !important;
    top: 0 !important;
    height: 80% !important;
}
.file-view tbody tr > td.xux-fileView-column-thumbnail img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 4px;
    box-sizing: border-box;
    background-color: #d8d8d8;
    border: 10px solid #d8d8d8;
}
.file-view tbody tr > td.xux-fileView-column-thumbnail .select-img,
.model-view tbody tr > td.xux-fileView-column-thumbnail .model-view-select-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 1px;
    box-sizing: border-box;
    border: 3px solid #007e8a;
}
.atypical-job-rule-create-dialog .xux-modalWindow-content {
    overflow-y: hidden !important;
}
.file-view .xux-decoratedTable-table tbody tr,
.file-view-background-color {
    background-color: #D8D8D8 !important;
}
.xux-fileView-viewStyle-tiles .xux-table.xux-table-noData tbody > tr.xux-table-first.xux-table-last {
    height: auto !important;
}
.xux-fileView-viewStyle-tiles .xux-table.xux-table-noData tbody > tr > td {
    top: 0 !important;
}
.file-view .xux-fileView-column-dateTime {
    right: 0 !important;
}
.xux-fileView-viewStyle-tiles .xux-table.xux-table-noData tbody > tr {
    position: relative !important;
}
.create-rule-fileView-div-padding {
    margin: 4px 0 4px 0 !important;
}
.xux-fileView-viewStyle-tiles .xux-table.xux-table-noData tbody > tr > td.xux-table-noRow.xux-table-loading.xux-table-cell {
    position: absolute !important;
    top: 8px !important;
    padding: 0 !important;
}
.file-data-layout span {
    display: inline-block;
}
.file-data-layout span:first-child {
    width: 62%;
}
.file-view tbody {
    height: calc(100vh - 368px);
    overflow: auto;
}
.file-view .xux-height-resized {
    height: calc(100vh - 328px) !important;
}
#standard_job_rule_create_dialog .file-view .xux-button {
    display: block;
    padding-right: 16px;
    z-index: 1;
    position: absolute;
    left: 10px;
    margin-top: 4px;
}
.model-view tbody > tr {
    border-color: #ccc !important;
    height: 350px !important;
}
.upload-model-view tbody > tr {
    border-color: #ccc !important;
}
.model-view {
    margin-top: 10px;
}
.model-view tbody tr > td.xux-fileView-column-thumbnail {
    position: absolute !important;
    top: 0 !important;
    height: 80% !important;
}
.model-view tbody tr > td.xux-fileView-column-thumbnail img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 10px;
    box-sizing: border-box;
}
.model-view .xux-decoratedTable-table tbody tr,
.model-view-background-color {
    background-color: #D8D8D8 !important;
}
.model-view .xux-fileView-column-dateTime {
    right: 0 !important;
}
.model-view thead {
    display: none !important;
}
.xux-fileView-selectionControl-none .xux-table td.xux-table-cell.xux-table-choice-cell,
.xux-fileView-selectionControl-none .xux-table th.xux-table-cell.xux-table-choice-headerCell {
    display: none !important;
}
.back-black {
    color: #202020 !important;
}
.bottom .css_table {
    display: grid !important;
    width: 100% !important;
    height: 435px !important;
    overflow-y: scroll !important;
    border: 1px solid #000 !important;
}
.job-rule-list-right {
    text-align: center !important;
    margin-bottom: 5% !important;
}
.job-list-left {
    text-align: center !important;
    margin-bottom: 10px;
}
.bottom .css_tr > span.title {
    display: none;
}
.left .job-thumbnail-pagination-bar {
    margin-right: 33% !important;
    margin-top: 12% !important;
}

.reset-job-thum {
    height: 60vh !important;
    text-align: center;
}

.bottom .css_table .css_tbody .css_tr {
    text-align: center !important;
}
.bottom .css_table .css_tbody {
    margin-left: 1% !important;
}

/*ruleDesignVerification*/
.design-management-job-rule-name {
    color: black;
    display: block;
    font-size: 32px;
    width: 90%;
    margin-top: 20px;
    margin-bottom: 50px;
}
.job-rule-name-div {
    width: 100%;
}
.job-rule-detail-design {
    width: 120px;
}
.no-selected-job-rule-edit{
    width: 180px;
}
.business-check-setting {
    padding: 0 16px !important;
}
.rule-data-management-button-set {
    text-align: right;
}
.job-upload-design {
    width: 150px;
    padding-left: 24px;
}
/* ruleDataManagement start*/
.section-left,
.section-right {
    vertical-align: top !important;
}
.design-button-div {
    padding-left: 0px !important;
}

.section-main {
    min-height: auto !important;
}

.section-right {
    padding-top: 0;
    display: contents !important;
}
.management-job-rule-name {
    color: black;
    display: block;
    font-size: 32px;
    width: 90%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.jobrule-refresh-button {
    margin-left: 93%;
}
.upload-button {
    margin-left: 175% !important;
}
.management-job-name {
    display: block;
    width: 90%;
    height: 25px;
    line-height: 25px;
    background-color: white;
}
.edit-design-button {
    width: 65px !important;
    height: 45px !important;
    border-radius: 8px;
}

.section-right ul {
    margin-bottom: 0 !important;
}

.section-right li {
    width: 240px !important;
}

.text-block {
    display: block;
}

.inline-flex {
    display: inline-flex;
}

.width-title {
    width: 30%;
}

.width-content {
    width: 67%;
}

.td-job-name {
    display: block;
    font-size: 20px;
    width: max-content;
}

.rule-manage-list-table tbody {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 401px);
    min-height: 245px;
}
.rule-manage-list-table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.single-button-layout {
    height: 55px !important;
    width: 180px;
    border-width: 2px !important;
    border-radius: 10px !important;
    line-height: 24px !important;
}
.double-button-layout {
    display: block !important;
    height: 40px !important;
    width: 180px;
    border-width: 2px !important;
    border-radius: 6px !important;
    margin-bottom: 10px !important;
}
.fix-tr tbody tr {
    height: 118px;
}
.fix-tr tbody tr > td:first-child {
    width: 50%;
}
.fix-tr tbody tr > td:last-child {
    width: 5%;
}
.td-date {
    width: 210px;
    display: block;
}
.rule-manage-list-table th {
    outline: none !important;
}
.import-job-data-table {
    margin: 0 !important;
}
.filter-content .xux-applyBoxAndLayout-root .xux-margin-normal:first-child {
    padding-left: 95px;
    width: 35%;
}
.get-job-section-label {
    padding-left: 58%;
}
.select-space-section-div {
    padding-left: 76px;
}
.img-import-tab li {
    width: 410px;
}
.job-preview {
    background-color: #D8D8D8;
    text-align: center;
    vertical-align: middle;
    height: calc(100vh - 401px);
    line-height: calc(100vh - 401px);
    min-height: 245px;
    margin-top: 40px;
}
.job-preview canvas {
    vertical-align: middle;
}
.image-message {
    font-family: "Yu Gothic UI", "Arial", sans-serif;
}
.output-api-message {
    margin-left: 13%;
    margin-top: -3% !important;
}

.rule-manage-img-navigation {
    padding-top: 10px;
    text-align: center;
}

#img_page_navigation .xux-pageNavigation-cell {
    margin-right: 30px;
}

#img_page_navigation .xux-page-numbers {
    margin-right: 30px;
}

.rule-manage-img-navigation > div {
    float: none !important;
}

.img-data-search {
    text-align: right !important;
}

.img-data-search .xux-margin-normal {
    display: inline-block;
}

.import-success-content {
    text-align: left;
}
.import-success-content p {
    display: inline-block;
}
.import-success-content span {
    font-size: 35px;
}
.edit-set-site {
    height: 75px;
    width: 100%;
}
.use-and-verify {
    width: 100%;
}
.edit-definition {
    width: 96%;
    height: 32px !important;
    margin-top: 1% !important;
}
.output-verify-set {
    font-size: 18px;
    border-radius: 8px !important;
    width: 253px !important;
    height: 32px !important;
    margin-left: 5%;
}
.use-verify-button {
    width: 100% !important;
}
.min-width {
    min-width: 110px !important;
}
.icon-vertical-align {
    vertical-align: middle;
    margin-left: 1%;
    margin-right: 1%;
}
.rule-manage-list-table table tbody tr td {
    outline-style: none !important;
}
/* ruleDataManagement end*/

.job-rule-image .job-rule-thumbnail,
.job-rule-image-space .job-rule-thumbnail{
    background-color: #666666;
    text-align: center;
    vertical-align: middle;
    border: 1px solid;
}
.job-rule-image .job-rule-thumbnail canvas,
.job-rule-image-space .job-rule-thumbnail canvas {
    vertical-align: middle;
}
.job-rule-pagination .job-rule-thumbnail-pagination,
.job-rule-pagination-space .job-rule-thumbnail-pagination {
    padding-top: 10px;
    text-align: center;
}
.job-rule-pagination .job-rule-thumbnail-pagination > div ,
.job-rule-pagination-space .job-rule-thumbnail-pagination > div {
    float: none !important;
}

.job-rule-property > div.xux-horizontalLayout-item {
    vertical-align: top;
}

.job-rule-property .preview {
    background-color: #D8D8D8;
    margin: 0 auto;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.send-all-space-job-rule-area,
.all-space-job-rule-area,
.my-space-job-rule-area {
    margin-left: 5%;
    width: 90%;
}

.all-space-job-rule-area {
    margin-top: 1% !important;
}

.my-space-job-rule-area {
    border: 1px solid rgba(0, 0, 0, 0.3) !important;
    background: white !important;
    height: 165px;
    line-height: 25px;
    overflow-y: auto;
}

.my-space-job-rule-list {
    padding-left: 0;
    margin-top: 0;
}
.select-rule-area-ul {
    margin-bottom: 0;
}
.job-rule-property .job-rule-page-navigation-div {
    text-align: center;
    display: grid;
    padding-top: 10px;
}

.definition-label-padding {
    padding-left: 8px;
}

.infor-output-mode-div {
    padding-top: 3%;
}
.definition-info-label {
    font-size: 18px;
    background: white;
    padding-top: 8px;
    padding-left: 8px;
    padding-bottom: 8px;
}
.definition-label-top {
    padding-top: 1%;
}
.job-rule-img {
    padding-right: 8px;
}
.job-rule-img .preview {
    padding-left: 8px;
    padding-right: 8px;
}
.definition-info,
.inherent-info {
    padding-bottom: 8px;
    height: 210px;
}
.job-rule-property-page-right, .property-info {
    border: 1px solid rgba(51, 51, 51, 0.2);
}
.job-rule .job-rule-info-margin-left,
.job-rule a {
    margin-left: 10%;
}
.new-job-rule-name-div,
.job-rule-copy-name-div{
    padding-top: 4% !important;
}
.new-job-rule-input {
    width: 350px;
}
.job-rule .xux-layoutGroup.xux-first,
.job-rule-space .xux-layoutGroup.xux-first {
    margin-bottom: 10px;
}
.job-rule-side-list .xux-twoSidedList-list .xux-list {
    min-width: 580px !important;
}
.job-rule-side-list .xux-twoSidedList-list {
    width: 50% !important;
}
.job-rule-set-property .xux-horizontalLayout-item-1 {
    vertical-align: top;
}
.job-rule-set-property tbody {
    max-height: 252px;
    overflow-y: auto;
    display: block;
    width: 100%;
}
.job-rule-set-property thead, .job-rule-set-property tr {
    width: 100%;
    table-layout: fixed;
    display: table;
}
.my-space-job-rule-table .xux-decoratedTable-table table .xux-table-header .xux-table-choice-headerCell .xux-table-header-text {
    display: none;
}
.operate-history-table td {
    word-wrap: break-word;
}

/* delete MySpace */
.recycle-img {
    padding-top: 30px;
}
.recycle-img .preview {
    background-color: #D8D8D8;
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom-navigation {
    background-color: unset !important;
    color: black !important;
    font-weight: 400 !important;
    width: 60px !important;
    outline: none !important;
    cursor: unset !important;
}
.recycle-img .page-navigation-div {
    text-align: center;
    display: grid;
    padding-top: 10px;
}
.job-rule-replace-ellipsis {
    display: inline-block !important;
    text-overflow: ellipsis !important;
    word-wrap: break-word;
    overflow: hidden !important;
}
.current-workspace, .target-workspace  {
    width: 413px;
    padding-bottom: 12px;
}
.target-job-rule-name, .current-job-rule-name {
    width: 413px;
    padding-bottom: 12px;
}
/* delete MySpace end*/
.mutiTableSection .xux-decoratedTable-subcommandBox{
    padding-left: 0;
}

.process-home-status .xux-section-content {
    max-width: none !important;
}
.process-home-section .xux-section-content {
    max-width: none !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.process-home-status .xux-section-content:first-child {
    padding-top: 0;
}

.process-home-section .xux-section-content > p {
    padding-left: 45px !important;
}
.rule-page-bread-crumbs .xux-section-content:first-child {
    padding-bottom: 0;
}
.job-rule-name-list {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break:break-all;
    padding-right: 16px;
}

.operator-label {
    display: inline-block;
    margin-left: 16px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    vertical-align: middle;
    color: #666666;
}

.pagecount-table {
    width: 100%;
    height: 100%;
    position: relative;
}
.pagecount-body {
    width: 100%;
    position: absolute;
    bottom: 0px;
    text-align: center;
}
.pagecount-td {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border: 0px !important;
    width: 17%;
}
.pagecount-td a {
    text-decoration: none;
}
.page-count-td-hyperlink {
    padding-bottom: 16px;
}
.to-job-record-button {
    width: 200px;
}

.pagecount-td-icon {
    width: 2%;
    padding-bottom: 24px;
}
.pagecount-td-icon-width {
    width: 2%;
}
.pagecount-td-icon span {
    display: block;
}
.pagecount-td-icon img {
    width: 145%;
}

.pagecount-img span:not(.error) {
    background-color: #00838D !important;
    position: absolute !important;
    bottom: 10px !important;
    right: 10px !important;
}

.pagecount-img > div {
    height: 20px;
    position: absolute;
    display: flex;
}

.pagecount-img > div > span:nth-child(2){
    line-height: 24px;
}

.pagecount-img .xux-icon {
    display: block;
    color: #E6BC00;
}

.pagecount-img {
    overflow: hidden;
    vertical-align: bottom !important;
    position: relative !important;
}

/* allspace and meter end*/

/* specialist home :start */
.specialist-confirm-setting {
    padding-right: 0;
    margin-top: 24px;
}
.specialist-share-table {
    padding: 0 16px 16px;
    margin-bottom: 20px;
    min-height: 260px;
    height: calc(100vh - 520px);
}
.specialist-share-table thead {
    padding-top: 0px;
}
.process-home-bottom .charge-work .xux-section-content {
    padding-right: 16px !important;
    padding-left: 16px !important;
}
.specialist-share-table thead, .specialist-share-table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.specialist-share-table tbody {
    height: calc(100vh - 613px);
    display: block;
    overflow-y: auto;
    padding-top: 1px;
    min-height: 168px;
}

.specialist-share-table tr>td:nth-child(1),
.specialist-share-table tr>th:nth-child(1){
    width: 10%;
}
.specialist-share-table tr>td:nth-child(2),
.specialist-share-table tr>th:nth-child(2){
    width: 60%;
}
.specialist-share-table tr>td:nth-child(3),
.specialist-share-table tr>th:nth-child(3){
    width: 13%;
}
.specialist-share-table tr>td:nth-child(4),
.specialist-share-table tr>th:nth-child(4){
    width: 17%;
}
.specialist-share-table tr>th:nth-child(4),
.specialist-share-table tr>th:nth-child(5) {
    padding: inherit;
}
/* specialist home :end */

/* tenantSelect start */
.site-select {
    font-size: 24px;
}
.login-site-select-table > div {
    padding-left: 0px;
}
.login-site-select-table {
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
}
.left-padding-setting{
    padding-left: 16px;
}
.left-childpadding-setting{
    padding-left: 16px;
    margin-top: 8px;
}
.right-childpadding-setting{
    padding-right: 16px;
}
.business-day-list-left-setting {
    padding-left: 13px;
    margin-top: 8px;
}
.month-left-padding-setting {
    padding-left: 32px;
    margin-top: 8px;
}
.business-day-check {
    margin: 8px 0;
}

.cycle-selection-horizontal {
    display: block;
}
.specified-fixed-day-setting{
    margin-top: 5px;
}
.align-left-padding{
    padding-left: 8%;
    width: 84%;
    padding-right: 8%;
}
.button-component-layout{
    padding-left: 16px;
    line-height: 40px;
    height: 150px;
    overflow: auto;
    margin-top: -16px !important;
}
.button-component-number-layout{
    padding-left: 25px;
    line-height: 40px;
    width: 380px;
    height: 150px;
    overflow: auto;
}
.rule-read-setting-text {
    display: inline-block;
}
.business-check-component-width {
    width: 100px;
}
.business-check-component-narrow-width {
    width: 35px;
}
.business-check-component-full-width {
    width: 216px;
}
#business_day_select_text,
#integrate_data_select_text {
    width: 143px;
    margin-right: 8px;
    text-overflow: ellipsis;
    border-color: #8c8c8c;
}
.next-date-range {
    margin-top: 5px;
}
.biz-left-layout-padding {
    padding-left: 20px;
}
.biz-image-layout-margin{
    margin-top: 20px;
}
.biz-image-canvas {
    position: relative;
    margin: auto;
    width: fit-content;
    display: block;
    height: max-content;

}
.biz-image-content {
    display: flex;
    width: 415px;
    height: 380px;
    overflow: auto;
    background-color: #D8D8D8;
}
.biz-image-bar-content {
    padding-left: 120px;
}
.biz-button-layout {
    margin-top: 10px;
    margin-bottom: 10px;
}
.biz-relate-input-width {
    width: 216px;
}
#relate_item_type {
    margin-bottom: 16px;
}
#required_input_check > div > div {
    margin-bottom: 0;
}
.required-input-check-label {
    margin-left: -16px;
}
.business-vertical-layout {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}
.component-location-left .xux-dropdown-header,
#manual_input_text {
    width: 392px !important;
}

#add_component_modalWindow .xux-button:nth-child(2) {
    margin-left: 32px !important;
}
/* tenantSelect end */

/* output setting start */
#output_setting_modalWindow .output-message {
    margin-bottom: 32px
}
#output_setting_modalWindow .job-table {
    min-height: 250px;
    height: calc(100vh - 585px);
}
#output_setting_modalWindow .job-table thead,
#output_setting_modalWindow .job-table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}
#output_setting_modalWindow .job-table tbody {
    height: calc(100vh - 660px);
    min-height: 150px;
    display: block;
    overflow-y: auto;
}
#output_setting_modalWindow section {
    padding-left: 10px;
}
/* output setting end */
.edit-decoratedTable {
    height: 300px;
    width: 75%;
    padding-left: 20%;
}
.edit-decoratedTable .xux-decoratedTable-table{
    height: 300px !important;
}
.overflow-word-wrap td{
    word-break:break-all;
}
.label-word-wrap {
    word-break:break-all;
}

.edit-decoratedTable thead {
    padding: 0px !important;
}

.edit-decoratedTable thead, .edit-decoratedTable tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.edit-decoratedTable tbody {
    height: 260px;
    display: block;
    overflow-y: auto;
    padding-top: 1px;
}
.edit-decoratedTable tr>td:nth-child(1),
.edit-decoratedTable tr>th:nth-child(1){
    width: 40%;
}
.edit-decoratedTable tr>td:nth-child(2),
.edit-decoratedTable tr>th:nth-child(2){
    padding-left: 0px;
    padding-right: 0px;
    width: 2%;
}
.edit-decoratedTable tr>td:nth-child(3),
.edit-decoratedTable tr>th:nth-child(3){
    width: 20%;
}
.edit-decoratedTable tr>td:nth-child(4),
.edit-decoratedTable tr>th:nth-child(4){
    width: 28%;
}
.edit-decoratedTable tr>td:nth-child(5),
.edit-decoratedTable tr>th:nth-child(5){
    width: 10%;
}
.edit-decoratedTable tr>th:nth-child(6),
.edit-decoratedTable tr>th:nth-child(5) {
    padding: inherit;
}
/* 出力先の設定start */
.system-setting-space {
    padding-left: 50px !important;
}

.system-connect-radio,
.image-output-radio {
    padding-left: 20px !important;
}

.working-folder-setting .xux-labelableBox-label,
.image-folder-detail-space .xux-labelableBox-label,
.system-setting-space .xux-labelableBox-label {
    padding-left: 0px !important;
    min-width: 0px !important;
}

.image-folder-detail-space span:first-child input {
    width: 360px;
}

.image-folder-detail-space span.xux-button {
    margin-left: 0;
}

.csv-download-button .xux-button {
    margin-left: 153px;
}

.system-connect-radio .csv-download-button,
.system-connect-radio .xux-radioBox {
    margin-top: 8px !important;
    margin-bottom: 0px !important;
}

.image-output-type-select > div:first-child {
    width: 258px !important;
}

.image-output-type-select > div:last-child {
    vertical-align: bottom !important;
}

.image-output-setting-button {
    margin-top: 50px !important;
}

.image-output-setting-button label {
    display: inline-block !important;
    width: 274px !important;
}

.image-output-setting-button .xux-labelableBox-content {
    display: inline-block !important;
    padding-left: 0 !important;
}

.working-folder-content {
    overflow-y: auto;
    overflow-x: auto;
}
/* 出力先の設定end*/

/* 置き換え start*/
.workspace-information {
    /*padding-top: 30px;*/
}
.current-img, .target-img {
    background-color: #D8D8D8 !important;
    margin: 0 auto;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 207px;
}

.navigation-div {
    padding-left: 32px;
}
.current-information, .target-information {
    height: 207px;
    padding-left: 10px;
    vertical-align: top !important;
}
.target-information-text,
.current-information-text {
    width: 100%;
    height: 207px;
}
.rightarrowhead span{
    font-size: 40px !important;
}
.rightarrowhead {
    text-align: center;
}
.rule-setting-div .xux-horizontalLayout-margin {
    display: none;
}
.job-rule-copy-text {
    margin-left: 31px !important;
    margin-right: 31px !important;
}
.job-rule-copy-div {
    margin-left: 31px !important;
}
.job-rule-copy-div input {
    width: 500px !important;
}
.download-show label{
    min-width: 0 !important;
}
/* 置き換え end*/
.output_content_btns .csv-format,
.csv-file-name-box .file-format,
.file-name-box .file-format,
.working-folder-setting .file-format,
.button-component-layout .file-format {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.output_content_section > div:first-child label,
.output_content_btns label {
    width: 128px !important;
    min-width: 128px !important;
}

.output_result_setting label {
    display: inline-block !important;
}

.output_result_setting .xux-labelableBox-content {
    padding-left: 65px !important;
    display: inline-block !important;
}

#decorated_job_table .result-filter {
    width: 25px;
    display: inline-block;
    text-align: center;
}

/* ジョブルールのインポート*/
.job-rule-import-text-or-area-height {
    width: 465px;
    height: 70px;
    background-color: #fff !important;
    overflow-y: auto;
    padding: 3px;
    display: block;
}
.job-rule-import-text-or-area-height span,
.job-rule-import-text-or-area-height-undefined span {
    display: block;
    line-height: 23px;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.export-error-content-layout {
    width: 300px;
    height: 70px;
    background-color: #fff !important;
    overflow-y: auto;
    padding: 3px;
    display: block;
}
.export-error-content-layout span {
    display: block;
    line-height: 23px;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.layout-four {
    width: 100%;
}
.job-rule-import-text-or-area-width {
    width: 465px;
}
.job-rule-setting-span-magrin{
    margin-left: 30px;
}
.xux-icon-atypical:before {
    content: '';
    background-image: url(../images/atypical_16.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}
/* api :start */
.apiAddress, .cidr, .note {
    width: 98%;
}
.show-api-address .xux-labelableBox-main span:nth-child(1) {
    float: left;
    width: 49%;
}
.show-api-address .xux-labelableBox-main span:nth-child(2) {
    float: left;
    width: 3%;
    line-height: 32px;
    text-align: center;
}
.show-api-address .xux-labelableBox-main span:nth-child(3) {
    float: left;
    width: 14%;
}
.show-api-address .xux-labelableBox-main span:nth-child(4) {
    float: left;
    width: 28%;
}
.edit-section {
    width: 83%;
    float: right;
    padding-top: 10px;
}
.edit-section .xux-labelableBox {
    margin-bottom: 0px !important;
}
.edit-section .xux-multipliable{
    margin-top: 0px !important;
    padding: 0 16px;
}
.show-api-address {
    max-height: 300px;
    overflow-y: auto;
    padding-bottom: 10px;
}
.content-title section h2 span {
    float: left !important;
}
.content-title .xux-section-content {
    padding: 0;
}
.content-title h2 {
    height: 40px;
}
.unrecord-jump-button {
    border: 1px solid #8C8C8C !important;
}

.replace-job-rule-margin {
    margin-top: 0 !important;
    margin-left: 32px;
    margin-bottom: 4px !important;
}
/* spi :end */
.word-wrap-break-word {
    word-wrap: break-word;
}
.right-align-text {
    text-align: right !important;
}

.parent-job-rule-arr {
    margin-top: 8px !important;
}

#model_name_table {
    margin-top: 16px;
}

.button-interval {
    margin-right: 24px !important;
}

.filter-padding {
    padding: 16px 8px 8px 16px;
}

.filter-form-padding {
    padding-left: 16px;
}

#form_table_bar {
    padding-left: 16px;
}

.message-validate-warning .xux-validate-error-tip .xux-validate-error {
    color: #806800;
    display: inline-block !important;
    font-size: 16px;
}

.message-validate-warning .job-rule-reading-method-setting .xux-validate-error-tip .xux-validate-error {
    color: #0A0A0A;
    display: inline-block !important;
    font-size: 16px;
}

.message-validate-warning .job-rule-reading-method-setting .xux-editableText.xux-type-fault {
    border-color: #E6BC00 !important;
    box-shadow: none !important;
}

.message-validate-warning .xux-icon-error:before {
    content: '\26A0';
}

.message-validate-warning .xux-validate-error-icon {
    color: #E6BC00;
    vertical-align: top;
}

.message-validate-warning .xux-editableText.xux-validate-error.xux-type-fault {
    border-color: #E6BC00 !important;
}

.message-validate-warning .xux-editableText.xux-validate-error.xux-type-fault:focus {
    box-shadow: 0 0 0 1px #E6BC00 inset !important;
}

/* #136039の修正 */
.form-textarea-div {
    margin-top: 8px !important;
}
.form-view-ui-state-active {
    border-color: #b2b2b2;
    background-color: #e3e3e3;
}
#filters_table .xux-validate-error-icon.xux-icon {
    vertical-align: middle;
}
#filters_table .xux-validate-error-tip {
    margin-left: 8px;
    vertical-align: middle;
}
.db-error-message {
    color: #000000;
    display: inline-block !important;
}
.db-matched-div {
    padding-bottom: 5px;
    padding-top: 6px;
}

#reset_share_modalWindow .xux-modalWindow-content {
    padding: 8px 16px;
}

.title-align-table {
    padding-left: 32px !important;
}

.comment-label {
    padding-right: 8px;
}
.vertical-inner-layout label:first-child,
.check-condition label {
    padding-left: 16px;
}
.required-input-check-div {
    margin-top: -16px !important;
    margin-left: 16px;
}
.left-setting {
    margin-top: 8px;
    padding-left: 32px;
}
.business-check-name-width {
    width: 216px;
}
.month-day-label-min-width {
    min-width: 66px;
}
.label-min-width {
    min-width: 90px;
}
.text-line-height {
    line-height: 1.5;
}
.reset-user-share-radio label:first-child {
    padding-right: 32px !important;
}
.download-using-detail {
    padding: 0 16px !important;
}
.text-bottom {
    vertical-align: text-bottom;
}
.vertical-top{
    vertical-align: top;
}
.vertical-middle{
    vertical-align: middle;
}

#header img,
#header .xux-fujifilmbi-logo{
    vertical-align: middle;
}
.category-comment {
    text-align: right;
    width: 80px;
}
.label-margin-top,
.textarea-margin-top {
    margin-top: 0 !important;
}
.label-margin-bottom {
    margin-bottom: 8px !important;
}
.working-folder-output-radio,
.image-folder-show-label {
    margin-left: 16px;
}

.working-folder-setting {
    margin-left: 48px;
}

.over-limit-message .xux-section-icon-cell {
    max-width: unset !important;
    padding-top: 4px;
}
.over-limit-message .xux-section-content-withicon {
    max-width: unset !important;
    padding-bottom: 4px;
}
.limit-message-div {
    padding-left: 16px;
}
.over-limit-message {
    margin-bottom: 8px;
}

.used-glyph-color {
    color: #00838d;
}

#help_modalWindow h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 19px;
}

#help_modalWindow p {
    margin: 4px 0;
}

#help_modalWindow article div:nth-child(1),
#help_modalWindow article div:nth-child(2),
#help_modalWindow article div:nth-child(3) {
    margin-bottom: 36px;
}

#form_setting .setting-button-box {
    margin: 0 0 8px;
    padding-left: 16px;
}

#form_setting table th:nth-child(1) {
    width: 40%;
}

#wf_login_dialog {
    width: 632px;
    margin: auto;
}

#wf_login_dialog .xux-modalWindow-content {
    width: 632px;
}

#table_db_name_list tbody {
    overflow-y: auto;
    display: block;
}

#table_db_name_list thead,
#table_db_name_list tbody tr {
    width: 100%;
    table-layout: fixed;
    display: table;
}

#table_db_name_list td {
    word-break: break-all;
}

#storage_period .setting-button-box {
    margin: 0 0 8px;
    padding-left: 16px;
}

#storage_period table th:nth-child(1) {
    width: 40%;
}

#storage_period_description {
    margin-bottom: 20px;
}