/* body > div { */
        /* position: absolute; */
        /* top: 0; */
        /* bottom: 0; */
        /* left: 0; */
        /* right: 0; */
        /* display: flex; */
        /* justify-content: space-around; */
        /* align-items: center; */
        /* flex-wrap: wrap; */
        /* background-color: #fff; */
    /* } */
    
body{
    font: 200 16px/1 Helvetica, Arial, sans-serif;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
  /* This can be changed to auto, crisp-edges, pixelated */
}
    
img{
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    max-width:100%;
    max-height:100%
}

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #3e8e41;
}
.dropdown a:hover {background-color: #ddd}
#myInput {
    border-box: box-sizing;
    /* background-image: url('searchicon.png'); */
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 14px 20px 12px 45px;
    border: none;
}
.dropdown {
    position: absolute;
    top:75%;
    display: inline-block;
    width:5;
    height:5;
    z-index: 1000;
}


.dropdown-content {
    display: none;
    position: absolute;
    bottom: 100%;
    background-color: #f6f6f6;
    min-width: 230px;
        min-width: 100px;
        max-height:350px;
        overflow-y: scroll;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    bottom:100%;
    text-decoration: none;
    display: block;
}






.navigator .highlight{
    opacity:    0.4;
    filter:     alpha(opacity=40);
    outline:    2px solid #900;
    background-color: #900;
}
/* .highlight{ */
    /* opacity:    0.4; */
    /* filter:     alpha(opacity=40); */
    /* outline:    12px auto #0A7EbE; */
    /* background-color: white; */
    /* background-image: url("Transverse 412 random_label0.png");  */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
/* } */
/* .highlight:hover, .highlight:focus{ */
    /* filter:     alpha(opacity=70); */
    /* opacity:    0.7; */
    /* background-color: transparent; */
/* } */
.invert_this{
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -ms-filter: invert(100%);
    -o-filter: invert(100%);
    filter: invert(100%);
}
.uninvert_this{
    -webkit-filter: invert(0%);
    -moz-filter: invert(0%);
    -ms-filter: invert(0%);
    -o-filter: invert(0%);
    filter: invert(0%);
}


/* Labeling + linking */
#toolbar_div{
    /* display:inline-block; */
    
}
.function_buttons{
    position:absolute;
	cursor: pointer;
	top: 50%; left: 50%;
    border-style:solid;
	border-width:2px;
	border-color:black;
	border-radius: 25%;
	text-align: center;
	z-index: 99999999;	
	background-color: white;
	font-size: 75%;
	box-shadow: 1px 1px 6px white;
	display: table-cell;
	overflow: hidden;
	vertical-align:middle;
	cursor: pointer;
    /* width:25px; */
}
#link_button{

}
#label_button{

}
/* #link_button img{ */
    /* -khtml-user-select: none; */
    /* -o-user-select: none; */
    /* -moz-user-select: none; */
    /* -webkit-user-select: none; */
    /* user-select: none; */
    /* max-width:100%; */
    /* max-height:100%; */
    /* display: block;  */
    
/* } */


#myInput_labels {
    border-box: box-sizing;
    /* background-image: url('searchicon.png'); */
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 14px 20px 12px 45px;
    border: none;
    
}

#label_button{
    /* transform: translate(12em); */
    cursor: pointer;
    top: 50%; left: 50%;
   /* background-image: url("right.png"); */
}

.dropbtn2 {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: help;
    z-index:99999999;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                      supported by Chrome and Opera */
}

.dropbtn2:hover, .dropbtn2:focus {
    background-color: #3e8e41;
}

.dropdown_labels{
    position:absolute;
    top:0%;
    display: block;
    z-index: 999;
}
.dropdown-content-labels {
    display: none;
    position: absolute;
    top: 0%;
    background-color: #f6f6f6;
    min-width: 230px;
    /* min-width: 100px; */
    max-height:350px;
    overflow-y: scroll;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999;
             /* display:none;  */
         /* position:absolute; */
         /* left:20%;  */
}
@keyframes labels-highlight-animation {
    0% {
        opacity: 1;
}
 
    100% {
        opacity: 0;

    }
}
.dropdown-content-labels a {
    color: black;
    padding: 12px 16px;
    /* bottom:100%; */
    text-decoration: none;
    display: block;
}

.dropdown_labels a:hover {background-color: #ddd}

.highlight{
    display:none;
    opacity:    0;
    filter:     alpha(opacity=20);
    border: 1px solid white;
    outline-style: solid;
    outline-color: invert;
    /* outline:    12px auto #0A7EbE; */
    /* background-color: red; */
    /* background-image: url("Transverse 412 random_label0.png");  */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
    animation: highlight-animation .75s cubic-bezier(.55,.04,0,.97) reverse;
    
}
.highlight:hover, .highlight:focus{
    display:block;
    /* filter:     alpha(opacity=70); */
    border: 1px solid white;
    outline-style: solid;
    outline-color: invert;
    /* background-color: red; */
    animation: highlight-animation .75s cubic-bezier(.55,.04,0,.97) forwards;
}

@keyframes highlight-animation {
    0% {
        opacity: 0;
}
 
    100% {
        opacity: .5;

    }
}

.show_animation{
    animation: highlight-animation .75s cubic-bezier(.55,.04,0,.97) forwards;
}
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}


a:link {
    color: red;
}


/* visited link */
a:visited {
    color: red;
}

/* mouse over link */
a:hover {
    color: white;
}

/* selected link */
a:active {
    color: white;
}

.show {display:block; opacity:1;}
.hide {display:none;}