.sc{
	overflow-y:scroll;
}

.sc::-webkit-scrollbar {
  width: 7px;
}

.sc::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
.sc::-webkit-scrollbar-thumb {
  background: #888; 
}

.sc::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.navbar{
	border-bottom:1px solid #dadce0;
}

.sc .nav-item{
	border-bottom:1px solid #dadce0;
}

.nav .subitem{
	padding-left:20%;
	margin-right:10%;
	border: none;
}

.nav .subitem:hover{
	background-color:#e9ecef;
}

.nav a{
	text-decoration: none;
}

.nav .subitem.active{
	background-color:#e9ecef;
}

.bookmark{
	border-left:1px solid #dadce0;
	top: 60px;
}

.bookmark .nav-item .nav-link{
	padding:3px;
	color: inherit;
}

.bookmark .nav-item .nav-link:hover{
	color:#007bff;
}

.fa-fw {
	font-size: 7px;
}

section{
	border-bottom:1px solid #dadce0;
}

.alert{
	text-align: justify;
}

.logger{
	max-height:500px;
	overflow-y:scroll;
}

pre{
	color: black;
	text-align: left;
	background-color:#dadce0;
	padding: 20px;
}

img.icon{
	height: 42px;
	width: 42px;
}

h1,h2,h3,h4,h5,h6{
	text-transform: uppercase;
}

h2{
	color:#007bff;
	margin-top: 20px;
	border-bottom:1px solid #007bff;
}

h3{
	font-size:1.5rem;
}

.tab-pane{
	min-height:700px;
}

/*FRAMES*/
.modal-dialog{
	min-width:100%;
	min-height:100%;
}

.modal-content{
	overflow:hidden;
}

.svg_frame{
	position:absolute;
}

.heat_move_icon, .heat_click_icon{
	r: 10;
	fill: rgb(3, 130, 255);
	filter: url(#blur);
}

.heat_click_icon{
	fill: rgb(255, 150, 3);
}

.heat_line{
	stroke: rgb(3, 130, 255);
	marker-mid: url(#arrow);
}

.heat_arrow{
	fill: rgb(3, 130, 255);
}

input checked{
	border:1px solid red;
}