html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
span#icon{
    display:inline-block;
    margin-bottom:10px;
    margin-right:10px;
}
textarea.form-control{
    height:120px;
}
nav.navbar-static-top{
    padding-top:10px;
}
div.row .btn{
    margin-bottom: 10px;
}
nav h3{
    margin:0;
}
nav.navbar #user-name{
    font-size:16px;
    min-width:120px;
    vertical-align: top;
    /* margin-top:8px; */
}
.header-top-block{
    display:inline-block;
}
.header-top-block select.form-control{
    vertical-align: top;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #fff;
  text-align: center;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container .text-muted {
  margin: 20px 0;
}
.container99par {
  width:99%!important;
  max-width:99%!important;
}
table.table{
    background-color: #fff;
}
table.table th{
    background-color: #eee;
}
table.table th.chart_req{
    background-color: #ff99ff;
}
span.help-block strong{
    color:red;
}
.has-error .form-control{
    background-color: #f2dede;
}
tr.mrv{
    background-color: rgba(233, 30, 99, 0.34);
}
tr.warning_report{
    color:red;
}
span.memo{
    text-align:center;
    display: block;
}
/* 入力エリアをラベル風に */
.sukeruton {
	border:none!important;
	background-color:transparent!important;
    pointer-events:none;
}
.textarea-readonly{
    /* border: none!important; */
    background-color:transparent!important;
    outline: none;
    /* VW3-2088 readonlyのリサイズ無効制御を削除 */
    /* resize: none; */
    /* pointer-events:none; */
}
/* wijmo以外でのheader */
.header-non-wijmo{
    text-align: center;
    background-color: #eee;
    border:1px solid #CCC;
    padding:3px;
}
/* wijmo以外でのheader */
.header-non-wijmo-reverse{
    color: #FFF;
    text-align: center;
    /* 反転した色を少し明るめに調整 background-color: #636B6F; */
    background-color: #6D7579;
    border:1px solid #CCC;
    padding:3px;
}
.num-align{
    text-align: right!important;
    padding-right: 12px!important;
    padding-left: 12px!important;
}
.txt-align{
    text-align: center!important;
}
.cell-non-wijmo{
    background-color: #fff;
    border:1px solid #CCC;
    padding:3px;
}
.total-cell-style{
    background-color: #78909C;
    color:#FFF;
    font-weight: bold;
}
.cell-paleturquoise{
    background-color: #afeeee;
    font-weight: bold;
}
.cell-lightcyan{
    background-color: #e0ffff;
    font-weight: bold;
}
.cell-laden{
    background-color: #ff0;
    border:1px solid #CCC;
    padding:3px;
}
.cell-ballast{
    background-color: #B4C6E7;
    border:1px solid #CCC;
    padding:3px;
}
.change-check-label{
    display: inline-block;
    width: 150px;
    height: 25px;
    padding:10px;
    font-size: 18px;
}
.form-control-like {
    height: 36px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccd0d2;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.improved{
    background-color:#e1f5fe;
}
.worse{
    background-color:#fee1f8;
}
.table-non-wijmo-top{
    height: 25px!important;
    vertical-align: bottom!important;
    border-left: 1px solid white!important;
    border-right: 1px solid white!important;
    border-top: 1px solid white!important;
    text-align:center!important
}
.table-non-wijmo-top_left{
    height: 25px!important;
    vertical-align: bottom!important;
    border-left: 1px solid white!important;
    border-top: 1px solid white!important;
    text-align:center!important
}
.table-non-wijmo-top_right{
    height: 25px!important;
    vertical-align: bottom!important;
    border-right: 1px solid white!important;
    border-top: 1px solid white!important;
    text-align:center!important
}
.table-non-wijmo-btm_left{
    border-left: 1px solid white!important;
    border-right: 1px solid white!important;
    border-bottom: 1px solid white!important;
    text-align:center!important
}
.table-non-wijmo-btm_center{
    border-left: 1px solid white!important;
    border-bottom: 1px solid white!important;
    text-align:center!important
}
.table-non-wijmo-btm_right{
    border-right: 1px solid white!important;
    border-bottom: 1px solid white!important;
    text-align:center!important
}
.laden-ballast{
    overflow: auto;
}
.min-for-foc{
    min-width: 85px;
}
.max-for-esd{
    max-width: 85px;
}
#ship_div {
    overflow: auto;    
}
#foc_div {
    overflow: auto;    
}
#eua_div {
    overflow: auto;    
}
#summary_div {
    max-width: 300px;
    margin: 0;
    gap: 10px;
    padding-left: 0;
    overflow: auto;
}
#rating_div {
    margin: 0 auto;
    gap: 10px;
    padding-left: 0;
    overflow: auto;
}
#calc_foc_esd_co2em_div {
    overflow: auto;    
}
#calc_foc_div {
    padding-left: 0;    
}
#calc_esd_div {
    padding-left: 0;    
}
#calc_co2em_div {
    padding-left: 0;    
}
#calc_summary_div {
    max-width: 300px;
    margin: 0;
    gap: 10px;
    padding-left: 0;
    overflow: auto;
}
#calc_rating_div {
    margin: 0 auto;
    gap: 10px;
    padding-left: 0;
    overflow: auto;
}

/* 余白 */
.p-0 {
    padding: 0 !important;
}

.m-0-auto {
    margin: 0 auto !important;
}