/*!
 * 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 {
margin-right:1%;
object-fit:contain;

z-index:1;
padding:4px;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:12pt;
font-style:normal;
font-weight:500;
line-height:1.75;
text-align:center;
text-decoration:blink;
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:100%;
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; 

}


.popover.top {
margin-top:-1%;
margin-left:-1% !important;


}

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

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

.popover-content {
  width:auto;
  padding: 10px 10px;
  padding-top:8px;
  padding-bottom:8px;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  border:2px solid #999;
  border-radius:6px;outline:0;
 
  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: 80%;
  text-align:left;
  text-indent:12px;
  text-shadow: 0.5px 0.5px black;
  font-weight:500;
 
  
}



.popover-content a {
  color: red;
  font-weight:500;
  padding-right:12px;
  padding-top:1px;
  padding-bottom:1px;
  text-decoration: blink;
  display: inline-block;
  border: 2px;
  border-radius: 4px;
  border-color:white;
  text-align:left;
  margin-top:2px;
  margin-bottom:2px;
  width:auto;
  opacity:1.5;
  transition:1s;
  


  
}

/* Change color of dropdown links on hover */

.popover-content a:hover {
  color:black;
  border-color: black;
  background: -webkit-linear-gradient(top, lightyellow, lightpink);
  text-shadow: 1px 1px silver;
  font-weight:500;
  border-color:lime;
  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; 
right:1% !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:100%;
 height:24px;
 line-height:20px;
 padding-top: 3px;
 background:transparent;
 float:left;
 left:0%;
 bottom:0.5%;
 opacity: 0.0;
 
}
 
.box:hover{
 background: -webkit-linear-gradient(top, silver, black);
 color:white;
 text-align:center;
 text-shadow: 1px 1px pink;
 font-weight: 500;
 font-size: 14pt;
 border-color:black;
 border:medium;
 border-radius: 4px;
 opacity:1.0;
 transition-duration: 0.4s;

}




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

 

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

} 


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

}


.dropdownL-content ul{
    list-style:none;
  /* 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:200;
    /*top:1em;
    /*left:0;*/
}

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

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

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

.dropdownL-content li ul a{
    display: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;
  /* list-style:none; */
    margin-left:0px;
    padding:0px;
    columns:2;
}
.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;
}
.dropdownR-content li li {
    display:block;
    float:left;
    width:120px;
}
.dropdownR-content li:hover li a{
    background:none;
}
.dropdownR-content li ul a{
    display:block;
    height:22px;
    text-align:left;
    
}
.dropdownR-content li ul a:hover, .menu li ul li:hover a{
    
    text-decoration:none;
}
.dropdownR-content p{
    clear:right;
}