* {
  font-family: "ＭＳ ゴシック", sans-serif;
  font-size: 12px;
  font-weight: normal
}

input[type="button"],
input[type="submit"] {
  height: 28px;
  -webkit-appearance: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

 /*　iOS ver15　Safari　対応*/
 _::-webkit-full-page-media, _:future, :root input[type="button"], input[type="submit"] {
  color: #000;
}

_::-webkit-full-page-media, _:future, :root :disabled {
  color: gray;
}	

/* 検索ボタン */
input.SEARCH_BTN{
  background-color: #335ba6;
  outline: solid 1px #2b4d8d;
  border-bottom: solid 1px #2b4d8d;
  color: #ffffff;
  min-width: 60px;
}

/* 確定ボタン */
input.EXECUTE_BTN{
  padding-left: 15px;
  padding-right: 15px;
  background-color: #335ba6;
  outline: solid 1px #2b4d8d;
  border-bottom: solid 1px #2b4d8d;
  color: #ffffff;
  min-width: 60px;
}

/* ipadで表示した際にが画面に小さい「.」が表示される為、display自体を制御 */
.ie input[type="checkbox"], .ie input[type="radio"]{
    display: none; 
}

/* これを実施することで、スケジュールでイベントバーをタップした際に、色が消えてしまう現象が発生する 一度コメントにして影響を確認する(19.09.05)  */
/*
a:hover {
  background: 0
}
*/

#login_area {
  display: none
}

#login_window_area {
  background: 0
}

.v_btn {
  width: 20px;
  /* v2: disused
  background: #5f9ea0;
  color: #fff;
  border: 1px solid #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  */
  padding: 4px;
  top: 2px;
  margin-top: 2px;
  margin-right: 2px;
  display: inline
}

.v_btn_active {
  color: #fff;
  background: #b0e0e6
}

.v_btn a {
  color: #fff
}

#v_head_off {
  margin-left: 5px;
  display: inline-block;
  color: #fff;
}
#v_head_off a {
  color: #fff;
}
#v_head_on {
  margin-left: auto;
  margin-right: 20px
}
#v_head_on a {
  color: #335ba6;
}

/*
div {
  border: solid 0px #000
}
*/

#search_condition {
  overflow-x: auto;
  padding-top: 5px;
}
#search_condition span.condition_save_area {
  white-space: nowrap;
}


#search_result {
  -webkit-overflow-scrolling: touch
}

#search_result::-webkit-scrollbar {
  background: #ccc
}

#search_result::-webkit-scrollbar-thumb {
  background: #aaa
}
#search_result_blocks {
  margin-top: -5px;
}

.top-menu,
.button_area_top {
  height: 45px !important;
}

.top-menu .left {
  margin-top: 10px !important
}
.top-menu .right {
  margin-top: 5px !important
}

.button_area_top {
  overflow: scroll;
  align-items: start !important;
  margin-top: 5px !important;
}
.button_area_top table tbody tr {
  display: flex;
  flex-wrap: wrap;
}
.button_area_top td {
  display: flex;
  align-items: center;
}
/*
.button_area_top .left {
  margin: 5px 0px 5px 0px !important;
}
*/
.button_area_top .right {
  margin: 0px 0px 0px auto !important;
}

.button_area_top_left {
  display: flex;
  align-items: center;
}
td.right div.button_area_top_right {
  margin-right: 18px;
}
.button_area_top_right input[type="submit"] {
  margin-top: 1px;
  margin-bottom: 1px;
}

.button_area_btm {
  overflow: scroll;
}
/*
.button_area_btm table tbody tr {
  display: flex;
  flex-wrap: wrap;
}
.button_area_btm td {
  display: inline-block;
}
.button_area_btm .left {
  margin: 5px 0px 5px 0px !important;
}
.button_area_btm .right {
  margin: 5px 0px 5px auto !important;
}
.button_area_btm_left {
  display: flex;
  align-items: center;
}
*/
td.right div.button_area_btm_right {
  margin-right: 18px;
}


.button {
  height: 30px !important;
  /* v2: disused
  background: #5f9ea0;
  color: #000;
  border: 1px solid #5f9ea0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
  */
}
/* v2: disused
.top-menu .button,
#SEARCH_BTN,
#EXECUTE {
  background: #4169e1;
  color: #000;
  min-width: 70px;
  text-align: center
}
*/
.top-menu .button {
  background: #4169e1;
  color: #000;
  min-width: 70px;
  text-align: center
}

.BTN_GENERAL_LST,
.BTN_GENERAL_LST_MNT,
.BTN_LST {
  height: 30px !important;
}
#header {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
}
#header_left {
  display: inline-block;
}
#header_right {
  display: inline-block;
  margin-left: auto;
}
toolbar, #toolbar {
  height: auto!important;
  min-height: 33px;
  /* flex-wrap: wrap; */
  flex-wrap:nowrap;
}
#toolbar_center {
  width: auto;
}
#toolbar_right, .toolbar_right {
  width: auto;
  margin-left: auto;
  margin-top: 2px;
  margin-bottom: 2px;
}
#toolbar_right input.BACK_BTN, .toolbar_right input.BACK_BTN {
  margin-left: 6px;
  background-image: none;
  width: auto;
  min-width: auto;
  padding: 1px 15px;
}
.toolbar_right .button {
  margin-top: 2px;
  margin-bottom: 2px;
}
#HELP_BTN {
  margin-right: 0px;
}

#header_right a,
#login_logout a,
#header_right a:hover,
#login_logout a:hover {
  height: 40px !important;
  /* v2: disused
  background: #5f9ea0;
  color: #000;
  border: 1px solid #5f9ea0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
  */
}

.button_icon {
  padding-top: 3px;
  width: 20px;
  height: 20px
}

.block_footer_area {
  height: 52px
}

#SORT_DIALOG .button_area_dialog {
  height: 38px
}

#SORT_DIALOG .button_area_dialog .button {
  height: 32px !important
}

#TLN_MAIN_MSG .button {
  height: 32px !important
}

#CONDITION_NAME {
  width: 150px
}

#header_logo {
  width: 70px;
  XXXXXborder: 1px solid #000
}

#header_navi {
  margin-right: 0
}

#login_info {
	display: flex;
	align-items: center;
  height: 32px;
}
#login_info #login_user img {
	margin-left: auto;
}

#login_date {
  display: none
}

#header_right a.help_link {
  display: inline-block;
  border: 1px solid #fff;
  height: 20px !important
}

#TLN_LOG {
  display: none
}

.category {
  min-height: 25px
}

.category label {
  XXfont-size: 9px
}

.switchToggleOpen {
  padding-left: 15px;
  padding-top: 0
}

.switchToggleClose {
  padding-left: 15px;
  padding-top: 0
}

input[type=text],
input[type=tel],
textarea {
  font-family: "ＭＳ ゴシック", sans-serif;
  font-size: 12px;
  border: 0;
  padding: 3px 0 3px 0;
  border: solid 1px #dcdcdc;
  margin: 1px 0 1px 0;
  webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: inner 0 0 3px rgba(0, 0, 0, 0.2);
  min-height: 26px;
  line-height: 30px
}

textarea.ie {
  white-space: pre-wrap;
}

input[type=tel] {
  margin: 0px;
  padding: 0px 4px 0px 4px;
  border: solid 1px #9cadc5;  
}

#TLN_GENERALFREE select {
  font-family: "ＭＳ ゴシック", sans-serif;
  font-size: 12px;
  border: 0;
  padding: 4px 20px 4px 2px;
  border: solid 1px #dcdcdc;
  margin: 1px 0 1px 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: inner 0 0 2px rgba(0, 0, 0, 0.2);
  height: 30px;
  /* v2: disused?
  line-height: 40px
  */
}

.filelabel {
  display: inline-block;
  padding: 3px 0px 0px 0px;
  height: 27px !important;
  line-height: 27px;
  background: #fff;
  color: #000;
  outline: solid 1px #949aa0;
  border-bottom: 1px solid #d9d9d9;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  width: 90px;
  text-align: center
}

.filelabel input[type="file"] {
  display: none
}

input[type=datetime-local],
input[type=date],
input[type=time] {
  border: 0;
  padding: 2px 0px;
  border: solid 1px #dcdcdc;
  margin: 1px 0 1px 0;
  webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: inner 0 0 2px rgba(0, 0, 0, 0.2);
  height: 26px;
  line-height: 30px
}

#SORT_DIALOG {
  padding: 5px
}

#SORT_DIALOG #dialog {
  width: 530px !important
}

#SORT_DIALOG select {
  width: 115px
}

.ui-corner-tr {
  width: 200px !important
}

.ui-picklist .ui-picklist-list {
  width: 220px !important
}

.ui-picklist-item {
  width: 200px !important
}

.ui-datepicker-trigger {
  display: none
}

#SORT_DIALOG #dialog .tlbl {
  display: none
}

#sortColDisplay .tlbl{
  min-width: 50px;
}

#tbl_data_R td,
#tbl_data_L td {
  height: 50px !important
}
#tbl_data td {
  height: 42px !important
}
#tbl_data .ui-innerTable td {
  height: auto!important
}


._detailUiCstm_chk_off {
  -webkit-appearance: none;
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-left: 2px;
  width: 15px;
  height: 15px;
  background: url(/usr/mbl/bg_checkbox_off.png);
  background-size: contain
}

._detailUiCstm_chk_on {
  -webkit-appearance: none;
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-left: 2px;
  width: 15px;
  height: 15px;
  background: url(/usr/mbl/bg_checkbox_on.png);
  background-size: contain
}

.block_footer_area {
  overflow: scroll
}

.scan {
  display: block;
  padding-left: 5px
}

.PicFile {
  display: none
}

.tlbl,
.card .tlbl,
.settings .tlbl {
  height: 40px !important
}

.tbody,
.card .tbody,
.settings .tbody {
  height: 40px !important
}

/* 参照ダイアログの閉じる[×]のサイズ変更 */
.ui-widget-header .ui-icon {
  /* width:; */
}

/* 画面設定ソート順の調整 */
/* #sortColDisplay .dialog:first-child {  //first-child { */
#sortColDisplay #dialog div:not([class]):first-child ,
#sortColDisplay #dialog .center { 
  overflow:auto;
}

#colSettingDialog_content {
  overflow: hidden;
}

/*  
.blockSubHeader{
  white-space: nowrap;
  overflow: scroll;
}
*/


/* ガントチャートのボタン  */
.gantt-toolbar-left .gantt-toolbar-button-group {
  margin-top:3px;
}
.gantt-toolbar-left .gantt-toolbar-button-group .gantt-button {
  height:26px;
  vertical-align: top;
}
.gantt-toolbar-right input,
.gantt-toolbar-right select {
  vertical-align: middle;
}
.gantt-toolbar-right input {
  height:28px!important;
}
.gantt-toolbar-right select {
  XXheight:28px!important;
}
.gantt-toolbar-right .gantt-toolbar-button-group .gantt-button {
  vertical-align: middle;
}
.gantt-toolbar-right .gantt-toolbar-button-group .gantt-years-value{
  margin-top:0px;
}
button.state-active {
  border-top: 0px!important;
}


/* 検索条件保存名 */
.CONDITION_NAME {
font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px inset;
    min-height: 26px;
    line-height: 30px;
    padding: 3px 0px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(220, 220, 220);
    border-image: initial;
    margin: 1px 0px;
    border-radius: 3px;
}



@media screen and (max-width:420px) {

/*
  #CONDITION_NAME,
  #CONDTN_SEARCH_BTN,
  #CDTNSAVE_BTN,
  #CDTNDELETE_BTN,
  #SAVE_DEF_FLG,
  #SAVE_DEF_FLG+label,
  #search_condition span.condition_save_area {
    display: none
  }
*/

  .button_area select {
    display: none
  }

  #STD_PDF_OUT {
    display: none
  }

  .category select {
    display: block
  }

  .category {
    XXXXXbackground: #00f;
    word-break: normal !important
  }
}

@media screen and (min-width:500px) and (max-width:600px) {}

@media screen and (min-width:640px) {}

@media screen and (orientation:portrait) {}

@media screen and (orientation: landscape) {}

.client-button {
  margin-left: 3px;
}
#scanArea {
  z-index: 50;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8)
}
#scanArea video,
canvas {
  float: left;
  width: 100%;
  margin: auto
}
#scanArea button {
  width: 90px;
  /* v2: disused
  background: #4169e1
  */
}

#controls {
  display: flex;
  justify-content: space-around;
  width: 100%;
  z-index: 51;
  position: absolute;
  bottom: 100px
}

#scanStatus {
  width: 100%;
  z-index: 51;
  position: absolute;
  bottom: 0;
  text-align: center;
  background-color: #fff
}
#scanStatus span {
  font-size: 36px;
}

#qtyArea {
  width: 100%;
  z-index: 51;
  position: absolute;
  bottom: 200px
}
#qtyTbl {
  margin: 0 auto;
  width: 80%;
  border-collapse: collapse;
  background-color: #ffffff
}
#qtyTbl tr {
  height: 40px;
}
#qtyTbl td {
  border-collapse: collapse;
  text-align: center;
}
#qtyVal {
  height: 40px;
  width: 90%;
  text-align: center;
}

#tab_menu_area {
  width: 100%;
}
#tab_menu_list {
  white-space: nowrap;
  overflow-y: hidden;
}
#tab_menu_list li {
  float: none;
  display: inline-block;
  vertical-align: middle;
  height: 25px;
  margin-top: 5px;
}
#tab_menu_list li a {
  height: 100%;
  padding-top: 5px;
}
#tab_menu_list li a {
  height: 100%;
  padding-top: 5px;
}

.gantt-toolbar {
  height: auto !important;
  overflow: hidden;
}
.gantt-toolbar span {
  display: inline-block;
}

/*
#mobile-scrollable {
  overflow-y: scroll;
  -webkit-overflow-scrolling: auto;
}
*/

#JKN_AREA {
  /* display: block; */
}
#JKN_AREA table tbody tr td.tbody {
  white-space: nowrap;
}
