[class*="ba-dock-align-"]:not(body){position: relative; min-height: 6rem;}
.ba-dock-menu-wrap *{box-sizing: border-box;}
.ba-dock-menu-wrap{background: #191822; border-radius: 5px; box-shadow: 0 0 8px rgb(0,0,0,.5); display: block; max-width: 100%; max-height: 100%; visibility: hidden;}
[class*="ba-dock-align-"]:not(body) > .ba-dock-menu-wrap{max-height:none;}
.ba-dock-menu-wrap-inner{display: block;flex: 1 1 auto; width: 100%; height: 100%; overflow: hidden;}
.ba-dock-menu-wrap > button{display:flex;padding: 0 5px;background:#f90;border-radius:2px;border:0;color:#fff;width:26px;cursor:pointer;position:absolute;height:26px;line-height:1;left:0;top:50%;transform:translate3d(0,-50%,0);z-index:9;font-size:22px; text-align: center; font-family: Arial, Helvetica, sans-serif;}
.ba-dock-menu-wrap > button + button{left: auto; right: 0;}
.ba-dock-menu-y .ba-dock-menu-wrap > button{top: 0; left: 50%; transform:translate3d(-50%,0,0) rotate(90deg);}
.ba-dock-menu-y .ba-dock-menu-wrap > button + button{top: auto; bottom: 0;}
.ba-dock-menu-wrap > button.disable{opacity: .5;}
.ba-dock-menu{list-style: none;padding: 0; margin: 0 auto; display: inline-flex; flex-direction: row; transition: left .3s, top .3s; position: relative;}
.ba-dock-menu-wrap-inner > i{width: 608px; display: block; height: 3px; position: relative;}
.ba-dock-menu *{margin: 0; padding:0;}
.ba-dock-menu > *{padding: .5em;}
.ba-dock-menu span{display:inline-flex !important; margin: 0 auto; background: #45465a; color: #fff; border-radius: 5em; padding: 5px 10px; line-height: 1.2; position: absolute; left: 0; top: 0; width: 5em; text-align: center; align-items: center; justify-content: center; visibility: hidden; opacity: 0; transition: opacity .2s; box-shadow:0 0 5px rgba(0,0,0,.5); text-transform: capitalize;}
.ba-dock-menu a{position: relative; display: block; cursor: pointer;}
.ba-dock-menu > .active span{opacity: 1; visibility: visible;}
.ba-dock-menu .icon, .ba__dockmenu-icon{transition: all 0s;}
.ba-dock-menu [class*=fa]{font-size: 3em;}
.ba-dock-menu-y .ba-dock-menu{flex-direction: column;}
.ba-dock-align-start .ba-dock-menu{align-items: flex-start;}
.ba-dock-align-center .ba-dock-menu{align-items: center;}
.ba-dock-align-end .ba-dock-menu{align-items: flex-end;}
.ba-dock-label-start .ba-dock-menu span{left: 50%; top: 0; transform: translate3d(-50%, -100%, 0);}
.ba-dock-label-center .ba-dock-menu span{left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0);}
.ba-dock-label-end .ba-dock-menu span{left: 50%; top: 100%; transform: translate3d(-50%, -50%, 0);}
.ba-dock-label-start.ba-dock-menu-y .ba-dock-menu span{left: 0; top: 50%; transform: translate3d(-100%, -50%, 0);}
.ba-dock-label-center.ba-dock-menu-y .ba-dock-menu span{left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0);}
.ba-dock-label-end.ba-dock-menu-y .ba-dock-menu span{left: 100%; top: 50%; transform: translate3d(0, -50%, 0);}