body{
    background: #B3AFAF;
}
.container{
    max-width: 600px;
    padding-bottom: 100px;
    background: #fff;
    padding: 10px;
    margin-top: 10px;
    border-radius: 10px;
}
img{
    max-width: 100%;
}
.nav-pills>li.active {
    background: #46bbff;
    border-radius:5px;
}
.nav-pills>li.active a {
    color: #fff;
}

.promo {
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    /* // border: 1px solid #eee;
    // border-left-width: .25rem; */
    border-radius: .25rem;
    border-left-color: red;
    background: #6cc04a;
    color: #fff !important;
}

.bd-callout {
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
    
}
.bd-callout-warning {
    border-left-color: red;
    background: #feffd2;
}
.bd-callout-success {
    border-left-color: green;
    background: #feffd2;
}
#icon{
    padding: 10px;
}
#icon img{
    width: 100px;
}
#icon2{
    padding: 10px;
}
#icon2 img{
    width: 100px;
}
.nav-pills>li a{
    font-size:14px;
    color: #fff;
}
.nav-pills{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.nav-pills > li{
  margin-left:1px;
  margin-right:1px;
  background: #6cc04a;
  border-radius:5px;
  padding: 1px;
}
.nav{
        padding-left: inherit;
}
.snowEffect {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99;
  overflow: hidden;
  pointer-events:none; /*Không có dòng này là ko click đc các phần tử khác*/
}
#snowcanvas{
  position: fixed;
  z-index: 0;
}