/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
#sidebar {
    width: 35.0rem;
    position: fixed;
    top: 0;
    right: -35.0rem;
    opacity:1;
    /*height: 100vh;*/
    z-index: 999;
    background: #fff;
    color: #fff;
    transition: all 0.3s;
    box-shadow: 0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 0.2);
}
#sidebar.active {
    right:0rem;
    opacity:1;
}
a.header-cart{
    font-size: 2.8rem;
    color: #d8d8d8;
    float: right;
    margin: 0.8rem 2.0rem 0 0;
    position: relative;
    width: 3.0rem;
}
a.header-cart .cartItemNumber{
    left:2.0rem;
    /*top:-1.0rem;*/
}
#sidebarCollapse{
    float: right;
    font-size: 3.0rem;
    background: none;
    color: #717171;
    display:none;
    margin-top:-0.6rem;
    }
#dismiss {
    line-height: 3.5rem;
    text-align: center;
    position: absolute;
    right: 1.0rem;
    top:0;
    margin: 0.2rem;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 2.0rem;
    color: #484848;
    cursor: pointer;
    
}
.overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    display: none;
}

#sidebar .sidebar-header {
    padding: 0.4rem;
    background: #f4f4f4;
    height:auto;
    min-width:35.0rem;
    z-index:99;
}
#sidebar .sidebar-header .logo_scroll svg{
    height: 3.0rem !important;
    margin-left: 0.5rem;
}
#sidebar .sidebar-header h3 {
    color:#333;
}

#sidebar ul.components {
    padding: 1.0rem 0;
    margin:0 4.0rem;
}
#sidebar-content{
     overflow-y: auto;
}
#sideBarAllProducts .sample-kit{
    text-align:center;
    float:none;
    width:auto;
    position:static;
    border:0rem;
}
#sideBarAllProducts .request-sample-kit{
    margin:2.0rem 3.5rem;
    width:auto;
}
#sideBarAllProducts .button{
    margin:1.0rem auto;
    width:70%;
    
}
#sideBarAllProducts .sample-kit-img{
    display:none;
}
/* #sideBarAllProducts .sample-kit-imgPOG{
    display: none;
} */

#sidebar ul p {
    color: #fff;
    padding: 1.0rem;
}

#sidebar ul li a,#sideBarAllProducts h4 {
    font-size: 1.6rem;
    font-weight: bold;
    display: block;
    border-bottom: 0.1rem solid #ccc;
    color:#484848;
    text-decoration:none;
    position:relative;
}
#sidebar ul.components li a{
    padding-bottom:0.8rem;
}
#sidebar ul.components li a:hover ,#sidebar #sideBarAllProducts ul li a:hover{
    color:#8bc63e;
}
#sidebar ul li, #sideBarAllProducts h4{
     padding: 2.5rem 0.6rem 0.4rem 0.1rem;
}

#sideBarAllProducts h4.most-popular-heading{
    color:#8bc63e;
    font-weight:bold;
    font-size:1.6rem;
    border:0rem;
    font-style: italic;
    padding:0.4rem;
    margin:0;
    clear:both;
}
#sidebar #sideBarAllProducts ul li{
     padding:0.6rem;
     margin:0;
     list-style:none;
}
#sideBarAllProducts .p-heading, .sidebar-heading{
    cursor:pointer;
    margin:0;
}
#sideBarAllProducts .p-heading:hover, .sidebar-heading:hover, #sidebar ul li a:hover{
   color:#555;
}
#sideBarAllProducts .p-heading span.az{
    font-size: 1.2rem;
    font-weight: normal;
    font-style: italic;
    position: absolute;
    margin: 0.4rem 0.8rem;
}

#sidebar #sideBarAllProducts a{
    border:0rem;
    font-weight:normal;
}
#sidebar #sideBarAllProducts .productMenuLinks .p-links{
    float: none;
    margin: 0 3.0rem;
    padding: 0;
    
}
#sidebar #sideBarAllProducts .productMenuLinks .p-links li{
    position:relative;
}
#sidebar #sideBarAllProducts .new-badge-right .new_text{
    margin-top:-0.2rem;
}
#sideBarAllProducts .new-badge{
    right:1.0rem;
    margin-top:0.6rem;
}
#sidebar ul li a i, #sideBarAllProducts .p-heading i{
    font-size: 1.8rem;
    position: absolute;
    right: 0.6rem;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
    /*color: #fff;
    background: #6d7fcc;*/
}
#sidebar .sidebar-bottom{
    background: #8bc63e;
    text-align:center;
    padding:0.8rem 0;
    margin-top: 2.5rem;
}
#sidebar .sidebar-bottom ul,#sidebar #sideBarAllProducts ul{
    margin:0;
    padding:0;
}
#sidebar .sidebar-bottom ul li{
    border:0rem;
    list-style:none;
    float:left;
    border-left: 0.1rem solid #b8d396;
    padding:0;
}
#sidebar .sidebar-bottom ul li a:hover{
    color:#eee;
}
#sidebar .sidebar-bottom a{
    color: #fff;
    padding: 0.4rem;
    display: inline-block;
    border:0rem;
    font-size:2.8rem;
    line-height:0.2rem;
    width:11rem;
}
#sidebar .sidebar-bottom .cartIcon .st00{
    fill:#fcfcfc;
}
#sidebar .sidebar-bottom a:hover .cartIcon .st00{
    fill:#eee;
}
#sidebar .sidebar-bottom .lbn{
    border-left:0rem;
}
.joinLoginText{
    font-size: 0.9rem;
    letter-spacing: 0.08rem;
    opacity: 0.6;
    color: #e4f2d2;
    font-family: arial;
    font-weight: normal;
}
.sidebar-heading{
    font-size: 1.4rem;
    font-weight: bold;
    padding: 0.8rem;
    display:none;
}
.sidebar-heading i{
    margin-right:1.0rem;
    font-size: 1.6rem
}
#sidebar .sidebar-bottom .cartItemNumber{
        left: 6.5rem;
        top: -0.4rem;
        padding-top:0.8rem;
}
#sidebar .productMenuLinks ul li a:hover,
    #navbarSupportedContent .productMenuLinks ul li a.sub-link:hover {
    background-color: #fff;
    color: #8bc63e;
}

#sidebar .productMenuLinks ul li a.sub-link {
    color: #888;
    margin-left: 0.5rem;
}