.ba__floatmenu-wrapper{position:fixed;left:0;top:0;font-size:1.6em;visibility:visible;z-index:999;direction: ltr;}
.ba__floatmenu-wrapper > *{display: table !important; background: inherit; border-radius: inherit;}
.ba__floatmenu{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row; position: relative;}
.ba__floatmenu-wrapper.axis-y .ba__floatmenu{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
.ba__floatmenu>*{position:relative;border-radius: inherit; text-decoration: none;}
.ba__floatmenu>:hover{z-index: 9;text-decoration: none;}
.ba__floatmenu .ba__icon{background:#02b33d; color:#fff;border-radius:50%;text-decoration:none;line-height:1;padding:0;cursor:pointer;margin:0;width: 2.5em; height: 2.5em; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center;}
.ba__floatmenu .ba__icon:hover{background:#f90; opacity: .8;}
.ba__floatmenu-button{position:relative; cursor: pointer; z-index: 90;}
.ba__floatmenu-button>:first-child{background:#1774d7; margin: 0;}
.ba__floatmenu>.ba__floatmenu-button.active>:first-child,
.ba__floatmenu>.ba__floatmenu-button>:first-child:hover{background:#dd4c4c; opacity: .8;}
.ba__floatmenu-button>:last-child{display:none}
.ba__floatmenu-wrapper.ba__button .ba__floatmenu-item{opacity:0;position:absolute;left:0;top:0}
.ba__floatmenu-wrapper.ba__button.show .ba__floatmenu>.ba__floatmenu-item{opacity:1}
.ba__floatmenu-wrapper .ba__caption{position:absolute;left:0;top:100%;font-size:1rem;background:#000;color:#fff;padding:.5em 1em;border-radius:.3em;line-height:1;visibility:hidden;opacity:0;text-transform: capitalize; -webkit-transition:opacity 1s;transition:opacity 1s}
.ba__floatmenu-wrapper .ba__icon:hover+*{visibility:visible;opacity:1}
.ba__floatmenu-wrapper .ba__icon svg{width:32px; height:32px;fill: none; stroke: currentColor; stroke-width: 2;}
.ba__floatmenu-wrapper .ba__floatmenu-item[class*=animate]{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.ba__floatmenu-button .ba__icon::after{content:'';width:0;height:0;border:.5em solid #bdccd1; border-radius:50%;position:absolute;z-index:-1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); opacity:0;-webkit-animation:ring 1.5s infinite;animation:ring 1.5s infinite; display: block;}
.ba__floatmenu-button .ba__icon:hover::after,
.ba__floatmenu-button.active .ba__icon::after{-webkit-animation: none;animation: none; display: none;}
.ba__floatmenu .ba__link{text-decoration: none; display: block;}
@-webkit-keyframes ring {
0%{width:1em;height:1em;opacity:1;border-width:.5em}
100%{width:10em;height:10em;opacity:0;border-width:5em}
}
@keyframes ring {
0%{width:1em;height:1em;opacity:1;border-width:.5em}
100%{width:10em;height:10em;opacity:0;border-width:5em}
}


/*///// STYLES /////*/
.ba__basic.ba__floatmenu-wrapper .ba__icon{background:none; margin: .1em;}
.ba__basic.style1.ba__floatmenu-wrapper{background:#25263c;border-radius: .1em;}
.ba__basic.style1.ba__floatmenu-wrapper .ba__icon:hover{background:none;color:#ee1e6c}
.ba__basic.style1.ba__floatmenu-wrapper .ba__caption{background:#ee1e6c;border-radius:0}

.ba__basic.style2.ba__floatmenu-wrapper{background:#713c66;border-radius: 10em; padding: .15em;}
.ba__basic.style2.ba__floatmenu-wrapper .ba__icon{background:#fff; color: #713c66; margin: .15em; border-radius: 50%;}
.ba__basic.style2.ba__floatmenu-wrapper .ba__caption{background:#000; color: #fff; border-radius:.3em}

.ba__basic.style3.ba__floatmenu-wrapper{background:none;border-radius: 10em;}
.ba__basic.style3.ba__floatmenu-wrapper .ba__icon{background:#dd4c4c; color: #fff; border-radius: 50%;}
.ba__basic.style3.ba__floatmenu-wrapper .ba__caption{background:#000; color: #fff; border-radius:1em}

.ba__basic.style4.ba__floatmenu-wrapper{background:none;border-radius: .3em;}
.ba__basic.style4.ba__floatmenu-wrapper .ba__icon{background:#03b7cf; color: #fff; border-radius: .3em;}
.ba__basic.style4.ba__floatmenu-wrapper .ba__caption{background:#000; color: #fff; border-radius: .3em;}
.ba__basic.style4.ba__floatmenu-wrapper .ba__floatmenu-item:nth-child(1) .ba__icon{background:#00a300;}
.ba__basic.style4.ba__floatmenu-wrapper .ba__floatmenu-item:nth-child(2) .ba__icon{background:#ff0097;}
.ba__basic.style4.ba__floatmenu-wrapper .ba__floatmenu-item:nth-child(3) .ba__icon{background:#2d89ef;}
.ba__basic.style4.ba__floatmenu-wrapper .ba__floatmenu-item:nth-child(4) .ba__icon{background:#ffc40d;}
.ba__basic.style4.ba__floatmenu-wrapper .ba__floatmenu-item:nth-child(5) .ba__icon{background:#ee1111;}

.ba__basic.style5.ba__floatmenu-wrapper{background:#171b20;border-radius: .1em;}
.ba__basic.style5.ba__floatmenu-wrapper .ba__icon{background:none;}
.ba__basic.style5.ba__floatmenu-wrapper .ba__icon:hover{background:none;color:#29b107}
.ba__basic.style5.ba__floatmenu-wrapper .ba__caption{background:#29b107;border-radius:0}
.ba__basic.style5.ba__floatmenu-wrapper::after{position:absolute;left:-900%;top:0;width:1800%;height:100%;display:block;background:inherit;content:'';z-index:-1}
.ba__basic.style5.ba__floatmenu-wrapper.axis-y::after{left:0;top:-900%;width:100%;height:1800%}

.ba__basic.style6.ba__floatmenu-wrapper{background:none;}
.ba__basic.style6.ba__floatmenu-wrapper .ba__icon{background:#9f56c8; color: #fff; border-radius: 0 50% 50%;}
.ba__basic.style6.ba__floatmenu-wrapper .ba__caption{background:#000; color: #fff; border-radius:.3em}



.ba__basic.ba__button.ba__floatmenu-wrapper{background: none;}
.ba__basic.ba__button.ba__floatmenu-wrapper .ba__icon:hover{opacity: .8;}
.ba__basic.ba__button.ba__floatmenu-wrapper .ba__icon{border-radius: 0;}

.ba__basic.style1.ba__button.ba__floatmenu-wrapper .ba__icon,
.ba__basic.style1.ba__button.ba__floatmenu-wrapper .ba__icon:hover{background: #02b33d; color: #fff; margin: .1em; border-radius: 9em;}
.ba__basic.style1.ba__button.ba__floatmenu-wrapper .ba__floatmenu-button.active .ba__icon{background: #000;}

.ba__basic.style2.ba__button.ba__floatmenu-wrapper .ba__icon{background: none !important; color: #fff; margin: .2em; position: relative;}
.ba__basic.style2.ba__button.ba__floatmenu-wrapper .ba__icon > *{position: relative; z-index: 1;}
.ba__basic.style2.ba__button.ba__floatmenu-wrapper .ba__icon::before,
.ba__basic.style2.ba__button.ba__floatmenu-wrapper .ba__icon:hover::before{background: #027df0; margin: .1em; content: ''; border-radius: .1em; width: 100%; height: 100%; display: block; position: absolute; left: 0; right: 0; z-index: 0; margin: 0; -webkit-transform: rotate(45deg) scale(.8); transform: rotate(45deg) scale(.8);}
.ba__basic.style2.ba__button.ba__floatmenu-wrapper .ba__floatmenu-button.active .ba__icon::before{background: #000;}

.ba__basic.style3.ba__button.ba__floatmenu-wrapper .ba__icon,
.ba__basic.style3.ba__button.ba__floatmenu-wrapper .ba__icon:hover{background: #a544d0; color: #fff; margin: .1em; border-radius: .3em;}
.ba__basic.style3.ba__button.ba__floatmenu-wrapper .ba__floatmenu-button.active .ba__icon{background: #000;}

.ba__basic.style4.ba__button.ba__floatmenu-wrapper .ba__floatmenu-button.active .ba__icon{background: #000;}

/*//// ARC /////////////////////////*/
.ba__radial.ba__floatmenu-wrapper > *{border-radius: 50%; -webkit-transition: all .3s; transition: all .3s; padding: 0;}
.ba__radial.ba__circle.ba__floatmenu-wrapper > *{padding: 1.5em;}
.ba__radial.ba__floatmenu-wrapper .ba__floatmenu-button{position: absolute; left: 50% !important; top: 50% !important; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}



.ba__radial.style1.ba__floatmenu-wrapper .ba__icon{background: none; color: #f93b3b;}
.ba__radial.style1.ba__floatmenu-wrapper .ba__floatmenu-button .ba__icon{background: #0cbb46; color: #fff; border-radius:9em;}
.ba__radial.style1.ba__floatmenu-wrapper .ba__caption,
.ba__radial.style1.ba__floatmenu-wrapper .ba__floatmenu-button.active .ba__icon{background: #000;}

.ba__radial.style2.ba__floatmenu-wrapper .ba__icon{background: #059ffb; color: #fff; border-radius:9em;}
.ba__radial.style2.ba__floatmenu-wrapper .ba__caption,
.ba__radial.style2.ba__floatmenu-wrapper .ba__floatmenu-button.active .ba__icon{background: #000;}

.ba__radial.style3.ba__floatmenu-wrapper.show > *{background: #000; padding: 1.5em; -webkit-box-shadow:0 0 1em rgba(255,255,255,.2); box-shadow:0 0 1em rgba(255,255,255,.2);}
.ba__radial.style3.ba__floatmenu-wrapper .ba__icon{background: none; color: #fff; border-radius:9em;}
.ba__radial.style3.ba__floatmenu-wrapper .ba__caption,
.ba__radial.style3.ba__floatmenu-wrapper .ba__floatmenu-button .ba__icon{background: #00b7ff;}
.ba__radial.style3.ba__floatmenu-wrapper .ba__floatmenu-button.active .ba__icon{background: #ff0083;}

.ba__radial.style4.ba__floatmenu-wrapper.show > *{background: none; padding: 1.5em; -webkit-box-shadow: 0 0 0 3em #181bb9 inset, 0 0 1em rgba(255,255,255,.2); box-shadow: 0 0 0 3em #181bb9 inset, 0 0 1em rgba(255,255,255,.2);}
.ba__radial.style4.ba__floatmenu-wrapper .ba__icon{background: none; color: #fff; border-radius:9em;}
.ba__radial.style4.ba__floatmenu-wrapper .ba__caption,
.ba__radial.style4.ba__floatmenu-wrapper .ba__floatmenu-button .ba__icon{background: #00b7ff;}
.ba__radial.style4.ba__floatmenu-wrapper .ba__floatmenu-button.active .ba__icon{background: #ff0083;}


.ba-dialog .ba-dialog-body{padding:0; overflow: hidden;}
#ba-modID0-wrap{display: block; width: calc(100% - 2em); height: calc(100% - 2em); position: relative; margin: 1em;}

.placement-floatmenu{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; text-align: left;}
.placement-floatmenu > *{width:33.333%;display:block;padding:1em;position: relative;}
.placement-floatmenu select{border:2px solid #d99a9a; padding: .5em; width: 100%; display: block; font-size: 1.2em; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M30 10 L16 26 2 10 Z' /%3E%3C/svg%3E") no-repeat calc(100% - .5em) 45%; background-size: 1em; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
@media (max-width: 991px) {
    .placement-floatmenu > *{width: 100%;}
}