.devel{
	display:none;
}
button{
  /*min-width:20%;
  min-height:8%;*/
}
.info{
  width:calc(100%-0.5em);
  padding-right: 0.5em;
  text-align: right;
}
/* サイド・バイ・サイドレイアウト用のスタイル */
.main_container{
	display: flex;
	position: relative;
	width: 100%;
	height: 91%;
	top: 4%;
}

.left_part{
	flex: 1;
	min-width: 300px;
	position: relative;
	background-color: #fff;
	overflow: hidden;
}

.right_part{
	display: none;
	flex: 0 0 50%;
	position: relative;
	background-color: #f0f0f0;
	border-left: 1px solid #ccc;
}

.right_part.visible{
	display: flex;
	flex-direction: column;
}

.resize_handle{
	display: none;
	width: 5px;
	background-color: #999;
	cursor: col-resize;
	position: relative;
	flex-shrink: 0;
}

.resize_handle.visible{
	display: block;
}

.resize_handle:hover{
	background-color: #666;
}

.exe_window{
	width: 100%;
	height: calc(100% - 2em);
	border: none;
}
.runpage_exe_window{
  width:100%;
  height:90%;
}
.editor{
  width:100%;
  height:90%;
}
.editor_div{
  position:absolute;
  width:100%;
  height:100%;
}
.saveWindowBg{
  display:none;
  position:absolute;
  background-color:rgba(0,0,0,0.75);
  top:0;
  left:0;
  bottom:0;
  right:0;
  width:100%;
  height:100%;
  text-align: center;
}
.saveWindowNode{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  min-width: 380px;
  min-height: 240px;

  width:80%;
  height:70%;
  margin:auto;
  background-color: #fff;
}
.saveWindowBrowser{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  min-width: 380px;
  min-height: 150px;

  width:50%;
  height:50%;
  margin:auto;
  background-color: #fff;
}

.fileLoadDivBrowser{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:auto;
  width:90%;
}

.fileTable tbody{
  position:absolute;
  height:calc(100% - 2.5em);
  width:100%;
  overflow-y: scroll;
}
.fileTable{
  height:calc(100% - 6.3em);
  width:80%;
  left:0;
  right:0;
  margin:0 auto;
  position:absolute;
}

.loadSelectBtnNode{
  position:absolute;
  bottom:0.5em;
  right:10%;
}

::selection {
  background: transparent;
}

.droppableArea{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  min-width: 380px;
  min-height: 150px;
  width:50%;
  height:50%;

  margin:auto;
  background-color: #fff;
}

.cancelBtn{
  position:absolute;
  float: right;
  right:2em;
  bottom:2em;
}

.exe_close_wrapper{
  position:relative;
  width:100%;
  height:2em;
  text-align:right;
  padding:0.5em;
  background-color:#f0f0f0;
  flex-shrink: 0;
}

.exe_close{
  background-color:#CCCCCC;
  font-size:1em;
  text-align:center;
  line-height:2em;
  color:#000000;
  padding: 0 1em;
  cursor:pointer;
  display:inline-block;
  border-radius:3px;
}

.exe_close:hover{
  background-color:#999999;
}

.resize_overlay{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  cursor: col-resize;
}