body {

}

@media screen and (min-width: 769px){
    body{
        zoom:90%;
    }
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
textarea {
    height: 30px;
    padding: 0.275rem 0.75rem !important;
}

select {
    height: 30px !important;
    padding: 0.175rem 0.75rem !important;
}

    input[type="radio"] {
        height: 12px !important;
        padding: 0.275rem 0.75rem !important;
    }

    input[type="checkbox"] {
        height: 12px !important;
        padding: 0.275rem 0.75rem !important;
    }

textarea {
    resize: none;
}

    /*----------↓validationエラー関連↓----------*/
    .field-validation-error {
        color: #ff0000;
    }

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}
/*----------↑validationエラー関連↑----------*/

/*----------↓変更チェック関連↓----------*/
/*変更チェック実施クラス*/
.chk-exec {
}

/*被変更チェッククラス*/
.chk-target {
}

/*----------↑変更チェック関連↑----------*/

/*----------↓権限操作関連↓----------*/
/*権限操作対象クラス*/
.auth-target {
}
/*----------↑権限操作関連↑----------*/


/*----------↓ボタン関連↓----------*/

/*ボタンアイコン画像レイアウト*/
.btn-icon {
    height: 20px;
    margin-right: 7px;
    margin-left: -3px;
}

/*取消ボタン(または黄土色系ボタン)*/
.btn-clear {
    border: 1px solid #868e96;
    background-color: #d7d3d3;
}
    .btn-clear:hover {
        border: 2px solid #868e96;
        background-color: #f5f5f5;
    }

/*戻るボタン(または黄色系ボタン)*/
.btn-back {
    border: 1px solid #3fbe16;
    background-color: #e1ffd7;
}
    .btn-back:hover {
        border: 2px solid #3fbe16;
        background-color: #effbeb;
    }

/*登録・更新ボタン(または青系ボタン)*/
.btn-save {
    color: black;
    border: 1px solid #3fbe16;
    background-color: #e1ffd7;
}
    .btn-save:hover {
        color: black;
        border: 2px solid #3fbe16;
        background-color: #effbeb;
    }

/*ボタン(緑色系ボタン)*/
.btn-green {
    border: 1px solid #3fbe16;
    background-color: #e1ffd7;
}
    .btn-green:hover {
        border: 2px solid #3fbe16;
        background-color: #effbeb;
    }

/*削除ボタン(または赤系ボタン)*/
.btn-delete {
    border: 1px solid #ad0404;
    background-color: #f5a179;
}
    .btn-delete:hover {
        border: 2px solid #ad0404;
        background-color: #fde6e6;
    }

/*検索ボタン*/
.btn-search {
    border: 1px solid #3fbe16;
    background-color: #e1ffd7;
    width: 100px;
    height: 30px;
    padding: 1px;
}
    .btn-search:hover {
        border: 2px solid #3fbe16;
        background-color: #eaf4e7;
    }

/*子画面ボタン*/
/*
    .btn-child {
    margin: 0 2px;
    border: 1px solid gray;
    height: 30px;
}
*/
/*子画面ボタン(虫眼鏡画像付き*/
.btn-child-search {
    margin: 0 2px;
    border: 1px solid gray;
    height: 30px;
    background: url(../images/child.png) no-repeat;
    background-size: 20px auto;
    background-position: center;
}

/*全選択・解除ボタン*/
.btn-all {
    border: 1px solid gray;
    width: 100px;
    height: 30px;
    padding: 1px;
}

/*ヘッダー部ボタン*/
.btn-header {
    font-size: 14px;
    font-weight: bold;
    padding: 0.2rem 0.4rem;
}

/*個別クリアボタン*/
.btn-oneClear {
    margin: 0 2px;
    border: 1px solid gray;
    height: 30px;
    background: url(../images/oneClear.png) no-repeat;
    background-size: 20px auto;
    background-position: center;
}

/*----------↑ボタン関連↑----------*/

/*----------↓テーブル関連↓----------*/

/*スクロールバーの実装 */
.table_sticky {
    display: block;
    overflow-y: auto;
    border-collapse: collapse;
    border-spacing: 0px;
}

    .table_sticky thead {
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        z-index: 1;
        text-align: center;
        background-color: #FFD4AD;
        color: #0000FF;
    }

        .table_sticky thead th, .table_sticky tbody td {
            border: 1px solid gray;
        }

.grid-header {
    position: sticky;
    position: -webkit-sticky;
    /*top: 0;*/
    z-index: 1;
    text-align: center;
    background-color: #fdc4c4;
    color: #0000FF;
}

/*テーブルの余白(padding)*/
.table_pd th, .table_pd td {
    padding: 0.2rem;
}

/* 偶数行の背景色 */
.table-striped tbody tr:nth-child(even) {
    background-color: #e6ebf0; /* 好きな色に変更 */
}

/* 奇数行の背景色 */
.table-striped tbody tr:nth-child(odd) {
    background-color: #ffffff; /* 好きな色に変更 */
}


/* 隔行の背景色設定*/
.table-striped2 tbody tr:nth-of-type(4n+1), .table-striped2 tbody tr:nth-of-type(4n+2) {
    background-color: #eaf4ff;
    opacity:1;
}

.table-striped2 th {
    font-weight: normal;    
    padding: 0.5rem;
}
.table-striped2 tr {
    line-height: 4px;
}
.table-striped2 td {
    padding: 0.1rem;
}

/*テーブル選択行の背景色*/
.selected, .selected2 {
    background: lightskyblue !important;
}
/*テーブル選択セルの背景色*/
.selectedcell {
    background: orange !important;
}

.disp-none {
    display: none;
}

/*ソート検知用クラス*/
.sort-header {}

/*ソート対象用クラス*/
.sort-target {}

/*行選択用クラス*/
.row-select{}

/*セル選択用クラス*/
.cell-select {
}

/*----------↑テーブル関連↑----------*/

/*----------↓レスポンシブ無効化↓----------*/
.container {
    min-width: 1366px !important;
    max-width: 1366px !important;
}
.navbar-expand-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.navbar-expand-lg > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
}
.navbar-expand-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
}
.navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.3rem;
        padding-left: 0.3rem;
        color: #c247ff
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
            position: absolute;
}
/*----------↑レスポンシブ無効化↑----------*/

/*----------↓共通ヘッダ関連↓----------*/
.nav-link
{
    padding:0;
}

/*ヘッダサブメニューの色*/
.menu-colorR a {
    color: darkred;
}
.menu-colorY a {
    color: darkgoldenrod;
}
.menu-colorG a {
    color: olivedrab;
}
/*----------↑共通ヘッダ関連↑----------*/

/*タイトル画像*/
.title-mr {
    margin-right: 10px;
    padding-bottom:3px;
    width: 25px
}

/*システムアイコンサイズ*/
.sysicon-wd {
    width: 1.8%;
}

/*入力項目を囲むパネル**********/
.panel {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    padding-top: 0;
    padding-bottom: 0px;
}
.panel-title {
    background-color: #c2c3c5;
}
/******************************/


/*入力項目行*/
.row-group {
    margin-bottom: 10px;
}
/*入力項目ラベル*/
.input-label {
    text-align: center;
    background: #fdc4c4;
    color: #0000FF;
    padding: 4px 0px 0px 0px;
    margin-left: 10px;
    /*margin-right: 2px;*/
    margin-bottom: 0px;
    width: 140px;
    border-style: ridge;
    border-color: #babbbb;
    border-width: thin;
    height: 30px;
}

/*入力項目ラベル(キー項目)*/
.input-label-key {
    text-align: center;
    background: #FFADAD;
    color: #0000FF;
    padding: 4px 0px 0px 0px;
    margin-left: 10px;
    /*margin-right: 2px;*/
    margin-bottom: 0px;
    width: 140px;
    border-style: ridge;
    border-color: #babbbb;
    border-width: thin;

    height: 30px !important;
}

/*画面タイトル部関連*/
div.top {
    width: 100%;
    height: 40px;
}

h4{
    padding-top:5px;
}

/*画面本体関連*/
div.mid {
    width: 100%;
    /*height: calc(100vh - 210px);*/
    height: 750px;
    overflow-y: auto;
    min-height: 100px;
}

/*ボタン部関連*/
div.bot {
    width: 100%;
    height: 60px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

    div.bot > div {
        padding: 4px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        /*ボタン部-右寄せ開始*/
        div.bot > div.right-start {
            margin-left: auto;
        }

        /*ボタン部-右寄せ(小)*/
        div.bot > div.right-s {
            width: 130px;
            justify-content: right;
        }

        /*ボタン部-右寄せ(中)*/
        div.bot > div.right-m {
            width: 200px;
            justify-content: right;
        }

        /*ボタン部-右寄せ(空白)*/
        div.bot > div.right-b {
            width: 60px;
            justify-content: right;
        }

        /*ボタン部-左寄せ(小)*/
        div.bot > div.left-s {
            width: 130px;
            justify-content: left;
        }
        /*ボタン部-左寄せ(中)*/
        div.bot > div.left-m {
            width: 200px;
            justify-content: left;
        }


        /*ボタン部-左寄せ(空白)*/
        div.bot > div.left-b {
            width: 60px;
            justify-content: left;
        }

/*処理完了メッセージ*/
.success-msg{
    color:blue;
    font-weight:bold;
    margin-bottom:10px;
    margin-left:10px;
}

/*テキストチェンジ*/
.form-chengecontrol {
    display: block;
}

/*数値テキストボックス*/
.txt-number {
    text-align:right;
}

/*ラジオボタン・チェックボタンを囲む枠*/
.rdbtn-select {
    border-style: solid;
    border-width: 1px;
    border-color: #ddd;
    padding-top: 3px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

/*　各コントロール幅　*/

.txt-60char {
    width: 480px;
}

.txt-50char {
    width: 405px;
}

.txt-35char {
    width: 320px;
}

.txt-30char {
    width: 270px;
}

.txt-20char{
    width: 185px;
}

.txt-16char {
    width: 165px;
}

.txt-15char {
    width: 155px;
}

.txt-14char {
    width: 145px;
}

.txt-13char {
    width: 135px;
}

.txt-12char {
    width: 125px;
}

.txt-10char {
    width: 120px;
}

.txt-9char {
    width: 110px;
}

.txt-8char {
    width: 100px;
}

.txt-7char {
    width: 90px;
}

.txt-6char {
    width: 80px;
}

.txt-5char{
    width: 70px;
}

.txt-4char {
    width: 60px;
}

.txt-2char {
    width: 50px;
}

/*伝票入力画面用*/
.txt-den-hinmokucd{
    width: 90px;
}

.txt-den-hinmokunm{
    width: 182px;
}

.txt-den-kikaku{
    width: 180px;
}

.txt-den-bikou{
    width: 118px;
}

.txt-den-tanicd{
    width: 25px;
}
/*--------------*/
.ddl-50char {
    width: 420px;
}

.ddl-30char {
    width: 300px;
}

.ddl-20char {
    width: 240px;
}

.ddl-15char {
    width: 170px;
}

.ddl-10char {
    width: 120px;
}


.lbl-2char {
    width: 60px;
}

.lbl-3char {
    width: 70px;
}

.lbl-5char {
    width: 90px;
}

.lbl-8char {
    width: 100px;
}

.lbl-10char {
    width: 120px;
}

.lbl-14char {
    width: 130px;
}

/*
 * その他
*/
/* 左マージン無(強制)*/
.no-margin-left {
    margin-left: 0px !important;
}
/* 下マージン無(強制)*/
.no-margin-bot {
    margin-bottom: 0px !important;
}

/* チルダ("～")用 */
.tilde {
    width: 23px;
    text-align:center;
}
.bg-green {
    background-color: #CEE6C1 !important;
}

/*文字均等割り*/
.position-justify {
    text-align-last: justify;
    padding: 4px 5px 0px 5px;
}

/*↓追加*/
/*検索用ラベル*/
.search-label {
    text-align: left;
    padding: 4px 0px 0px 12px;
    margin-left: 10px;
    width: 100px;
    height: 30px !important;
}

.workStatus {
    text-align: left;
    height: 60px;
    padding-right: 20px;
}

.display-flex {
    display: flex;
}

.m-t10p {
    margin-top: 10px;
}

.m-l10p {
    margin-left: 10px;
}

.p-l30p {
    padding-left: 30px;
}

.width-50px {
    width: 50px;
}

.width-100px {
    width: 100px;
}

.width-110px {
    width: 110px;
}

.width-130px {
    width: 130px;
}

.width-150px {
    width: 150px;
}

.width-170px {
    width: 170px;
}

.width-200px {
    width: 200px;
}

.width-230px {
    width: 230px;
}

.width-250px {
    width: 250px;
}

.width-300px {
    width: 300px;
}

.width-350px {
    width: 350px;
}

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

.width-450px {
    width: 450px;
}

.width-500px {
    width: 500px;
}

.width-600px {
    width: 600px;
}

.height-40px {
    height: 40px;
}

.height-50px{
    height: 50px;
}

.txt-al-ctr {
    text-align: center;
}