﻿/* ファイルアップロードページ用 */
html {
    height: 100%;
}

body {
    overflow-x: hidden;
}

:lang(ja-JP) {
    font-family: "Meiryo UI", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif !important;
}

:lang(en-US) {
    font-family: "Meiryo UI", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif !important;
}

:lang(zh-CN) {
    font-family: 'Microsoft YaHei', Sans-Serif !important;
}

.divHeader {
    /* background-color: #003366;*/
    vertical-align: middle;
    /*height: 50px;*/
    height: 30px;
    width: 100%;
    color: White;
    font-family: "Meiryo UI", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.divBody {
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}

.fileInput {
    height: 22px;
    width: 100%;
    /*color: White;*/
    background-color: Transparent;
    /*border: solid 1px black;*/
}

.message {
    font-size: 12px;
    font-family: "Meiryo UI", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    /*color: White;*/
    width: 100%;
    text-align: left;
    cursor: auto;
    font-weight: normal;
    line-height: 20px;
}

#controlHost {
    /*border: 3px solid #293955;*/
    padding: 7px 7px 7px 7px;
    width: 400px;
    height: 130px;
}

#outerPanel {
    /*background: #293955;*/
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

/* ここまでファイルアップロードページ用 */

#main > #tabs {
    margin: 0px;
    padding: 0px;
    float: left;
    border: none;
    position: static;
}

    #main > #tabs > div.ui-tabs-panel {
        position: absolute;
        top: -2px;
        left: 250px;
        margin: 0px 0px 0px 1px;
    }

    #main > #tabs > ul.ui-tabs-nav {
        position: absolute;
        top: 20px;
        left: 250px;
        background: none;
        border: none;
    }

        #main > #tabs > ul.ui-tabs-nav > li {
            border: none;
            height: 22px;
            margin: 0px 3px 2px 0px;
            padding: 4px 5px 0px 4px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            -khtml-border-radius: 5px;
            border-radius: 5px;
        }

            #main > #tabs > ul.ui-tabs-nav > li .dmp_Image {
                margin: 0;
            }

                #main > #tabs > ul.ui-tabs-nav > li .dmp_Image.Close {
                    margin: 3px 0px 0px 3px;
                }

        #main > #tabs > ul.ui-tabs-nav li.ui-state-default {
            background: none;
        }

        #main > #tabs > ul.ui-tabs-nav > li:hover {
            background: #9bcdff;
        }

        #main > #tabs > ul.ui-tabs-nav .ui-state-default a {
            color: #999999;
        }

        #main > #tabs > ul.ui-tabs-nav .ui-state-active a {
            color: black;
        }

        #main > #tabs > ul.ui-tabs-nav li a {
            padding: 1px 0px 0px 0px;
        }


/*文字タイプ*/
.stringfugo {
    font-family: "Meiryo UI", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

textarea {
    resize: vertical;
}

/*AutoComplete*/
.ui-autocomplete {
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

table .ui-autocomplete-input {
    /*width:100%;*/
    height: 15px;
}

.ui-jqgrid-btable td .ui-autocomplete-input {
    /*width:100%;*/
    height: 15px;
}
/*リスト型ワンタイムマスタのプルダウン部分を単票子タブの操作ボタンよりも前面にする
   プルダウン部分のz-indexはjqgridの標準機能内で直指定されている（z-index: 1;）ためここで上書きしている
   他にいい方法があればこの記述は変更してよい*/
ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    z-index: 300 !important;
}

table .ui-searchbox-input {
    /*width:100%;*/
    height: 15px !important;
    line-height: normal !important;
    padding: 1px 0px !important;
}

.ui-menu .ui-menu-item a {
    min-height: 1em;
}

/*Jqgridのテキスト*/
.ui-jqgrid .ui-pg-input {
    width: auto;
}

.ui-jqgrid tr.ui-search-toolbar th {
    border-top-color: #e8eef4 !important;
    border-top-style: solid !important;
}

/* ツリーグリッド折り返し */
span.cell-wrapperleaf {
    white-space: normal;
    word-break: break-all;
    display: inline-block;
}

span.cell-wrapper {
    white-space: normal;
    word-break: break-all;
    display: inline-block;
}
/* filterCell */
select.opsel {
    width: 74px !important;
}

input.add-rule {
    width: 26px !important;
}
/* colorPalletCell */
.colorPallet {
    border: 0px !important;
}

    .colorPallet td {
        border: 0px !important;
    }

.ui-jqgrid table td select {
    /* jqgridのselect 基本デザイン */
    width: 98%;
    height: 22px;
}

.searchFilter table td select {
    /* アドホック検索のselect 基本デザイン */
    width: 98%;
    height: 22px;
}

.ui-widget {
    font-family: "Meiryo UI", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif !important; /* Meiryo UIを基本とするよう変更 */
}

    .ui-widget .ui-widget {
        /*font-size: 10.5px ここでは文字サイズ修正無し */
        font-family: "Meiryo UI", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif !important; /* Meiryo UIを基本とするよう変更 */
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget pre, .ui-widget button {
        font-family: "Meiryo UI", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif /* Meiryo UIを基本とするよう変更 */
    }

.ui-th-ltr {
    text-align: center;
}

/*button text element */
input.ui-button {
    padding: 4px 6px;
}

.ui-button-text-only .ui-button-text {
    padding-bottom: 3px;
    padding-top: 3px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: 1px 1em 1px 2.1em;
    width: auto;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: 0.1em 10px 0.1em 3px;
    text-decoration: none;
}

.ui-notify {
    z-index: 1000;
}

button.ui-button-icon-only {
    width: 19px;
    height: 19px;
    top: 3px;
}

#dlParamList {
    margin-left: 6px;
    margin-right: 4px;
}

div { /* divでは余白を変えない */
    margin: 0px;
    padding: 0px;
}

.FormTD {
    border: 0;
    vertical-align: top;
    overflow: hidden;
    font-size: 11px !important;
    padding: 0px 10px 10px 3px;
}

    .FormTD .dmphyperlink {
        background-color: #EBEBE4;
    }

a img {
    border: 0px;
}

/* 主にHome画面の左リスト用 */
.dmp_List {
    overflow-x: visible;
    overflow-y: auto;
}

.dmp_ListText {
    display: inline-block;
    margin: 0px 0px 0px 3px;
    vertical-align: top;
    line-height: 28px;
    overflow-x: hidden;
}

.dmp_ListTitle {
    font-size: 12px;
    padding: 3px 0px 0px 0px;
    float: left;
}

input.dmp_IncrementalSearch {
    font-size: 90%;
    height: 13px;
    margin: 0px 18px 0px 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

#txtAreaBody_MessageSend > p {
    margin: 0px;
    padding: 0px;
}

#txtAreaBody_MessageSend > div {
    margin: 0px;
    padding: 0px;
}
/**********   画像系 一時的  **********/
.dmp_Image.Home {
    display: inline-block;
    height: 28px;
    width: 28px;
    background-size: 28px 28px;
    cursor: pointer;
}

    .dmp_Image.Home.small {
        background-position: 8px 8px;
        height: 28px;
        width: 28px;
        background-size: 20px 20px;
    }

.dmp_Image.Logo {
    display: inline-block;
    height: 48px;
    width: 250px;
    background-size: 70%;
    background-image: url(/Content/DMP/logogo.png) !important;
}

.dmp_Image.Menu {
    display: inline-block;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    padding: 0px;
}

.dmp_Image.Tabs {
    display: inline-block;
    height: 16px;
    width: 16px;
    background-size: 16px 16px;
    float: left;
    cursor: pointer;
    margin-top: 1px;
    margin-left: 5px;
}

.dmp_Image.Close {
    display: inline-block;
    height: 12px;
    width: 12px;
    background-size: 12px 12px;
    float: right;
    cursor: pointer;
    margin-top: 3px;
    margin-right: 5px;
}

.dmp_Image.balloon {
    background-image: url(/Content/DMP/balloon.png) !important;
}

.dmp_Image.edit {
    background-image: url(/Content/DMP/edit.png) !important;
}

.dmp_Image.circle {
    background-image: url(/Content/DMP/circle.png)
}

    .dmp_Image.circle:hover {
        background-image: url(/Content/DMP/circle.png)
    }

.dmp_Image.folder {
    background-image: url(/Content/DMP/folder.png)
}

.dmp_Image.graph {
    background-image: url(/Content/DMP/graph.png) !important;
}

.dmp_Image.link {
    background-image: url(/Content/DMP/link.png) !important;
}

.dmp_Image.mailOff {
    background-image: url(/Content/DMP/mailOff.png) !important;
}

.dmp_Image.mailOn {
    background-image: url(/Content/DMP/mailOn.png) !important;
}

.dmp_Image.person {
    background-image: url(/Content/DMP/person.png) !important;
}

.dmp_Image.wrench {
    background-image: url(/Content/DMP/wrench.png) !important;
}

.dmp_Image.logo {
    background-image: url(/Content/DMP/logogo.png) !important;
}

.dmp_Image.home {
    background-image: url(/Content/DMP/home.png) !important;
}

.dmp_Image.project {
    background-image: url(/Content/DMP/project.png) !important;
}

.dmp_Image.grid {
    background-image: url(/Content/DMP/grid.png) !important;
}

.dmp_Image.close {
    background-image: url(/Content/DMP/close.png) !important;
}

.dmp_Image.balloon {
    background-image: url(/Content/DMP/balloon.png) !important;
}

.dmp_Image.question {
    background-image: url(/Content/DMP/help.png) !important;
}

/**********   画像系 共通  **********/
.dmp_Image {
    background-image: url(/Content/DMP/20x20_Blue.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.ui-icon.dmp_Image {
    background-image: url(/Content/DMP/20x20_Blue.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.dmp_Image:hover, .ui-state-hover .dmp_Image {
    background-image: url(/Content/DMP/20x20_Sky.png);
}

.dmp_Image.Gray {
    background-image: url(/Content/DMP/20x20_Grey.png);
}

.dmp_Image.Orange {
    background-image: url(/Content/DMP/20x20_Orange.png);
}

.dmp_Image.triCircle {
    background-position: 0px 0px;
}

.dmp_Image.reverseTriangle {
    background-position: -80px 0px;
}

.dmp_Image.upper {
    background-position: -40px -160px;
}

.dmp_Image.lower {
    background-position: -60px -160px;
}

.dmp_Image.showDetail {
    background-position: -100px -20px;
}

.dmp_Image.upperPlus {
    background-position: 0px -160px;
}

.dmp_Image.lowerPlus {
    background-position: -20px -160px;
}

.dmp_Image.plus {
    background-position: -180px -20px;
}

.dmp_Image.x-mark {
    background-position: -40px -40px;
}

.dmp_Image.gear {
    background-position: -80px -40px;
}

.dmp_Image.files {
    background-position: -120px -40px;
}

.dmp_Image.progress {
    background-position: -120px -60px;
}

.dmp_Image.export {
    background-position: -140px -40px;
}

.dmp_Image.import {
    background-position: -160px -40px;
}

.dmp_Image.bookArrow {
    background-position: -100px -40px;
}

.dmp_Image.filterPen {
    background-position: -100px -60px;
}

.dmp_Image.refresh {
    background-position: -140px -60px;
}

.dmp_Image.return {
    background-position: -160px -60px;
}

.ui-icon.cutAndPaste {
    background-position: -180px -60px;
}

.dmp_Image.disk {
    background-position: 0px -80px;
}

.dmp_Image.clip {
    background-position: -20px -80px;
}

.dmp_Image.checkOn {
    background-position: -40px -80px;
}

.dmp_Image.checkOff {
    background-position: -60px -80px;
}

.dmp_Image.closedMail {
    background-position: -80px -80px;
}

.dmp_Image.sendMail {
    background-position: -100px -80px;
}

.dmp_Image.comment {
    background-position: -120px -80px;
}

.dmp_Image.commentClock {
    background-position: -140px -80px;
}

.dmp_Image.clock {
    background-position: -160px -80px;
}

.dmp_Image.trash {
    background-position: -180px -80px;
}

.dmp_Image.addUser {
    background-position: 0px -100px;
}

.dmp_Image.delUser {
    background-position: -20px -100px;
}

.dmp_Image.delDevice {
    background-position: -80px -140px;
}

.dmp_Image.addDevice {
    background-position: -60px -140px;
}

.dmp_Image.addRole {
    background-position: -40px -100px;
}

.dmp_Image.delRole {
    background-position: -60px -100px;
}

.dmp_Image.addStatus {
    background-position: -80px -100px;
}

.dmp_Image.delStatus {
    background-position: -100px -100px;
}

.dmp_Image.addAppUser {
    background-position: -40px -100px;
}

.dmp_Image.delAppUser {
    background-position: -60px -100px;
}

.dmp_Image.addHeaderLogo {
    background-position: -80px -100px;
}

.dmp_Image.delHeaderLogo {
    background-position: -100px -100px;
}

.dmp_Image.addCom {
    background-position: -120px -100px;
}

.dmp_Image.delCom {
    background-position: -140px -100px;
}

.dmp_Image.addAuth {
    background-position: -160px -100px;
}

.dmp_Image.delAuth {
    background-position: -180px -100px;
}

.dmp_Image.selectColumn {
    background-position: -20px -120px;
}

.dmp_Image.selectRow {
    background-position: -40px -120px;
}

.dmp_Image.cell {
    background-position: -60px -120px;
}

.dmp_Image.delColumn {
    background-position: -80px -120px;
}

.dmp_Image.delRow {
    background-position: -100px -120px;
}

.dmp_Image.delCell {
    background-position: -120px -120px;
}

.dmp_Image.pasteColumn {
    background-position: -140px -120px;
}

.dmp_Image.pasteRow {
    background-position: -160px -120px;
}

.dmp_Image.pasteCell {
    background-position: -180px -120px;
}

.dmp_Image.roles {
    background-position: 0px -140px;
}

.dmp_Image.assign {
    background-position: -40px -140px;
}

.dmp_Image.print {
    background-position: -100px -140px;
}

.dmp_Image.sign {
    background-position: -180px -140px;
}

.dmp_Image.assignCancel {
    background-position: -160px -140px;
}

.dmp_Image.drillDown {
    background-position: -120px -160px;
}

.dmp_Image.cascadingCopy {
    background-position: -140px -160px;
}

.dmp_Image.update {
    background-position: -180px -160px;
}

.dmp_Image.cascadingCopy {
    background-position: -140px -160px;
}

.dmp_Image.dataTemplatePublish {
    background-position: -100px -160px;
}

.dmp_Image.outPutFormatDownload {
    background-position: -80px -180px;
}

.dmp_Image.trashAll {
    background-position: -100px -180px;
}

.dmp_Image.appCopyDataUpload {
    background-position: -120px -180px;
}
.dmp_Image.executeImmediatly {
    background-position: 0px -180px;
}

.dmp_Image.new {
    background-image: url(/Content/DMP/new.png);
    height: 14px;
    width: 30px;
}

.dmp_Image.info {
    background-position: -80px -20px;
}

.dmp_Image.size17, .ui-icon.dmp_Image.size17 {
    background-image: url(/Content/DMP/17x17_Blue.png);
    height: 17px;
    width: 17px;
}

    .dmp_Image.size17:hover, .ui-state-hover .dmp_Image.size17 {
        background-image: url(/Content/DMP/17x17_Sky.png);
    }

    .dmp_Image.size17.Gray {
        background-image: url(/Content/DMP/17x17_Grey.png);
    }

    .dmp_Image.size17.Orange {
        background-image: url(/Content/DMP/17x17_Orange.png);
    }

.dmp_Image.rightTriangle.size17 {
    background-position: -17px 0px;
}

.dmp_Image.leftTriangle.size17 {
    background-position: -34px 0px;
}

.dmp_Image.gear.size17 {
    background-position: -68px -34px;
}

.dmp_Image.bookArrow.size17 {
    background-position: -85px -34px;
}

.dmp_Image.import.size17 {
    background-position: -119px -34px;
}

.dmp_Image.filterPen.size17 {
    background-position: -85px -51px;
}

.dmp_Image.comment.size17 {
    background-position: -102px -51px;
}

.dmp_Image.refresh.size17 {
    background-position: -119px -51px;
}

.dmp_Image.return.size17 {
    background-position: -136px -51px;
}

.dmp_Image.disk.size17 {
    background-position: 0px -68px;
}

.dmp_Image.clock.size17 {
    background-position: -136px -68px;
}

.dmp_Image.clip.size17 {
    background-position: -17px -68px;
}

.dmp_Image.new.size17 {
    background-position: -51px -68px;
}

.dmp_Image.commentClock.size17 {
    background-position: -119px -68px;
}

.dmp_Image.trash.size17 {
    background-position: -153px -68px;
}

.dmp_Image.addRole.size17 {
    background-position: -34px -85px;
}

.dmp_Image.roles.size17 {
    background-position: 0px -119px;
}

.dmp_Image.trashAll.size17 {
    background-position: -85px -153px;
}

.dmp_Image.assignCancel.size16 {
    background-position: -119px -136px;
}

.dmp_Image.size16, .ui-icon.dmp_Image.size16 {
    background-image: url(/Content/DMP/16x16_Blue.png);
    height: 16px;
    width: 16px;
}

    .dmp_Image.size16:hover, .ui-state-hover .dmp_Image.size16 {
        background-image: url(/Content/DMP/16x16_Sky.png);
    }

    .dmp_Image.size16.Gray {
        background-image: url(/Content/DMP/16x16_Grey.png);
    }

    .dmp_Image.size16.Orange {
        background-image: url(/Content/DMP/16x16_Orange.png);
    }

.dmp_Image.rightCircle.size16 {
    background-position: 0px -144px;
}

.dmp_Image.leftCircle.size16 {
    background-position: -16px -144px;
}

.dmp_Image.upperCircle.size16 {
    background-position: -32px -144px;
}

.dmp_Image.lowerCircle.size16 {
    background-position: -48px -144px;
}

.dmp_Image.trashAll.size16 {
    background-position: -80px -144px;
}


.dmp_Image.file, .ui-icon.dmp_Image.file {
    background-image: url(/Content/DMP/file.png) !important;
    height: 24px;
    width: 24px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-size: 96px 48px;
}

.dmp_Image.xls {
    background-position: 0px 0px;
}

.dmp_Image.doc {
    background-position: -24px 0px;
}

.dmp_Image.ppt {
    background-position: -48px 0px;
}

.dmp_Image.pdf {
    background-position: -72px 0px;
}

.dmp_Image.zip {
    background-position: 0px -24px;
}

.dmp_Image.txt {
    background-position: -24px -24px;
}

.dmp_Image.other {
    background-position: -48px -24px;
}

.dmp_Image.eml {
    background-position: -72px -24px;
}

.dmp_Color.Blue1 > td {
    background-color: #eeffff;
}

.dmp_Color.Blue2 > td {
    background-color: #d0ffff;
}

.dmp_Color.Blue1.ui-state-hover > td,
.dmp_Color.Blue2.ui-state-hover > td {
    background: #d0e5f5 url(/Content/themes/redmond/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
}

.dmpRecentDiv {
    margin: 4px 3px 0px 3px;
    padding: 0px 1px 0px 0px;
    background: #6CACDC;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#9bcdff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #9bcdff 0%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #9bcdff 0%, #eeeeee 100%); /* FF3.6+ */
    background: -o-linear-gradient(top, #9bcdff 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #9bcdff 0%,#eeeeee 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bcdff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    color: black;
}

    .dmpRecentDiv:hover {
        background: #6CACDC;
        color: white;
    }

/* dmp ログオン画面用CSS start */
.dmp_top_navi_font {
    font-size: 22px;
    font-family: "Meiryo UI", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    /* Meiryo UIを基本とするよう変更
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;*/
    margin: 0px 0px 15px 0px;
}

.dmp_logon_bg {
    width: 100%;
    height: 300px;
    background-image: url(/Content/DMP/b-ridge_logogo.png), url(/Content/DMP/b-ridge_bg.png), url(/Content/DMP/b-ridge_bg.png), url(/Content/DMP/b-ridge_bgg.png);
    background-repeat: no-repeat, repeat-x, repeat-x, repeat-x;
    background-position: 50% 50px, 0px 70px, 590px 70px, 0px, 0px;
}

.dmp_site_stop_info {
    width: 28px;
    height: 28px;
    position: absolute;
    margin: 0 50px;
    background-size: cover;
    background-image: url(/Content/DMP/info_logo.png);
    background-repeat: no-repeat;
}

#identity-list {
    margin-bottom: 20px;
}

    #identity-list button {
        font-size: 20px;
        font-weight: bold;
        margin: 0px 50px 0px 0px;
    }
/* ログオン画面会社毎のメッセージ */
#dmp_logonPageInfo {
    width: 489px;
    font-size: 16px;
    display: block;
    margin: 0 auto;
    text-align: left;
}

#dmp_logonPageError {
    width: 489px;
    color: tomato;
    font-size: 16px;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
}
/* dmp ログオン画面用CSS end */

/* DMP汎用ヘッダラベル用CSS */
div .DMP-ui-label {
    display: inline-block;
    margin: 0px;
    border: 1px solid #C5DBEC;
}

    /* DMP汎用ヘッダラベル用CSS */
    div .DMP-ui-label.header {
        padding: 2px 1em 2px 1em;
    }

    div .DMP-ui-label.white {
        background-color: White;
    }

    div .DMP-ui-label.white {
        background-color: White;
    }

        div .DMP-ui-label.white .ui-icon { /* ライブラリ差し替えやフォルダ移動時に要修正 */
            background-image: url(/Content/themes/redmond/images/ui-icons_469bdd_256x240.png);
        }

    div .DMP-ui-label.DFEFFC {
        background-color: #DFEFFC;
    }

        div .DMP-ui-label.DFEFFC .ui-icon { /* ライブラリ差し替えやフォルダ移動時に要修正 */
            background-image: url(/Content/themes/redmond/images/ui-icons_469bdd_256x240.png);
        }

#ViewFilterDiv table {
    width: 100%;
}

#grayoutReadOnly {
    float: left;
    z-index: 800;
}

#grayoutDummy {
    display: block;
    height: 1px;
    width: 1px;
}

.DMP-grayout-cancel {
    z-index: 810;
    border: solid 3px white !important;
}

#info_dialog {
    z-index: 1100 !important;
}

.DMP-icononly {
    height: 26px;
    width: 32px;
    margin: 0px;
    padding: 0px;
}

.DMP-textonly {
    padding-left: 2px;
}

    .DMP-textonly label {
        vertical-align: top;
        height: 23px;
        margin: 0px;
        padding: 0px;
    }

.DMP-icononly .ui-button-icon-primary {
    top: 9px;
    left: 5px;
}

    .DMP-icononly .ui-button-icon-primary .size17 {
        top: 8px;
        left: 4px;
    }

.DMP-button {
    height: 26px;
    margin: 0px;
    padding: 0px;
}

    .DMP-button .ui-button-icon-primary {
        top: 9px;
        left: 5px;
    }

        .DMP-button .ui-button-icon-primary .size17 {
            top: 8px;
            left: 4px;
        }

.DMP-icononly .ui-button-text {
    display: none;
}

.DMP-invisible {
    visibility: hidden;
}

.ui-first-th-ltr { /* jqGrid標準 隠しヘッダ右線の色を合わせる */
    border-right: 1px solid #C5DBEC;
}

/* アイテムメッセージ用CSS */
.msgThread {
    padding: 2px 0px;
    margin: 0px;
    font-family: "Meiryo UI", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

    .msgThread.count {
        margin: 0px 6px 0px 0px;
    }

    .msgThread.left {
        padding: 0px;
        float: left;
        width: 20%;
        overflow-y: auto;
    }

    .msgThread.right {
        padding: 0px;
        float: right;
        width: 79%;
        overflow-y: auto;
        border-left: solid 1px #cccccc;
    }

#msgMain {
    padding: 0px;
    overflow-y: scroll;
    border-top: solid 1px #cccccc;
}

.msgThread span {
    display: inline-block;
}

.msgThread.thread {
    padding: 4px 0px 2px 0px;
    border-bottom: solid 1px #cccccc;
}

.msgThread.header.close {
    display: none;
}

.msgThread.detail.close {
    display: none;
}

.msgThread.highlight {
    border-left: solid 3px orange;
}

.msgThread.header {
    padding: 0px;
}

.msgThread.summary {
    padding: 2px 6px 0px 6px;
    display: block;
}

.msgThread.showAll {
    padding: 2px 6px 0px 6px;
    display: block;
}

.msgThread.res {
    margin: 0px 0px 0px 48px;
    background: #e7ebf2;
    border-bottom: solid 1px #f7ffff;
}

.msgThread.msg {
    display: block;
    padding: 5px 0px 5px 6px;
}

.msgThread.summary > .msgThread.from {
    padding: 0px 6px 0px 0px;
    color: #1a65a5;
    font-weight: bold;
    overflow: hidden;
}

.msgThread.showAll > .msgThread.from {
    padding: 0px 6px 4px 0px;
    color: #1a65a5;
    font-weight: bold;
    overflow: hidden;
}

.msgThread.summary .msgThread.arrow {
    padding: 0px 0px 5px 0px;
    margin: 0px 3px 3px 0px;
}

.msgThread.showAll .msgThread.arrow {
    padding: 0px 0px 3px 0px;
    margin: 0px 1px 0px 1px;
}

.msgThread.count {
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}

.msgThread.status {
    margin: 0px 10px;
}

.msgThread.role1 {
    padding: 0px 0px 0px 0px;
    font-weight: bold;
    overflow: hidden;
}

.msgThread.allRoles {
    padding: 0px 0px 0px 0px;
    font-weight: bold;
    overflow: hidden;
    display: inline-block;
}

.msgThread.roles {
    padding: 0px 0px 5px 0px;
    margin: 0px 2px 0px 2px;
}

#msgThreadPostDestLabel {
    margin: 2px 0 0 4px;
}

.msgThread.noDest {
    color: #999999;
}

.msgThread.toCcIcon {
    color: white;
    background: #75b6ef;
    margin: 0px 2px 0px 4px;
    padding: 0px 3px 1px 3px;
}

.msgThread.hikaeme {
    color: #888888;
    font-size: 80%;
}

.msgSearch {
    padding: 0px;
    margin: 0px;
    font-family: "Meiryo UI", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    box-sizing: border-box;
    width: 100%;
}

input.msgSearch {
    width: 100%;
}

#msgSearch {
    margin: 3px 0px;
}

.msgThread.closeButton {
    float: right;
}

.msgThread.post {
    margin: 0px;
    padding: 4px 10px 3px 5px;
}

#msgThreadPost {
    cursor: pointer;
    margin: 0px;
    padding: 2px 6px;
}

.msgThread textarea {
    width: 500px;
    margin: 0px;
}

#msgSearchOnOff {
    float: right;
}

#msgThreadStatusPullDown {
    float: left;
    width: 200px;
}

.msgThread.dest {
    max-width: 280px;
    overflow: hidden;
    padding: 2px 0 0 0;
}
/* w1366で調整 */
.msgThread.longDest {
    max-width: 560px;
    padding: 2px 0 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.msgTread.summaryBody {
    color: #888888;
    max-width: 280px;
    overflow-x: hidden;
    display: inline-block;
}

.msgThread.roleDest {
    float: left;
    color: #2e6e9e;
}

.roleForm {
    cursor: pointer;
    color: white;
    margin: 1px 2px;
    padding: 2px 6px;
}

    .roleForm:hover {
        color: #2e6e9e;
        background-color: white !important;
    }

    .roleForm.on {
        background-color: #2e6e9e;
    }

.msgTread.toCc {
    margin: 1px 2px;
    padding: 2px 6px;
    color: #2e6e9e;
}

.DMP-lm10 {
    margin-left: 10px;
}

.DMP-rm10 {
    margin-right: 10px;
}

.DMP-bm10 {
    margin-bottom: 10px;
}

.FormGroup {
    position: relative;
    padding: 15px 0px 0px 0px;
    margin: 15px 5px;
    background: #f5f5f5;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

    .FormGroup legend {
        position: absolute;
        left: -1px;
        top: -11px;
        padding: 4px 10px;
        color: white;
        background-color: #4682b4;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

.DMP-error-text {
    border-color: red !important;
    /*border-width: 2px !important;*/
}

.DMP-error-label {
    color: red !important;
}

.dmp-subtabs {
    border: 0px;
}

    .dmp-subtabs > ul {
        background: url("");
        border: 0px;
    }

.dmp_formLabel {
    word-break: break-all;
    white-space: normal;
    display: inline-block;
    border: 1px solid #c5dbec;
}

/* フィルタの×ボタンを非表示に 幅をとって邪魔なため */
td.ui-search-clear {
    display: none;
}

.dmp-dataTree table {
    border: 0px;
}

.dmp-dataTree tr {
    border: 0px !important;
}

.dmp-dataTree td {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 1px solid #a6c9e2;
    border-left: 0px;
}

.dmp-path-title {
    font-size: 1.2em;
    margin-top: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

/* 単票固定子タブの見た目 */
.ui-tabs .ui-tabs-nav li.dmp-tab-fixparam {
    margin-right: 0px !important;
    margin-bottom: 3px !important;
    border-bottom: 1px solid #c5dbec !important;
}

    .ui-tabs .ui-tabs-nav li.dmp-tab-fixparam:hover {
        border-bottom: 1px solid #79b7e7 !important;
    }

    .ui-tabs .ui-tabs-nav li.dmp-tab-fixparam.ui-tabs-selected {
        border-bottom: 1px solid #79b7e7 !important;
        padding-bottom: 0px;
    }

.ui-icon.dmp-ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon.dmp-ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.dmp-handler-horizontal {
    cursor: row-resize;
    padding-bottom: 5px;
    height: 6px;
    width: 100%;
    background: url(/Content/DMP/handle-h.png) 49% 3px no-repeat;
}

.dmp-button-caption-bar {
    display: block;
    margin: 0px;
    padding: 1px 3px 0px 3px;
    height: 28px;
}

    .dmp-button-caption-bar button {
        float: left;
        margin: 0px 2px 0px 0px;
    }

    .dmp-button-caption-bar select {
        margin: 1px 2px 0px 0px;
    }

    .dmp-button-caption-bar .caption {
        position: absolute;
        font-size: 14px;
        margin: 3px 0px 0px 0px;
    }
/* クライアントビューリスト */
select.dmp-view {
    width: 125px;
    height: 28px;
    color: #999999;
}

    select.dmp-view > option {
        color: #222222;
    }

        select.dmp-view > option[value="View-Off"] {
            color: #999999;
        }
/* データ連携テーブルポップアップのビューはView-Offがない
 * 特殊なビューなのでデフォルトを黒にする
 */
#conditionArea_FilterGrid select.dmp-view {
    color: #222222;
}
/* カラーパレットの隠し単票jqGrid用 */
#gbox_formConditionalColor {
    display: none;
}

/* カラーパレット用 */
td.selectableColor {
    height: 15px !important;
}

/* 一覧ツリー線無しモード */
.dmp-dataTree td {
    background-color: #fcfdfd;
    border: none !important;
}

.dmp-dataTree .ui-jqgrid-bdiv {
    background-color: #fcfdfd;
}

.dmp-dataTree .ui-state-hover td {
    background: #d0e5f5 url(/Content/themes/redmond/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
}

.dmp-dataTree .ui-state-highlight td {
    background: #fbec88;
}

/* サイドバー用 start */
#dmpMainSidebar {
    width: 250px;
    margin: 1px 3px 0px 0px;
    display: inline-block;
    float: left;
}

    #dmpMainSidebar.close {
        width: 24px;
        height: 24px;
    }

    #dmpMainSidebar .ui-jqgrid-title {
        height: 20px;
        display: inline-block;
        font-size: 12px;
        padding: 3px 5px 0px 5px;
    }

    #dmpMainSidebar.close .ui-jqgrid-titlebar {
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        position: absolute;
        padding: 0px 0px 2px 5px;
        top: 72px;
        left: -22px;
        z-index: 100;
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
        -khtml-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
    }

    #dmpMainSidebar.close .dmpWidthAdjust {
        height: 20px;
        width: 20px;
        float: left;
        display: inline-block;
    }

    #dmpMainSidebar.close .ui-corner-br {
        display: none;
    }

.dmp_height_adjustment {
    margin-bottom: 2px;
}

#dmpMainSidebarButton {
    cursor: pointer;
    margin: 4px 3px 0px 0px;
}

#dmpMainSidebar.close #dmpMainSidebarButton {
    background-position: -30px -144px;
}

.dmpFoldButton {
    cursor: pointer;
    margin: 3px 0px 0px 1px;
}

#DataTree {
    overflow-x: hidden;
    overflow-y: hidden;
}
/* サイドバー用 end */

.ui-tabs > .ui-tabs-panel {
    border: none;
}

ul.dmpRecent {
    margin: 0;
    padding: 0;
}

li.dmpRecent {
    list-style-type: none;
    float: left;
    width: 100%;
    margin: 0;
}

    li.dmpRecent .dmpFavorite {
        display: inline-block;
        float: right;
        margin: 4px 1px 0px 0px;
        font-size: 20px;
        color: white;
        background-position: -40px -60px;
        background-image: url(/Content/DMP/20x20_Grey.png);
        width: 20px;
        height: 20px;
    }

        li.dmpRecent .dmpFavorite:hover {
            background-image: url(/Content/DMP/20x20_Sky.png) !important;
        }

    li.dmpRecent.on .dmpFavorite {
        background-image: url(/Content/DMP/20x20_Orange.png);
    }

.dmp_ListText {
    white-space: nowrap;
}

    .dmp_ListText span {
        display: inline-block;
    }

.dmp_ListTextOmit {
    line-height: 28px;
    width: 15px;
    overflow: hidden;
}

.dmpIncrementalSearchTop {
    display: inline;
    margin: 0;
    padding: 0;
}

.dmpIncrementalSearchInput {
    display: inline-block;
    float: right;
    width: 100px;
    margin: 1px 0px 0px 0px;
}

#conditionArea_FilterGrid.close {
    width: 1% !important;
}

    #conditionArea_FilterGrid.close .ui-jqgrid-titlebar {
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        position: absolute;
        top: 66px;
        left: -70px;
        z-index: 100;
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
        -khtml-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
        width: 150px;
    }

    #conditionArea_FilterGrid.close .ui-widget-content {
        display: none;
    }

.dmp-grid-header input, .dmp-grid-header div, .dmp-grid-header button {
    display: inline-block;
    float: left;
    margin: 0 0 0 4px;
}

.DMP_addonjob_button {
    position: relative;
    float: left;
    z-index: 210;
}

    .DMP_addonjob_button button {
        vertical-align: top;
        margin-left: 2px;
        height: 26px;
    }

    .DMP_addonjob_button > button {
        border: 1px solid #c5dbec;
        font-weight: bold;
        color: #2e6e9e;
        background-color: #dfeffc;
    }

    .DMP_addonjob_button.multi > button {
        padding: 0px 18px 0px 3px;
    }

        .DMP_addonjob_button.multi > button:after {
            content: '';
            position: absolute;
            top: 9px;
            right: 8px;
            height: 0px;
            border: 5px solid transparent;
            border-top: 9px solid #2e6e9e;
        }

    .DMP_addonjob_button > span {
        display: inline-block;
        min-height: 26px;
        min-width: 26px;
        padding: 4px 0px 0px 4px;
    }

    .DMP_addonjob_button > div {
        display: none;
        position: absolute;
        background-color: #5c9ccc;
    }

        .DMP_addonjob_button > div > div {
            float: left;
            z-index: 200;
            margin: 0px 0px 1px 1px;
        }

/* キャプションの下に潜って押せなくなるのを回避 */
.dmp-formRadioButton {
    float: left;
    z-index: 200;
}

.DMP-textonly > label.dmp-formRadioButton {
    margin-top: 1px;
}

.dmp-button-header button {
    margin: 1px;
    float: left;
    z-index: 200;
}

.dmp-button-header .FormTD button {
    margin: 0;
    float: none;
    z-index: 1;
}

.dmp-clearfix-min {
    display: inline-block;
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

    .dmp-clearfix-min:after {
        content: ".";
        display: block;
        height: 0;
        width: 0;
        clear: both;
        visibility: hidden;
    }

.dmp-clearfix {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

    .dmp-clearfix:after {
        content: ".";
        display: block;
        height: 0;
        width: 0;
        clear: both;
        visibility: hidden;
    }

/*
 * Hack:これを修正する人は全てのタブのリサイズをチェックしなおす事
 */
.ui-tabs-panel:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden;
}

div.frozen-div {
    overflow: hidden;
}

div.ui-datepicker {
    z-index: 1100 !important;
}

#tabs-1 th.ui-th-column div {
    white-space: normal !important;
    height: auto !important;
    top: 0 !important;
}

.dmp-wordwrap tr td {
    white-space: pre-wrap !important;
}

#assign_addon_buttons > button {
    float: left;
    z-index: 500;
}

#assign_addon_buttons > span {
    float: left;
    z-index: 500;
}

#gview_gdEdit_Assign_Assign > div.ui-jqgrid-caption {
    text-align: center;
}

#gview_gdEdit_Assign_Assign > div.ui-jqgrid-titlebar {
    padding: .6em .2em .6em .3em
}

#assign_addon_buttons {
    /*position: absolute;*/
    height: 27px;
    margin-left: 4px;
    /*margin-top: 4px;*/
}

#newData_Assign div.ui-jqgrid-titlebar {
    padding: .6em .2em .6em .3em
}

#newData_Assign div.ui-jqgrid {
    text-align: center;
}

#view_Assign {
    float: right;
    position: relative;
    z-index: 500;
    margin-top: 4px;
    margin-right: 7px;
}

#newDataTitle_Assign {
    font-size: 14px;
}

#gview_gdEdit_Assign_Assign span.ui-jqgrid-title {
    font-size: 14px;
}

#btnSave_Assign {
    left: 1px;
}

#existingData_Assign {
    width: 100%;
    position: absolute;
    float: left;
    box-sizing: border-box;
}

#areaForm_Assign {
    width: 100%;
    overflow-y: scroll;
}

/*
 * サイト情報管理画面用
 */
.label_SiteInfo {
    margin: 4px 0px 0px 0px;
    line-height: 20px;
    padding: 0px 3px 0px 3px;
    width: 144px;
    text-align: left;
    cursor: auto;
    font-weight: normal !important;
    overflow: hidden;
}

.labelCell_SiteInfo {
    width: 144px;
}

.textCell_SiteInfo {
    width: 366px;
}

.spacerCell_SiteInfo {
    width: 0px;
}

.noteCell_SiteInfo {
    width: 420px;
}

.inputArea_SiteInfo {
    margin: 4px 0px 0px 0px;
    padding: 0px 3px 0px 3px !important;
    line-height: 20px;
    text-align: left;
    width: 360px !important;
    height: 20px;
}

.textArea_SiteInfo {
    margin: 4px 0px 0px 0px;
    width: 360px;
    white-space: pre-wrap;
}

.noteArea_SiteInfo {
    width: 400px;
    padding: 6px 7px;
    white-space: normal;
    word-break: break-all;
}

.list_SiteInfo {
    margin: 4px 0px 0px 0px;
    padding: 0px 0px 0px 3px;
    height: 20px;
    line-height: 20px;
    width: 80px;
}

#fontColorPreview_SiteInfo {
    height: 20px;
    padding: 2px 6px 2px 6px;
    font-size: 14px;
}
/*
 * 個人管理画面用
 */
.label_Personal {
    margin: 4px 0px 0px 0px;
    line-height: 20px;
    padding: 0px 3px 0px 3px;
    width: 144px;
    text-align: left;
    cursor: auto;
    font-weight: normal !important;
    overflow: hidden;
}

.labelCell_Personal {
    width: 144px;
}

.textCell_Personal {
    width: 366px;
}

.spacerCell_Personal {
    width: 0px;
}

.noteCell_Personal {
    width: 420px;
}

.labelCell_AccessKey {
    width: 144px;
}

.textCell_AccessKey {
    width: 366px;
}

.spacerCell_AccessKey {
    width: 0px;
}

.noteCell_AccessKey {
    width: 600px;
}

.inputArea_Personal {
    margin: 4px 0px 0px 0px;
    padding: 0px 3px 0px 3px !important;
    line-height: 20px;
    text-align: left;
    width: 360px !important;
    height: 20px;
}

.userLang_Personal {
    margin: 4px 0px 0px 0px;
    padding: 0px 3px 0px 3px !important;
    line-height: 20px;
    text-align: left;
    width: 35% !important;
    height: 22px;
}

.inputAreaShort_Personal {
    margin: 4px 0px 0px 0px;
    padding: 0px 3px 0px 3px !important;
    line-height: 20px;
    text-align: left;
    width: 280px !important;
    height: 20px;
}

.textArea_Personal {
    margin: 4px 0px 0px 0px;
    width: 360px;
    white-space: pre-wrap;
}

.noteArea_Personal {
    border: none;
    width: 400px;
    padding: 6px 7px;
    word-break: break-all;
}

.list_Personal {
    margin: 4px 0px 0px 0px;
    padding: 0px 0px 0px 3px;
    height: 20px;
    line-height: 20px;
    width: 80px;
}

#fontColorPreview_Personal {
    height: 20px;
    padding: 2px 6px 2px 6px;
    font-size: 14px;
}

.mailNotification_select {
    margin: 4px 0px 0px 0px;
    line-height: 20px;
    width: 30%;
    text-align: left;
    cursor: auto;
    font-weight: normal;
    overflow: hidden;
}

.mailType_select {
    line-height: 20px;
    width: 20%;
    text-align: left;
    cursor: auto;
    font-weight: normal;
    overflow: hidden;
}

.AccessKeyInfo {
    margin: 4px 0px 0px 0px;
    line-height: 20px;
    padding: 0px 3px 0px 3px;
    width: 144px;
    text-align: left;
    cursor: auto;
    font-weight: normal !important;
}

.inputArea_AccessKeyInfo_Key {
    margin: 4px 0px 0px 0px;
    padding: 0px 3px 0px 3px !important;
    line-height: 20px;
    text-align: left;
    width: 355px !important;
    height: 20px;
    overflow: hidden;
}

.inputArea_AccessKeyInfo_Time {
    border: 1px solid #A6C9E2;
    margin: 4px 0px 0px 0px;
    padding: 0px 3px 0px 3px !important;
    line-height: 20px;
    text-align: left;
    width: 355px !important;
    height: 20px;
    overflow: hidden;
}

.message_Personal {
    border: none;
    margin: 4px 0px 0px 0px;
    padding: 0px 3px 5px 3px !important;
    line-height: 20px;
    text-align: left;
    width: 355px !important;
    height: 20px;
}

.message_AccessKey {
    border: none;
    margin: 4px 0px 0px 0px;
    padding: 0px 3px 5px 3px !important;
    text-align: left;
    width: 355px !important;
    height: 20px;
}

#bookmark {
    width: 770px;
    margin: 0 auto;
    font-family: "Meiryo UI", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

#bookmark_title {
    font-size: 22px;
    text-align: center;
    margin-bottom: 20px;
}

#bookmark_contents {
    font-size: 22px;
    text-align: left;
    padding-left: 100px;
}

#bookmark_comment {
    font-size: 16px;
    text-align: left;
    padding-left: 100px;
}

.ui-notify-message-style {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* ダブルクリックイベント透過用チェックボックスラッパー画像用css start */
/* checkboxの大きさはChrome,IE,edge共通で13px 2019/05 */
.png-wrap:before {
    height: 13px;
    width: 13px;
    content: '';
    display: inline-block;
    position: relative;
    left: -6.5px;
}

.png-wrapped {
    position: relative;
    left: 6.5px;
}
/* ダブルクリックイベント透過用チェックボックスラッパー画像用css end */

/* 業務プロセス管理css start */
#ProcessAnalysisMiddleColumn {
    overflow-y: scroll;
    border: 1px solid #a6c9e2;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #fcfdfd;
}

#ProcessAnalysisRightColumn div#gbox_gdEdit_ProcessAnalysisData_ProcessAnalysis {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#Body_ProcessAnalysisMain .kikan-title {
    position: fixed;
    font-size: 13px;
    padding: 1px;
    height: 25px;
    width: 100%;
}
#Body_ProcessAnalysisMain .kikan {
    float: right;
}
    #Body_ProcessAnalysisMain .kikan button span {
        background-size: 100%;
    }
        #Body_ProcessAnalysisMain .kikan button span.ui-button-text {
            padding-left: 28px;
        }

.BridgeChart .legends {
    width: 50%;
    float: left;
}
.BridgeChart .legend {
    margin: 0 10px 0 0;
    height: 13px;
    width: 26px;
    margin: 0 10px 0 0;
    display: inline-block;
}

div[aria-labelledby=ui-dialog-title-ProcessAnalysisRequestPopup] {
    border: 2px solid #a6c9e2;
    padding: 0;
}
    div[aria-labelledby=ui-dialog-title-ProcessAnalysisRequestPopup] .ui-dialog-content {
        padding: 0;
    }
    div[aria-labelledby=ui-dialog-title-ProcessAnalysisRequestPopup] .ui-dialog-titlebar.ui-corner-all {
        border: 0px;
        border-radius: 0;
    }
    div[aria-labelledby=ui-dialog-title-ProcessAnalysisRequestPopup] .ui-jqgrid.ui-corner-all {
        border: 0px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }


/* 業務プロセス管理css end */
/* チャート汎用 css start */
.BridgeChartContextMenu {
    display: none;
    position: fixed;
    color: white;
    font-size: 14px;
    padding: 6px;
    background-color: black;
    opacity: 0.8;
    border-radius: 5px;
}
.BridgeChart {
    float: left;
    margin: 0;
    padding: 0;
}

.BridgeChartYohaku {
    padding: 20px 10px 0 10px;
    min-height: 400px;
}
.BridgeChartYohaku > canvas {
    box-shadow: 1px 1px 20px 1px rgba(0, 0, 0, 0.1);
}

.dmp_WarningZone {
    background-color: rgb(255,200,200);
    width: auto;
}

.dmp_WarningZone-Msg {
    width: 100%;
}
/* チャート汎用 css end */


/* 一括比較画面 */
.label_AppSettingsComparison_AppInfo {
    margin: 4px -8px 0px 0px;
    line-height: 20px;
    padding: 0px 3px 0px 3px;
    width: 144px;
    text-align: left;
    cursor: auto;
    font-weight: normal !important;
    overflow: hidden;
}
.label_AppSettingsComparison {
    margin: 4px 0px 0px 0px;
    line-height: 20px;
    padding: 0px 3px 0px 3px;
    width: 100%;
    text-align: left;
    cursor: auto;
    font-weight: normal !important;
    overflow: hidden;
}

.comparisonOptions_table {
    max-width: 400px;
    width: 100%;
    border: 0px;
    table-layout: fixed;
}

.comparisonAppInfo_table {
    border: 0px;
    table-layout: fixed;
}

.comparisonOptions_select {
    line-height: 20px;
    width: 50%;
    text-align: left;
    cursor: auto;
    font-weight: normal;
    overflow: hidden;
}

.comparisonOptions_checkbox_wrapper {
    vertical-align: middle;
}

.comparisonAppInfo_fieldset_container {
    display: flex;
    padding: 0px;
}

.comparisonAppInfo_fieldset_one_column {
    padding: 7px 0px;
    width: 100%;
    margin-bottom: 0px;
}

.comparisonAppInfo_fieldset_side_by_side {
    padding: 7px 0px;
    width: 50%;
    max-width:400px;
    margin:25px 2px 0px 2px;
}

.comparisonAppInfo_input {
    margin: 4px 0px 0px 0px;
    padding: 0px 3px 0px 3px !important;
    line-height: 20px;
    text-align: left;
    height: 20px;
    width:270px !important
}
