.tools-progress{
	position:absolute;
	top:0px;
	left:0px;
	height:7px;
	background:#ffffff;
	z-index:10;
	width:100%;
	overflow:hidden;



}

.tools-progress b{
	position:absolute;
	display:block;
	top:0px;
	left:10%;
	width:50%;
	height:4px;
	background:#00f2e6;
	z-index:11;


animation-name: example;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes example {
	0%{left:0%;width:20%;}
	50%{left:50%;width:70%;background:orange;}
	75%{left:75%;width:40%;background:red;}
	100%{left:90%;width:30%;background:blue;}

}

@keyframes example1 {
	0%{left:0%;width:20%;}
	50%{left:50%;width:60%;background:#2196f3;}
	75%{left:50%;width:60%;background:#00b8d4;}
	100%{left:90%;width:30%;background:#00f2e6;}

}

.tools-hide{
	display:none;
}

.new-pop{
	position:absolute;
	top:10vh;
	left:50%;
	width:400px;
	min-height:60px;
	padding:15px;
	margin-left:-200px;
	background:white;
	box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	z-index:1000;
}

.tool-btn{
	display:inline-block;
	color:#606060;
	font-size:0.9rem;
	padding:2px 10px;
	border:1px solid #606060;
	margin-right:10px;

}

.main-overlay{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:90;
	background:rgba(0,0,0,0.2);
}

.tools-popup{
	position:absolute;
	z-index:1001;
	top:0px;
	left:0px;
	min-height:50px;
	width:400px;
	background:white;
	box-shadow:0px 0px 5px rgba(0,0,0,0.3);
	padding:15px;
	overflow:hidden;
	word-break: break-all;


}

.debug-dot{
	display:inline-block;
	border:2px solid red;
	width:10px;
	height:10px;
	margin:3px;
	cursor:pointer;
	border-radius:50%;
}

.debug-dot.data{
	background:red;
}

.debug-xdata{
	position:fixed;
	top:0px;
	left:0px;
	min-width:600px;
	max-width:100%;
	height:100%;
	z-index:100000 !important;
	background:white !important;
	padding:10px;
	font-size:0.7rem;
	overflow-y:scroll;
	text-align:left;
	color:black;
	font-family:monospace;
	opacity:1 !important;
}

.debug-closer{
	position:fixed;
	top:10px;
	left:10px;
	z-index:1;
	color:black;
	font-size:25px;

}

.changes-title{
	border-bottom:1px solid #b0b0b0;
	line-height:1.6rem;
	margin-bottom:4px;
}


.changes-wrap{
}

.changes-item{
}


.changes-date{
	float:right;
	font-size:0.8rem;
}

.changes-detail{

}

.changes-dline{
	line-height:1.2rem;
	padding:2px;
}

.change-found{
	background:#e3f2fd !important;

}

.changes-dline b{
	display:inline-block;
	color:#1e88e5;
	border:1px solid #1e88e5;
	padding:1px;
	border-radius:3px;
	font-size:0.7rem;
	line-height:0.6rem;


}

.changes-dline:hover{
	background:#f0f0f0;
}

.changes-dline span{
	display:inline-block;
	font-size:0.8rem;
	line-height:0.9rem;
	padding:0px;
	margin:0px !important;
	padding-right:2px ;
}



.changes-table{
	width:100%;

}

.changes-table tr{
	border-radius:5px;
}

.changes-table td{
	padding:3px;
	line-height:1.0rem;
	background:white;
}

.cc1{

	width:20%;
}

.cc2{
width:40%;
}

.cc2 span{
	display:inline-block;
	border-radius:4px;
	border-bottom:2px solid #f0f0f0;
	overflow:hidden;
	width:93%;

}



.changes-sub-table{
	border-top:1px solid #606060;
	margin-bottom:10px;
}

.changes-sub-table td{
	font-size:0.8rem;
}


.btn-tiny{
	display:inline-block;
	font-size:0.8rem;
	border:1px solid white;
	color:white;
	padding:1px 5px;
	border-radius:6px;
	line-height:1rem;
	margin-left:5px;
}

.btn-tiny:hover{
	background:#303030;
}

.tools-foot-prog{
	position:fixed;
	top:60px;
	left:0px;
	width:100%;
	height:10px;
	z-index:10000;
}

.tools-foot-prog b{
	height:10px;
}