@charset "utf-8";
/* CSS Document */

.point { color: #20A399; font-weight: bold;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 0.5em;font-size: 1.2em;}
.bbl-num { background: #20A399; color: #FFFFFF; font-size: 1.2em; text-align: center; display: inline-flex; font-weight: bold; padding: 0; width: 2em; height: 2em; margin-right: 10px;  margin-left: -webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative;}
.bbl-num:before { position: absolute; content: ''; display: block; background: #20A399; width: 10px; height: 10px; top: 50%; margin-top: -5px; right: -5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }


.list-group{}
.list-group-item {border-top: 1px solid #CCC;padding: 0.6em 0;}

#snav-intro {margin-top: 2em;}

.nav-pills {border-bottom: 1px solid #DDD;}
.nav-pills > li{border-top: 1px solid #DDD;}
.nav-pills > li >a {display: block;background-image: url("../images/chevron_right_black_24dp.svg"); background-repeat: no-repeat; background-size: 1em auto; background-position: right 0.5em top 50%;padding: 0.4em 0;padding-left: 0.5em;}
.nav-pills > li.active >a  {background-color: #333;background-image: unset;color: #FFF;}




@media (min-width: 768px){

.nav-pills {display: flex;width: 100%;border-top: 1px solid #DDD;}
.nav-pills > li {flex-grow: 1;flex-shrink: 1;flex-basis: 0;}
.nav-pills > li{border:none;border-right: 1px solid #DDD;}
.nav-pills > li:last-child{border-right: none;}


}