/* 
display: none; #Removes it
visibility:hidden; Still affects the layout*/ 


*{margin:0;}

body{
    font: 200 3vh/1 Helvetica, Arial, sans-serif;
    background: black;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
  /* This can be changed to auto, crisp-edges, pixelated */
}

::selection {
    background: black; 
    color: white; /* WebKit/Blink Browsers */
}
::-moz-selection {
    color: white; /* Gecko Browsers */
    background: black; 
}

*:focus {
    outline: none;
}

/* img{width:32.2%;} */
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%
}

/* #openseadragon1{ */
    /* position: absolute; */
    /* display: flex; */
    /* justify-content: space-around; */
    /* align-items: center; */
    /* flex-wrap: wrap; */
    /* background-color: #fff; */
/* } */

#overlay{
  position:fixed;
  z-index:99999;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:rgba(0,0,0,1);
  transition: 1s 0.4s;
}
#progress{
  height:5px;
  background:red;
  position:absolute;
  width:0;
  top:50%;
  animation-name: progress-animation;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

/* @keyframes progress-animation { */
    /* 0%   {background-color:red;} */
    /* 16%  {background-color:orange;} */
    /* 33%  {background-color:yellow;} */
    /* 50%  {background-color:green;} */
    /* 66% {background-color:blue;} */
    /* 83% {background-color:purple;} */
    /* 100% {background-color:red;} */
/* } */
@keyframes progress-animation {
    0%   {background-color:white;}
    33%  {background-color:gray;}
    66%  {background-color:gray;}
    100%  {background-color:white;}
}


#progstat{
  font-size:0.7em;
  letter-spacing: 3px;
  position:absolute;
  top:50%;
  margin-top:-40px;
  width:100%;
  text-align:center;
  color:#fff;
}

#overlay_intro{
  /* position:relative; */
  position:absolute;
  z-index:99998;
  margin-left: auto;
  margin-right: auto;
  top:20%;
  width:100%;
  background:rgba(0,0,0,0.8);
  transition: 1s 0.4s;
  text-align:center;
  color:#fff;
  font-size:0.7em;
  letter-spacing: 3px;
}

#zoom{
    display: block;
	border-style:solid;
	border-width:2px;
	border-color:gray;
	/* border-radius: 100%;  */
	/* width: 400px; */
	/* height: 400px;  */
	position: absolute;
	/* background-size: cover; */
	/* background-repeat: repeat-x; */
	background-position: 50% 50%;
	background-repeat: no-repeat;
	padding-left: .5px;
    margin-left: -.5px;
	/* -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; */
    /* pointer-events: none; */
    
}

.spacer_buttons{
	/* padding-left: .5px; */
    /* margin-left: -.5px; */
	/* float:left; */
	/* position: fixed; */
	border-style:solid;
	border-width:1px;
	border-color:white;
	border-radius: 10%;
	text-align: center;
	z-index: 100;	
	background-color: black;
	font-size: 1.25vw;
	/* box-shadow: 1px 1px 6px white; */
	display: table-cell;
	overflow: hidden;
	vertical-align:middle;
	    /* background:         radial-gradient( 10px -18px, circle, white 30%, black 50px ); */
        /* background:    -moz-radial-gradient( 10px -18px, circle, white 30%, black 50px ); */
        /* background:     -ms-radial-gradient( 10px -18px, circle, white 30%, black 50px ); */
        /* background:      -o-radial-gradient( 10px -18px, circle, white 30%, black 50px ); */
        /* background: -webkit-radial-gradient( 10px -18px, circle, white 30%, black 50px ); */
}
.spacer_buttons img {
display: block; 
}

.spacer_buttons_small{
	/* padding-left: .5px; */
    /* margin-left: -.5px; */
	/* float:left; */
	/* position: fixed; */
	/* position:relative; */
	border-style:solid;
	border-width:2px;
	border-color:white;
	border-radius: 25%;
	text-align: center;
	z-index: 101;	
	background-color: white;
	font-size: 75%;
	box-shadow: 1px 1px 6px white;
	display: table-cell;
	overflow: hidden;
	vertical-align:middle;
	    /* background:         radial-gradient( 10px -18px, circle, white 30%, black 50px ); */
        /* background:    -moz-radial-gradient( 10px -18px, circle, white 30%, black 50px ); */
        /* background:     -ms-radial-gradient( 10px -18px, circle, white 30%, black 50px ); */
        /* background:      -o-radial-gradient( 10px -18px, circle, white 30%, black 50px ); */
        /* background: -webkit-radial-gradient( 10px -18px, circle, white 30%, black 50px ); */
	cursor: pointer;
}
.spacer_buttons_small img {
display: block; 
}
#copy_link_container{
    /* text-align: center; */
    display:table-cell;
    vertical-align:middle;
	/* border-style:solid; */
	/* border-width:2px; */
	/* border-color:yellow;     */
}
#copy_link{
	z-index:150;
	color:white;
    font-size:1vw;
	top: 50%; left: 50%;
	/* background-color: red; */
}
#empty_square{
    /* border-style:solid; */
    /* border-color:red; */
}
#zoom_button{
	cursor: pointer;
}
#crosshair_button{
	cursor: pointer;
}
#invert_button{
	cursor: pointer;
}
#reset_button{
	cursor: pointer;
}
#MIP_button{
	cursor: pointer;
}
#link_MPR{
	cursor: pointer;
}
#link_pub{
	cursor: pointer;
}
#link_form{
	cursor: pointer;
}
#fullscreen_toggle{
	cursor: pointer;
}
#blank{
    cursor: help;
}

#blank:hover~#directions_menu{
    display:none;
}
#directions_menu{
    /* top:25%; */
    top:0;
    bottom:0;
    display:none;
    /* left:50%; */
    position:absolute;
    background-color:white;
    opacity:.8;
    z-index:100000000000;
}


.button_wrapper{
    /* display:inline-block */
}
#save_button{
	cursor: pointer;
	top: 50%; left: 50%;
    /* -webkit-touch-callout: all; */
    /* -webkit-user-select: all; */
    /* -khtml-user-select: all; */
    /* -moz-user-select: all; */
    /* -ms-user-select: all; */
    /* -o-user-select: all; */
    /* user-select: all; */
    /* pointer-events: all; */
}
#atlas_button{
	cursor: pointer;
	top: 50%; left: 50%;
    /* -webkit-touch-callout: all; */
    /* -webkit-user-select: all; */
    /* -khtml-user-select: all; */
    /* -moz-user-select: all; */
    /* -ms-user-select: all; */
    /* -o-user-select: all; */
    /* user-select: all; */
    /* pointer-events: all; */
}

#zoom_magp_button{
	cursor: pointer;
	top: 50%; left: 50%;
    /* -webkit-touch-callout: all; */
    /* -webkit-user-select: all; */
    /* -khtml-user-select: all; */
    /* -moz-user-select: all; */
    /* -ms-user-select: all; */
    /* -o-user-select: all; */
    /* user-select: all; */
    /* pointer-events: all; */
}
#zoom_magm_button{
	cursor: pointer;
	top: 50%; left: 50%;
    /* -webkit-touch-callout: all; */
    /* -webkit-user-select: all; */
    /* -khtml-user-select: all; */
    /* -moz-user-select: all; */
    /* -ms-user-select: all; */
    /* -o-user-select: all; */
    /* user-select: all; */
    /* pointer-events: all; */
}
#zoom_magnml_button{
	cursor: pointer;
	top: 50%; left: 50%;
}	
#black_background{
    position:absolute;
    background-color:black;
    color:white;
}

#button_container0{
    /* border-style:solid; */
    /* border-color:red; */
    
}
#button_container1{
    
    /* border-style:solid; */
    /* border-color:blue; */
    
}
.button_container2{
    float: left;
    /* border-style:solid; */
    /* border-color:white; */
    
}
#render_button{
	/* cursor: pointer; */
}

#render_container{
    float: left;
    /* border-style:solid; */
    /* border-color:green; */
}

.slice_buttons{
    /* display: block; */
    position:absolute;
    cursor: pointer;
    /* opacity: 1; */

}

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

#slice_buttons_back{
    /* transform: translate(-12em); */
    cursor: pointer;
    top: 50%; left: 50%;
   /* background-image: url("left.png"); */
}
#canvas_draw{
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:0;
    opacity:.4;
    cursor: pointer;
    /* cursor: url(smiley.gif),url(myBall.cur),auto; */
    border-color:yellow;
    border-style: solid;    

}
#label_button{
    /* transform: translate(12em); */
    cursor: pointer;
    top: 50%; left: 50%;
   /* background-image: url("right.png"); */
}
#zoom_stack_indicator{
    text-align: center;
    font-size:2vh;
    z-index: 4;
    vertical-align: middle;
    /* line-height: 2; */
    color:black;
    position:absolute;
    background-color:rgba(255, 255, 255, .95);
    font-weight: bold
}

#zoom_stack_left{
    /* transform: translate(12em); */
    z-index:3;
    /* transform: translate(12em); */
    position:absolute;

   /* background-image: url("right.png"); */
}

#zoom_stack_right{
    /* transform: translate(-12em); */
    z-index:3;
    /* transform: translate(12em); */
    position:absolute;
   /* background-image: url("left.png"); */
}
#zoom_stack_indicator_overlay{
    font-size:75%;
    line-height: 2;
    text-align:center;
    color:white;
    position: absolute;
    /* border-radius: 50%; */
    opacity: 1;
    z-index: 4;
    background-color:gray;
    /* border-style: solid; */
    /* border-color: yellow; */
	/* border-width: 6px; */
    cursor: ew-resize;
    -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;
    pointer-events: none;
}
#zoom_stack_indicator_line{
    position:absolute;
    opacity: .2;
    z-index: 3;
    background-color: white;
    font-size:75%;
    text-align: right;
    color:white;
    cursor:col-resize;
    /* -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; */
    /* pointer-events: none; */
}
#shopping_aisle_preview_div{
    display: none;
    border-style: solid;
    border-width: 1px;
    border-color: white;
    background:black;
    /* animation: added-tab-animation .75s cubic-bezier(.55,.04,0,.97) backwards; */
}
#zoom_stack_indicator_line:hover~#shopping_aisle_preview_div{
    /* display: inline-block; */
    display: inline-block;
    animation: added-tab-animation .75s cubic-bezier(.55,.04,0,.97) backwards;
}

@keyframes added-tab-animation {
    0% {
        opacity: 0;
        -webkit-transform:scale(0.1);
        -moz-transform:scale(0.1);
        -ms-transform:scale(0.1);
        transform:scale(0.1);
}
 
    100% {
        opacity: 1;
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
    }
}

#sagittal_stack_indicator{
    text-align: center;
    font-size:2vh;
    vertical-align: middle;
    /* line-height: 2; */
    color:white;
    position:absolute;
}

#sagittal_stack_left{
    /* transform: translate(12em); */
    z-index:3;
    /* transform: translate(12em); */
    position:absolute;

   /* background-image: url("right.png"); */
}

#sagittal_stack_right{
    /* transform: translate(-12em); */
    z-index:3;
    /* transform: translate(12em); */
    position:absolute;
   /* background-image: url("left.png"); */
}
#coronal_stack_indicator{
    text-align: center;
    font-size:2vh;
    vertical-align: middle;
    /* line-height: 2; */
    color:white;
    position:absolute;
}

#coronal_stack_left{
    /* transform: translate(12em); */
    z-index:3;
    /* transform: translate(12em); */
    position:absolute;

   /* background-image: url("right.png"); */
}

#coronal_stack_right{
    /* transform: translate(-12em); */
    z-index:3;
    /* transform: translate(12em); */
    position:absolute;
   /* background-image: url("left.png"); */
}


#transverse_stack_indicator{
    text-align: center;
    font-size:2vh;
    vertical-align: middle;
    /* line-height: 2; */
    color:white;
    position:absolute;
}

#transverse_stack_left{
    z-index:3;
    /* transform: translate(12em); */
   position:absolute;

   /* background-image: url("right.png"); */
}

#transverse_stack_right{
    z-index:3;
    /* transform: translate(-12em); */
    position:absolute;
   /* background-image: url("left.png"); */
}


.removed-item {
    animation: removed-item-animation 1s cubic-bezier(.55,.04,0,.97) forwards;
    /*transform origin is moved to the bottom left corner*/
    transform-origin: 0% 100%;
    z-index:-1;
}
 
@keyframes removed-item-animation {
    0% {
        opacity: 1;
        transform: rotateZ(0);
}
 
    100% {
        opacity: 0;
        transform: translateY(200px) rotateZ(0deg);
    }
}


.removed-flats{
    animation: removed-flats-animation 1s cubic-bezier(.55,.04,0,.97) forwards;
    z-index:-1;
}
@keyframes removed-flats-animation {
    0% {
        opacity: 1;
}
 
    100% {
        opacity: 0;
    }
}

.removed-flats-fast{
    /* animation: removed-flats-fast-animation 0s forwards; */
    z-index:-1000;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

      /* IE 5-7 */
      filter: alpha(opacity=0);

      /* Netscape */
      -moz-opacity: 0;

      /* Safari 1.x */
      -khtml-opacity: 0;

      /* Good browsers */
      opacity: 0;
      display: none;
}
@keyframes removed-flats-fast-animation {
    0% {
        opacity: 1;
        filter: alpha(opacity=100);
}
 
    100% {
  /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

      /* IE 5-7 */
      filter: alpha(opacity=0);

      /* Netscape */
      -moz-opacity: 0;

      /* Safari 1.x */
      -khtml-opacity: 0;

      /* Good browsers */
      opacity: 0;
    }
}





.added-flats{
    /* animation: added-flats-animation 1s cubic-bezier(.55,.04,0,.97) backwards; */
    opacity: 1;
    filter: alpha(opacity=100);
    display: inline;
    z-index:-1;
}
@keyframes added-flats-animation {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
}
 
    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        
    }
}


.removed-zoom{
    animation: removed-zoom-animation .5s forwards;
    z-index:-1;
}
 
@keyframes removed-zoom-animation {
    
    0% {opacity: 1;}
    
    100% {opacity: 0;}
}

.added-zoom{
    animation: added-zoom-animation .5s forwards;
    z-index:-1;
}
 
@keyframes added-zoom-animation {
    
    0% {opacity: 1;}
    
    100% {opacity: 1;}
}




#view_tool{
  width:100%;
  margin: 0 auto;
  
  /*margin-left: auto;
  margin-right: auto;*/
}
#view_tool_container{


}
.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%);
}

#sagittal_flat_location_top{
    position: absolute;
    z-index: 99;
    height: 1px;
    width: 1px;
    /* border-left:cyan; */
    border-left:blue;
    border-left-style: solid;
    opacity: 1;
    border-width: 1px;
    -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;
    pointer-events: none;
}

#sagittal_flat_location_left{
    position: absolute;
    z-index: 99;
    height: 1px;
    width: 1px;
    /* border-bottom-color:cyan; */
    border-bottom-color:yellow;
    border-bottom-style: solid;
    opacity: 1;
    border-width: 1px;
    -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;
    pointer-events: none;
}

#transverse_flat_location_top{
    position: absolute;
    z-index: 99;
    height: 1px;
    width: 1px;
    /* border-left:cyan;    */
    border-left:red;
    border-left-style: solid;
    opacity: 1;
    border-width: 1px;
    -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;
    pointer-events: none;
}

#coronal_flat_location_left{
    position: absolute;
    z-index: 99;
    height: 1px;
    width: 1px;
    /* border-bottom-color:cyan; */
    border-bottom-color:red;
    border-bottom-style: solid;
    opacity: 1;
    border-width: 1px;
    -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;
    pointer-events: none;
}
.container_above{
        /* border-style:solid;  */
        display: flex;

}
.container_below{
        /* border-style:solid; */
        display: block;        
}

.clearer {
    clear: both;
}




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

} */
#parent1 {
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -moz-flexbox;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display:flex;
}
#parent2 {
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -moz-flexbox;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display:flex;
}
/* #parent2 {
 display:flex;
} */
#sagittal{
    z-index: 2;
    float:          left;
    /* border: 1px solid #aaa; */
    /* border: 1px solid white;  */
    
    /* max-width:      80%; */
/*     background-color:blue; 
 */
 	/* -moz-transform: scaleY(-1); */
	/* -o-transform: scaleY(-1); */
	/* -webkit-transform: scaleY(-1); */
	/* transform: scaleY(-1); */
	/* filter: FlipV; */
	/* -ms-filter: "FlipV"; */

}
 
#transverse{
    z-index: 2;
    float:          left;  
    /* border: 1px solid #aaa;     */
        /* border: 1px solid white;  */
    /* max-width:      80%; */
/*     -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1); */
/*     background-color:green;  
 */
 
 	/* -moz-transform: scaleY(-1); */
	/* -o-transform: scaleY(-1); */
	/* -webkit-transform: scaleY(-1); */
	/* transform: scaleY(-1); */
	/* filter: FlipV; */
	/* -ms-filter: "FlipV"; */
}
 
 
button {
    position: absolute;
}

/* #button2 {
    position: relative;
    float: left;
} */
/* #transverse_spacer{ */
    /* /* z-index: 100; */ */
    /* /* float: left;    */ */
    /* /* opacity: 0; */ */
    /* border-style:solid; */
    /* border-color:yellow; */
    
/* } */
#transverse_spacer_display{
    z-index: 2;
    position:absolute;
    font-weight: bold;
    background-color: white;
   
}

#transverse_display{
    padding:5px;
    margin: 2px;
    background-color: rgba(255, 255, 255, 0);
	font-size: 1.25vw;
    color: white;
    z-index: 2;
    position:absolute;
    font-weight: bold;
	border-style: solid;
	border-color: blue blue blue blue;
	border-width: 2px;
    -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;
    /* float:          right;    */
}

#sagittal_display{
    padding:5px;
    background-color: rgba(255, 255, 255, 0);
    margin: 2px;
    color: white;
	font-size: 1.25vw;
    z-index: 2;
    position:absolute;
    font-weight: bold;
	border-style: solid;
	border-color: red red red red;
	border-width: 2px;
    -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;

    /* float:          right;    */
}
#sagittal_stack_indicator_line{
    position:absolute;
    opacity: .2;
    z-index: 2;
    background-color: white;
    font-size:75%;
    text-align: right;
    color:white;
    cursor:ew-resize;
    /* -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; */
    /* pointer-events: none; */
}
#sagittal_stack_indicator_overlay{
    font-size:75%;
    line-height: 2;
    text-align:center;
    color:white;
    position: absolute;
    border-radius: 50%;
    opacity: 1;
    z-index: 3;
    background-color:red;
    /* border-style: solid; */
    /* border-color: yellow; */
	/* border-width: 6px; */
    cursor: ew-resize;
    -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;
    pointer-events: none;
}
#transverse_stack_indicator_line{
    position:absolute;
    opacity: .2;
    z-index: 2;
    background-color: white;
    font-size:75%;
    text-align: right;
    color:white;
    cursor:ew-resize;
    /* -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; */
    /* pointer-events: none; */
}
#transverse_stack_indicator_overlay{
    font-size:75%;
    line-height: 2;
    text-align:center;
    color:white;
    position: absolute;
    border-radius: 50%;
    opacity: 1;
    z-index: 3;
    background-color:blue;
    /* border-style: solid; */
    /* border-color: yellow; */
	/* border-width: 6px; */
    cursor: ew-resize;
    -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;
    pointer-events: none;
}
#coronal_stack_indicator_line{
    position:absolute;
    opacity: .2;
    z-index: 2;
    background-color: white;
    font-size:75%;
    text-align: right;
    color:white;
    cursor:ew-resize;
    /* -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; */
    /* pointer-events: none; */
}
#coronal_stack_indicator_overlay{
    font-size:75%;
    line-height: 2;
    text-align:center;
    color:white;
    position: absolute;
    border-radius: 50%;
    opacity: 1;
    z-index: 3;
    background-color:yellow;
    /* border-style: solid; */
    /* border-color: yellow; */
	/* border-width: 6px; */
    cursor: ew-resize;
    -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;
    pointer-events: none;
}

/* div#coronal_stack_indicator_overlay:active{ */
    /* cursor: grab; */
/* } */



#coronal_display{
    padding:5px;
    background-color: rgba(255, 255, 255, 0);
    margin: 2px;
    color: white;
	font-size: 1.25vw;
    z-index: 2;
    position:absolute;
    font-weight: bold;
	border-style: solid;
	border-color: yellow yellow yellow yellow;
	border-width: 2px;
    -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;

    /* float:          right;    */
}

#coronal_container{
    float:left;
}
#coronal{
    z-index: 2;
    float:          left;    
    /* border: 1px solid #aaa;     */
        /* border: 1px solid white;  */
    /* display:flex; */
    /* max-width:      80%;  */
/*     background-color:red; 
 */
 	/* -moz-transform: scaleY(-1); */
	/* -o-transform: scaleY(-1); */
	/* -webkit-transform: scaleY(-1); */
	/* transform: scaleY(-1); */
	/* filter: FlipV; */
	/* -ms-filter: "FlipV"; */

 }



#button1{
    float: right;
}
div{
    cursor: crosshair; 
}

/*     -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); */
    
#debugging{
    float:          right;
    position:       absolute;
}


.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;
}

.selectable {
    -webkit-touch-callout: all;
    -webkit-user-select: all;
    -khtml-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    -o-user-select: all;
    user-select: all;
    pointer-events: all;
}


body{
    -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;
}

.img-vert {
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	-ms-filter: "FlipV";
}

#downloadLnk{
    position:absolute;
    display: hidden;
    z-index: -9999999;
}


#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;
}

#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;
    
}

#sample_button{
    border-radius: 10%;
    background-image: url(../images/files_labels.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.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;
}

.dropbtn {
    /* background-color: #4CAF50; */
    color: white;
    /* padding: 16px; */
    /* font-size: 16px; */
    border: none;
    cursor: pointer;
    /* background-image: url('/assets/images/files.png'); */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    /* line-height: 90px;   */
    
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #3e8e41;
}
.dropdown {
    position: relative;
    display: inline-block;
    
}

.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%;  */
}

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

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


.dropdown-content {
    display: none;
    position: absolute;
    bottom: 100%;
    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;

}

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



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



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


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

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

    }
}

.show_animation{
    animation: highlight-animation .75s cubic-bezier(.55,.04,0,.97) forwards;
}
/* .hide_animation{ */
    /* animation: highlight-animation .75s cubic-bezier(.55,.04,0,.97) backwards; */
/* } */

#logo{
    position: absolute;
    left:0;
    bottom:0;
    font-size:.6vw;
    color:red;
    z-index:100000000000;
}
a:link {
    color: red;
}


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

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

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


#warning-message { display: none; }
@media only screen and (orientation:portrait){
    #wrapper { display:none; }
    #warning-message {     
    position:relative;
    height: 100%;
    width:100%;
    /* left:25%; */
    display:block;
}
    
    
    #inside-warning{
        font-size:2em;
        position:absolute;
        /* top: 50%; */
        transform: translateY(50%);
        width:100%;
        margin: 0 auto;
        font-size:2em;
        color:white;
        text-align:center;
    }
    }
    /* #warning-message img { */
    /* position:absolute; */
    /* top:0; */
    /* left:0; */
    /* right:0; */
    /* bottom:0; */
    /* margin:auto; */
    /* } */
    }
@media only screen and (orientation:landscape){
    #warning-message { display:none; }
}


/* /* if portrait mode is detected, rotate the entire site -90 degrees to hint rotating to landscape */ */
/* @media (orientation: portrait) { */
  /* body { */
    /* -webkit-transform: rotate(-90deg); */
    /* -moz-transform: rotate(-90deg); */
    /* -o-transform: rotate(-90deg); */
    /* -ms-transform: rotate(-90deg); */
    /* transform: rotate(-90deg); */
  /* } */
/* } */