.main_container{
    margin: 0 auto 2%;
    max-width: 70em;
    width: 90%;
    color:#000000;
    text-align:center;
    overflow:hidden;
}
/*General Css Starts Here*/
input:focus {
    outline:none;
}
.dsply_inline{
    display:inline-block;
    vertical-align:middle;
}
.add_spacing{
    margin: 0 15px 0 5px;
}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
/*General Css Ends Here*/
h2.header_div{
    text-transform: uppercase;
    font-size: 2.0em;
    color: #1e6b7b;
    margin:2% 0;    
}
.subscription_text {
    border: 2px solid #fed966;
    width: 80%;
    margin: 0 auto;
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 10px;
    height: 30px;
    line-height: 30px;  
}
.subscription_info{
    
}
.Learn_More{
    font-size:0.7em;
    color:#6C6C6C;
}
.Learn_More:hover{
    text-decoration:underline;
}
.Buckets_box {
    width: 80%;
    margin: 2% 0;   
    display: inline-block;
    vertical-align: top;        
}
.Selection .product_options {
    display: inline-block;
}
.Selection .shades-color { overflow-y: auto; }
.Selection .shadename { margin: 0; }
.Addr_Tab{
    margin: 2% 0;
    border: 1px solid #cccccc;
}
.Addr_Heading {
    border-bottom: 1px solid #cccccc;
    padding: 1% 0;
}
.Addr_Heading img{
    width: 3%;
}
.Addr_Heading span {
    font-size: 1.5em;
    font-weight: bold;
    /*vertical-align: text-top;*/
    margin-left: 2px;   
}
.Addr_Heading p {
    font-weight: 600;
    margin-top: 1%; 
}
.Address_Box {
    width: 92%;
    text-align: left;
    font-size: 1em;
    font-weight:600;
    margin: 2%; 
}
.addr_Btn{
    width:22%;
    background-color: #404040;
    border:1px solid #404040;
    color: #fff;
    text-align: center;
    padding: 1%;
    margin: 2% 0;
    cursor: pointer;
    display: inline-block;  
}
.addr_Btn:hover{
    border:1px solid #404040;
    background:#ffffff;
    color:#404040;
}
.aside_Tab{
    width:25%;
    margin: 2% 0 2% 2%; 
    display: inline-block;
    vertical-align: top;    
}
.Banners_Box{
    width:100%;
    height: 320px;
    line-height: 320px; 
    background: #ffe9a5;            
}
.pink_btn{
    background-color:#1e6b7b;
    color:#fff;
    border:1px solid #1e6b7b;
    padding: 5px;
    font-weight: bold;
    height: 32px;
    line-height: 20px;
    margin: 0 5px;          
    }
.pink_btn:hover{
    border:1px solid #1e6b7b;
    background-color:#fff;
    color:#1e6b7b;
}   
.black_btn{
    background-color:#000;
    color:#fff;
    border:1px solid #000;
    padding: 5px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin: 0 5px;      
    
}
.black_btn:hover{
    border:1px solid #000;
    background-color:#fff;
    color:#000;
}
.Buckets{
    border:1px solid #cccccc;
    margin: 3% 0;
    position: relative;     
    }
.remove_Bucket {
    position: absolute;
    top: 0px;
    right: 3px;
    font-weight: bold;
    cursor: pointer;
}   
.Selection ul li{
    display:inline-block;
    margin: 0 2px 5px 0;
    cursor: pointer;        
    }
.divider{
    content: "";
    display: inline-block;
    width: 0px;
    height: 100px;
    border-right: 1px solid #fafafa;
    border-left: 1px solid #b4b4b4;
    padding: 0; 
    }
a.delivery_Box {
    display: block;
    border: 1px solid #cccccc;
    margin: 10% 0;
    color: #000000;
    font-weight: 800;
    font-size: 0.9em;
    padding: 5%;    
}
a.delivery_Box:hover{
    border:1px solid #1e6b7b;
    color:#000000;
}
.Product_Info {
    padding: 2%;
    position: relative; 
}
.Pro_Det, .other_Det {
    width: 48%;
}
.Pro_Img{
    width: 20%;
}
.Det_Info {
    width: 75%;
    vertical-align: top;
    text-align: left;           
}
.Pro_Name{
    font-size:1em;
    font-weight:bold;
}
.Bucket_Detail .Pro_Name {
    white-space: nowrap;
}
.Pro_Det_Box {
    margin: 5% 0;
}
/*Shades Selection Css Starts here*/
/*.Selection{
    width:34%;
    position: absolute;
    bottom: 5px;
    z-index: 100;   
}
.Shades_Available{
    
}*/
/*Shades Selection Css Ends here*/
.Qty_bdr_wrapper{
    border:1px solid #888888;
}
.minus_btn{
    border-right:1px solid #888888;
}
.plus_btn{
    border-left:1px solid #888888;
}
.add_Qty{
    display: block;
    text-align: right;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;  
    
}
.add_Qty_Txt{
    font-size:0.8em;
}
.Qty{
    width:10%;
    text-align: center;
    border: none;   
}
.Qty_btn{
    cursor:pointer;
    background:#cccccc;
    width: 10%;
    height: 19px;
    line-height: 20px;
    display: inline-block;
    text-align: center;     
}
.Det_1{
    width: 31%;
    margin-right: 3%;   
    vertical-align:top; 
}
.Det_2 {
    width: 60%;
    margin-left: 3%;
    vertical-align:top; 
}
.det_Txt {
    font-size: 0.8em;
    font-weight: 800;
    text-align: left;
}
.Regular_Price {
    font-size: 1em;
    font-weight: bold;  
}
span.Reg_Amt, span.NykaaBucket_Amt {
    color: #1e6b7b;
}
.NykaaBucket_Price {
    font-size: 1em;
    font-weight: bold;
}
span.bucket_Info {
    border: 1px solid #8ab7e1;
    color: #8ab7e1;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    line-height: 5px;
    padding: 2%;
    font-size: 0.7em;
    display: inline-block;
    vertical-align: middle; 
}
.Add_Product, .Remove_Product {
    width: 50%;
    margin: 5% auto;
    display: block; 
}
.Remove_Product{
    background:#000;
    color:#fff;
}
.strike{
    text-decoration:line-through;
}
.Bucket_Days{
    border:1px solid #cccccc;
    width:48%;
    position: relative; 
}
.Bucket_Txt{
    margin: 2% 0 0;
    text-transform:uppercase;   
    position:relative;
}
.bucket_Img{
    position: absolute;
    right: 5px;
    width: 7%;
    cursor:pointer;
    border: 1px solid #cccccc;  
    display:block;
    transition:all ease-in 0.2s;
    -moz-transition:all ease-in 0.2s;
    -webkit-transition:all ease-in 0.2s;
    -o-transition:all ease-in 0.2s; 
}
.bucket_Img img {
    width: 100%;
    transition:all ease-in 0.2s;
    -moz-transition:all ease-in 0.2s;
    -webkit-transition:all ease-in 0.2s;
    -o-transition:all ease-in 0.2s; 
    -webkit-perspective:1000; 
    -webkit-backface-visibility:hidden;     
}
.bucket_Img:hover{
    border: 1px solid #888888;      
}
.bucket_Img:hover  .Bucket_Icon{
    transform:scale(0.8,0.8);
    -moz-transform:scale(0.8,0.8);
    -webkit-transform:scale(0.8,0.8);
    -ms-transform:scale(0.8,0.8);
    -o-transform:scale(0.8,0.8);
}
.Bucket_Detail{
    margin:5%;
    height: 375px;  
}
#Bucket_Options_Wrapper{
    width:100%;
    position: absolute;
    bottom: 0;
    z-index: 100;   
}
#Nykaa_Bucket_Options{
    display: none;
    background:#ccc;    
    border-top: 1px solid #404040;      
}
#Nykaa_Bucket_Options h2 {
    margin-top: 2%;
}
.Bucket_Content {
    padding: 2%;
    text-align: left;   
    font-weight: 600;   
}
.Bucket_Content h3{
    font-size: 1em;
    text-align: center; 
}
.Bucket_Content p, .Bucket_Content span {
    font-size: 1em;
    margin: 2% 0;
    text-align: left;       
}
.btm_btns{
    width:100%;
    text-align:center;
}
.bucket_Btn{
    width:30%;
    cursor:pointer;
    background:#ccc;
    border:1px solid #404040;
    color:#000;
    padding:2%;
    display: inline-block;
    text-align: center; 
    margin: 5% 2%;  
}
.bucket_Btn:hover{
    background:#000;    
    color:#fff;
}
/*Checkbox css starts here*/
input.PauseCheck_Box[type="checkbox"] {
    display: none;
}
input.PauseCheck_Box[type="checkbox"] + label  {
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 1px;
    box-sizing: border-box;
    position: relative;
    box-sizing: content-box ;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #1e6b7b;
    transition: all .3s linear;
    display: block;
    margin-right: 5px;  
}
input.PauseCheck_Box[type="checkbox"]:checked{
    color: darkgreen;
    
}
 input.PauseCheck_Box[type="checkbox"]:focus{
    outline: 0 none;
    box-shadow: none;
}

input.PauseCheck_Box[type="checkbox"]:checked + label:after {
    content: '✔';
    display: inline-block;
    font-size: 1.4em;
    color: darkgreen;   
}
/*Checkbox css ends here*/

.Add_Products_In_Bucket{
    position: relative;
    bottom: 0;
    background:#000;
    color:#fff;
    padding:2%;
    width: 100%;
/*    margin-left: -50%;
    left: 50%;*/
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: bold;
    cursor: pointer;            
}
/*.Add_Products_In_Bucket a { color: #fff; }*/
.Add_Products_In_Bucket:hover{
    background:#1e6b7b;
}
.pink_color{
    color:#1e6b7b;
}
.Bucket_Heading_Txt{
    font-weight: bold;  
    font-size: 0.9em;
    border-bottom: 1px solid #cccccc;
    padding:5% 2%;
    max-height: 54px;
    margin: 0;
}
.Products_In_Bucket{
    width:100%;
    padding: 5% 0;
}
.Products_In_Bucket .bucket-tags { 
    position: absolute;
    left: 0;
    z-index: 1;
}
.Products_In_Bucket .bucket-tags li {
    margin: 5px 0; 
}
.shade_color{
    width:45%;
    font-size: 0.8em;   
}
.shade_img{
    /*width:15%;*/
    margin-left: 3px;
    vertical-align: middle; 
}
select.select_Qty {
    margin: 4% 0;
}
.Pro_Bucket_Img{
    width:20%;
}
.Det_Bucket_Info{
    width: 76%;
    vertical-align: top;
    text-align: left;
    margin-left: 2%;    
}
.align_links{
    color:#1B75B6;
    display: inline-block;
    margin-right:5px;
    text-align: center; 
}
.align_links:hover{
    text-decoration:underline;
}
.edit_remove{
    margin:4% 0;
}
.ProBucket_Det_Box{
    margin: 5% 0;
}
span.discouted_rate {
    font-size: 1.1em;
    color: #1e6b7b;
    font-weight: 600;   
}
.another_Shade_Txt{
    color:#888888;
    font-weight:bold;
}
.another_Shade_Txt:hover{
    text-decoration:underline;
}

.checkout_errors {
    background-color: #066b8c26;
    border: 1px solid #066b8c;
    color: #000;
    display: block; 
    font-size: 12px;
    font-weight: 700;
    margin-top: 5px;
    max-width: 300px;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
}
/*Nykaa Bucket Page 1 Css Ends here*/

/*Aside Tab Css Starts here*/
.Upcoming_Orders{
    margin:10% 0;
    border:1px solid #cccccc;
    padding: 5%;    
}
.Upcoming_Details {
    width: 100%;
    margin: 5% auto;
    background: #cccccc;
    padding: 5%;
    border: 1px solid #888888;
}
.upcoming_Txt{
    font-weight:800;
}
/*Aside Tab Css Ends here*/

/*Tooltip css starts here*/
.bucket_Info {
    position:relative;
}
.bucket_Info .bucket_Info_text {
    position:absolute;
    top:25px; /* - top padding */
    right:9999px;
    width:250px;
    margin-right:-220px; /* width + left/right padding */
    padding:10px;
    color:#fff;
    background:#1e6b7b;
    opacity:0;
    -webkit-transition:opacity 250ms ease-out;
    -moz-transition:opacity 250ms ease-out;
    -ms-transition:opacity 250ms ease-out;
    -o-transition:opacity 250ms ease-out;
    transition:opacity 250ms ease-out;
    line-height: normal;
    box-shadow: 0px 1px 5px #000000;
    -moz-box-shadow: 0px 1px 5px #000000;
    -webkit-box-shadow: 0px 1px 5px #000000;
    font-size: 1.2em;   
    white-space: normal;            
}
.bucket_Info .bucket_Info_text:before {

}
.bucket_Info .bucket_Info_text:after{
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #1e6b7b transparent;
}
.bucket_Info:hover .bucket_Info_text {
    right:92px;
    opacity:1;
}
/*Tooltip css ends here*/

.address_box.all { margin-top: 15px; display: none; }
.shades-color li.litickpopup { 
    display: block;
    margin: -10px 0 0 2px !important;
    top: -11px;
}
.shades-color li.litickpopup img { display: block; }
.p_qty { width: 45%; float: left; margin-top: 10px; }
.product-image img { width: 100%; }
.Pro_Det.fl .Pro_Img { margin-right: 10px; }
.bucket_totals {
    padding: 5px 0;
    border-top: 1px solid #ccc;
    overflow: hidden;
}
.totals_left {
    float: left;
    width: 30%;
    display: block;
    font-weight: 600;
}
.totals_right {
    float: right;
    width: 30%;
    display: block;
    font-weight: 600;
}
.bucket_bottom { min-height: 60px; }
.selected-freq { 
    background-color: #1e6b7b;
    color: #fff !important;
    border: 1px solid #1e6b7b !important;
}
.select-option { width: 40%; }
.validation-fail { color: red; }
a.prSizeSlct img {
    height: 20px;
    width: 20px;
}
.myaccount_form_row.nameValiation { overflow: hidden; margin-bottom: 0px !important; }
.subscription-index-index .content .messages { 
    display: block !important;
}
/*.subscription-index-index #lightbox { 
    width: 60% !important; 
    left: 0 !important; 
    right: 0 !important; 
    border: 0;
    border-radius: 0; 
}*/
#lightbox .Buckets { border: 0; margin: 0; }
#lightbox .bucket_Info_text { width: 230px; margin-right: -200px; }
.subscription-index-index #lightbox #closelb { 
    top: 0;
    right: 0;
    background-position: 12px 2px;
}
#lightbox .divider { width: 5%; border-right: 1px solid #b4b4b4; border-left: 0; }
#lightbox .Pro_Det { width: 65%; }
#lightbox .other_Det { width: 30%; }
#lightbox .Det_2 { width: 100%; text-align: center; }
.subscription-index-index #lightbox .myaccount_form_outer { width: 70%; margin: 0 auto; }
.myaccount_form_outer .Bucket_Heading_Txt { font-size: 1.1em; }
.p_validation_msg {
    margin-bottom: 30px;
    border: 1px solid #cccccc;
    padding: 5px 0;
    color: red;
}
span.hidden_fields { display: none; }
.qty_error { margin-top: 10px; color: red; }
.hide-addr-submit .roundbgren { opacity: 0.7; }
.hide-addr-submit .loaderimg {
    width: 30%;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: 10px;
    height: 35px;
    padding: 6px 10px;
}

/*Scrollbar css starts here*/
#scrollbar1, #scrollbar2, #scrollbar3
{
    width:85%;
    margin:5% auto;
    position: relative;
}

#scrollbar1 .viewport
{
    height: 320px;
    overflow:hidden;
    position:relative;
}
#scrollbar2 .viewport{
    height: 375px;
    overflow:hidden;
    position:relative;  
}
#scrollbar3 .viewport{
    height: 375px;
    overflow:hidden;
    position:relative;  
}
#scrollbar1 .overview, #scrollbar2 .overview, #scrollbar3 .overview
{
    list-style:none;
    position:absolute;
    left:0;
    top:0;
    margin:0;
    width: 100%; 
    padding: 10px 15px;
}

#scrollbar1 .scrollbar, #scrollbar2 .scrollbar, #scrollbar3 .scrollbar
{
    /*background:transparent url(images/bg-scrollbar-track-y.png) no-repeat 0 0;*/
    background-color:rgba(252, 39, 121, 0.5);
    border-radius:10px;
    position:absolute;
    background-position:0 0;
    right: -20px;
    top:0;
    width:5px;
}

#scrollbar1 .track, #scrollbar2 .track, #scrollbar3 .track
{
    /*background:transparent url(images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;*/
    height:100%;
    width:5px;
    position:relative;
    padding:0 1px;
}

#scrollbar1 .thumb, #scrollbar2 .thumb, #scrollbar3 .thumb
{
    /*background:transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;*/
    background-color: #1e6b7b;
    height:20px;
    width:5px;
    border-radius: 10px;
    cursor:pointer;
    overflow:hidden;
    position:absolute;
    top:0;
    left:0px;
}

#scrollbar1 .thumb .end, #scrollbar2 .thumb .end, #scrollbar3 .thumb .end
{
    /*background:transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 0;*/
    overflow:hidden;
    height:5px;
    width:25px;
}

#scrollbar1 .disable, #scrollbar2 .disable, #scrollbar3 .disable
{
    display:none;
}

.noSelect
{
    user-select:none;
    -o-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
}
/*Scrollbar css ends here*/

/*Success page css start*/
.main {
    margin: 0 auto;
    overflow: hidden;
    width: 70em;
}
@media screen and (max-width:990px) {
    .main {
        width: 100%;
    }
    .main-div-m{border:none !important;}
}
.top-ten {
    margin: 20px 0;
    padding: 0;
    display: block;
    width: 100%;
}
.margin-both{ margin:20px 0;}
.thanks-div{ background:#f3f3f3; padding:1.5%;  border:1px solid #ccc;margin-bottom: 30px;}
.thanks-div h2{ margin:0; padding:0; color:#1e6b7b; font-size:22px;padding: 9px 0;}
.thanks-div p{ margin:0; padding:0; font-size:18px;}
.main-div-m{ padding:1.5%;  border:1px solid #ccc;}
.main-d-left{ float:left; display:block; margin:0; padding:0; width:62%;}
/*.delevery-d{ float:left; width:100%; margin:0; padding:0;}*/
/*.payment-d{ float:left; width:100%; margin:0; padding:0;}*/
.text-area-b{ border:1px solid #ccc; width:80%; padding:2%; text-align: left;}
.feedback{ background:#1e6b7b; color:#fff; padding:1% 2%; margin:2% 0; font-size:16px; border:1px solid #ccc; cursor:pointer;}
/*.main-d-right{ float:right; display:block; margin:0 0 35px 0; padding:0; width:100%; border:1px solid #ccc;}*/
.order-item{ padding:2%; margin:0; border-bottom:1px solid #ccc; }
.order-item p{ padding:4% 0; margin:0; }
.order-item ul{ margin:0; padding:0; list-style:none;}
.font-size{ font-size:16px !important;}
.order-item ul li{ margin:0; padding:0; float:left; font-size:20px; font-weight:bold;}
.two-item{ width:70%; }
.print a{ color:#1e6b7b; text-decoration:none;}
.p{ padding:1% 0 !important;}
.whatnext{ font-size:22px; margin:20px 0;}
.feedbackh3{ font-size:18px; margin:20px 0 10px 0; }
.feedback_msg{
    background-color: rgb(252, 247, 240);
    border: 1px solid rgb(255, 191, 214);
    color: rgb(0, 0, 0);
    float: left;
    display: none;
    margin: 0 !important;
    padding: 0 30px;
    text-align: center;
}
img {
    max-width: 100%;
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

/* Responsive CSS */

@media(max-width:640px) {
    .thanks-div h2{ font-size:14px;}
    .thanks-div p{ font-size:15px;}
    .main-d-left{ width:98%; padding:2%;}
    .payment-d, .delevery-d{ width:100%;}
    .main-d-right{ border:none; width:100%;}
    .text-area-b{ width:98%;}
.payment-d {border-top:1px solid #ccc;}.order-item{border-top: 1px solid #ccc;border-bottom: 0px !important}
}
.back-subscription {border-bottom: 1px solid #eee;color: #1e6b7b;font-size: 18px;font-weight: bold;height: 50px;padding: 13px;text-align: center;vertical-align: middle;}
.back-subscription a{ color: #1e6b7b;float: left;font-size: 20px;font-weight: bold;vertical-align: middle; }
.back-subscription .only_text{   color: #000 !important;margin-left: 25%;}
/*Success page css end*/