/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
    display:none;
}

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

.input-validation-error
,.input-validation-error ~ input[data-select-editable]{
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
    padding-top: 5px;
    font-size: 15px;
}
.validation-summary-errors ul
{
    list-style: none;
    padding-left: 0px;
}

.validation-summary-errors ul > li::before
{
    content: "▶ ";
}

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

.layout-container
{
    position:absolute;
    width:100%;
    height:100%;
}

.login-form
{
    margin-top:100px;
}

.main-title
{
    background-color:Red;
    color:White;
    width:100%;
    height:35px;
    font-size: 20px;
    padding-top:5px;
    margin-bottom:15px;
    padding-left:10px;
    font-weight:bold;
}

.double-line
{
    border:1px solid black;
    border-left:0px;
    border-right:0px;
    height:4px;
    margin-top:10px;
    margin-bottom:10px;
}

.single-line
{
    border:1px solid black;
    border-left:0px;
    border-right:0px;
    border-bottom:0px;
    margin-top:10px;
    margin-bottom:10px;
}

.padding-left-0
{
    padding-left:0px;   
}
.padding-left-1
{
    padding-left:5px;   
}
.padding-left-2
{
    padding-left:10px;   
}
.padding-left-3
{
    padding-left:15px;   
}
.padding-right-0
{
    padding-right:0px;   
}
.padding-right-1
{
    padding-right:5px;   
}
.padding-right-2
{
    padding-right:10px;   
}
.padding-right-3
{
    padding-right:15px;   
}
.margin-bottom-1
{
    margin-bottom: 5px;
}
.margin-bottom-2
{
    margin-bottom: 10px;
}
.margin-bottom-3
{
    margin-bottom: 15px;
}

/*一行分のマージンを追加する*/
.margin-bottom-line
{
    margin-bottom: 37px;
}

.form-inline .form-control
{
    width: 100%;   
}

.form-inline .control-label
{
    height: 34px;
    padding-top: 6px;   
}

.form-inline .form-group[class*=col-]
,.form-default .form-group[class*=col-]
{
    margin-bottom: 3px;   
}

.form-default .form-group[class*=col-] .control-label
{
    width: 100%;
    margin-bottom: 1px;
}
.form-inline .control-label
,.form-default .form-group[class*=col-] .control-label
{
    padding-left: 7px;
}
.control-label[data-val-required]::after
{
    color: Red;
    content: "＊";
}


/*入力label用*/
.label-pattern1
{
     background-color: #777;
}

.label-pattern2
{
     background-color: #4a72ba;
}

/*一覧ヘッダ用*/
.label-pattern3
{
     background-color: #777;
}
/*～用ラベル*/
.label-pattern-empty
{
    height: 34px;
    padding-top: 6px;
    margin-bottom: 0px;
    font-weight: normal;
}

.label-pattern1,.label-pattern2,.label-pattern3
{
    height: 34px;
    padding-top: 6px;
    border-radius: 4px;
    color: #fff;
    border: 1px solid #333;
}

table.table-display > tbody > tr > td > input:not([type=checkbox]):not([type=radio]):not([type=button])
,table.table-display > tfoot > tr > td > input:not([type=checkbox]):not([type=radio]):not([type=button])
{
    width:100%;
    border: 0;
    background-color: transparent;   
}
table.table-display > tbody > tr > td > input[type=checkbox]
,table.table-display > tbody > tr > td > input[type=radio]
{
    margin-top: 0;   
}
.table-header-fixed
{
    margin-bottom: 0px;   
}
/*
.table {
  width: 92%;
  max-width: 92%;
  margin-bottom: 20px;
}*/
.table > thead th
{
    background-color: #777;
    color:#fff;
    text-align:center;
    vertical-align:top;
}

input[type='checkbox'],input[type='radio']
{
    width: 20px;
    height: 20px;   
    margin-right: auto;
    margin-left: auto;
    cursor: pointer;
}

.center-middle
{
    text-align: center !important;
    vertical-align: middle !important;   
}

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

/*フォームの中のチェックボックスの上下中央寄せ*/
.form-checkcontrol-middle
{
    height: 34px;
    vertical-align: middle;
    display: table-cell;   
}


/*入力可能のドロップダウンリストのためのスタイル*/
.form-inline .form-group input[data-select-editable].form-control,
.form-default .form-group input[data-select-editable].form-control
{
    position: absolute; 
    left: 2px; 
    bottom: 2px;
    border: 0px; 
    width: calc(100% - 26px);
    height: 30px; 
    box-shadow: none;      
}

/*imeモード設定IE,Firefox,Edgeしか動作しない　*/
input[type=text]:not([data-select-editable])
{
    /*デフォルトを日本語モードにする*/
    ime-mode:active;
}
input[type=text][data-select-editable]
{
    ime-mode:inactive;
}

input[type=text].ime-ja
,textarea.ime-ja
{
    /*日本語モード*/
    ime-mode: active;
}
input[type=text].ime-en
,textarea.ime-en
{
    /*英数字モード*/
    ime-mode:inactive;   
}
input[type=text].ime-en-fixed
,textarea.ime-en-fixed
{
    /*英数字モードでしかも入力モード変更不可*/
    ime-mode:disabled;
}

.not-resize
{
    resize: none;
}
/*複数行のHover対応*/
table.tbodyhover tbody:nth-child(2n)
{
	background-color: #d9edf7; 
} 

table.tbodyhover tbody:hover
{
    background-color:#f2dede;
}
table.tbodyhover tbody tr td
,table.tbodyhover tfoot tr td
{
    height:26px;
    vertical-align:middle;
    padding-left: 5px;
    padding-right: 5px;
		text-align:left;
}
 table.tbodyhover thead tr th
{
    height:26px;
		text-align:center;
    vertical-align:middle;
    background-color:Gray;
    color:White;
    padding-left: 5px;
    padding-right: 5px;
}
.div_aimai
{
		padding-top:6px;
		padding-left:6px;
}
/*チェックボックスの枠指定*/
.input-chk
{
	text-align: center;
	vertical-align: middle;
	padding-top: 2px;
  height: 34px;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
/*リンクのようなボタン作成*/
.btnlikelink
{
    background: transparent;
    color: #00f;
    font-size: 1em;
    font-family: inherit;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer; 
}
.btnlikelink:hover
{
    text-decoration: underline;
}
.textarea-sobi
{
		outline:none;
		overflow:hidden;
		width:100%;
		height:100%;
		border:none;
		background-color:transparent;
		resize:none;
}
.hlp
{
    display: inline-block;
    text-decoration: none;
    /*color: rgba(152, 152, 152, 0.43);アイコン色*/
    width: 25px;
    height: 25px;
    line-height: 5px;
    font-size: 12px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    font-weight: bold;
    padding:1px 5px;
/*    background-image: -webkit-linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
    background-image: linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
    border-bottom: solid 2px #b5b5b5;*/
}
.hlp .fa {
    line-height: 5px;
}

.hlp:active {/*押したとき*/
/*    background-image: -webkit-linear-gradient(#efefef 0%, #d6d6d6 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);*/
    border-bottom: none;
}

/*メニュー関係*/
#menucontainer nav > div > a.list-group-item:hover
,#menucontainer nav > div > a.list-group-item:focus
{
  color: rgba(0, 62, 255, 1);
  text-decoration: none;
  background-color: #d9edf7;
}

#menucontainer nav > div > a.list-group-item.current-menu-item
{
  color: rgba(0, 62, 255, 1);
  text-decoration: none;
  background-color: #dff0d8
}

#menucontainer nav > div > a.list-group-item
{
  color:#337ab7;
  text-decoration:none;
}
#menucontainer nav > div > a.list-group-item
{
    padding-top:5px;
    padding-bottom:5px;
}
#menucontainer a.list-group-item
{
    font-weight:bold;
}
#menucontainer nav > a.list-group-item
{
    font-size:1.2em;   
}
#menucontainer nav > a.list-group-item.collapsed::after
{
    content: "▼";
}
#menucontainer nav > a.list-group-item:not(.collapsed)::after
{
    content: "▲";
}
#menucontainer nav > a.list-group-item:hover
{
    color: Black;
}
/*走行照会の背景色*/
.soko_UNSENT
{
    background-color: #ffff00;
}
.soko_CONFIRMED
{
    background-color: #adff2f;
}
.soko_ERROR
{
    background-color: #ff0000; color:#ffffff;
}
.soko_NORMAL
{
    background-color: #add8e6;
}

/*ヘルプボタンの色*/
.btn-success {
  color: #fff;
  background-color: #B28E8E;
  border-color: #B28E8E;
  background-image: -webkit-linear-gradient(top, #B28E8E 0%, #B09999 100%);
  background-image:      -o-linear-gradient(top, #B28E8E 0%, #B09999 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#B28E8E), to(#B09999));
  background-image:         linear-gradient(to bottom, #B28E8E 0%, #B09999 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B28E8E', endColorstr='#B09999', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #B28E8E;
}
.btn-success:hover,
.btn-success:focus {
  background-color: #967676;
  background-position: 0 -15px;
  border-color: #896c6c;
}
.btn-success:active,
.btn-success.active {
  background-color: #967676;
  border-color:  #896c6c;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #896c6c;
  background-image: none;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #896c6c;
  border-color: #255625;
}


/*★☆★　テスト環境の時　★☆★*/
/*
.panel-danger {
  border-color:blue;
}

.panel-danger > .panel-heading {
  background-color: blue;
  border-color: blue;
}

.main-title
{
    background-color:blue;
}
*/