.ba__drildown-container{position: relative;}
.ba__drilldown-wrapper, .ba__drilldown-wrapper *{position:relative; font-size:1em; -webkit-box-sizing: border-box; box-sizing: border-box;}
.ba__drilldown-wrapper ul, .ba__drilldown-wrapper ul li, .ba__drilldown-wrapper li, .ba__drilldown-wrapper li ul, .ba__drilldown-wrapper li ul li {margin:0; padding:0 !important; list-style:none !important; text-align: left;}
.ba__drilldown-wrapper{width:100%; background-color:#222; color:#fff; padding:15px; overflow:hidden;}
.ba__drilldown-wrapper .ba__drilldown{position: relative;overflow:hidden;}
.ba__drilldown-wrapper .ba__drilldown ul{margin: 0; position: absolute; top: 0; right: 0;}
.ba__drilldown-wrapper .ba__drilldown ul li{margin:0; padding:0; width:100%;}
.ba__drilldown-wrapper .ba__drilldown li > :first-child, .ba__drilldown-wrapper .ba__drilldown .separator{display: block; color:inherit; padding:15px 10px; text-decoration:none; border-bottom:1px solid rgba(150,150,150,.3);}
.ba__drilldown-wrapper .ba__drilldown a:hover, .ba__drilldown-wrapper .ba__drilldown .current > a{background-color:rgba(51,51,51,.1) !important;}
.ba__drilldown-wrapper .ba__count{font-size:80%; opacity:0.6;}
.ba__drilldown-header{border-bottom:5px solid rgba(150,150,150,.3);}
.ba__drilldown-header li{display:inline-block;}
.ba__drilldown-header li a{text-decoration:none; font-size:80%; color:inherit; opacity:0.8; background-color:transparent !important; cursor: pointer;}
.ba__drilldown-header.ba__drill-backlink a{padding:.8em; display: block; color:inherit; text-decoration:none; background-color:transparent !important; cursor: pointer; text-align: left; font-weight:bold;}
.ba__drilldown-header.ba__drill-backlink{border:0; background-color:rgba(150,150,150,.2); padding:0;}
.ba__drilldown-header h3{margin:0 !important; padding:10px 0 !important; font-size:150%; font-weight:normal; text-transform:none; color:inherit; border-bottom:none; text-align: left;}
.ba__drilldown-header.ba__drill-backlink h3{display:none;}
.ba__drilldown-header h3 .ba__icon{display:none;}
.ba__drilldown-wrapper .ba__icon{float:right; width:1.5em; height:1.5em; line-height:1; display:block; border:1px solid; border-radius:50%; text-align:center; opacity:0.5; position: relative;}
.ba__drilldown-wrapper .ba__icon::after{position: absolute; left: 50%; top: 50%; width: .5em; height: .5em; margin: -.25em 0 0 -.3em; display: block; content: ''; border: 0 solid; border-width: 2px 2px 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.ba__drilldown-header li a .ba__icon{float:left; display:block; padding:1px 6px; border: 0;}
.ba__drilldown-header li a .ba__icon::after{margin-top: .1em;}
.ba__drilldown-header.ba__drill-backlink a .ba__icon{float:left; margin-right:.8em; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.ba__drilldown-wrapper .ba__drilldown a:hover .ba__icon, .ba__drilldown-header.ba__drill-backlink a:hover .ba__icon{opacity:1;}
.ba__drilldown-button{display: inline-block; padding:1em 2em; background-color:#1a1d2d; color:#fff; cursor:pointer; font-weight: bold;}
.ba__drilldown-wrapper.drilldown-stick{position:absolute; z-index:10; top:199%; left:0; opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0);}
.drilldown-stick.open{opacity:1; visibility:visible; top: 100%; -webkit-transition: all .5s; transition: all .5s; -webkit-transform: scale(1); transform: scale(1); -webkit-box-shadow: 0 0 1em rgba(4, 21, 43, 0.3);box-shadow: 0 0 1em rgba(4, 21, 43, 0.3);}

.ba__drilldown-wrapper > .ba__drill-link + * .ba__active{border: 0; position: relative; border-left: 2px dotted; font-weight: 600; background: rgba(150,150,150,.1);}
.ba__drilldown-wrapper > .ba__drill-link + * .ba__active::after{position: absolute; left:calc(-1em - 2px); top: -3px; width: 1em; height: 50%; display: block; border: 0 dotted; border-width: 0 0 2px 2px; content: '';}
.ba__drilldown-wrapper > .ba__drill-link + * .ba__active > .ba__icon{display: none;}
.ba__drilldown-wrapper > .ba__drill-link + * ul{padding-left: 1em !important;}
[data-ba-drill-down]:not(.ba__drilldown){display: none;}
.colorOption{position: fixed;right: 2em;top: 50%;display: table;background: #283657;padding: .5em;border-radius: 5em;-webkit-box-shadow: 0 0 .5em #000;box-shadow: 0 0 .5em #000; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 99;}
.colorOption > *{background:#99b433; display: block;width: 1.2em;height: 1.2em;border-radius: 50%; margin: .2em; cursor: pointer;}
.colorOption > :hover, .colorOption > :focus{-webkit-box-shadow: 0 0 0 2px #fff inset;box-shadow: 0 0 0 2px #fff inset;}
.ba__drilldown-wrapper[style*="background-color"] a{border-color: rgba(200,200,200,.5);}

/*//////////////STYLES///////////////////*/
.style1.ba__drilldown-wrapper{background: #1a182d;}
.style1.ba__drilldown-wrapper .ba__count::before{content: '(';}
.style1.ba__drilldown-wrapper .ba__count::after{content: ')';}
.drilldown-stick.style1.open{border: 1px solid rgba(150,150,150,.3);-webkit-box-shadow: 0 0 1em #000;box-shadow: 0 0 1em #000}

.style2.ba__drilldown-wrapper{background:#ebeef4;color:#222;padding:0;border:1px solid rgba(150,150,150,.5);border-radius:.3em;-webkit-box-shadow:0 0 1em rgba(0,0,0,.15);box-shadow:0 0 1em rgba(0,0,0,.15)}
.style2 .ba__drilldown li > :first-child{border-top:1px solid rgba(255,255,255,0.5)}
.style2 .ba__drilldown-header{padding:.5em;border-color:rgba(0,0,0,0.3);background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,.5)),to(rgba(0,0,0,.15)));background-image:linear-gradient(rgba(255,255,255,.5),rgba(0,0,0,.15))}
.style2 .ba__count{background:#02102b;color:#fff;border-radius:5em;line-height:1;padding:0 .7em .1em .65em;-webkit-box-shadow:0 0 1px #fff;box-shadow:0 0 1px #fff}

.style3.ba__drilldown-wrapper{background:#e0f3ff;color:#183e6b;padding:0;border:1px solid rgba(150,150,150,.5);border-radius:.3em;-webkit-box-shadow:0 0 1em rgba(0,0,0,.15);box-shadow:0 0 1em rgba(0,0,0,.15)}
.style3.ba__drilldown-wrapper::before{position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; display: block; content: ''; z-index: 0; background: #73a3ee; border-radius:0 0 90%; border-bottom: 3em solid; opacity: .1; -webkit-box-shadow: 0 0 1em #000; box-shadow: 0 0 1em #000;}
.style3.ba__drilldown-wrapper > *{position: relative; z-index: 1;}
.style3 .ba__drilldown-header{padding:.5em;border-color:rgba(0,0,0,0.3);background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(184,225,252,.3)),color-stop(35%, rgba(144,191,240,.3)),color-stop(36%, rgba(107,168,229,.3)),color-stop(36%, rgba(107,168,229,.3)),color-stop(83%, rgba(162,218,245,.3)),to(rgba(189,243,253,.3)));background-image:linear-gradient(to bottom, rgba(184,225,252,.3) 0%,rgba(144,191,240,.3) 35%,rgba(107,168,229,.3) 36%,rgba(107,168,229,.3) 36%,rgba(162,218,245,.3) 83%,rgba(189,243,253,.3) 100%)}
.style3 .ba__count{background:#02102b;color:#fff;border-radius:5em;line-height:1;padding:0 .7em .1em .65em;-webkit-box-shadow:0 0 1px #fff;box-shadow:0 0 1px #fff}

.style4.ba__drilldown-wrapper{background:#135e48;color:#fff;padding:0 0 .5em;border:1px solid rgba(150,150,150,.5);border-radius:.3em;-webkit-box-shadow:0 0 1em rgba(0,0,0,.15);box-shadow:0 0 1em rgba(0,0,0,.15)}
.style4.ba__drilldown-wrapper::before{position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; display: block; content: ''; z-index: 0; background: #73a3ee; border-radius: 90% 0 0; border-top: 3em solid; opacity: .1; -webkit-box-shadow: 0 0 1em #000; box-shadow: 0 0 1em #000;}
.style4.ba__drilldown-wrapper > *{position: relative; z-index: 1;}
.style4 .ba__drilldown-header{padding:.5em;margin: 0 0 .5em; border-color:rgba(0,0,0,0.3);background-image:linear-gradient(135deg, rgba(34,214,21,.3) 0%,rgba(0,0,0,.3) 16%,rgba(0,142,59,.3) 27%,rgba(255,255,255,.3) 100%)}
.style4 .ba__count{background:#02102b;color:#fff;border-radius:5em;line-height:1;padding:0 .7em .1em .65em;-webkit-box-shadow:0 0 1px #fff;box-shadow:0 0 1px #fff}
.style4.ba__drilldown-wrapper .ba__drilldown li{padding: .1em .5em !important; width: 100%; display: block;}
.style4.ba__drilldown-wrapper .ba__drilldown li > :first-child{border: 1px solid rgba(150,150,150,.3); margin:0; border-radius: .3em; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(174,188,191,.3)),color-stop(50%, rgba(110,119,116,.3)),color-stop(51%, rgba(10,14,10,.3)),to(rgba(10,8,9,.3))); background-image: linear-gradient(to bottom, rgba(174,188,191,.3) 0%,rgba(110,119,116,.3) 50%,rgba(10,14,10,.3) 51%,rgba(10,8,9,.3) 100%);}


.style5.ba__drilldown-wrapper{background:#6c0e59;color:#fff; background-image:linear-gradient(43deg, rgba(16, 65, 255, 0.5) 0%, rgba(233, 0, 218, 0.5) 46%, rgba(255, 216, 6, 0.5) 100%); padding:0 0 .5em;border:1px solid rgba(150,150,150,.5);border-radius:.3em;-webkit-box-shadow:0 0 1em rgba(0,0,0,.15);box-shadow:0 0 1em rgba(0,0,0,.15)}
.style5.ba__drilldown-wrapper > *{position: relative; z-index: 1;}
.style5 .ba__drilldown-header{padding:.5em;margin: 0 0 .5em; border:0;}
.style5 .ba__count{background:#02102b;color:#fff;border-radius:5em;line-height:1;padding:0 .7em .1em .65em;-webkit-box-shadow:0 0 1px #fff;box-shadow:0 0 1px #fff}
.style5.ba__drilldown-wrapper .ba__drilldown li{padding: .1em .5em !important;}
.style5.ba__drilldown-wrapper .ba__drilldown li > :first-child{border:0; margin:0; background-image:radial-gradient(ellipse at top, rgba(250,250,250, 0.5) 0%,rgba(0, 0, 0, 0) 65%,rgba(0, 0, 0, 0) 100%);}