@charset "utf-8";
/* CSS Document */

/* for showLoding */
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

#loading {
	display: none;
	position: absolute;
	top: 30%;
	left: 45%;
	left: -webkit-calc(50% -40px);
	left: calc(50% -40px);
	width: 80px;
	height: 80px;
	z-index:1002;
	overflow: auto;
	background-image: url('../img/ajax_loader.gif');
	background-repeat: no-repeat;
}

/*ダイアログボックス関連*/
.msg-glyph{
	display: inline-block;
	height: 28px;
	vertical-align: middle;
/*レイアウトが崩れる場合、ここを削除してください。*/
	margin-top: -12px;
/*レイアウトが崩れる場合、ここを削除してください。*/
}
.msg-glyph .glyphicon{
	font-size: 36px;
	margin-left: 2px;
	margin-right: 4px;
	display: inline-block;

/*レイアウトが崩れる場合、ここを削除してください。*/
	margin-bottom: -12px;
/*レイアウトが崩れる場合、ここを削除してください。*/
}

/*情報：青系*/
.msg-col-info .glyphicon{
	color: #6699FF;
}
/*エラー：赤系*/
.msg-col-error .glyphicon{
	color: #E03333;
}
/*警告：橙系*/
.msg-col-alert .glyphicon{
	color: #FF9933;
}
/*確認：黄色または橙系 */
.msg-col-confirm .glyphicon{
	color: #398439
}

.language {
	float: right;
    margin-top: 2em;
}

.table_member_entry label {
	font-weight: normal !important;
}

.inactive {
 	pointer-events: none !important;
}

.inactive a {
	pointer-events: none !important; 
	background-color: #bec5cc !important;
	color: #FFFFFF !important;
	cursor: no-drop !important;
	background: #bec5cc !important;
}

.jumbotron-error {
	color: red;
}

/* ==========  Custom input file  start =============== */


.inputfile-box {
  position: relative;
  margin-top: -13px;
  margin-bottom: 18px;

}

.inputfile {
  display: none !important; 
}

.file-box {
  display: inline-block;
  width: 100%;
  padding: 10px 0px 20px 101px;
  margin: 0px 30px 0px 1px;
  box-sizing: border-box;
  height: calc(2rem - 2px);
}

.file-button {
  background: #efefef;
  padding: 5px;
  position: absolute;
  border: 1px solid;
  top: 5px;
  left: 1px;
}

[v-cloak] {
  display: none;
}

/* ==========  Custom input file  end =============== */