/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
 










/* https://www.w3schools.com/bootstrap/bootstrap_popover.asp */


.popover {
object-fit:contain;
display:table;
z-index:1;
padding:4px;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:1.5vmin;
font-style:normal;
font-weight:400;
line-height:2.5vmin;
text-align:center;
float:left;
text-shadow: 1px 1px white;
text-transform:bold;
letter-spacing:normal;
word-spacing:normal;
white-space:normal;
background-color:silver;
border:1px solid rgba(0,0,0,.2);
border-radius:6px;
width:95%;
height:90%;
transition: 3s;
-webkit-animation: fadeout 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeout 2s; /* Firefox < 16 */
        -ms-animation: fadeout 2s; /* Internet Explorer */
         -o-animation: fadeout 2s; /* Opera < 12.1 */
            animation: fadeout 2s; 
opacity:0.85;

 /* whatever you want */
left: 50%;
transform: translateY(-50%);


}


.popover.top {
margin-top:-1%;
margin-left:-60%;
margin-right:1%;

}

.popover.right{margin-left:10px}

.popover.bottom{margin-top:5px}

.popover.left{margin-left:10px}


.popover-title {
  display:inline-block;
  padding: 10px 10px;
  margin:0 auto;
  width:95%;
  font-size:16px;
  background-color:#f7f7f7;
  border-bottom:1px solid #ebebeb;
  border-radius:5px 5px 0 0;
  text-shadow: 1px 1px silver;
  text-align:center;
  color:red;
  line-height:26px;
  height:auto;
  opacity:1.0;
  cursor:move;
}

.popover-body {
    overflow: scroll;
    white-space:pre-wrap;
    
    
    
  
    
}

.popover-content {
  width:auto;
/*  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  column-count: 4;
  column-gap: 16px;
  column-rule-style: groove;
  column-rule-width:2px;
  column-rule: 2px solid red; 
  column-width: 100px; 
  overflow-y : scroll;
*/ 
  height: 90%;
  text-align:left;
  text-indent:0px;
  text-shadow: 0.5px 0.5px black;
  text-decoration:none;
  font-weight:400;
  overflow-x: scroll;
  margin-left:3%;
  
}



.popover-content a {
  color: red;
  font-size:10pt;
  text-align:left;
  margin-top:1px;
  margin-bottom:1px;
  width:auto;
  padding-right:4px;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:4px;
  border: 2px;
  border-radius: 4px;
  border-color:silver;
  border-style:outset
}

/* Change color of dropdown links on hover */

.popover-content a:hover {
  color:black;
  background: -webkit-linear-gradient(top, lightyellow, lightpink);
  text-shadow: 0.5px 0.5px silver;
  border-color:lime;
  transition:1s;
  border-style:groove;

  
  


}


.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}

.popover>.arrow{border-width:15px}.popover>.arrow:after{content:"";border-width:15px}

.popover.top>.arrow {
bottom:-20px; 
left:85% !important;
margin-left:0px;
border-top-color:red;
border-style:groove;
border-bottom-width:15px;

}

/*
.popover.top>.arrow:after {

border-top-color:#fff;
border-bottom-width:0
}
*/

.popover.right>.arrow{top:20%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}

.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}

.popover.bottom>.arrow{top:-11px;left:1%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}

.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}

.popover.left>.arrow{top:20%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}

.popover.left>.arrow:after {
  right:1px;
  bottom:-10px;
  content:" ";
  border-right-width:0;
  border-left-color:#fff
}



.box {
 position:absolute;
 width:98%;
 height:2vmin;
 line-height:2vmin;
 color:white;
 text-align:center;
 text-shadow: 0.1vmin 0.1vmin red;
 font-weight: 500;
 font-size: 1.5vmin;
 border-color:black;
 border:medium;
 border-radius: 0.2vmin;
 padding-top: 0.0vmin;
 background:transparent;
 float:left;
 left:1%;
 bottom:0%;
 opacity: 0.5;
 
}
 
.box:hover{
 background: -webkit-linear-gradient(top, silver, black);
 opacity:1.0;
 transition-duration: 0.4s;

}

ul {
  height:98%;
  width:97%;
  bottom:2%;
  column-count: 3;
  column-gap: 0.25vmin;
  column-rule-style: groove;
  column-rule: 0.4vmin solid yellow; 
  column-width: 33%;
  display:inline-block;
  margin-left:1vmin;
  overflow:visible;
	
}

ul ul {
	visibility: hidden;
	transition: all 5s;
 

}

ul.a {
    list-style-type: circle;
}

ul.b {
  list-style-type: square;
}

ul.p {
  list-style-image: url('../images/bluesm.png');
}

ol.c {
  list-style-type: upper-roman;
}

ol.d {
  list-style-type: lower-alpha;
}

a:link { text-decoration: none; }


a:visited { text-decoration: blink; }


a:hover { text-decoration: underline; }


a:active { text-decoration: none; }


li {
 display:inline-block; 
 
} 

li:hover ul {
	visibility: visible;
	transition-delay: 1s;
	 
}

li span {
  list-style-image: url('../images/bluesm.png');

} 


uk {
  list-style-image: url('../images/bluesm.png');
  margin-left:0.2vmin;
  margin-bottom:0.1vmin;


}

.ukcont {
  height:98%;
  width:97%;
  bottom:2%;
  column-count: 4;
  column-gap: 10px;
  column-rule-style: groove;
  column-rule-width:2px;
  column-rule: 2px solid red; 
  column-width: 25%;
  display:inline-block;
  margin-left:3%;
  overflow:visible;
	
}


.dropdownL-content ul{
    list-style:none;

    margin-left:0px;
    padding:0px;
    columns:2;
}

.dropdownL-content li{
    float:left;
    padding-left:6px;
    padding-right:6px;
    
}

.dropdownL-content li a{
    
    display:block;
    line-height:24px;
   
    
    text-align:center;
    text-decoration:none;
}

.dropdownL-content li a:hover, .menu ul li:hover a{
   
    text-decoration:none;
}

.dropdownL-content li ul{
 /*   display:none;
    height:auto;
    border:0px;
    position:absolute;
    width:250px;
    z-index:100;
    top:1em;
    /*left:0; */
}

.dropdownL-content li:hover ul{
    display:inline-block;
}

.dropdownL-content li li {
   display:inline-block;    float:left;
    width:120px;
}

.dropdownL-content li:hover li a{
    background:none;
}

.dropdownL-content li ul a{
    display:inline-block;
    height:22px;
    text-align:left;
}

.dropdownL-content li ul a:hover, .menu li ul li:hover a{
    
    text-decoration:none;
}

.dropdownL-content p{
    clear:left;
}




.dropdownR-content ul{
    list-style:none;
  
    margin-left:0px;
    padding:0px;
    columns:2;
}

.dropdownR-content ul ul{
	visibility: hidden;
	transition: all 5s;
}



.dropdownR-content li{
    float:left;
    padding-left:6px;
    padding-right:6px;
}
.dropdownR-content li a{
    display:block;
    line-height:24px;
    text-align:center;
    text-decoration:none;
  
}

.dropdownR-content li a:hover, .menu ul li:hover a{
   
    text-decoration:none;
}
.dropdownR-content li ul{
    display:none;
    height:auto;
    border:0px;
    position:absolute;
    width:250px;
    z-index:200;
    /*top:1em;
    /*left:0; */
}
.dropdownR-content li:hover ul{
    display:block;
    visibility: visible;
	transition-delay: 1s;
}
.dropdownR-content li li {
    display:block;
    float:left;
    width:auto;
}
.dropdownR-content li:hover li a{
    background:none;
}
.dropdownR-content li ul a{
    display:block;
    height:3vmin;
    text-align:left;
    
}
.dropdownR-content li ul a:hover, .menu li ul li:hover a{
    
    text-decoration:none;
}
.dropdownR-content p{
    clear:right;
}