@charset "utf-8";
.table td {
    word-break: break-all!important;
    word-spacing: inherit!important;
}
.custom-list-box {
    width: 100%;
    font-size: 12px;
    padding: 5px 10px;
    line-height: 1.2;
    height: 119px;
    border-radius: 2px !important;
    border: 1px solid rgb(211, 214, 219);
    overflow-y: scroll;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    word-break:break-all;
}
.custom-item-list-box{
    padding:2px 0px 2px 2px;
    cursor:pointer;
}
div.edit-padding input[type="radio"],div.edit-padding input[type="checkbox"] {
  margin-top:8px;
  margin-bottom:7px;
}
.td-min-width{
    min-width:80px;
}
.form-control
{
    height:24px;
}
.input-ime-on
{
    ime-mode: active;
}
.edit-box-area {
    border: 1px solid #a6a6a6;
}

.edit-box:not(:last-child) {
    border-bottom: 1px solid #a6a6a6;
}

.select-border {
    border: 1px solid #d3d6db;
    border-radius: 2px;
}
div.column.edit-padding span {
        display: inherit;
    }

.edit-box-right {
    border-right: 1px solid #a6a6a6;
}

.sort-active {
    color: #1fc8db;
}
/*エラーメッセージ表示のスタイル*/
.is-Error {
    color: red;
    font-size:12px;
}
.font-14 {
    font-size: 14px !important;
}
/*Inputが無効*/
.is-Disabled {
    background-color: lightgray;
}
.base-background{
    background-color:#F2F2F2;
}
.search-padding{
    padding-bottom:0px;
    padding-top:5px;
    padding-right:5px;
}

.search-div-button {
    border-left:1px solid #5B9BD5; 
    margin-top:10px; 
    margin-bottom:10px; 
    display:flex; 
    padding-right:0px;
}

.search-area {
    margin-top:10px;
    margin-bottom: 10px;
}

.is-middle {
    display:flex; 
    align-items:center
}

.search-td-full {
    width: 10px;
    padding-right: 10px;
}

.edit-padding{
    padding-bottom:2px;
    padding-top:2px;
    padding-left: 5px;
}

/*フィールドが必須*/
td.is-Required {
    border-left: 3px solid #ED7D31 !important;
}
th.is-Required {
    border-left: 3px solid #ED7D31 !important;
    /*background:url(../img/bakRequired.png) repeat-y 0 0;}*/ /* required item */
}

div.is-required {
    border-left: 3px solid #ED7D31 !important;
}
div.is-not-required {
    border-left: 3px solid #F2F2F2 !important;
}

/*テーブル表示*/
.table {
    font-size: 12px;
}

.table thead tr th {
    text-align: center;
}

    .table thead tr th a {
        color: #06c;
    }

.table tbody tr td a {
    color: #06c;
}

.table tfoot tr td a {
    color: #06c;
}
a{
    color: #06c;
}

.table thead td, .table thead th {
    background-color: #e5e5e5;
    color: #222324;
}

.table tbody tr td {
    vertical-align: middle;
}

.table td {
    vertical-align: middle;
}

/* ドラッグ・ドロップ */
.Handle {
    cursor: move;
}

.ui-sortable-helper {
    display: table;
}

.table {
    overflow-y: auto; /*Using for drag & drop display correctly when is dragging*/
}

.url-break-word {
    word-break:break-all;
    word-spacing:inherit;
}

/*ページング*/
.pagination {
    font-size: 12px;
    margin-bottom: 10px;
}

.body-heading {
    background-color: #dcdcdc;
    border-bottom: 1px solid #d3d6db;
    color: #222324;
    font-size: 16px;
    font-weight: 700;
    margin: 1px;
    padding: 4px;
}
.margin{
    margin-top:20px;
    margin-bottom:20px;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}

.tooltip {
    display: inline;
    position: relative;
}

.tooltip:hover:after {
    background: #23d160;
    border-radius: 2px;
    bottom: 20px;
    color: rgba(0,0,0,.8);
    content: attr(data-title);
    left: 10%;
    padding: 3px 5px;
    position: absolute;
    z-index: 98;
    white-space: nowrap;
    border: 1px solid #d3d6db;
    font-weight: bold;
}
.sunColor{
    background-color:#FFF2F9!important;
}

@media all and (-ms-high-contrast:none) {
    .hack-ie {
        margin-left: 0px;
    }
}

/* wfdata input table */
table.wfipt{margin-top:1px;border-collapse:collapse;width:auto}
table.wfipt th{height:28px;vertical-align:middle ;width:150px;background-color:#df7;padding:2px 2px 2px 12px;color:black;font-weight:normal;text-align:left;border:solid 1px #c0c0c0;background:url(../Content/images/wfthbak.png) repeat-y 0 0;} /* header */
table.wfipt th.req{} /* required item */
table.wfipt td{height:33px; background-color:white;border:solid 1px #c0c0c0;padding:2px; vertical-align:middle;word-break: break-all;}
table.wfipt table.nobd td{border:none;} /* no border table */
table.wfipt table.nobd td{height:auto;} /* no border table */
table.table-wfipt .display-template > label {flex: unset !important;}

/* wfdata input part table */
table.table-wfipt{margin-top:1px;border-collapse:collapse;width:max-content!important}
table.table-wfipt th{height:28px;vertical-align:middle ;width:150px;background-color:#dcdcdc;padding:unset;color:black;font-weight:normal;text-align:left;border:solid 1px #c0c0c0;border-color: #666 !important;} /* header */
table.table-wfipt td{height:33px; background-color:white;border:solid 1px #c0c0c0;padding:2px; vertical-align:middle;word-break: break-all;border-color: #666 !important;}
table.table-wfipt table.nobd td{border:none;} /* no border table */
table.table-wfipt table.nobd td{height:auto;} /* no border table */

/* margin */
.mrgn{margin:10px;}
.mrgnt{margin-top:10px;}
.mrgnb{margin-bottom:10px;}
.mrgnv{margin-top:10px;margin-bottom:10px;}
.mrgnh{margin-left:10px;margin-right:10px;}

/* data input table */
table.ipt{border-collapse:collapse;}
table.ipt th{background-color:#f4f4f4;color:black;font-weight:normal;text-align:center;border:solid 1px #c0c0c0;padding:2px;} /* header */
table.ipt th.req{background:url(../img/bakRequired.png) repeat-y 0 0;} /* required item */
table.ipt td{background-color:white;border:solid 1px #c0c0c0;padding:2px;}
table.ipt table.nobd td{border:none;} /* no border table */
table.ipt tr.odo td{background-color:#f7f7f7;} /* odd line */
table.ipt tr.odo2 td{background-color:#ffffcc;} /* odd line */

/*build Approval Route*/
.th-partsName {
    border-color: #666 !important;
    width: 88px;
    min-width: 88px;
    background-color: #bbf !important;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    height:28px!important;
}

.td-UserRyaku {
    border-color: #666 !important;
    height: 60px!important;
    text-align: center;
    font-size: 12px;
    word-wrap: break-word;
	max-width:88px;
}

.td-ResultName {
    border-color: #666 !important;
    height: 28px !important;
    text-align: center;
    font-size: 13px;
}

.image-stamp {
    width: 45px;
    height: 45px;
}

.is-green-color {
    color:green;
}

.is-green {
    background-color: green !important;
}

.margin-left-button {
    margin-left:5px !important;
}
.mobile-scroll-fix {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

.input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #aeb1b5;
}
.input:-ms-input-placeholder { /* IE 10+ */
    color: #aeb1b5;
}
.textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #aeb1b5;
}
.textarea:-ms-input-placeholder { /* IE 10+ */
    color: #aeb1b5;
}

pre {
    white-space:pre-wrap;
    color:#222324;
    background: transparent;
}
a.link-a:visited   {
   color: #06C;
    }
a.link-a:hover  {
   color: #07C;
    }

.dottetLine {
    /*height:1000px;*/
    width:25px;
    border:1px dotted #c0c0c0;
    border-top:1px solid #c0c0c0;
    border-right:none;
}
#dottedLineContainer .dottetLine:first-child {
    border-left:2px solid #c0c0c0;
}
#dottedLineContainer .dottetLine:last-child {
    border-right:2px solid #c0c0c0;
}

.hasComment {
    min-width: 15px;
}

.hasComment font {
    text-align: left;
    padding-left: 5px;
    word-break: break-all;
}

.display-template font {
   text-align: left;
   padding-left: 5px;
   display: block;
}

.editor-template font {
   text-align: left;
   padding-left: 5px;
   display: block;
}
/*申請画面の備考が横・下表示*/
.editor-template font[style*="inline"] {
   margin-left: -6px;
}
/*IE 申請画面の備考が横・下表示ズレ対応*/
@media all and (-ms-high-contrast: none), 
               (-ms-high-contrast: active) {
   .editor-template>* {
      display:inline;
   }
   .editor-template[style*="table"] .a-date-icon {
      padding-left: 6px;
   }
}

div[class*="displayBottom"] font {
   padding-left: 5px !important;
   margin-left: -6px;
}

.icon-hover {
    font-size: 20px;
    color: #1d50a2;
    padding-left: 5px;
    cursor: pointer;
}

.popup-hover {
    display: none;  
    position: absolute;
    width: auto;
    padding: 10px;
    background: #fff;
    line-height: 16px;
    color: #000000;
    border: 2px solid #bfb8b8;
    z-index: 9999;
    box-shadow: 1px 1px #bfb8b8;
    border-radius: 3px;
}

.bg-color {
    background-color: rgb(207, 238, 245) !important;
}

.bg-color .display-template td {
    background-color: rgb(207, 238, 245) !important;
}