#flyout.shown { right:0%; }

#flyout { 
 position:fixed;
 right:-38%;
 top:0px;
 bottom:0px;
 width:38%;
 background:white;
 z-index:9999;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; 
} 

#flyout-head { font-size:2.5em; text-align:right;margin-top:50px;margin-right:5%; }
#flyout-head a { text-decoration:none; }



#flyout-content {
  padding:2%;
  overflow-y:scroll;
  height:75%;
  margin:3%;
}
#flyout-content h3 { margin:0px !important; }

.flyout-close { color:black;text-decoration:none; }

.layer { 
  padding:2px 7px; 
  border-radius:20px;
}


/***** shortcode layer menu *****/

.shortcode-layer-menu {
  margin:2% 2% 2% 0;
}

.shortcode-layer-menu-link {
  padding: 3px 8px; border-radius:3px;
  text-decoration:none !important;
  color:black !important;
}