/* ---------------------- */
/* フレームワーク共通     */
/* ---------------------- */
/* -------------------------------------------------- */
/* タグ共通                                           */
/* -------------------------------------------------- */
* {
/*    font-family: "ＭＳ ゴシック";
*/
font-size: 10pt;
}

body {
    padding: 0;
    margin: 0;
    height: 100%;
}

th {
    background-color: #0a5b9e;
    color: white;
    font-weight: normal;
}
table, td {
    /*color: white;*/
    font-weight: normal;
}

input[type="text"], select {
    margin-left: 0;
}

textarea {
    resize: vertical;
}

/* -------------------------------------------------- */
/* 共通クラス（動作）                                 */
/* -------------------------------------------------- */
/*.Ime_Active {
    ime-mode: active;
}

.Ime_Disabled {
    ime-mode: disabled;
}

.Ime_InActive {
    ime-mode: inactive;
}*/
/* -------------------------------------------------- */
/* 共通クラス（表示）                                 */
/* -------------------------------------------------- */
.Border_solid_All {
    border-style: solid;
}

    .Border_solid_All td,
    .Border_solid_All th {
        border-style: solid;
    }

.Border_None_All {
    border-style: none;
}

    .Border_None_All td,
    .Border_None_All th {
        border-style: none;
    }

.Align_All_Left {
    text-align: left;
}

    .Align_All_Left * {
        text-align: left;
    }

.Align_Left {
    text-align: left !important;
}

.Align_All_Center {
    text-align: center;
}

    .Align_All_Center * {
        text-align: center;
    }

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

.Align_All_Right {
    text-align: right;
}

    .Align_All_Right * {
        text-align: right;
    }

.Align_Right {
    text-align: right !important;
}

.V_Align_All_Top {
    vertical-align: top;
}

    .V_Align_All_Top * {
        vertical-align: top;
    }

.V_Align_Top {
    vertical-align: top !important;
}

.V_Align_All_middle {
    vertical-align: middle;
}

    .V_Align_All_middle * {
        vertical-align: middle;
    }

.V_Align_middle {
    vertical-align: middle !important;
}

.V_Align_All_Bottom {
    vertical-align: bottom;
}

    .V_Align_All_Bottom * {
        vertical-align: bottom;
    }

.V_Align_Bottom {
    vertical-align: bottom !important;
}

.Disp_None {
    display: none !important;
}
/* 警告文字 */
.WarningColorChar {
    color: #FF0000;
    font-weight: bold;
}

.WarningColor {
    color: #FF0000 !important;
}

.WarningColor2 {
    color: #fec1cc;
    font-weight: bold;
}
/* ボタン共通用 */
.ButtonNormal {
    width: 100px !important;
}
/* 折り返しなし */
.DivNowarap {
    white-space: nowrap;
}
/* 折り返し */
.DivWordBreak {
    word-break: break-all;
}
/* -------------------------------------------------- */
/*  Wait表示                                          */
/* -------------------------------------------------- */
#DivWait {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    background: rgba(255,255,255,0.5);
    z-index: 99998;
}

#loaderstr {
    color: #17cddd;
    font-size: 2em;
    font-weight: bold;
    top: calc(40% - 10px);
    left: calc(45% + 0px);
    z-index: 99999;
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
    position: absolute;
    background: rgba(255,255,255,0.2);
}

#loader {
    top: 45%;
    left: 46%;
    z-index: 99999;
    text-align: center;
    position: absolute;
    width: 70px; /*ローディングアイコンの横サイズ*/
    height: 70px; /*ローディングアイコンの縦サイズ*/
    border-radius: 50%; /*CSS3で円を書く*/
    border: 10px solid #17cddd; /*円に枠をつける*/
    border-right-color: transparent; /*円の右にC状の空きをつける*/
    /*回転のアニメーションをつける*/
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -ms-animation: spin 1s infinite linear;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        opacity: 1;
    }

    50% {
        -webkit-transform: rotate(180deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(360deg);
        opacity: 1;
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        opacity: 1;
    }

    50% {
        -moz-transform: rotate(180deg);
        opacity: 1;
    }

    100% {
        -moz-transform: rotate(360deg);
        opacity: 1;
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
        opacity: 1;
    }

    50% {
        -ms-transform: rotate(180deg);
        opacity: 1;
    }

    100% {
        -ms-transform: rotate(360deg);
        opacity: 1;
    }
}

/* -------------------------------------------------- */
/* 共通画面                                           */
/* -------------------------------------------------- */
.LogoutDivTitle {
    text-align: center;
    margin-top: 100px;
    font-size: 2em;
}

.LogoutDivDetail {
    text-align: center;
    margin-top: 20px;
    font-size: 1.2em;
}
/* -------------------------------------------------- */
/* girdviewのpager用                                  */
/* -------------------------------------------------- */
/*gridview pagerにbootstrapのスタイルを適用*/
.GrdvwPager {
    background-color: #FFFFFF !important;
}

    .GrdvwPager table tbody tr td a,
    .GrdvwPager table tbody tr td span {
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        text-decoration: none;
        background-color: #FFFFFF;
        border: 1px solid #ddd;
        color: #6495ED;
    }

    .GrdvwPager table tbody tr td a:hover {
        color: #23527c;
        background-color: #eee;
        border-color: #ddd;
    }

    .GrdvwPager table tbody tr td span {
        /*z-index: 2;*/
        cursor: default;
        color: #FFFFFF;
        background-color: #6495ED;
        border-color: #6495ED;
    }
/* -------------------------------------------------- */
/* ページトップスクロール用                            */
/* -------------------------------------------------- */
.DivPageTop a {
    position: fixed;
    right: 20px;
    bottom: 5px;
    display: none;
    opacity: 0.8;
    height: 30px;
}


/* -------------------------------------------------- */
/* スクロール固定用                                   */
/* -------------------------------------------------- */
.ScrolKotei th {BACKGROUND-COLOR:lightsteelblue; position :sticky; top: 0; z-index: 501;opacity: 100;}

/* -------------------------------------------------- */
/* bootstrap用                                        */
/* -------------------------------------------------- */
.container {
    padding-left: 0px;
    padding-right: 0px;
}


/*.input-group-text {
*/    
.input-group-text

{
    /*min-width: 8em;*/
    font-weight: bold;
}

.btn-outline-secondary {
    color: black !important;
}

.btn-outline-secondary:hover {
    color: white !important;
    BACKGROUND-COLOR: lightseagreen;
}


.navbar-inverse > .container-fluid > .navbar-header > .navbar-brand {
    color: white !important;
}
.btn-info {
    color: white !important;
}
/*.navbar-brand {
    font-weight: bold;
    margin-left: 0px;
}
*/ /*.glyphicon{
    text-align:right;
}*/
/*.form-inline{
    margin-bottom:3px;
}*/
/* 矢印の色も変更する場合 */
.my-dark-accordion .accordion-button::after {
    filter: brightness(0) invert(1); /* アイコンを白くする */
}
.form-group {
    margin-bottom: 3px;
}

.modal-header {
    padding-top: 7px;
    padding-bottom: 7px;
}

.modal-footer {
    padding-top: 7px;
    padding-bottom: 7px;
}

.alert {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.badge {
    margin-bottom: 2px;
}

.table {
    margin-left: auto;
    margin-right: 114px;
    margin-bottom: 0;
    align-items: center;
    align-content: center;
/*    caption-side: block-start;
*/    padding-right: 10px;
}
    /*.table > caption {
    font-weight: bold;
    font-size: large;
}*/
    /* tableのpaddingをデフォルト8px→3pxにする */
    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 3px;
        padding-right: 3px;
        vertical-align: middle !important;
        border-width: 0;
        line-height: 2;
    }

.table-bordered {
    border: 0px inset black;
}

    .table-bordered > tbody > tr > th,
    .table-bordered > thead > tr > th {
        text-align: center;
        border: 1px inset black;
    }

    .table-bordered > tbody > tr > td {
        border: 1px inset black;
    }

    .table-bordered > thead:first-child > tr:first-child > th {
        border-top: 1px inset black;
    }

/* テーブルカラー */
.table-hover > tbody > tr:hover {
    /*    background-color: #FFFF99 !important;*/
    background-color: #b6feb6 !important;
}

/* ドロップダウンメニューの高さ */
div.dropdown-menu.open {
    max-height: 314px !important;
}

ul.dropdown-menu.inner {
    max-height: 302px !important;
}

.label {
    vertical-align: middle;
    margin-bottom: 2px;
}

/* 境界線 */
hr {
    margin-top: 5px;
    margin-bottom: 5px;
}
/* form-groupの余白 */
.PnlRowPadding {
    margin-left: 0px;
    margin-right: 0px;
}

.PnlColPadding {
    padding-left: 0px;
}

.PnlColPadding2 {
    padding-right: 0px;
}

/* ページ */
.pager {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* ToolTipの幅調整 */
.tooltip-inner {
    max-width: 100%;
}

/* checkbox,radioのinline */
.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
    margin-left: 0px;
    margin-right: 10px;
}

.checkbox-inline:first-child,
.radio-inline:first-child {
    margin-right: 10px;
}

.PnlCheckboxForm {
    float: none !important;
}

.PnlCheckboxForm * {
    margin-top: 5px;
    margin-bottom: 0px;
    /*margin-bottom:-5px;*/
    /*vertical-align:top;*/
}

.PnlCheckboxForm label {
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
}
/* navbarのdropdown余白 */
.navbar-form {
    margin-left: 0px;
    margin-right: 0px;
}

.checkbox-inline input, .checkbox-inline label {
    cursor: pointer;
}

/* 幅調整 */
.col-auto {
    white-space: nowrap;
}


/* 入力項目の高さ調整 */
.DivContainer{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
}
.DivContainer ,
.DivInputColor select,
.DivContainer button[data-toggle="dropdown"] {
        padding-top: 3px;
        padding-bottom: 3px;
/*        height: 28px;
*/
        padding-left: 3px;
        padding-right: 3px;
    }
.form-control {
    padding-top: 3px;
    padding-bottom: 3px;
    height: 28px;
    padding-left: 6px;
    padding-right: 6px;
}
.input-group-text {
    padding-top: 3px;
    padding-bottom: 3px;
    height: 28px;
    padding-left: 6px;
    padding-right: 6px;
}

/*.input-group-text {
    height: 28px;
}
*/

.DivContainer .btn {
    padding-top: 3px;
    padding-bottom: 3px;
}

.DivContainer textarea.form-control {
    height: auto;
}
/* labelのmargin取消 */
label {
    margin-bottom: 0px;
}

/* -------------------------------------------------- */
/* bootstrap カレンダー用                             */
/* -------------------------------------------------- */
.datepicker {
    padding-left: 10px;
    z-index: 530 !important;
}

/*.datePicker {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
    padding: 5px;
    box-sizing: border-box;
    font-size: 36px;
    text-align: center;
    z-index: 502!important;
}
*//* 日曜日 */
.datepicker-days th.dow:first-child,
.datepicker-days td:first-child {
    color: #f00;
}
/* 土曜日 */
.datepicker-days th.dow:last-child,
.datepicker-days td:last-child {
    color: #00f;
}

/* -------------------------------------------------- */
/* テーブル共通                                       */
/* -------------------------------------------------- */
/* ヘッダ */
.TblCommonList > tbody > tr > th,
.TblCommonList > thead > tr > th {
    color: white;
    background-color: #0a5b9e;
    /*    color: #FFFFFF;
    background-color: #6495ED;
*/
}

/* 入力用テーブル */
.DivInputColor input[type="text"]:not([readonly]):not([disabled]),
.DivInputColor input[type="password"]:not([readonly]):not([disabled]),
.DivInputColor select:not([readonly]):not([disabled]),
.DivInputColor textarea:not([readonly]),
.DivInputColor button[data-toggle="dropdown"]:not([data-menu="on"]) {
    /*    background-color: #FFFF99;
*/ background-color: #FFFFB0;
}

/* 参照用テーブル */
.DivDispColor input[readonly],
.DivDispColor textarea[readonly]{
    background-color: #FFFFFF !important;
}

.ErrorBackColor {
    background-color: #FFC0CB !important;
}
/* -------------------------------------------------- */
/* テキスト共通                                       */
/* -------------------------------------------------- */
/*** 日時 ***/
.TxtYYYYMM{
    width:90px !important;
}
.TxtYYYYMMDD{
    width:110px !important;
}
.TxtHHNN{
    width:70px !important;
}
/**** 半角,全角 ***/
.TxtHalf1{
    width:20px !important;
}
.TxtHalf2 {
    width:35px !important;
}
.TxtHalf3{
    width:45px !important;
}
.TxtHalf4{
    width:55px !important;
}
.TxtHalf5{
    width:60px !important;
}
.TxtHalf6, .TxtWide3 {
    width: 65px !important;
}
.TxtHalf7 {
    width: 70px !important;
}
.TxtHalf8, .TxtWide4 {
    width: 80px !important;
}
.TxtHalf9 {
    width: 90px !important;
}

.TxtHalf10,.TxtWide5{
    width:120px !important;
}
.TxtHalf13 {
    width: 135px !important;
}
.TxtHalf15 {
    width: 135px !important;
}
.TxtHalf16, .TxtWide8 {
    width: 150px !important;
}
.TxtHalf18, .TxtWide9 {
    width: 175px !important;
}
.TxtHalf20,.TxtWide10{
    width:200px !important;
}
.TxtHalf30, .TxtWide15 {
    width: 260px !important;
}
.TxtHalf32, .TxtWide16 {
    width: 275px !important;
}
.TxtHalf40,.TxtWide20{
    width:350px !important;
}
.TxtHalf52,.TxtWide26{
    width:400px !important;
}
.TxtHalf70,.TxtHalf75{
    width:520px !important;
}
.TxtHalf80, .TxtWide40 {
    width: 600px !important;
}
.TxtHalf50,.TxtWide100{
    width:500px !important;
}

/* -------------------------------------------------- */
/* テキストボックスラベル風                           */
/* -------------------------------------------------- */
.TxtReadOnly,
.TxtReadOnlyBLine{
    background-color:transparent;
    border-width:0px;
    border-style:none;
    outline-style:none;
    border-radius:0;
    box-shadow:#fff 0 0;
}
.TxtReadOnlyBLine{
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#ccc;
}

/* -------------------------------------------------- */
/* ユーザ検索（共通用）                               */
/* -------------------------------------------------- */
/*** 選択 ***/
.GrdvwTdUserSearchSel{
    min-width:50px; width:50px;
}
/*** ユーザID ***/
.GrdvwTdUserSearchUserId{
    min-width:85px; width:85px;
    padding-left:5px;
}


/* -------------------------------------------------- */
/* メモ一覧（共通用）                                 */
/* -------------------------------------------------- */
/*** ヘッダ位置調整 ***/
.DivMemoHeader .pull-left {
    margin-top: 5px;
}

.DivMemoHeader .pull-right {
    margin-top: -2px;
    margin-bottom: 2px;
}
/*** コメント・ファイル行調整 ***/
.DivMemoLine p {
    margin-bottom: 5px;
    word-break: break-all;
}
/*** ボタン位置調整 ***/
.DivDgBtnPlace input {
    margin-top: 5px;
}

/*** ドロップダウンリスト、チェックボックス、ラジオボタン読み取り専用対応 ***/
select[readonly],
input[type="radio"][readonly],
input[type="checkbox"][readonly],
label[readonly] {
    pointer-events: none;
}

/* -------------------------------------------------- */
/* ボタンデザイン（共通用）                                 */
/* -------------------------------------------------- */
.btn-lime {
    color: #fff;
    background-color: #32cd32; /* limegreen */
    border-color: #32cd32;
}

    .btn-lime:hover {
        color: #fff;
        background-color: #2eb82e; /* darker limegreen */
        border-color: #2eb82e;
    }

    .btn-lime:active,
    .btn-lime:focus {
        color: #fff;
        background-color: #29a329;
        border-color: #29a329;
        box-shadow: 0 0 0 .25rem rgba(50, 205, 50, .5);
    }