@charset "utf-8";

.block_list_container{
	border:1px solid #dde6e6;
	border-radius:5px;
	overflow:auto;
	max-height:330px;
}
.datasec_container > div > div:hover .block_list_container{
	opacity:1;
}
.block_list_container .block_unit{
	padding-left:3px;
	opacity:0.8;
	cursor:pointer;
	box-shadow:0px 0px 0px 0px #333333,inset 0px 0px 0px 0.5px #0b212d;
	/*border-bottom:1px solid #e1edef;*/
	background-color:#ffd400;
}

.block_list_container .block_unit:hover{
	opacity:1;
	background-color:#cdeae9;
}
.block_list_container.reverse .block_unit:hover{
	background-color:#ffc800;
	background-color:#00ffd0;
	box-shadow:0px 0px 5px 1px #333333,inset 0px 0px 0px 0.5px #00ffd0!important;
}

.block_list_container > div:nth-last-of-type(1){
	border-bottom:none;
}
.block_list_container .block_unit div{
	position:relative;
}
.block_list_container .block_unit > div{
	position:relative;
	font-family:Montserrat,arial;
	font-weight:400;
	font-size:13px;
	box-sizing:content-box;

	z-index:10;
	/*box-shadow:inset 0px 0px 0px 1px #ffc800!important;*/

}
.block_list_container .block_unit > div:nth-of-type(n+2){
	opacity:0.3;
	border-left:1px dashed #28846d!important;
}
.block_list_container .block_unit:hover > div{
	box-shadow:0px 0px 1px 1px #008856;
}
.block_list_container.reverse .block_unit:hover > div{
	/*box-shadow:0px 0px 1px 1px #ffffff;*/
	box-shadow:none!important;
}

.block_list_container .block_unit div::before{
	position:absolute;
	content:"";
	height:16px;
	top:50%;
	transform:translateY(-50%);
	left:10px;
	right:10px;
	border:1px dashed #dedede;
}


.block_list_container .block_unit div{
	border:none;
	color:#00866e;
	background-color:#ffffe1;
}
.block_list_container.reverse .block_unit div{
	border:none;
	color:#ffffff;
	color:#22ffcc;
	background-color:#0b212d;
}
.block_list_container.reverse .block_unit div::before{
	border:1px dashed #136763;
}

/* /////////////////////////*/
.block_list_container .block_unit div::after{
	content:attr(block-info);
	padding-left:2px;
	padding-right:2px;
}
.block_list_container .block_unit div[container].pad{
	padding:10px 10px;
}
.block_list_container .block_unit div[container]:not(.pad){
	padding:2px 5px;
}

.block_list_container .block_unit div[container]:not(.pad)::before{
	border:none!important;
}
.block_list_container .block_unit .fixed{
	width:70%;
	display:inline-block;
}
.block_list_container .block_unit .free{
	display:table;
}
.block_list_container .block_unit .inline{
	display:inline-block;
}
.block_list_container .block_unit .flex{
	width:100%;
	display:flex;
}
.block_list_container .block_unit .flex > div{
	flex:1 1 auto;
	margin:0px!important;
	border-right:1px dashed transparent!important;
}
.block_list_container.reverse .block_unit:hover .flex > div{
	border-right:1px dashed #22ffcc!important;
}
.block_list_container .block_unit .flex > div:nth-last-of-type(1), .block_list_container.reverse .block_unit:hover .flex > div:nth-last-of-type(1){
	border-right:none!important;
}
.block_list_container .block_unit .flex.not_even > div{
	flex:0;
}

.block_list_container .block_unit.flex > div:nth-last-of-type(1){
	border-right:0px;
}

.insert_setting{
	opacity:0;
	max-height:0px;
	position:absolute;
	top:40px;
	right:0px;
	left:0px;
	background-color:#ffffff;
	border-radius:0px 0px 8px 8px;
	padding:0px;
	z-index:100;
	background-color:#669fa5;
	border-top:0px solid #00ffdb;
	overflow:hidden;
}
.insert_setting.active{
	border-top:1.5px solid #008a7c;
	padding:10px;
	opacity:1;
	top:45px;
	max-height:initial;
	overflow:initial!important;
}
.insert_setting.flex .material-icons{
	justify-content: center;
	align-items:center;
	display:flex!important;
	background:linear-gradient(to bottom right, #019891 0%,#000000 100%);
	background:linear-gradient(to bottom right, #3dcb95 0%,#3d97cb 30%,#100d74 100%);
	background:linear-gradient(to bottom right, #eaf545 0%,#00a778 40%,#2d4075 80%);
	color:#ffffff!important;
	box-shadow:0px 1px 1px #333!important;
	min-width:30px;
}
.insert_setting.linkage{
	flex-wrap:wrap;
	justify-content:flex-end;
}
.insert_setting.linkage > div{
	margin-right:0px;
	margin-bottom:3px;
	flex-basis:100%;
}

.content_obj_box, .block_obj_box{
	justify-content:center;
	align-items:center;
}
.content_obj_box .action_box .but_general.material-icons.reverse, .block_obj_box .action_box .but_general.material-icons.reverse{
	font-size:28px!important;
}
.block_obj_box .action_box .but_general.material-icons.reverse[class*="icon-"]{
	font-size:20px!important;
	width:30px!important;
	height:30px!important;
}
.block_obj_box .action_box .but_general.material-icons.reverse[class*="icon-"]::before{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.datasec_container.setting .content_config{
	border:2px solid #71bbbb!important;

	padding-top:5px;
	padding-bottom:5px;
}

.datasec_container.setting .content_config > div{
	font-size:12px;
}

.datasec_container.setting > div > div.content_config:hover{
	border:2px solid #6f9da7!important;
}
.datasec_container.setting .content_config .action_box{
	flex-wrap:nowrap;
}
.unitpx{
	min-width:60px;
}
.unitpx::after{
	content:"px";
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	font-size:12px;
	right:10px;
	pointer-events:none;
}