/* 最小化できませんでした。最小化されていないコンテンツを返します。
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(163,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-border-color'
(192,35): run-time error CSS1039: Token not allowed after unary operator: '-gray-border-color'
(214,32): run-time error CSS1039: Token not allowed after unary operator: '-gray-border-color'
(244,29): run-time error CSS1039: Token not allowed after unary operator: '-ryowa-blue'
(248,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-green'
(253,25): run-time error CSS1039: Token not allowed after unary operator: '-gray-border-color'
(257,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-border-color'
(261,32): run-time error CSS1039: Token not allowed after unary operator: '-gray-border-color'
(282,28): run-time error CSS1039: Token not allowed after unary operator: '-bacground-blue'
(292,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-border-color'
(296,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-contents-color'
(333,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-border-color'
(337,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-contents-color'
(370,28): run-time error CSS1039: Token not allowed after unary operator: '-ryowa-blue'
(374,33): run-time error CSS1039: Token not allowed after unary operator: '-bacground-blue'
(390,21): run-time error CSS1039: Token not allowed after unary operator: '-ryowa-blue'
(393,32): run-time error CSS1039: Token not allowed after unary operator: '-ryowa-blue'
(480,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-contents-color'
(498,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-border-color'
(529,17): run-time error CSS1039: Token not allowed after unary operator: '-ryowa-blue'
(563,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-border-color'
(582,28): run-time error CSS1039: Token not allowed after unary operator: '-ryowa-blue'
 */
/*CSS変数 IEでは使えないため別途記述する*/
:root {
    /*枠線などで使用する灰色*/
    --gray-border-color: RGB(165,165,165);
    /*表のヘッダーなど明るい灰色*/
    --gray-contents-color: RGB(242,242,242);
    /*ロゴの背景色やボタンの色*/
    --ryowa-blue: RGB(0, 160, 230);
    /*メニューの背景色や表の縞模様*/
    --bacground-blue: RGB(221,242,252);
    /*検索ボタンや照会ボタンの緑色*/
    --btn-green: RGB(40,170,130);
}

/*IE11はCSS変数が使えないためここにまとめて書く*/
@media all and (-ms-high-contrast: none) {
    header {
        border-bottom: 1px solid RGB(165,165,165);
    }

    footer {
        border-top: 1px solid RGB(165,165,165);
    }

    option[disabled="disabled"] {
        color: RGB(165,165,165);
    }

    input[type="text"] {
        border: 1px solid RGB(165,165,165);
    }

    .btn-light {
        border-color: RGB(165,165,165) !important;
    }

    .card-default {
        border: 1px solid RGB(165,165,165) !important;
    }

    .card-body {
        border-top: 1px solid RGB(165,165,165) !important;
    }

    .borderGray {
        border: 1px solid RGB(165,165,165);
    }

    .headerTable > tbody > tr > td {
        border: 1px solid RGB(165,165,165);
    }

    .oneLine > tbody > tr > td {
        border: 1px solid RGB(165,165,165);
    }
    .oneLine .lineMiddle > td {
        border-color: RGB(165,165,165);
    }
    table.table-striped,
    .table-striped td,
    .table-striped th {
        border: 1px solid RGB(165,165,165);
    }
    .modal-body table,
    .modal-body table td,
    .modal-body table th {
        border: 1px solid RGB(165,165,165);
    }

    infomationGroup > .card-default > .card-header {
        background-color: RGB(242,242,242);
    }

    .table-striped > thead > tr {
        background-color: RGB(242,242,242);
    }
    .table-striped > thead > tr > th > .table {
        background-color: RGB(242,242,242);
    }

    .table-striped thead {
        background-color: RGB(242,242,242);
    }
    .table-striped > tbody > tr:nth-of-type(2n+1) {
        background-color: RGB(221,242,252);
    }

    .table-striped > tbody > tr:nth-of-type(2n+1) {
        background-color: RGB(221,242,252) !important;
    }

    .btn-primary {
        background-color: RGB(0, 160, 230) !important;
    }

    .btn-success {
        background-color: RGB(40,170,130) !important;
    }

    .sideMenu img {
        background-color: RGB(0, 160, 230);
    }
    #ui-datepicker-div {
        border: 1px solid RGB(0, 160, 230);
    }

    #ui-datepicker-div .ui-state-default {
        background-color: RGB(221,242,252) !important;
    }
    #ui-datepicker-div .ui-state-active {
        background-color: RGB(0, 160, 230) !important;
    }
    .ui-datepicker-today .ui-state-highlight {
        color: RGB(0, 160, 230) !important;
    }

    .point {
        color: RGB(0, 160, 230);
    }
    .page-link.active {
        background-color: RGB(0, 160, 230);
    }

    /* 縦書設定 */
    table.table-vertical,
    .table-vertical td,
    .table-vertical th {
        border: 1px solid RGB(165,165,165);
    }
    .table-vertical > thead > tr {
        background-color: RGB(242,242,242);
    }
    .table-vertical > thead > tr > th > .table {
        background-color: RGB(242,242,242);
    }
    .table-vertical thead {
        background-color: RGB(242,242,242);
    }
}

/*共通*/
html {
    overflow: auto;
}
p {
    margin-top: auto;
    margin-bottom: auto;
}
th {
    white-space: nowrap
}
body {
    min-width: 1333px;
    /*min-height: 667px;*/
    font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Lucida Grande","Hiragino Kaku Gothic Pro",Osaka,Verdana,"ＭＳ Ｐゴシック",sans-serif;
    color: #000;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

input[type="text"] {
    border: 1px solid var(--gray-border-color);
}
ol, ul, dl {
    margin-bottom: 0px;
}
ul {
    padding: 0px;
}
label {
    margin-bottom: 0px;
}
/*ラジオボタンの間隔を調整*/
label + input[type="radio"] {
    margin-left: 35px;
}
option:disabled {
    display: none;
    visibility: hidden;
}

header {
    height: 40px;
    padding-top: 5px;
    margin-bottom: 20px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1000;
    background-color: white;
    border-bottom: 1px solid var(--gray-border-color);
}

.headerDiv {
    padding-top: 40px;
    line-height: 1
}
.footerDiv {
    padding-bottom: 50px;
}
    #result .footerDiv {
        padding-bottom: 45px;
    }

footer {
    padding-bottom: 5px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 1000;
    background-color: white;
    border-top: 1px solid var(--gray-border-color);
    padding-top: 5px;
    margin-left:196px;
    padding-right:196px;
}

header div {
    padding-right: 10px;
}

footerDiv {
    padding-right: 10px;
}

img.padding {
    padding: 10px 20px
}
/*bootstrap付属クラスの改造*/
.btn {
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
}
.btn-sm {
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}

.btn-primary {
    background-color: var( --ryowa-blue) !important;
}

.btn-success {
    background-color: var(--btn-green) !important;
}

.btn-light {
    color: RGB(0,80,115);
    border-color: var( --gray-border-color)!important;
}

.card-default {
    border: 1px solid var(--gray-border-color) !important;
}

.card-body {
    border-top: 1px solid var(--gray-border-color) !important;
}

modal-header {
    padding: 1px;
}

.breadcrumb {
    background-color: transparent !important;
    padding-top:5px;
    padding-bottom:5px;
    margin-bottom: 0px;
}
.breadcrumb-item.active{
    color:black;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: ">"
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: var(--bacground-blue) !important;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: transparent;
}

table.table-striped,
.table-striped td,
.table-striped th {
    border: 1px solid var(--gray-border-color);
}

.table-striped thead {
    background-color: var(--gray-contents-color)
}

.pagination {
    margin-top: 10px;
}

td, th {
    padding-left: 5px;
    padding-right: 5px;
}

td .btn {
    min-width: 5px;
    padding-left: 3px;
    padding-right: 3px;
    width: 45%;
}

td .btn-large {
    min-width: 5px;
    padding-left: 1px;
    padding-right: 1px;
    width: 95%;
    font-size: 0.9rem;
}

/* IE11ではBootstrapのplaceholder設定が有効にならないので!importantフラグをつけて上書き */
.form-control:-ms-input-placeholder {
    color: #6c757d !important;
    opacity: 1;
}

/* 縦書設定 */
table.table-vertical,
.table-vertical td,
.table-vertical th {
    border: 1px solid var(--gray-border-color);
}

.table-vertical thead {
    background-color: var(--gray-contents-color)
}

.table > thead > tr > th {
    border-bottom-width: 0px;
    border-bottom-style: solid;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: none;
}
.w-100 {
    padding-bottom: 10px;
}
.form-check-label {
    padding-right: 10px;
}
/*ダイアログ*/
/*背景部分*/
.ui-widget-overlay{
    z-index:1100 !important;
}
/*ダイアログタイトルカラー*/
.ui-dialog-titlebar{
    background-color:RGB(89,89,89);
    color:white;
}
.ui-widget-content {
    font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Lucida Grande","Hiragino Kaku Gothic Pro",Osaka,Verdana,"ＭＳ Ｐゴシック",sans-serif;
}
/*カレンダー*/
#ui-datepicker-div {
    background-color: white;
    border: 1px solid var(--ryowa-blue);
}

    #ui-datepicker-div .ui-state-default {
        background-color: var( --bacground-blue) !important;
        border: none;
        font-weight: bold;
    }

    #ui-datepicker-div .ui-datepicker-header {
        background-color: white;
        border: none;
    }



    #ui-datepicker-div .ui-priority-secondary {
        opacity: 0.5 !important;
    }
    .ui-datepicker-today .ui-state-highlight {
        color: var(--ryowa-blue) !important;
    }
    #ui-datepicker-div .ui-state-active {
        background-color: var(--ryowa-blue) !important;
        color: white !important;
    }
.ui-button,
.ui-button:hover,
.ui-button:focus {
    font-weight: 700;
}

/* jquery blockui*/
.blockOverlay {
    z-index: 1100 !important;
    opacity:0.2 !important;
}
.blockMsg {
    z-index: 1101 !important;
    background-color:transparent !important;
    border:none !important;
}
.padding-bottomNone {
    padding-bottom: 0px !important;
}

.padding-topNone {
    padding-top: 0px !important;
}

.padding-bottom15 {
    padding-bottom: 15px !important;
}

.margin-bottom10 {
    margin-bottom: 10px !important;
}

.padding-right55 {
    padding-right: 55px !important;
}

.padding-left180 {
    padding-left: 180px !important;
}
/*contentsとメニューバーを重ねないようにするクラス jsで付ける*/
.padding-contents {
    padding-left: 200px !important;
}

.padding-card-body {
    padding: 1.25rem;
}

.width200 {
    width: 200px;
}

.minWidth50{
    min-width:50px;
}

/*(必須が入る幅を想定)*/
.width75{
    width:75px;
}
.fontRed {
    color: RGB(190,0,0)
}
/*コンテンツ内部の設定*/
.contents {
    /*メニューバー用の空間を開ける*/
    padding-left: 200px;
    z-index: 999;
    margin-top: 0px;
    width: 96%;
    margin: auto;
}

.infomationGroup {
    width: 100%;
}

    .infomationGroup > .card-header {
        background-color: RGB(89, 89, 89);
        color: white;
        border-color: RGB(89, 89, 89);
    }

infomationGroup > .card-default > .card-header {
    background-color: var(--gray-contents-color);
}
.infomationGroup .btn {
    margin-left: 20px;
    margin-right: 20px;
    min-width: 80px;
}

.important {
    color: RGB(190,0,0);
    padding-right: 10px;
}

.borderBlack {
    border: 1px solid black;
}

.borderGray {
    border: 1px solid var(--gray-border-color);
}
/*色、背景色、カーソルを親要素から継承する　aタグの中にinputタグがある際に見た目をaタグのままにする場合に使う  ie11ではbackground-color: inherit !important;が使えないため transparent(透明に変更)*/
.tagInherit {
    background-color: transparent !important;
    color: inherit !important;
    cursor: pointer !important;
}
.tagInherit:hover {
    text-decoration: underline;
}
/* メニューで > を表示する */
#AccordionSideMenu li > a, #AccordionSideMenu li > div {
    background: url(../images/arr.svg) no-repeat;
    background-size: 6px auto;
    background-position: 5px 48%;
    padding-left: 20px;
}

/*お知らせ欄の設定*/
.card-group .card + .card {
    margin-top: -1px;
    border-collapse: collapse;
}
.list-group-item {
    padding: 0px;
}
.list-group-item > .card-header {
    cursor: pointer;
}
.point {
    color: var(--ryowa-blue);
    padding-right: 10px;
}

/*モーダルの変更*/
.modal.fade {
    z-index: 1100;
}

.modal-dialog {
    max-width: 800px;
    min-width: 500px;
    margin-top:5px;
}

.modal-header {
    background-color: RGB(89, 89, 89);
    color: white;
    border-color: RGB(89, 89, 89);
    padding:0.5rem 1rem;
}

.modal-body{
    padding-bottom: 0px;
}

.modal-body input[type="text"],
.modal-body select {
    width: 300px;
}

.modal-body table,
.modal-body table td,
.modal-body table th {
    border: 1px solid var(--gray-border-color);
}

.modal-footer {
    justify-content: space-between;
}

.modal-table-tr:hover {
    text-decoration: underline;
}

/*その他2画面以上で使用するクラス*/
/*閉じるボタンで検索項目が畳まれた時用*/
.mini {
    padding-top: 3px;
    padding-bottom: 3px;
}
/*ページャ*/
.page-link.active {
    background-color: var(--ryowa-blue);
    color: white;
}
/*低解像度用設定 優先度を上げるため、一番下に書く*/
@media all and (max-width:1200px) {
    body {
        min-width: 700px !important;
        overflow-x:auto;
    }
    /*中身のページの余白を無くす*/
    .contents {
        padding-left: 0px;
    }

    .container {
        max-width: 99%;
        display: inline;
    }
    /*メニューバーを横一面に*/
    .sideMenu {
        width: 100% !important;
        position: static !important;
    }
    /*ヘッダーとサイドメニューを重ねる*/
    header {
        height: 87px; /*メニューバーの画像と同じ高さにする*/
        border-bottom: none;
        position: absolute;
        min-width: calc(500px - 196px) !important;
        margin-left: 196px;
        width: calc(100% - 196px);
    }
    footer{
        margin-left:0px;
        padding-right:0px;
    }
    #Grows_logo {
        padding-left: 0px !important;
    }
}
@media all and (max-width:800px) {
    #result {
        font-size: smaller;
    }
}
/* エラーメッセージテキストのスタイル */
.validation-summary-errors li {
    color: red;
    font-weight: bold;
    list-style: none;
}
.validation-summary-valid li {
    display: none;
}
/* 検証エラーになったコントロールの背景色を赤色にする */
.input-validation-error {
    background-color: #ffeeee;
}
/* メッセージ画面のメッセージテキストのスタイル */
.general-messege {
    color: black;
    font-weight: bold;
}
/* メッセージ画面のメッセージテキストのスタイル */
.general-messege-error {
    color: red;
    font-weight: bold;
}
/* 各画面のインフォメーションメッセージテキストのスタイル */
.information-messege {
    color: blue;
    font-weight: bold;
}
/*トーストの幅を調整*/
.toast{
    width:350px !important;
}
/*一覧画面の更新、削除ボタンの幅を設定*/
.operationArea{
    width:10%;
}
/*iosでお知らせ欄が開くようにする設定*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    _::-webkit-full-page-media, _:future, :root body div[data-toggle="collapse"] {
        cursor: pointer;
    }
}
/*HTMLに影響せずオブジェクト非表示*/
.visibility-hidden {
    visibility: hidden;
}
/* カスタムファイル選択のスタイル */
.custom-file {
    overflow: hidden;
}
.custom-file-label {
    white-space: nowrap;
}
.reset {
    font-weight: normal;
    border: 1px solid silver;
}
/* 無効ドロップダウンリスト */
.disable-selection {
    background-color: #e9ecef;
}
/* 縦書設定 */
.vertical-text {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    max-width: 60px;
    white-space: nowrap;
}
.custom-checkbox-vertical {
    padding-left: 28px;
}
/* カスタムコントロールのラベルのカーソル変更 */
.custom-control > .custom-control-label {
    cursor: pointer;
}
/* カスタムコントロールのチェックボックスdisabled時カーソル変更 */
.custom-control-input:disabled ~ .custom-control-label {
    cursor: not-allowed;
}
/* セレクトボックスのカーソル変更 */
select {
    cursor: pointer;
}
/* display:none 用のクラス */
.display-none {
    display: none;
}
/* ime-mode設定用のクラス */
.ime-mode-disabled {
    ime-mode: disabled;
}
.ime-mode-active {
    ime-mode: active
}
/* 改行コードをHTML側で改行させるクラス */
.message-pre-line {
    white-space: pre-line;
}