/* --- 共通設定 --- */

header{
    display: flex;
    justify-content: space-between;
}

main{
    display: flex;
}

footer{
    display: flex;
}

/* --- body関連 --- */
body{
    color:#1d1d1d;
    /* background-color:#ccecfb; */
    font-size: 12.75px;
    font-weight: bold;
    width:1360px;
    transform-origin: 0 0;
    margin: 0;
}

/* --- div関連 --- */
div.content{
    margin: 0.5em;
}

/* --- span関連 --- */
span{
    display:inline-block;
}
span.label{
    width:8em;
}
span.item{
    width:25em;
}

/* --- テキストボックス関連 --- */
input[type="text"],input[type="password"],datalist{
    font-size: 12.75px;
    color: #1d1d1d;
    border-color: #00a0e9;
    border-style: solid;
    border-width: 1px;
    height: 2.2em;
    border-radius: 2px;
    padding-left: 10px;
    padding-right: 10px;
}
input[type="text"][disabled],input[type="password"][disabled]{
    font-size: 12.75px;
    color:#1d1d1d;
    border-color: #bebebe;
    border-style: solid;
    background-color: #e2e2e2;
    height: 2.2em;
}
input[type="text"][disabled].text_red{
    color:#e90000;
}

/* --- ボタン関連 --- */
input[type="button"]{
     background-color: #00a0e9;
     font-size: 16px;
     font-weight: bold;
     color: #000000;   
     border: none;
     width:7.5em;
     height: 2.2em;
     border-radius: 2px;
}
input[type="button"]:hover{
    background-color: #ffff;
    border:solid 1px;
}
input[type="button"][disabled]{
    color:#1d1d1d;
    border-color: #bebebe;
    background-color: #e2e2e2;
}
/* --- チェックボックス関連 --- */
input[type="checkbox"]{
    background-color: #ffff;
}
input[type="checkbox"]:checked{
    color: #00a0e9;
    background-color: #00a0e9;
}
input[type="checkbox"]{
    width: 1em;
}
input[readonly] {
    background-color: lightgray
}

input.text {width:100%}
/* テキスト　～　テキスト */
input.from_cil_to_from {width:45%}
a.from_cil_to_cil {
    width:10%;
    text-decoration: none;
    color:#000000;
}
input.from_cil_to_to {width:45%}
/* テキスト　:左向き虫眼鏡: */
input.text_search_text   {width:90%}
input.text_search_search {width:10%}
/* テキスト　テキスト */
input.text_code_text {width:60%}
input.text_code_code {width:40%}
/* テキスト　テキスト　:左向き虫眼鏡: */
input.from_to_search_from {width:45%}
input.from_to_search_to {
    width:45%;
}
input.from_to_search_search {width:10%}

/* テキストエリア */
textarea{
    width:100%;
    background-color: #ffff;
    font-size: 12.75px;
    color: #1d1d1d;
    border-color: #00a0e9;
    border-style: solid;
    border-width: 1px;
}
textarea[readonly] {
    background-color: lightgray
  }
/* 入力必須項目を赤文字にする */
.must{
    color:red;
}

/* select */
select{
    width: 10em;
    color:#1d1d1d;
    border-color: #00a0e9;
    border-style: solid;
    height: 2.2em;
    border-radius: 2px;
    padding-left: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position:relative;
    top:1px;
    background-image:url(../img/icon_arrow.png);  /* 画像のURLを指定       */
    background-repeat:  no-repeat;                /* 画像の繰り返しを指定  */
    background-size: 12px 10px;
    background-position: right 10px center;
    font-size: 12.75px;
}
select[disabled]{
    background-color:#e2e2e2 ;
    color: #1d1d1d;
    border-color: #bebebe;
    border-style: solid;
    width: 10em;
    font-size: 12.75px;
}
select::-ms-expand {
    display: none;
}

/* テーブル */
table{
    width:100%;
    font-size: 12.75px;
}
table.conditions{
    border:0;
}
table.details{
    background-color: white ;
}
table.details td{
    background-color: white ;
    border: solid 1px #c9c9c9;
}
table.details th{
    background-color: lightgray;
    border: solid 1px #c9c9c9;
}
table.others{
    border: solid 1px #c9c9c9;
}
table.others td{
    background-color: white ;
    border: solid 1px #c9c9c9;
}
table.others th{
    background-color: khaki;
    border: solid 1px #c9c9c9;
}
table th.noBorder{
    border: none;
}
table td.noBorder{
    border: none;
}
table th.noBackColor{
    background-color: #ccecfb;
}
table td.noBackColor{
    background-color: #ccecfb;
}
.table-wrap {
    overflow: auto;
}
.table-scroll {
    table-layout:fixed;
}
table td.cell_aqua{
    background-color:aqua; 
}
table td.cell_pink{
    background-color:pink; 
}
table td.cell_yellow{
    background-color:yellow; 
}
/* モーダル */
.modal-content{
    background-color: #ebf8fd;
}
/* ルート関連 */
:root{
    --main--color:#00a0e9;
    --font--color:#1d1d1d;
    --font--selected--color:#00a0e9;
    --clear--button--color:#e90000;
    --background--color:#ccecfb;
}
/* エラーメッセージ */
#error_info{
    color: red;
    font-size: 12.75px;
}
/* ボタンのサイズ定義 */
.btn_xs{
    width:50px;
}
.btn_sm{
    width:70px;
}
.btn_md{
    width:100px;
}
.btn_lg{
    width:150px;
}

/* ページング */
.page_img{
    width:20px;
    height:20px;
}
#page_input{
    width:40px;
    height:27.5px;
}
.page_row{
    width: 500px;
}

.icon{
    width:15px;
    padding-left:5px;
}
.sandbox-container, .sandbox-container2{
    width:90px;
}
.blank_line{
    height:36px;
}
.dataT{
    white-space: nowrap;
}

pre{
    margin: 2px 0 0 0;
}

.container  {
  min-width: 1360px !important;
  max-width: 1360px !important;
}

.container-fluid  {
  min-width: 1360px !important;
  max-width: 1360px !important;
}

#pdfModal{
    width:1360px;
}

.modal-backdrop{
    width:1360px;
}

.datepicker-dropdown {
    margin-top: 2rem;  /*header-margin user+attach*/
}
.appendDatepicker {
  position: relative;
}
.ui-datepicker {
  top: 0 !important;
  left: 0 !important;
}