#snackbar{
    z-index: 99;
}
.attribueOption .vertical-tabs:before {
                                      content: "";
                                      position: absolute;
                                      top: 0;
                                      right: 0;
                                      bottom: 0;
                                      left: 0;
                                      z-index: 1;
                                      border: 1px solid black;
                                    }
                                    .attribueOption .vertical-tabs:after {
                                      content: "";
                                      display: table;
                                      clear: both;
                                    }
                                    .attribueOption .vertical-tabs {
                                      position: relative;
                                      margin-left: 0;
                                    }
                                    .attribueOption .tabs {
                                        position: relative;
                                        float: left;
                                        width: 150px;
                                        padding-left: 0;
                                        margin-top: 0px;
                                        margin-bottom: 0px;
                                        margin-left: 0px;
                                        z-index: 2;
                                    }
                                    .attribueOption .tabs.leve1tab{
                                        width: 250px;
                                        
                                    }
                                    .attribueOption .tabs li {
                                      position: relative;
                                      list-style: none;
                                    }
                                     .attribueOption .tabs.leve1tab li:last-child {
                                         border-bottom: 1px solid #000;
                                    }
                                    .attribueOption .tabs.leve1tab li.active:last-child a{
                                         border-bottom: 0;
                                    }
                                    .attribueOption .tabs li:after {
                                      content: "";
                                      display: table;
                                      clear: both;
                                    }
                                    .attribueOption .tabs li a {
                                      position: relative;
                                      display: block;
                                      width: 100%;
                                      padding: 15px 10px;
                                      text-decoration: none;
                                      text-align: center;
                                      background-color: #fbfbfb;
                                      border: 1px solid #ddd;
                                      border-right: 1px  solid black;
                                    }
                                     .attribueOption .tabs.leve1tab li a {
                                        border-right: 0;
                                        border-left: 1px solid #000;
                                        color: #999;
                                        background-color: #efefef;
                                        text-align: left;
                                    }
                                    .attribueOption .tabs li.active a {
                                        z-index: 2;
                                        border: 1px solid black;
                                        border-right: 1px solid white;
                                        color: #000;
                                        background-color: #fff;
                                    }
                                    .attribueOption .tabs-content .content {
                                        display: none;
                                        position: relative;
                                        z-index: 1;
                                    }
                                    .attribueOption .tabs-content .content.active {
                                      display: block;
                                    }
                                    
                                    .attribueOption .tabs.leve1tab li:first-child.active a,  .attribueOption .tabs.leve1tab li:first-child a{
                                        border-top: 1px solid #000;
                                    }
                                    
                                    .attribueOption .tabs.leve1tab li a .addqtypackage{
                                        float: right;
                                        background-color: #ff5722;
                                        display: inline-block;
                                        vertical-align: middle;
                                        padding: 2px 5px;
                                        border-radius: 5px;
                                        color: #fff;
                                        font-size: 11px;
                                        margin-top: 2px;    
                                    }
                                    
                                    .attribueOption .tabs.leve2tab li:last-child a{
                                        border-bottom: 1px solid #000;
                                    }
                                    .attribueOption .tabs.leve2tab li:first-child a{
                                        border-top: 1px solid #000;
                                    }
                                    
                                    .attribueOption .tabs.leve2tab li.active:first-child a{
                                    }
                                    .attribueOption .tabs.leve2tab li.active a{
                                        color: #000;
                                        background-color: #fff;
                                    }
                                    .attribueOption .tabs.leve2tab li a{
                                        border-left: 1px solid #000;
                                        color: #999;
                                        background-color: #efefef;
                                        text-align: left;
                                        padding-top: 6px;
                                        padding-bottom: 6px;
                                    }
                                    
                                    .attribueOption ul.leve2tab{
                                        margin-right: 15px;
                                    }
                                    
                                    .attribueOption .tabs.leve2tab li.tab-title a img{
                                        width:40px;
                                        display: inline-block;
                                        margin-right: 5px;
                                    }
                                    
                                    .attribueOption .tabs-content .tabs-content .content .displayqty{
                                        padding-top: 10px;
                                    }
                                    
                                    .attribueOption {
                                        width: 100%;
                                        display: inline-block;
                                    }
                                    @media(max-width:767px){
                                        .attribueOption .tabs{
                                            width:100px;
                                        }
                                        
                                        .attribueOption ul.leve2tab {
                                             margin-right: 5px;
                                        }
                                        .tabs-content.leve2tab .vertical-tabs .tabs-content{
                                            float: left;
                                            width: 150px;
                                            display: inline-block;
                                            margin-left: 20px;
                                        }
                                        .attribueOption .tabs.leve1tab{
                                            width: 99%;
                                        }
                                        .attribueOption .tabs.leve2tab li.tab-title a img {
                                            width: 70px;
                                        }
                                    }