body{
    cursor: pointer;
}
.filter-left-section .filter-name-width
{
    width: 81.2%;
}
#content{margin-top:3%;}
.no-border, .no-borders { border-color: transparent; border-width: 0; }

.alert { font-size: 13px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.2); }
.alert-danger {color: #a94442; background-color: #f2dede; border-color: #ebccd1; height: auto; padding:15px;}
.adminLogin, .list-group-item input, .list-group-item select{
    height: 51px;
    font-size: 14px;
}
.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.login-btn{
    border-radius: 4px;
    font-size:18px;
}
html,body{
    /*height: 100%;*/
    font-size: 16px;
    min-height: 100%;
    position: absolute;
    top: 0px;
    width: 100%;
    font-size: 16px;
}
body.loggedin-page{
    background-color:#eee;
}
body.jd-ios-style {
    background-color: white !important;
}
.pos-fixed{
    position: fixed !important;
}
body.mobileBrowser .jd-mobile-route-holder,
body.mobileVendorApp .jd-mobile-route-holder{
    top : 0;
}
body.login-page{
//    background:#177bbb url('/marketplace/static/images/login_bg1(1).png') repeat;
}
body.login-page .jd-mobile-header{
    display:none;
}
.iPhoneX {
    padding-bottom: 40px;
}

.iPhoneX .jd-mobile-route-holder {
    padding-bottom: 40px;
}

.displayNone{
    display: none !important;
}
/* .jd-mobile-route-holder{
        height:100%;
        background-color:#d6dde7;
} */
.prdash_wrp{position:absolute; width:100%; height:100%; top:0}
#productDashboard{height:80%; padding-top:50px;}
#dashboard-slider{height:100%;}
.dashboard-slider{width: 100%;}
.dashboard-in{white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; height:100%;}
.web-products-dashboard .selected-day-section{
    background-color:#ffffff;
    display:inline-block;
    width:100%;
    vertical-align:top;
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
    border-radius: 3px;
    height:100%;
    font-size:100%;
}
ul[rn-carousel]>li.crousel-li {
    padding: 10px 5% 10px 0;
    width:90%;
    left:5%;    
}
.web-products-dashboard .dashboard-footer{
    background: #ffffff;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.home-bar .home-dash{
    width: 20px;
    height: 2px;
    background-color: #ffffff;
    margin: auto;
    margin-top: 3px;
}
.home-bar{
/*    top: 16px;
    position: absolute;
    left: 5px;*/
    z-index: 1;
    width: 20%;
    height: 50px;
}
.home-bar-menu {
    position: fixed;
    background-color: #ffffff;
    top: 0px;
    bottom: 0px;
    width: 250px;
}
.slide-panel-open .home-bar-menu-list{
/*    position: fixed;
    top: 0px;
    bottom: 0px;
    width: 100%;*/
    display: block;
    width: 100%;
    height: 100%;

}
.z-index-1032{
    z-index:1032;
}
.home-bar-menu-list .menu-item i{color:#0086FF; font-size: 22px; vertical-align: middle;}
.home-bar-menu-list .home-bar-head{
   /* background: #0086FF; */
    color:#ffffff;
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
    font-size: 18px;
    display: flex;
    font-weight: 300;
    align-items: center;
}
.home-bar-menu-list .top-portion-side-menu {
	background-image: linear-gradient(-164deg, #1A28AB 0%, #0086FF 100%);
}
.home-bar-menu-list .menu-item{
    color: #222;
    /*border-top: 1px solid #eee;*/
    padding: 0;
    display: flex;
    flex-direction: column;
}
.home-bar-menu-list .menu-item:active{
    /* background-color:#f2f0f0 */
    background-color:#F3F7FC;
}
.home-bar-menu-list .menu-item.accounts-list{
    padding:0px 15px 15px 10px;
}

.home-bar-menu-list .menu-item.logout-btn{
 
    position: fixed;
    bottom: 0px;
    border-top: 1px solid #eee;
    border-bottom: none;
    /* width: 100%; */
    width:inherit;
    z-index: 1051;
}
.iosSafari .home-bar-menu-list .menu-item.logout-btn{
    bottom: 19px;
}
.iosSafari .menu-overflow{
    padding-bottom: 77px;
}
.home-bar-menu-list .menu-item.logout-btn  a{color:#222}
.home-bar-menu-list .menu-list-holder{
    width: 320px;
    background-color: #ffffff;
    height: 100%;
    position: fixed;
    z-index: 12001;
    left:-320px;
    padding-bottom: 60px;
    overflow: hidden;
}
.prevent-scroll{
    overflow: hidden !important;
}
.home-bar-menu-list .right-gray-area{
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0;
    z-index: 1031;
    position: fixed;
    transition-property: opacity;
    transition-duration: 400ms;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 400ms;
    display: none;
}
.slide-panel-open .home-bar-menu-list .right-gray-area{
    opacity: 0.7;
    z-index: 10001;
    transition-property: opacity;
    transition-duration: 400ms;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 400ms;
}
.z-index-0{
    z-index: 0 !important;
}
.display-none {
    display: none;
}
/*.home-bar-menu-list .menu-overflow ul.group{

}*/
.home-bar-menu-list .menu-overflow .outlets-list .group li:nth-child(1){
    padding-bottom: 10px;
    height: 46px;
    padding-top: 14px;
}
.home-bar-menu-list .menu-overflow .outlets-list .group .icon-blue-store-group {
	margin-right: 4%;
    position: relative;
    top: 0px;
    color: #1D72B6;
    font-size: 20px;
    float: left;
}
.home-bar-menu-list .menu-overflow .outlets-list .group .icon-blue-store{
    margin-right: 4%;
    position: relative;
    top: 5px;
    color: #1D72B6;
    font-size: 20px;
    float: left;
}
.home-bar-menu-list .menu-overflow .outlets-list .group .area{
    opacity: 0.7;
	font-size: 10px;
	color: #585858;
	position: relative;
    top: -4px;
}

.home-bar-menu-list .menu-overflow .outlets-list li:nth-child(3){
    padding-top: 10px;
}

.home-bar-menu-list .menu-overflow .font12 {
	font-size: 12px;
}

.home-bar-menu-list .menu-overflow .font14 {
	font-size: 14px;
}

.home-bar-menu-list .menu-overflow .font10 {
	font-size: 10px;
}

.mobile-border-bottom{
    border-bottom:1px solid #e5e5e5;
}
.mobile-orders .display-orders{
    background-color: #ffffff;
    padding: 0px 10px;
}
.mobile-orders .display-orders .single-order{
    padding: 7px 0px;
}
.mobile-orders .listview{padding:7px 0;}

.mobile-orders .listview:active {
    /*background-color: rgb(215,215,215);*/
    background-color:#f6f6f6;
}
.mobile-orders .wrngText{font-size:1.143rem;}
.mobile-orders .status-text{font-size:1.17rem;}
.mobile-orders .order-date{
    color:#222;
    padding: 8px 10px 7px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.mobile-orders .order-bold {
    font-weight: 600;
    color: #424448;
    font-size: 14px;
}
.mobile-app-order-list .mobile-orders .order-amount{
    font-size: 1.715rem;
    color: #222;
}
.mobile-orders .order-amount,
.order-list-holder .order-amount{
    float:right;
}
.mobile-orders .order-amount .icon-currency{
    color: #434448;
    font-size: 13px;
    top: 1px;
}
.mobile-orders .warning-text{
    color:#ff7519;
}
.mobile-orders .warning-text-gray{
    color:#888
}
.product-details{
    float:left;
    padding-left:10px;
    width:75%;
}
.low-inventory{
    float: right;
    color: #e28888;
}
.clear-both{
    clear:both;
}
.image-holder{
    /*    float: left;*/
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    background-color: #eee;
    border-radius: 4px;
    text-align: center;
}
.mobile-outOfStock .display-orders .image-holder img{
    max-width: 50px;
    max-height: 50px;
}
/*.animate-show{
    -webkit-animation-name: animate-home-menu-show; 
    -webkit-animation-duration: 0.3s; 
    animation-name: animate-home-menu-show;
    animation-duration: 0.3s;
}*/
.animate-hide{
    -webkit-animation-name: animate-home-menu-hide; 
    -webkit-animation-duration: 0.3s; 
    animation-name: animate-home-menu-hide;
    animation-duration: 0.3s;
}
@-webkit-keyframes animate-home-menu-show{
    0% {left:-200px;}
    100% {left:0px}
}

@keyframes animate-home-menu-show{
    0% {left:-200px;}
    100% {left:0px}
}
@-webkit-keyframes animate-home-menu-hide{
    0% {left:0px;}
    100% {left:-200px}
}

@keyframes animate-home-menu-hide{
    0% {left:0px;}
    100% {left:-200px}
}
/*
.time-label .icon-currency{
        font-size:14px;
}
.total-order {
  border-top: 1px solid #f0f1f5;
}*/

@media only screen and (max-width: 480px) {
  .password-reset-mobile .message-heading {
    font-size: 23px;
  }
}
@media (min-width: 320px) and (max-width: 767px){ /* -- Smartphone --*/
    ::-webkit-scrollbar {width: 0px;height:0;} 
    ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); }
    ::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); }
}
@media (max-width: 320px){
    .iosSafari .home-bar-menu-list .menu-list-holder{
        width: 250px;
    }
}
/*iPhone 5*/
@media all and (device-width: 320px) and (device-height: 568px) {
    .iosSafari .widget-slider-mobile .widget-body .widget-logo img{
        max-width: 200px;
    }
    .iosIframeApp .mobileUploadBanner .action-btns-container{
        padding-top: 3px;
    }
}
/*iPhone 6*/
@media all and (device-width: 375px) and (device-height: 667px) {
    .iosSafari .widget-slider-mobile .widget-body .widget-logo img{
        max-width: 200px;
    }
}
/*iPhone 6+*/
@media all and (device-width: 414px) and (device-height: 736px) {
    .iosSafari .widget-slider-mobile .widget-body .widget-logo img{
        max-width: 250px;
    }
}
div.rn-carousel-indicator span.active{
    color:#1274c0;
}
.webkit-overflow-scroll{
    -webkit-overflow-scrolling: touch;
}

.slider-nav-dashboard{
    width: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -2px;
}
.image-holder .icon-camera{
    position: relative;
    /*    top: 10px;*/
    left: 0px;
}
.pad6{
    padding: 6px 0;
}
.marginT6px{
    margin-top: 6px !important;
}
.size{
    font-size: 15px;
}
.remember-me-style{
    color: #fff;
    margin:0;
}
.list-group-item.last-child{  
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.outofstock{
    text-align: center;
    margin-top: 20%;
    font-size: 100%;
}
.outofstock i{
    color:#B4BBC3;
    font-size:700%;
    display:inline-block;
    margin-bottom:10px;
}
.modal-error-dialog{
    max-width: 300px; 
    margin: 10px auto;
}
.reload_btn {
    position: absolute;
    right: 10px;
    top: 15px;
}
/*.jd-mobile-route-holder{width:100%; height:100%; position:absolute;}*/
.supplierLogin{margin-top:15px;}
.paid-status-text{
    color: #A3A3A3 !important;
}
.try-again-btn{
    width: 100%;
    border: none;
    padding: 15px;
}
.vertically-center{
    position: absolute;
    top: 50%;
    left: 50%;
    webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#loginErrorModal .modal-header{
    background-color:#F9F9FB;
}

.mobile-app-order-list .mobile-orders .order-date{
    margin-top: -9px;
}
.mobile-orders .order-date{
    background-color: #D6DDE7;
        
  //  position: relative;
    /*  z-index: 1030;*/
}
.mobile-orders .order-date.fixed {
    position: fixed;
    top: 50px;
    width: 100%;
    z-index: 0;
}
.mobile-orders .order-date.fixed.absolute {
    position: absolute;
}
.imageDisp {
    padding: 18px 0 0;
    height: 30px;
    white-space: normal;
    width: 30px;
    background: #f3f3f3;
    border-radius: 3px;
}

.home-bar-head{
    padding: 10px 10px 10px 15px !important;

    line-height: inherit !important;
}
.accounts-arrow{
    float: right;
    color:#fff;
    top:5px;
    position: relative;
}
.home-bar-head{
    /* border-bottom: 1px solid #3272B2 !important; */
    min-height: 50px;
    height:auto!important;
}
.accounts-list-holder{
    background:#4182c4;
}
.accounts-list  {
    border-bottom: 1px solid #3272B2 !important;
    color:#fff !important;
}
.accounts-list i{
    color:#fff !important;
}
.accounts-list:hover{
    background:#3677B9;
}
.icon-more{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.popover{
    border-radius: 4px;
}
.option-contents{
    padding: 10px 15px;
    color: #424448;
}
.option-underline{
    border-bottom: 1px solid #E5E5E5;
}
.amt-Font-Size{
    font-size: 30px;
}
.order-detail-container{
    width: 100%;
    margin: 0 auto;
    max-width: 365px;
}
.warningBtn{
    display: block;
    background: #FF9900;
    color: #fff!important;
    border-color: #FF9900 !important;
}

.warningBtn .order-amount .icon-currency{
    font-size: 15px;
    color: #fff;
}
.product-list .marginR10{
    margin-right: 10px;
}
.product-list .order-amount .icon-pagination-down{
    top: 3px;
    position: relative;
    color:#424448;
    margin-right: 3px;
}
.show {
    display: block !important;
}
.price-breakup-popover .arrow{
    left: 95% !important;
}
.positionRelative{
    position: relative;
}
.marginR4{
    margin-right: 4px;
}
.marginR8{
    margin-right: 8px;
}
.price-breakup-popover .popover-left {
    display: inline-block;
    width: 46%;
    padding: 5px;
}
.price-breakup-popover .popover-right {
    display: inline-block;
    width: 46%;
    padding: 5px;
}
.price-breakup-popover .popover-seperator {
    border-left: 1px solid #e3e3e3;
    height: 77px;
    margin: 0 4px;
}
.price-breakup-popover .popover-content{
    font-weight: normal;
}
b{
    font-weight: 600;
}
.price-breakup-popover  .columnholder{
    border-bottom: 1px solid #e3e3e3;
}
.price-breakup-popover .borderRight{
    border-right: 1px solid #e3e3e3;
}
.paddingB5{
    padding-bottom: 5px;
}
.paddingB30{
    padding-bottom: 30px;
}
.borderB-0{
    border-bottom: 0px;
}
.paddingT5{
    padding-top: 5px;
}
.price-breakup-popover .popover-content{
    padding-top: 0px;
}
.background-popover-price{
    background-color: #000;
    opacity: .3;
    width:100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index:5;
      
}
.product-list .order-amount{
    text-align: right;
    min-height: 30px;
    min-width: 50px;
}
.price-breakup-popover{
    max-width: 320px
}
.padding0{
    padding: 0px;
}
.popover-left-text {
    float: left;
    text-align: left;
    padding-right: 10px;
}
.popover-right-text-total-price {
    float: right;
    width: 50%;
    text-align: right;
}
.total-order-details.price-breakup-popover.popover .popover-left {
    width: 100%;
}
.total-order-details .arrow{
    left: 94% !important;
}
.subTotalAmount  .icon-pagination-down, .down-arrow{
    color: #424448 !important; 
}
.additional-amount, .total-rounding{
    float:right;    
}
.fullwidth{
    width: 100% !important;
}
.breakup-popover{
    min-width: 315px;
    top: 17px;
    right: -7px;
    left: initial;
    position: absolute;
    float: right; 
    z-index: 1026;
}
.display-none{
    display: none;
}
.height40{
    height: 40px;
}
.padding8{
    padding: 8px;
}
.order-amount .icon-pos{
    color: #424448;
}
.orderGroup .imageDisp{
    padding: 30px;
}
.orderGroup{
    padding-top: 5px;
}
.paddingR0{
    padding-right: 0px !important;
}
.paddingR3{
    padding-right: 3px !important;
}
.height61{
    min-height: 61px;
}
.font15{
    font-size: 15px;
}
.font16{
    font-size: 16px;
}
.positionarrow{
    position: relative;
    top:3px;
}
.font18{
    font-size: 18px;
}
.option-contents .icon-cancel{
    color: #424448;
}
.option-contents .icon-imei{
    font-size: 15px;
    color: #424448;
}
.option-contents{
    font-size: 15px;
}
.option-contents i{
    margin-right: 5px;
}
.center-content{
    text-align: center;
}
.global-header-icon{
    background-color: #F7F3F4;
    padding: 8px;
    font-size: 30px;
    position: relative;
    display: inline-block;
}
.global-text-confirm{
    color:#4182C4;
}
.header-icon-holder{
    padding: 5px;
    position: relative;
    top: -40px;
    background-color: #fff;
    width: 55px;
    height: 55px;
    margin: 0 auto;
}
.icon-holder-position{
    top: -30px;
}
/*.vertical-center{
    min-height: 100vh;
  display: flex;
  align-items: center;
  min-height: 100%;
  width: 100%;
}
.global-modal-holder{
    width: 300px;
}*/
.modal-dialog {
    margin: 0;
    /* Causing issue for all modals in CMS edit mode in mobile, hence commenting it*/
    /*position: absolute;
    top: 50%;
    left: 50%;*/
}

.modal-dialog.popup-modal {
    position: initial;
    display: table-cell;
    vertical-align: middle;
}

.modal-body {
    overflow-y: auto;
}
.modal-footer {
    margin-top: 0;
}
.text-center {
    text-align: center;
}
@media (max-width: 767px) {
    .modal-dialog {
        width: 300px;
    }
    #page-top .main-div .mainheader .header-main-content .image-background-holder{
        display: none;
    }
}
.modal-header .global-cancel-icon{
    top: -5px;
    position: relative;
    right: -5px;
    margin-top:0px;

}
.global-cancel-icon .icon-cross-circle{
    color:#ccc;
}
.global-action-btn{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;

}
.nomargin{
    margin: 0px;
}
.global-modal-title{
    font-weight: 600;
    color: #424449;
}
.global-modal-content{
    color:#424449;
}
.height20{
    height: 20px
}
.show-global-popup{
    display: block !important;
    opacity: 1;
}
.global-text-error{
    color:#EB4841;
}
.global-error-background, .global-error-background:hover{
    background: #EA493F;
    color:#fff;
}
.marginT10{
    margin-top: 10px;
}
.global-modal-holder .modal-header{
    border-bottom: 0px;
}
.width145{
    width:145px;
}
.paddingT10{
    padding-top: 10px;
}
.font600{
    font-weight: 600;
}
.white-text{
    color:#fff;
}
.border-right{
    border-right: 1px solid #E5E5E5;
}
.font20{
    font-size: 20px !important;
}
.font35{
    font-size: 35px;
}
.text-color{
    color:#424448;
}
.font26{
    font-size: 26px;
}
.top-5{
    position: relative;
    top:5px;
}
.no-background{
    background: #D6DDE7;
}
.borders{
    border: 2px solid #e3e3e3;
}
.padding10{
    padding: 10px;
}
.margin5{
    margin: 5px;
}
.width150{
    width: 150px;
}
.height100{
    height: 100px;
}
.cash-container{
    font-size: 15px;
    width:320px;
}
.cash-container .col-xs-12 {
    background-color: #fff;
    border-radius: 3px;    
    color: #424448;

}
.cash-container .col-xs-12 i{
    display: inline-block;
    font-size: 50px;
    color: #424448;

}
.font50{
    font-size: 50px;
}
.payment-selected.col-xs-6{
    border: 2px solid #4182C4;
    color: #4182C4;
}
.payment-selected.col-xs-6 i{
    color: #4182C4;
}
.payment-holder .product-list .order-detail-container .payment-method{
    margin: 10px 0px;
}
.payment-holder .cash-header{
    margin: 10px 0 0 0;
}
.payment-holder .cash-header .select-header{
    width: 320px;
    margin: auto;
}
.mobile-footer{
    background: #ffffff;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.no-box-shadow{
    box-shadow: 0px !important;
}
.marginT50{
    margin-top: 50px;
}
.warning-text{
    color:#FF9900;
}
.bold{
    font-weight: 600;
}
.warning-text i{
    color:#FF9900;
    font-size: 12px;
}
.font20{
    font-size: 20px;
}
.font14{
    font-size: 14px;
}
.font15{
    font-size: 15px;
}
.font12{
    font-size: 12px;
}
.padding5{
    padding: 5px
}
.padding15{
    padding: 15px
}
.amout-suggestion{
    display: inline-block;
    /*    width: 70px;*/
}
.amout-suggestion span {
    border: 2px solid #d5dde3;
    display: inline-block;
    /*    float: left;*/
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 0px;
    margin-bottom: 0px;
    color: #0086FF;
    font-size: 18px;
    min-width: 90px;
    margin-left: 8px;
    margin-bottom: 5px;
}

.cash-suggestions i{
    color:#0086FF
}
.padding10{
    padding: 10px;
}
.marginL7{
    margin-left: 7px;
}
.payment-method:hover{
    border: 2px solid #4182C4;
    color: #4182C4;
}
.payment-method:hover i{
    color: #4182C4;
}
.background-white{
    background: #fff;
}
.payment-row{
    border-bottom: 1px solid #E7E7E7;
    margin-right: 0px;
    margin-left: 0px;
}
.width250{
    width: 250px;
}
.width135{
    width:135px;
}
.payment-row .icon-currency{
    font-size: 11px;
    top: 0px;
    position: relative;    
    color: #777C80;
}
.payment-row i{
    color:#424448;
    margin-right: 5px;
}
.payment-row{
    color:#424448;
    font-size: 10px;
}
.content-right{
    float: right;
    text-align: right;
}
.paddingb10{
    padding-bottom: 10px;
}
.paddingB5{
    padding-bottom: 5px;
}
.width100{
    width: 100px;
}
.payment-option-popover i{
    font-size: inherit;
    color:#424448;
}
.payment-option-popover .popover-content{
    padding: 0px 10px;
}
.paddingL5{
    padding-left: 5px;
}
.payment-container{
    width: 350px;
    margin: 0 auto;
}
.marginT5{
    margin-top: 5px;
}
.display-block{
    display: block !important;
}
.display-flex{
    display: flex;
    justify-content: space-between;
}
.top10{
    top: 10px !important;
}
.padding5{
    padding: 5px;
}
.amout-suggestion .icon-currency{
    font-size: 14px;
    color: #0086FF;
}
.amount-holder:hover{
    background-color: #0086FF;
    color: #FFF;

}
.payment-row .icon-more_vertical{
    color:#A8B1B8;
}
.paymentRow .payment-added:last-of-type {
    border-bottom: 0px;
}

.cash-suggestion-container{
    float: left;
    width: 100%;
    position: absolute;
    left: 0px;
}
.mobile-universalSearch .voice-search-area .voice-status-txt-area .voice-txt-lbl{
    max-width: 85%; 
    padding-top: 55px;
}
.cash-suggestion-main{
    width: 380px;
    margin: 0 auto;
}
.cash-sugesstion-amount-container{
    width: 380px;
    background-color: #fff;
    padding: 10px;
    left: 0px;
    width: 100%;
}
.center-container{
    width: 380px;
    margin: 0 auto;    
}
.marginB10{
    margin-bottom: 10px;
}
.marginB5{
    margin-bottom: 5px;
}
.marginB2{
    margin-bottom: 2px;
}
.paddingL15{
    padding-left: 15px
}
.paddingL25{
    padding-left: 25px
}
.height100Per{
    height: 100% !important;
}
.paddingL20{
    padding-left: 20px;
}
.marginT140{
    margin-top: 140px;
}
.marginT120{
    margin-top: 120px;
}
.font11{
    font-size: 11px;
}
.padding15{
    padding: 15px
}
.paddingR15{
    padding-right: 15px
}
.paddingR25{
    padding-right: 25px
}
.paddingT0{
    padding-top: 0px!important;
}
.paddingB10{
    padding-bottom: 10px; 
}
.border-bottom{
    border-bottom: 1px solid #ededed;
}
.payment-method-border-bottom{
    border-bottom: 1px solid #f3f0f0;
}
.border-top{
    border-top: 1px solid #e5e5e5;
}
.border-left{
    border-left: 1px solid #e5e5e5;
}
.marginB7{
    margin-bottom: 7px;
}
.font-inherit{
    font-size: inherit;
}
.width340{
    width: 340px;
}
.width350{
    width: 350px;
}
.font18{
    font-size: 18px
}
.emiTop{
    position: relative;
    top: -5px;
}
.imeiList.imeiPadding{
    padding: 10px 0;
}
.width300{
    width: 300px;
}
.marginLR10{
    margin: 0px 10px;
}
.width94{
    width: 94px;
}
.font25{
    font-size: 25px;
}
.font19{
    font-size: 19px;
}
.cash-header{
    font-size: 20px !important;
    margin-bottom: 10px;
}
.font18{
    font-size: 18px;
}
.text-top{
    vertical-align: text-top;
}
.amttop{
    position: relative;
    top: -5px;
}
.padding5{
    padding: 5px;
}
.paddingL0{
    padding-left: 0px
}
.paddingR0{
    padding-right: 0px
}
.paddingT0{
    padding-top: 0px;
}
.paddingR5{
    padding-right: 5px
}
/*.payment-details-done > .payment-container:first-child{
    padding-top: 10px;
}*/
.payment-pending .paddinTB0{
    padding-top: 0px;
    padding-bottom: 0px;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.bottomWarning{
    padding-right: 0px;
    text-align: right;
}
.marginT35{
    margin-top: 35px;
}
.payment-details-done .payment-options:last-child .payment-row{
    border-bottom: 0px;

}
.marginL15{
    margin-left: 15px;

}
.marginL10{
     margin-left: 10px;
}
.order-date-main.fixed{
    position: fixed;
    top: 100px;
    width: 100%;
    z-index: 1;
    background-color: #D6DDE7;
    color: #222;
    padding: 5px 10px;
    font-size: 1.429rem;
    z-index: 2;
 /*   box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);*/
}
.text-capital{
    text-transform: capitalize;
}
.text-lowercase{
    text-transform: lowercase;
}
.padding-right-5{
    padding-right: 5px;
}
.inventoryImg {
    background: #eee;
    border-radius: 3px;
    padding: 23px 0 0;
    height: 70px;
    white-space: normal;
    width: 70px;
}
.padding-right-0{
    padding-right: 0px;
}
.orderGroup.row{
    padding: 10px 0px;
}
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.media-left, .media>.pull-left {
    padding-right: 10px;
}
.padding-left-0{
    padding-left: 0px;
}
.top-level-adjust{
    top: -2px;
    position: relative;
}
.padding-15{
    padding: 15px;   
}
.padding-left-25{
    padding-left: 28px;

}
.menu-item .icon-random-audit{
    font-weight: 600;
}
.outer-div-position {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: table;
}
.middle-container {
    /*    display: table-cell;
        vertical-align: middle;*/

}
.login-form-holder{
    /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 360px;*/
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -195px !important;
    margin-left: -180px;
    width: 360px;
    height: 390px;
}
.mobileLogin{
    background: #ff9900;
    border: 1px solid #e58a00;
    color: #fff;
    border-radius: 2px; 
}
.mobileLogin:focus{
    color: #fff;
}
.jd-btn-striped{
    background-image: -webkit-linear-gradient(-45deg,#f0ad4e 25%,transparent 25%,transparent 50%,#f0ad4e 50%,#f0ad4e 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(-45deg,#f0ad4e 25%,transparent 25%,transparent 50%,#f0ad4e 50%,#f0ad4e 75%,transparent 75%,transparent);
    background-image: -ms-linear-gradient(-45deg,#f0ad4e 25%,transparent 25%,transparent 50%,#f0ad4e 50%,#f0ad4e 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,#f0ad4e 25%,transparent 25%,transparent 50%,#f0ad4e 50%,#f0ad4e 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(-45deg,#f0ad4e 25%,transparent 25%,transparent 50%,#f0ad4e 50%,#f0ad4e 75%,transparent 75%,transparent);
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -ms-background-size: 50px 50px;
    -o-background-size: 50px 50px;
    background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    -ms-animation: move 2s linear infinite;
    -o-animation: move 2s linear infinite;
    animation: move 2s linear infinite;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}
.jd-padding-left-0{
    padding-left: 0px !important;
}
.jd-padding-right-0{
    padding-right: 0px !important;
}
.jd-padding-top-0{
    padding-top: 0px !important;
}
.jd-padding-bottom-0{
    padding-right: 0px !important;
}
.home-delivery-options-holder{
    margin-top: 10px;
}
.home-delivery-options-time{
    position: relative;
    left: 18px;
}
.home-delivery-options-holder p{
    margin-bottom: 0px;
}
.text-capital{
    text-transform: capitalize;
}
.width-350{
    width: 350px;
}
.single-date-range-picker-holder ul.dropdown-menu{
    left: initial !important;
    right: 0px !important;
}
.jd-text-bold{
    font-weight: 600;
}
.jd-font-inherit{
    font-size: inherit;
}
.jd-color-inherit{
    color: inherit;
}
.text-primary {
    color: #0086FF;
}
.text-grey, i.text-grey{
    color: #ccc;
}
.jd-underline-on-hover:hover{
    text-decoration: underline;
}
.width-300{
    width: 300px;
}
.jd-margin-0{
    margin: 0px;
}
.jd-padding-0 {
    padding: 0px !important;
}
.jd-web-validation-error, .jd-web-validation-error * {
    color: #de7e7e;
    border-color: #de7e7e;
}
.no-border{
    border: 0px !important;
}
.nav-tabs.filter-tabs {
    background: #fff;
    padding: 10px 10px 0px 10px;
    list-style-type: none;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.nav-tabs.filter-tabs.nav-tabs > li {
    padding-right: 20px;
}
.filter-tabs > li{
    padding-right: 30px;
    float: none;
    display: inline;
}
.nav-tabs.filter-tabs.nav-tabs > li label, .nav-tabs.filter-tabs.nav-tabs > li .filterLabel{
    margin-bottom: 0px;
    padding: 0px 5px 8px 5px;
    font-size: 1.512rem;
}
.activeLink{
    border-bottom: 4px solid #0086FF;
    color: #333;
}
.filter-tabs-holder{
  //  position: fixed;
}
.position-fixed{
    position: fixed;
}
.position-relative{
    position: relative;
}
.order-number{
    color: #7f7f7f;
    font-size: 1.286rem;
}
.jd-color-inherit{
    color: inherit !important;
}
.jd-font-inherit{
    font-size: inherit !important;
}
.font-11{
    font-size: 11px !important;
}
.font-16{
    font-size: 16px;
}
.min-height-75{
    min-height: 75px;
}
.delivery-date-holder{
    border: 1px solid #ECECEC;
    padding: 5px;
}
.delay-time-border{
    border: 1px solid #C20000;
    margin: -1px;
}
.pending-time-border{
    border: 1px solid #FF751A;
    margin: -1px;
}
.default-time-border{
    border: 2px solid #EBEBEB;
}
.align-delivery-time-div{
    position: absolute;
    top: 3px;
    width: 100%;
    padding: 5px 7px 5px 5px;
}
/*hidden as per new requirment in order list page in ticket #14932
.home-delivery-time-counter + .align-delivery-time-div{
    top: 8px;
}*/
.min-height-105{
    min-height:105px;
}
.min-height-80{
    min-height:80px;
}
.min-height-75{
    min-height:75px;
}
.material-input-style{
    border: 0px;
    border-bottom: 1px solid #c1cdd7;
}
.height-77{
    height: 77px;
}
.product-list-image{
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}
.image-background-holder{
    width: 70px;
    height: 70px;
    background-color: #eee;
    display: table-cell;
    vertical-align: middle;
    float: none !important;
    text-align: center;
}
.text-danger{
    color: #F23637;
}
.delete-confirm-popover, .delete-confirm-popover.popover{
    top: 25px; 
    position: absolute; 
    margin-top: 0px; 
    display: none; 
    float: left;  
    left: initial;
    right: 10px;
    padding: 10px;
    width: 300px;
    background-color: #FEEBE7;
    border: 1px solid #FAABA7;
}
.delete-confirm-popover .delete-confirm-heading{
    padding: 5px 0px;
    font-size: 11px;
    font-weight: 600;
}
.mobile-outOfStock  .order-date-main.fixed{
    top: 50px;
}
.mobile-app-order-details .popover.order-details .icon-currency, .total-order-details.popover .icon-currency{
    font-size: 9px;
}
.order-list-customer-name{
    font-size:1.571rem;
}
.jd-font-roboto{
    font-weight:400;
}
.jd-font-roboto .jd-font-roboto-light{
    font-weight:300 ;
}
.jd-font-roboto .jd-font-roboto-medium{
    font-weight:500;
}
.jd-font-roboto .jd-font-roboto-thin{
    font-weight:100;
}
.font-18rem{
    font-size:1.286rem;
}
.mobile-orders  .order-amount .icon-currency{
    font-size: 12px;
}
.mobile-app-order-list{
}
.order-status-holder .multiple-status-holder:last-of-type > .hide-last-hyphen:last-of-type {
    display: none;
}
.jd-inline-block{
    display: inline-block !important;
}
.mobile-app-order-list .nav-tabs.filter-tabs.nav-tabs > li .filterLabel{
    font-weight: normal;
    color: #333;
}
.filterLabel.activeLink, .filterLabel.activeLink:hover{
    border-bottom: 4px solid #0086FF;
}
.height-25{
        height: 25px;
}
.marginR23{
    margin-right:23px;
}
.padding-bottom-10{
    padding-bottom: 10px;
}
.item-discount-popover-holder{
    border-top: 1px solid #e3e3e3;
    padding-top: 5px;
}
.jd-font-roboto .text-bold, .jd-font-roboto .jd-text-bold, .jd-font-roboto .semi-bold, .jd-font-roboto .control-label, .jd-font-roboto .txt-bold, .jd-font-roboto th, .jd-font-roboto strong, 
.jd-font-roboto .order-bold, .jd-font-roboto  .font600{
/*    font-family: "Roboto Medium",sans-serif;*/
    font-weight: 500;
}
.color-bold{
     color: #424448;
}
.orderGroup .breakup-popover {
    min-width: 320px;
}
.btn-primary {
    color: #fff;
    background: #0086FF;
    border-color: #0086FF;    
}
.btn-default {
    background: #fafcfc;
    color: #0086FF!important;
    border-color: #d5dde3;
}
.menu-item span{
    font-size: 16px;
}
.margin-bottom-50{
    margin-bottom: 50px;
}
.jd-margin-top-0{
    margin-top: 0px !important;
}
.font-9{
    font-size: 9px !important;
}
.delivery-date-time-modal .form-control{
    width: 100%;
}
body.jd-ios-style .delivery-date-time-modal .form-control{
    min-width: 94%;
}
.delivery-date-time-modal .modal-header .close {
    margin-top: 0;
}
.delivery-date-time-modal .modal-footer{
    height: 60px;
}
.delivery-date-time-modal .modal-footer .global-action-btn.btn-primary{
    height: 100%;
}
.login-header{
    /* padding: 25px 25px 19px 25px; */
   /* background: #0C659F;*/
    margin-top: -50px;
    height: 30%;
    display: table;
    width: 100%;
    position:absolute;
}
.login-text{
    font-size: 1.4em;
    color: #5C5C5C;
    padding-bottom: 12px;
}
.login-form-holder .form-control{
    height: 45px;
    border-color: #DBDBDB;
}
.forgot-password-container{
    padding: 30px;
    font-size: 1.1em;
    color: #585858;
}
 .login-error-message{
    padding-bottom: 5px;
    color: #ED1E24;
}
.login-form-holder .error-border{
    border-color:#EC1F24;
}
.store-header-text{
    color: #fff;
    font-size: 1.75em;
}
.store-header{
    padding-top: 15px;
    padding-bottom: 15px;
    height: auto;
    position: relative;
}
.store-list-holder{
    margin-top: 15px;
    padding: 0px 15px;
}
.jd-header-font{
    font-size: 1.75em;
}
.store-name{
    color: #333333;
}
.jd-sub-header-font{
    font-size: 1.1em;
}
/**Custom Radio Button with start*/
input[type=radio].with-font{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
input[type=checkbox].with-font{
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 28px;
    top: 28px;
    z-index: 9999;
    opacity: 0;
}  
input[type=radio].with-font ~ label:before , input[type=checkbox].with-font ~ label:before{
    font-family: icomoon;
    display: inline-block;
    content: "\e60f";
    color: #E6EFF6;
    width: 1.4em;
    font-size: 1.985em;
}

input[type=radio].with-font:checked ~ label:before {
    content: "\e9a0";
    color: #0C659F;
}
input[type=checkbox]:checked.with-font ~ label:before {
     content: "\e9bd";
    color: #0086FF;
}
input[type=checkbox].minus-cart:checked.with-font ~ label:before {
    content: "\e638";
    color: #fff;
    background: #0086FF;
    border-color: #0086FF;
    text-align: center;
    border-radius: 50%;
    position: relative;
    top: -2px;
    height: 20px;
    width: 20px;
    font-size: 14px;
}
/*
input[type=radio].with-font:focus ~ label:before,
input[type=radio].with-font:focus ~ label{
    color: #0C659F;
}*/

/**Custom Radio Button with end*/
.pos-names{
    position:relative;
    top:-4px;
    font-size:1.2em;
}
.jd-margin-bottom{
    margin-bottom: 0px !important;
}
.select-store-list-border-bottom{
    border-bottom: 1px solid #EEEEEE;
}
.height-30{
    min-height: 30px;
}
.store-list-holder{
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.store-list-holder .list-holder{
    padding: 11px 15px 15px 15px;
}
.store-list-holder .store-name-holder{
    text-transform: capitalize;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: -48px;
    bottom: -40px;
    z-index: 10;
}
.jd-mobile-route-holder{
    min-height: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 0;
}
.select-store-button-holder{
    position: absolute;
    bottom: 15px;
    width: 100%;
    padding-right: 30px;
}
.store-selection{
    height: 100%;
    position: absolute;
    top: 0px;
    padding-top: 50px;
    padding-bottom: 100px;
    overflow: hidden;
    width: 100%;
}
.wrap-radio-btn{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -10px;
}
.adminLogin.supplierLogin.mobileLogin{
    color: #fff;
}
.padding-top-15, .home-bar-menu-list .menu-item.padding-top-15{
    padding-top: 15px ;
}
.icon-document.reload_btn, .icon-general-settings.reload_btn{
    position: static;
}
.jd-text-capitalize{
    text-transform: lowercase !important;
}
.jd-text-capitalize:first-letter{
    text-transform: uppercase !important;
}
.jd-overflow-hidden{
    overflow: hidden !important;
}
.mobile-orders .order-date.po-date{
    color: #777779;
    font-size: 14px;
}
.jd-color-black{
    color: #333333
}
.padding-right-20{
    padding-right: 20px;
}
.jd-color-danger{
    color: #C70708 !important
}
.bottom-pop-over.popover.bottom > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0;
    border-top-width: 10px;
    top: -11px;
}
.bottom-pop-over.popover.bottom > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    /* border-top-color: #999; */
    border-top-color: rgba(0,0,0,.25);
    border-bottom-width: 0;
    border-top-width: 10px;
    top:100%;
}
.bottom-pop-over.popover.bottom.top-adjust{
    top:-120px !important;
}
.jd-truncate-with-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mobile-app-purchase-order.mobile-orders .order-date{
    padding-top: 5px;
}
.pendingNotify{
    color: #ff9900;
    display: inline-block;
}
.cancelNotify{
    color: #e87674!important;
    display: inline-block;
}
.login-header .login-img-holder{
    display: table-cell;
    vertical-align: middle;

}
/*.purchase-status-holder .hide-last-hyphen:last-of-type, .purchase-status-holder .hide-last-hyphen:nth-last-child(2), .purchase-status-holder .hide-last-hyphen:first-of-type{*/
.purchase-status-holder .hide-last-hyphen:first-of-type{
    display: none !important;
}
.bottom-pop-over, .bottom-pop-over-last:last-child{
    min-width: 200px;
    top: -102px;
    right: 0px;
    left: -10px;
    position: absolute;
    float: right;
    z-index: 1025;
    max-width: 360px;
    border-radius: 0px;
    width: 360px;
}
.cancelled-products-holder:last-of-type .bottom-pop-over-last, .bottom-pop-overLast{
    min-width: 200px;
/*    right: 100%;
    left: -402%;*/
    right: -6px;
    left: initial;
    top: -167px;
    position: absolute;
    float: right;
    z-index: 1025;
    max-width: 320px;
    border-radius: 0px;
    width: 100%;
}

.cancelled-products-holder:last-of-type .bottom-pop-over-last > .arrow:after ,.cancelled-products-holder:last-of-type  .bottom-pop-overLast > .arrow:after {
    bottom: 1px;
    margin-left: -8px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0;
    border-top-width: 10px;
    top: -11px;
}
.cancelled-products-holder:last-of-type .bottom-pop-over-last .arrow,.cancelled-products-holder:last-of-type   .bottom-pop-overLast  .arrow{
    top:100%;
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    /* border-top-color: #999; */
    border-top-color: rgba(0,0,0,.25);
    border-bottom-width: 0;
    border-top-width: 10px;

}
/*body.loggedin-page.iosSafari{
    padding-top: 10px;
    background-color: #434448 !important;
}*/
body.loggedin-page.iosSafari{
    position: fixed;
    overflow: hidden;
}
body.loggedin-page.iosSafari.jd-basics .jd-mobile-route-holder{
    background-color: transparent;
}
body.loggedin-page.iosSafari  .jd-mobile-route-holder{
    /*background-color: #eee; it was showing overlay on iphone*/ 
    overflow-y: auto;
    overflow-x: hidden;
}
.jd-display-inline-block{
    display: inline-block !important;
}
.left-19{
    left: 19px;
}
body.loggedin-page.iosSafari   .jd-mobile-route-holder #topDate.order-date-main.fixed{
    top: inherit;
}
.jd-width-auto{
    width: auto !important;
}
.price-breakupadjust{
    top: -144px !important;
    right: -10px !important;
}
.backgroundWhite{
    background-color: #fff;
}
.paddingLR0{
    padding-left:0px;
    padding-right:0px;
}
.btn-color-grey{
    background-color:#B7B7B7;
}
.white-font{
    color:#fff!important;
}
.paddingLR5{
    padding-left:5px;
    padding-right:5px;
}
.paddingLR15{
    padding-left:15px;
    padding-right:15px;
}
.errorMessageForQty{
    position: fixed;
    bottom: 85px;
    border: 1px solid #424448;
    border-radius: 25px;
    text-align: center;
    width: 300px;
    padding:10px;
    font-size: 16px;
    z-index: 1234;
    background-color: #424448;
    color: #fff;
    left: 50%;
    margin-left: -150px;
}
.mobile-border-top{
    border-top: 1px solid #C4CCD2;
}
.marginT12{
    margin-top:12px;
}
.qty-val-box{
    width: 30px;
    height:33px;
    text-align: center;
    position: relative;
    top:1px;
}
.maxwidth100{
    max-width:100px;
}
.paddingT6{
    padding-top:6px;
}
.paddingT18{
    padding-top:18px;
}
.position-bottom{
    position: absolute;
    bottom: 0;
    right: 0;
}
.prod-style{
    color:#424448;
}
.prod-header{
    font-size: 14px;
    background-color: #dedde7;
    color: #424448;
    height: 30px;
    padding-top:6px;
}
.rs-font-size{
    font-size:11px;
}
.inputbox-style{
    width:70px;
    height:30px;
    padding:0 5px 0 5px;
    border-color:#bcbcbc;
    float:right;
    border-radius:1px;
}
.box-shadow{
    box-shadow: 0 2px 8px 1px rgba(214, 214, 214, 0.7294117647058823);
}
.marginLR15{
    margin-left:15px;
    margin-right:15px;
}
.paddingR9{
    padding-right:9px;
}
.marginT20{
    margin-top:20px;
}
.position-qty-btn{
    position:absolute;
    bottom:10px;
    right:0;
}
.position-itemprice-btn{
   position:absolute;
    bottom:2px;
    right:0; 
}
input{
  /*  -webkit-appearance: none;*/
    -webkit-border-radius:0px;
    border-radius: 0;
}
.height40{
    height:40px;
}
.border-none{
    border:none;
}
.width155{
    width:155px;
}

.modal-dialog.modal-sm {
    width: 300px;
}
.order-price-breakupadjust {
    top: -172px !important;
    left: initial;
    right: -5px;
}
.bottom-pop-over.popover.bottom.subtotal-top-adjust{
    top: -167px !important;
}
/*.jd-ios-header-style .home-bar{
    margin-top: 10px;
}
.jd-ios-header-style  .reload_btn{
    top: 26px !important;
}
.jd-mobile-route-holder.is-IOS{
    padding-top: 71px;
}
  
.jd-mobile-route-holder.is-IOS #topDate.order-date-main.fixed{
    top: inherit;

}*/
.wap .mobile-loader .circle{
    stroke: #0086FF !important;
}
.circle{
    display: table;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
}
.circle span{
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
}
.circle span i.icon-people{
    color: #fff;
    font-size: 28px;
}
.username{
    margin-left: 10px;
}
.store-acc-name{
    padding: 5px 15px 0px 17px;
    color: #fff;
    position: relative;
    outline: unset;
    height: 60px;
}
.store-acc-name:active{
    background-color: transparent;
}
.store-acc-name .upper-text {
	padding-top: 7px;
}
.store-acc-name .upper-text-only {
	padding-top: 19px;
}
.store-acc-name .lower-text {
	position: relative;
    top: -3px;
}
.home-bar-menu-list .outlet-tabs {
	height: 46px;
}
.home-bar-menu-list .ripple-div:not(.link-name){
    padding: 15px;
    align-items: center;
}
.home-bar-menu-list .link-name.sub-item{
    padding-left: 56px;
}
.paddingL10{
    padding-left: 10px !important;
}
.ripple-div{
    border: none;
    outline: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.ripple-div:focus:active{
    border: none;
    outline: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    padding-left: 4px solid #1C5AB3;
}
/* .ripple-div:after{
    content: '';
    position: absolute;
    top: calc(50% - 150px);
    left: calc(50% - 150px);
    width: 300px;
    height: 300px;
    background: #e5e5e5;
    opacity: 0;
    border-radius: 50%;
    transform: scale(0, 0);translate(-50%);
    transform-origin: 50% 50%;
}
@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(0.35, 0.35);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1, 1);
  }
}
.ripple-div:focus:not(:active)::after {
  animation: ripple 0.5s;
} */
.ripple-div:focus:not(:active)::after {
  animation: ripple 0.5s;
}
.store-acc-name a{
    cursor: pointer;
}
.outlets-arrow{
    color: #fff;
    float: right;
    top: 5px;
    position: relative;
}
.home-bar-head i.accounts-arrow{
    position: relative;
    top: -27px;
    right: 0px;
}
.bgColorBlue{
    background-color: #0086FF;
}
.placeholder            { 
  position:relative;  
  height: 60%;
}
.inventory-details-mobile .last-list-data{
    padding-bottom: 50px;
}
.inputMaterial              {
  font-size:18px;
  padding:8px;
  display:inline-block;
  width:100%;
  border:none;
/*  border-bottom:1px solid #757575;*/
}

.inputMaterial:focus        { outline:none;}

/* LABEL ======================================= */

.input-box-style {
  color:#999; 
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:9px;
  top:20px;
-webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out;
}

/* active state */
.inputMaterial:focus ~.input-box-style, .inputMaterial:valid ~.input-box-style {
  /*top:6px;
  font-size:14px;
  /*color:black;*/
    font-size: 14px;
   -webkit-transform: translate3d(-10px,-14px,0px) scale(.75);
    transform: translate3d(-10px,-14px,0px) scale(.75);
    color:#0086FF;

}
.inputMaterial:focus ~.input-box-style.user-mobile-email, .inputMaterial:valid ~.input-box-style.user-mobile-email {
  /*top:6px;
  font-size:14px;
  /*color:black;*/
    font-size: 14px;
   -webkit-transform: translate3d(-17px,-14px,0px) scale(.75) ;
    transform: translate3d(-17px,-14px,0px) scale(.75);

}
.placeholder{
    height: 60px;
}
.placeholder .inputMaterial{
    padding-bottom: 0px;
    min-height: 100%;
        padding-top: 20px;
}
.margin0{
    /*margin-top:0% !important;*/
    margin: 0;
}
.color-white{
    color:#fff !important;
}
@-webkit-keyframes slide-upToast {
  from { top: 100%; }
  to   { top: 90%; }
}
@keyframes slide-upToast {
  from { top: 100%; }
  to   { top: 90%; }
}
@-webkit-keyframes slide-downToast {
  from { top: 90%;}
  to   { top: 100%;}
}
@keyframes slide-downToast {
  from { top: 90%;}
  to   { top: 100%;}
}
.jd-toast-holder.slideUpToast{
    -webkit-animation: slide-upToast 0.25s linear;
    animation: slide-upToast 0.25s linear;
}
.jd-toast-holder.slideDownToast{
    -webkit-animation: slide-downToast 0.25s linear;
    animation: slide-downToast 0.25s linear;
}
.iPhoneX .jd-toast-holder, .iphoneX .jd-toast-holder {
    bottom: 80px;
}
.universal-footer-hidden .jd-toast-holder{
    bottom: 0px;
}
/*.toastMsgStyle{
    position: relative;
    bottom: 30px;
    border: 1px solid #333;
    border-radius: 50px;
    max-width: 85%;
    padding: 12px 15px;
    font-size: 14px;
    z-index: 10001;
    background-color: #333;
    color: #fff;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: inline-block;
    text-align: center;
    opacity: 0.8;
}*/

.jd-toast-holder .toast-msg-btn {
    font-size: 14px;
    color: #92B1E2;
    position: absolute;
    top: 9px;
    z-index: 10002;
    right: 13px;
}
.login-header-style{
    top: 25%;
    position: absolute;
    padding-top: 0;
    width: 100%;
}
.style-pos{
    position: absolute;
    bottom: -117px;
    left:0;
    right:0;
}
.border-curve{
    border: 1px solid #fff;
    border-radius: 2px;
}    
        
.jd-absolute-center{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.padding-bottom-5{
        padding-bottom: 5px;
}
body.wap.iosSafari.avoidScroll {
  position: fixed;
}
.jd-avoid-scroll{
    overflow: hidden !important;
}
/**Preloader animation**/
.jd-preloader {
  font-size: 0;
  display: inline-block;
  -webkit-animation: outer 6600ms linear infinite;
          animation: outer 6600ms linear infinite;
}
.jd-preloader svg {
  -webkit-animation: inner 1320ms linear infinite;
          animation: inner 1320ms linear infinite;
}
.jd-preloader svg circle {
  fill: none;
  stroke: #fff;
  stroke-linecap: square;
  -webkit-animation: arc 1320ms cubic-bezier(0.8, 0, 0.4, 0.8) infinite;
          animation: arc 1320ms cubic-bezier(0.8, 0, 0.4, 0.8) infinite;
}
@-webkit-keyframes outer {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes outer {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes inner {
  0% {
    -webkit-transform: rotate(-100.8deg);
            transform: rotate(-100.8deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes inner {
  0% {
    -webkit-transform: rotate(-100.8deg);
            transform: rotate(-100.8deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes arc {
  0% {
    stroke-dasharray: 1 210.48670779px;
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dasharray: 151.55042961px, 210.48670779px;
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dasharray: 1 210.48670779px;
    stroke-dashoffset: -151.55042961px;
  }
}
@keyframes arc {
  0% {
    stroke-dasharray: 1 210.48670779px;
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dasharray: 151.55042961px, 210.48670779px;
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dasharray: 1 210.48670779px;
    stroke-dashoffset: -151.55042961px;
  }
}
.jd-preloader-blue-stroke{
    stroke:#3272B2 !important;
}
/**End preloader animation**/


.default-store{
    color: #fff;
    background: #3272B2;
    font-size: 14px;
    padding: 10px 15px 15px 10px;
    border-left: 4px solid #fff;
    box-shadow: inset  0  4px 6px -6px #696868, 
                inset  0 -4px 6px -6px #696868;

}
.text-capitalize{
    text-transform: capitalize;
}
.text-uppercase{
    text-transform: uppercase; 
}
.jd-position-relative{
    position: relative !important;
}
.mobile-border-top{
    border-top:1px solid #C4CCD2;
}
.bottom-pop-overLast.popover.bottom > .arrow{
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    /* border-top-color: #999; */
    border-top-color: rgba(0,0,0,.25);
    border-bottom-width: 0;
    border-top-width: 10px;
    top: 100%;
}
.bottom-pop-overLast.popover.bottom > .arrow:after {
    top: -10px;
    margin-left: -10px;
    content: " ";
    border-top-width: 10px;
    border-top-color: #fff;
    border-bottom-width: 0px;
}
.jd-mobile-route-holder{
    /* padding-top: 55px; */
    background: #fff; 
}
.iosSafari.mobile-dashboard .jd-mobile-route-holder.safariBrowser{
    padding-top: 40px;
}
.jd-ios-style.mobile-dashboard .jd-mobile-route-holder{
    -webkit-overflow-scrolling:touch;
    overflow-x: hidden;
    overflow-y: scroll;
}
.jd-ios-style.mobile-dashboard .jd-mobile-route-holder.universal-Search-Holder{
    overflow: unset;
}
.top-5perc{
    top: 5% !important;
}
.out-acc-selection li:not(:last-child){
    /* border-bottom: 1px solid #eee; */

}
.out-acc-selection ul{
    padding: 10px 0px;
}
.out-acc-selection li { 
    padding: 15px;
}
.wrap_text{
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}
.wrap_text170 {
    width: 170px !important;
}
.wrap_text160 {
    width: 160px !important;
}
.iosSafari .home-bar-menu-list .menu-list-holder.menuWhiteSpace{
    padding-top: 20px;
}
.jd-text-black{
    color: #333 !important;
}
.top-0perc{
    top: 0% !important
}
.filter-input{
    border: 0;
    border-bottom: 1px solid #ededed;
    padding: 23px 29px;
    border-radius: unset;
    margin-left: -16px;
}
.filter-input.full-width{
    padding-right: 0;
}
.outlets-list{
    overflow-y: hidden;
    background: white;
    border-bottom: 1px solid #000;
    animation: slideUp 0.3s;
}
@keyframes slideUp {
	0% :{
		margin-top: 100vh;
	}
	100% :{
		margin-top: 0vh;
	}
}
.customList{
    max-height: 200px;
    overflow-y: auto;
}
.customList::-webkit-scrollbar {
    width: 4px;
    height: 20px;
}

.customList::-webkit-scrollbar-thumb {
    background-color: #ccc;
    -webkit-border-radius: 10px;
}

/*.home-bar-menu-list .menu-item:last-child{
    border-bottom: 1px solid #eee;
}*/
/*.iosSafari .home-bar-head{
    padding-top: 20px !important;
}
.iosSafari .home-bar-head i.accounts-arrow{
    top: 32px;
}*/
.acc-name, .out-name{
    display: inline-block;
    width: 92%;
}
.jd-custom-radio:focus + label > span:first-child{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.jd-custom-radio:not(old) {
    /*width: 2em;*/
    margin: 0;
    /* padding: 0; */
    font-size: 1em;
    opacity: 0;
}
.jd-custom-radio:not(old) + label {
    display: inline-block;
    margin-left: -1em;
    line-height: 1.5em;
}
.jd-custom-radio:checked + label > span {
    background: #fff;
    border: 1px solid #c1cdd7;
}
.jd-custom-radio:not(old) + label > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    margin: 0.20em 0em 0.25em 0em;
    border: 0.0625em solid rgb(192,192,192);
    border-radius: 50%;
    background: #fff;
    border: 1px solid #c1cdd7;
    vertical-align: bottom;
}
.jd-custom-radio:not(old):checked + label > span > span {
    width: 9px;
    height: 9px;
    border: 0.0625em solid #0086FF;
    background: #0086FF;
    border-radius: 50%;
}
.gray-light{
    color : #6E6E6E;
}
.order-detail-option-btn.optionBtn{
    width: 100%;
    display: inline-block;
}
.shipStatus{
    color:#6e6e6e;
}
.completed-color{
    color:#a2a2a2 !important;
}
.jd-delivery-time-dot{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 4px;
}
.delay-time-dot-filler{
    background-color: #C20000;
}
.pending-time-dot-filler{
    background-color: #FF751A;
}
.header-fixed-top {
    position: fixed;
    top: 0;
    border-width: 0 0 1px;
}

/**
======================================= Additional Details Page ==================================
**/
body.additionalDetails-page{
    overflow-y:auto;
}
.font14{
    font-size: 14px;
}
.abs-centered-modal{
    text-align: center;
    padding: 0!important;
}
.abs-centered-modal:before{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}
.abs-centered-modal .modal-dialog{
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    position: static;
}
.forgotPasswordModal {
    color: #333;
}
.forgotPasswordModal .modal-header{
     color: #555;
}
.forgotPasswordModal .modal-title{
    font-weight: 400;
    font-size: 21px;
}
.forgotPasswordModal .modal-header .close{
    font-weight: 400;
}

.position-abs{
    position: absolute;
}
.position-unset{
    position: unset;
}

.position-rel{
    position: relative;
}
.full-width{
    width: 100%;
}
.mob-country-code{
    position: absolute;
    top: 33px;
    font-size: 18px;
    font-weight: 400;
    width: 40px;
    display: none;
    color:#999;
}

.custom-input:focus{
    outline: none;
    border-color: #0086FF; 
    border-bottom: 2px solid #0086FF;
    padding-top:35px;
}
 .custom-input{
    color: #333;
    border: 0;
    border-bottom: 1px solid #c1cdd7;
    width: 100%;
    display: block;
    font-size: 18px;
    padding-top: 34px;
}

.show-country-code{
    display: inline-block !important;
}

.input-group label.animated{
    color: #999;
    font-size: 18px;
    padding-left: 0;
    position: absolute;
    pointer-events: none;
    left: 0px;
    top: 34px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.input-group .custom-input:focus ~ label , .input-group .custom-input:valid ~ label{
    top: 5px;
    font-size: 14px;
    color: #0086FF; 
}

.input-group .custom-input:valid ~ label{
     color: #999;
}
.input-group .custom-input:focus ~ label{
     color: #0086FF; 
}
.marginTB20{
    margin: 20px 0;
}

.half-split-line{
    display: inline-block;
    width: 110px;
    vertical-align: bottom;
}
.split-line-text{
   display: inline-block;
    width: 30px;
    height: 31px;
    padding-left: 5px;
    padding-right: 5px;
}
.font500{
    font-weight: 500;
}
.hideHeaderItem{
    display: none;
    padding: 0;
    width: 0;
}
.additional-details{
    background: #fff;
    height: 100%;
    padding: 20px 30px;
}
.blue-text{
    color: #177bbb;
}
.font400{
    font-weight: 400;
}
.additional-details h4{
    font-size: 22px;
}
.additional-details p{
    font-size: 14px;
}
.additionalDetails-page .jd-mobile-route-holder{
    position: static;
}
.custom-select{
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.custom-select option{
    padding-left: 5px;
}

.input-group  span.storeType-arrow{
    color: #333;
    bottom: 5px;
    right: 7px;
}
.paddingL40{
    padding-left: 40px;
}
/*.custom-select option{
    color: #222;}

.custom-select option:active, .custom-select option:hover, .custom-select option:focus, .custom-select option:visited{
    background-color: transparent !important;
}*/
.showInlineblock{
    display: inline-block;
}
.marginTB17{
    margin: 17px 0;
}
.area-search-list, .customList{
    border: 1px solid #ccc;
    padding: 0;
}
.customList{
    width: 100%;
    z-index: 100;
    background: #fff;
    max-height: 118px;
    overflow-y: auto;
}
.area-search-list li, .customList li {
    padding: 6px 5px !important;
    color: #333;
}
.area-suggest-li-hov{
   background-color: #e9f3ff;
}
#refreshing { line-height: 50px; text-align: center }

.icon-pagination-down{
    /* color:#424448; */
    /*color: #fff;*/
}
/* commented as causing issue in mobile listing page, please refactor code if uncommenting
.display-orders .icon-pluseLine, .icon-minusLine{
    position: relative;
    top:3px;
}*/

.addListItemBg{
    background: #4B86C2;
    color: #fff !important;
}
.color333{
    color: #333;
}
.btn-common{
    height: 50px;
    font-size: 17px;
    font-weight: 400;
    border-radius: 6px;
    border: 0;
}
.custom-validation-error{
    border-bottom-color : #E94B3F;
}
.font-red{
    color: #E94B3F !important;
}
.errorDiv i{
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
    height: 35px;
}
.errorDiv span{
    display: inline-block;
    width: 88%;
}

/** 
========================================= Thank you page =======================================
**/

.thankyou-page{
    background-color: #fff;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.thankyou-page .jd-mobile-route-holder{
    padding: 0;
}
.thankyou-page .icon-thank_you{
    font-size: 60px;
    color: #4B86C2;
    font-weight: 600;
}
.thankyou-page .thankyou-section{
    margin-top: 28%;
}
.circled{
    display: table;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    background: #eaf1f9;
    margin: auto;
}
.circled > span{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.thankyou-page .thankyou-text{
    padding: 50px 0;
    font-size: 28px;
    font-weight: 300;
    padding-left: 30px;
    padding-right: 30px;
}
.thankyou-page .backtoHomePage{
    bottom: 40px;
    width: 100%;
}
.thankyou-page .backtoHomePage a{
    margin: auto;
    display: block;
    width: 92%;
    line-height: 38px;
}
.font-light-gray{
    color: #999;
}
.custom-select{
    background: url('/marketplace/static/images/arrow_down.png') no-repeat;
    background-size: 16px;
    background-position: right bottom;
    max-height: 200px;
    overflow-y: auto;
}
.custom-select::-webkit-scrollbar {
    width: 4px;
    height: 20px;
}
.custom-select::-webkit-scrollbar-thumb {
    background-color: #ccc;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.custom-select:focus ~ label{
    color: #177bbb;
}
.animated-top{
    top: 5px;
    font-size: 14px;
    color: #333;
    position: absolute;
}

.custom-select{
    padding-left: 5px;
}
.whitesmoke-color{
    background-color: #EBECED;
}
.display-table-cell{
    display: table-cell;
}
.vertical-center{
    vertical-align: middle;
}
.vertical-top{
    vertical-align: top;
}
.full-height{
    height: 100%;
}
.color-green{
   color: #31B404;
}
.btn-delete {
    color: #e87674!important;
    background: #fff!important;
}
.btn-delete:focus{
    color: #fff!important;
    background: #C64C5C!important;
}
/*Toggle switch */
.switch{
    position: relative;
}
.switch .toggle{
  position: absolute;
  height: 20px;
  width: 32px;
  z-index: 9999;
  opacity: 0;
}
.switch .toggle + label {
 display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
  padding: 2px;
  width: 32px;
  height: 19px;
  background-color: #6E6E6E;
  border-radius: 10px;
  transition: background 0.4s;
}
.switch .toggle + label:before,
.switch .toggle + label:after {
  display: block;
  position: absolute;
  content: "";
}
.switch .toggle + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #6E6E6E;
  border-radius: 15px;
  transition: background 0.4s;
}
.switch .toggle + label:after {
  top: 2px;
  left: 3px;
  bottom: 2px;
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-radius: 50%;
  transition: margin 0.4s, background 0.4s;
}
.switch .toggle:checked + label,
.switch .toggle:checked + label:before {
  background-color: #0086FF;
}
.switch .toggle:checked + label:after {
  margin-left: 11px;
  background-color: #FFF;
}
footer.jd-fixed-footer {
    text-align:center;
    left: 0;
    bottom: 0;
    width: 100%;

}
footer.jd-fixed-footer .footer-btns-2 .footer-btns{
    width:50%;
}
.footer-btns-2 .footer-btns:nth-child(2){
    border-left:0.2px solid #659acf !important;   
}
footer.jd-fixed-footer button{
    border-radius:0;
    font-size:15px;
}
footer .footer-btns-1 button{
  width:100%;
}
.footer-btns-3 .footer-btns,
.footer-btns-3 .footer-btns .footer-btn-text{
   width:33.3% !important;
   white-space:normal;
   font-size:14px;
}
.footer-btns-4 .footer-btns{
   width:25% !important;
   white-space:normal;
   font-size:13px;
}
.footer-btns-5 .footer-btns{
   width:20% !important;
   white-space:normal;
   font-size:13px;
}
.footer-btns-3 .footer-btns:nth-child(2) , .footer-btns-3 .footer-btns:nth-child(3){
 border-left:1px solid #659acf !important;
}
.add-enquiry footer.jd-fixed-footer button{
    height: 51px;
}
.tree-child:before{
    content: "";
    display: inline-block;
    width: 20px;
    height: 37px;
    border-left: 1.5px dashed #999999;
    border-bottom: 1.5px dashed #999999;
    position: relative;
    top: -15px;
    left: 2px;
    float: left;
}
.tree-child{
    margin-left:10px;
}
.tree-child.childMenu{
    margin-left:28px;
}
.heading-text{
  font-size:1.1em;
  color:#333;
}
.text-gap{
    margin-right:5px ! important;
}
.paddingB0{
    padding-bottom:0;
}
.paddingB20{
    padding-bottom: 20px;
}
.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.marginB55{
    margin-bottom:55px;
}
.edit-block.mobileEditBlock .jd-mobile-header .paddingT10{
    padding-top: 4px;
}
.mobile-landing-page{
    padding: 3px 15px 15px 15px;
    height: calc(100% - 55px);
    overflow-y: auto;
    font-family: Gilroy;
}
.mobile-landing-page.mobile-settings{
    padding-top: 3px;
    font-family: Gilroy;
}
.jd-mobile-route-holder.blue-gradient .mobile-landing-page.bg-white,
.onlinestoreLanding{
    background: #FFFFFF;
}
.onlinestoreLanding .mobile-landing-page.clear10{
    overflow: hidden;
    height: initial;
}
.onlinestoreLanding.ht-full-vh{
    height: 100vh;
    position: fixed;
    width: 100%;
}
.onlinestoreLanding .mobile-landing-page{
    background: none;
}
.mobile-landing-page .gap-between-tab{
    padding: 0;
    height: 100%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.20);
    margin-bottom: 12px;
}
.mobile-landing-page .non-card{
    padding: 0;
    box-shadow: unset;
    background: transparent;
    margin: 15px 0 12px;
}
.wap.keyboard_open .customize-sticky-footer, .wap.keyboard_open .sticky-footer,
.keyboard_open .universal-search-footer{
    display: none;
}
.wap.keyboard_open .online-store .cms-edit-options.edit-buttons {
    display: none;
}
.mobile-landing-page .col-xs-1.paddingLR0{
    border: none;
    border-radius: 50%;
    text-align: center;
    height: 40px;
    width: 40px;
    display: table;
    color:#0086FF;
}
.mobile-landing-page .non-card .col-xs-1.paddingLR0{
    display: none;
}
.mobile-landing-page .width100Per{
    width: 100%;
}
.quick-start-landing .row{
   /* padding: 15px 0px;*/
   display: flex;
}
/*.quick-start-landing.campaign-landing .row{
    height: 64px;
    display: flex;
    justify-content: space-between;
        background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.23);
    margin-bottom: 10px;
}*/
/*.quick-start-landing .row:active{
    background: #f6f6f6;
}*/
.quick-start-landing .quick-start-title{
    font-size: 1.2em;
    color: #0086FF;
    padding: 10px;
}
/*.quick-start-landing .dividerLine{
    border-bottom: 0.2px solid #dcdcdc;
    margin: 0px 20px 0px 69px;
}*/
/*.mobile-landing-page .dividerLine{
    border-bottom: 1px solid #dcdcdc;
    margin: 8px 0px 0px 55px;
}*/
.mobile-landing-page .landing-page-icons{
   font-size:18px;
   color:#0086FF;
   display: table-cell;
   vertical-align: middle;
}

.mobile-landing-page .landing-page-title{
   font-size:.875rem;
   color: #333;
   width: 85%;
   top: 10px;
   margin-left: -16px;
}
.mobile-landing-page .count-badge{
    right: 30px;
    top: 8px;
}
.mobile-landing-page .badge-react{
    font-size: 13px;
    padding: 0 7px;
    height: 22px;
    min-width: 22px;
}
.badge-react{
    -webkit-animation: count-pop-in 0.5s;
    transform: translateZ(0);
}
@-webkit-keyframes count-pop-in{
    0%{
        opacity:0;
        -moz-transform:scale(.5);
        -webkit-transform:scale(.5)
    }
    100%{
        opacity:1;
        -moz-transform:scale(1);
        -webkit-transform:scale(1)
    }
}
.mobile-landing-page .non-card .landing-page-title{
    width: 100%;
    margin: 0;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #333;
}
.mobile-landing-page .premium-patch{
    position: absolute;
    right: -1px;
    top: 12px;
}
@media only screen and (max-width: 360px) {
    /*.mobile-product-landing .mobile-landing-page .tab-3 .right-icon{
        transform: translateY(8px);
    }
    .mobile-product-landing .mobile-landing-page .tab-3{
        height: 78px;
    }
    .mobile-product-landing .mobile-landing-page .tab-3 .col-xs-1.paddingLR0{
        transform: translateY(8px);
    }
    .mobile-product-landing .mobile-landing-page .tab-3.disabled .landing-page-title{
        width: 75%;
    }*/
}
.mobile-product-landing .mobile-landing-page .tab-3.disabled .tab-count{
    margin-right: 10px;
}
.voice-app .mobile-landing-page .landing-page-title{
    font-size: 18px;
    margin-top: -1px;
}
.mobile-landing-page .right-icon{
    top: 11px;
    right: 7px;
    font-size: 16px;
    color: #414E59;
}

.mobile-landing-page .count-holder{
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-landing-page .count-holder.count-width{
    width: 34px;
    height: 21px;
    top: 10px;
}

.mobile-landing-page .perc-count{
    display: flex;
    align-items: center;
    height: 45px;
    font-size: 1.2em;
    padding: 0;
    color: #0086FF;
    position: absolute;
    right: 0;
    justify-content: flex-end;
}

.mobile-landing-page .landing-tabs .disabled .landing-page-title,
.mobile-landing-page .landing-tabs .disabled .landing-page-icons,
.mobile-landing-page .landing-tabs .disabled .right-icon,
.mobile-landing-page .landing-tabs .disabled .perc-count{
    color: #999 !important;
}
.order-landing-page .mobile-landing-page .tab-count{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.mobile-landing-page .disabled{
    box-shadow: none;
    cursor: not-allowed;
    /*opacity: 0.65;*/    
    pointer-events: none;
}
.mobile-landing-page .coming-soon{
    box-shadow: none;
    cursor: not-allowed;
    pointer-events: none;
    color: #dcdcdc;
}
.mobile-landing-page .coming-soon-block{
    position: absolute;
    right: 15px;
    top:6px;
    padding: 4px 6px;
    color: #fff;
    background: #00b05b;
    border-radius: 3px;
}
.mobile-landing-page .coming-soon .landing-page-title,
.mobile-landing-page .coming-soon .landing-page-icons
{
    color: #dcdcdc;
}
/*.mobile-landing-page .coming-soon .col-xs-1.paddingLR0
{
      border: 1px solid #dcdcdc;
}*/
.jd-inline-block.align-pay-name{
    padding-top: 15px;
    padding-left: 0px;
}
/*.mobile-landing-page .gap-between-tab:active .landing-page-icons{
   font-size:20px;
   color: white;
}*/
/*.mobile-landing-page .gap-between-tab:active .landing-page-title{
   font-size:1.2em;
   color: white;
}*/
/*.mobile-landing-page .gap-between-tab:active .col-xs-1.paddingLR0{
    border: 1px solid #FFF;
}*/
/*.mobile-landing-page .gap-between-tab:active .dividerLine{
    border-bottom-color: #0086FF;
}*/
/*.mobile-landing-page .gap-between-tab:active{
    background-color: #0086FF;
}*/
.mobile-landing-page .row.margin0.vert-align{
    position: relative;
    bottom: 0;
    padding: 8px 5px 8px 5px;
}
.searchHighlight {
    color: black;
    font-weight: 500;
}
.header-filter-section .mobile-header-center{
    position: relative;
    top: 2px;
    padding-left: 0px !important;
}
body.loggedin-page.iosSafari .header-filter-section .mobile-header-center{
    width:58% !important;
}
.header-filter-section .mobile-header-right{
    width:20% !important;
}
.header-filter-section .mobile-header-right .icon-cross-right{
    padding-right: 8px !important;
}
.header-filter-section .mobile-header-right .mobile-header-right-text{
    min-width: 62px;
    display: block;
    text-align: center;
}
.mobile-filters .modal-dialog.tab{
    /* padding-top: 55px; */
    overflow: hidden;
}
.mobile-filters .box-shadow-at-bottom{
    box-shadow: #E9E7E7 0px 6px 6px -6px;
}
.mobile-filters.modal.fade .modal-dialog {
  -webkit-transition: unset;
     -moz-transition: unset;
       -o-transition: unset;
          transition: unset;
  -webkit-transform: unset;
      -ms-transform: unset;
          transform: unset;
}
.mobile-filters.modal.in .modal-dialog {
  -webkit-transform: unset;
      -ms-transform: unset;
          transform: unset;
}
.mobile-filters.fade.in{
    opacity: unset;
    left: 0;
}
.mobile-filters.modal{
    left: 100%;
    overflow: hidden;
}
.mobile-filters.fade{
    opacity: unset;
    -webkit-transition: left .30s linear;
    transition: left .30s linear;
}
.mobile-filters  .tabs-left {
  border-bottom: none;
   border-right: 1px solid #ddd;
   font-size: 12px;
}
.mobile-filters .tabs-left>li {
  float: none;
  margin-right: -1px;
}
.mobile-filters .tabs-left>li.active>a,
.mobile-filters .tabs-left>li.active>a:hover,
.mobile-filters .tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
   background:white;
}
.mobile-filters .filter-footer-btn{
    height: 40px;
    width: 90%;
    font-size: 14px;
    border-radius: 20px;
}
.mobile-filters footer.jd-fixed-footer{
    padding-bottom: 0;
    background: #fff;
    height: 55px;
}
.mobile-filters footer.jd-fixed-footer .footer-btns-1:after{
    content: '';
    width: 100%;
    position: absolute;
    bottom: -17px;
    right: 0;
    pointer-events: none;
    height: 120px;
    z-index: -1;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.95) 0%,rgba(255, 255, 255, 0.68) 50%, rgba(255, 255, 255, 0) 100% );
}
.mobileVendorApp.keyboard_open .mobile-filters footer.jd-fixed-footer{
    display: none;
}
.mobile-filters .tabs-left>li>a {
  border-radius:0;
  margin-right: 0;
  display:block;
  background:#f5fafe;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.mobile-filters .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover{
    border: none;
}
.mobile-filters  .tab-content .cross-icon{
    position: absolute !important;
    right: 9px;
    top: 11px;
    font-size: 19px;
    width: 25px;
    height: 25px;
    color: #7d7d7d;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    transform: translate3d(0,0,0);
}
.mobile-filters  .tab-content .search-icon{
    position: relative;
    top:15px;
    left:2px;
    color: #7d7d7d;
}
.mobile-filters .filter-autosugg .filter-count{
    text-align: right; 
    padding: 0 5px;
    color: #7d7d7d;
    padding-right: 17px;
}
.mobile-filters .filter-autosugg{
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 160px);
    overflow: hidden auto;
    padding-bottom: 70px;
    font-size: 14px;    
}
.mobileVendorApp.keyboard_open .mobile-filters .filter-autosugg{
    padding-bottom: 15px;
}
.mobile-filters .filter-autosugg .filter-values{
  padding: 13px 0px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.mobile-filters .jd-fixed-footer{
    position: sticky !important;
    position: -webkit-sticky !important;
    bottom: 0;
}
.mobile-filters .red-dot{
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: red;
}
.mobile-filters .filter-autosugg .divider-line{
    margin-left: 43px;
    border-bottom: 1px solid #EDEDED;
    border-top: unset;
    position: unset;
    margin-right: 15px;
    width: unset;
}
.mobile-filters .filter-autosugg .filter-options{
    color: #333;
}
.mobile-filters .padding20{
    padding: 20px;
}
.mobile-filters .paddingL14{
    padding-left: 14px;
}
.paddingL12{
    padding-left: 12px;
}
 .paddingL7{
    padding-left: 7px;
}
.mobile-filters .marginL5{
    margin-left: 5px;
}
.mobile-filters  .font40{
    font-size: 40px;
}
.mobile-filters .tab-content .no-result{
    position: relative;
    top: unset;
    padding: 10px;
}
.mobile-filters .tabs-left .height-65{
    height: 65px;
}
.mobile-filters .height-45{
    height: 45px;
}
.mobile-filters .nav-tabs > li > a, .nav-tabs > li > a:hover{
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    color: #7D7D7D;
}
.mobile-filters .nav-tabs > li > a .filter-name-width{
    width: unset;
}
.mobile-filters .nav-tabs > li {
    text-align: left;
    width: auto;
}
.mobile-filters .nav-tabs > li .orange-dot {
    position: initial;
}
.mobile-filters .nav > li:focus > a,.mobile-filters .nav > li:hover > a{
    color: #333;
}
.mobile-filters .selection-sizing
{
   font-size: 0px;
}
.mobile-filters .pos-label{
    position: relative;
    top: 5px;
}
.mobile-filters .paddingT20{
    padding-top:20px !important;
}
.mobile-filters .nav > li.active > a {
  color: #333333;
}
.mobile-filters .custom-dates .date-from-to-range .border-bottom{
    border-bottom: none;
}
.mobile-filters input[type='date']::before {
  content: attr(placeholder);
  color: #7d7d7d;
  padding-left: 5px;
}
.mobile-filters input[type="date"]:valid::before {
    content: "" !important;
    padding-left: 0;
}
.mobile-filters .filter-date {
    -webkit-appearance: none;
}
.mobile-filters .filter-date::-webkit-inner-spin-button,
.mobile-filters .filter-date::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
.mobile-filters .no-result-positioning{
    position: relative;
    top: 32%; 
}
.mobile-filters footer.jd-fixed-footer button {
    box-shadow: rgba(0, 0, 0, 0.30) 0 3px 6px 0;
}
.mobile-filters .custom-checkbox .custom-check-box{
    pointer-events: none;
}
.mobile-filters .radio-selection .custom-checkbox .custom-check-box:checked + .label-tag{
    border: 1px solid #0086FF;
    border-radius: 50%;
    width: 20px;
    height: 20px;
}
.mobile-filters .radio-selection .custom-checkbox .custom-check-box:checked + .label-tag > span:after,
.mobile-filters .radio-selection .custom-checkbox .custom-check-box:not(:checked) + .label-tag > span:after{
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.mobile-filters .radio-selection .custom-checkbox .custom-check-box:checked + .label-tag > span:after,
.mobile-filters .radio-selection .custom-checkbox .custom-check-box:not(:checked) + .label-tag > span:after{
    content: '';
    width: 10px;
    height: 10px;
    background: #0086FF;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.mobile-filters .radio-selection .custom-checkbox .custom-check-box:not(:checked) + .label-tag > span:after{
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.mobile-filters .radio-selection .custom-checkbox .custom-check-box:checked + .label-tag > span{
    border: 0px;
}
.text-blue{
    color:#0086FF !important
}

.pending-amt-lg{
  font-size:1.4em;
}
.pending-payment-mobile .select-payment-mode{
  padding:15px 0px;
  padding-bottom: 0px;
  padding-top: 10px;
}
.pending-payment-mobile .select-payment-mode:active{
    background-color: #f6f6f6;
}
.pending-payment-mobile .icon-size-n-pos{
    position: relative;
    top: 10px;
    font-size: 1em;
}
.pending-payment-mobile .payment-mode-icon{
  position: relative;
  top: 2px;
  margin-right: 5px;
  color: #0086FF;
}
.pending-payment-mobile .payment-btn{
  width:48.5%;
  font-size:15px;
}
.pending-payment-mobile .icon-inside-circle{
    border: 1px solid #0086FF;
    border-radius: 50%;
    width: 40px;
    padding: 9px;
    height: 40px;
}
.quick-start-landing .icon-inside-circle{
    border: 1px solid #0086FF;
    border-radius: 50%;
    text-align: center;
    display: table;
    width: 40px;
    height: 40px;
    line-height: 40px;   
}
.pending-payment-mobile .icon-inside-circle{
    position:  relative;
    top: -2px;
}
.pending-payment-mobile .select-pay-icon{
  color:#0086FF;
  position:relative;
  top:2px;
}
.quick-start-landing .select-quick-icon{
    color:#0086FF;
    position:relative;
    display: table-cell;
    vertical-align: middle;
}
.quick-start-landing .disabled .select-quick-icon{
    color: #999;
}
.quick-start-landing .disabled .icon-inside-circle{
    border: 1px solid #999;
}
.pending-payment-mobile .amout-suggestion span{
    border: 1px solid #788288 !important;
    display: inline-block;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 0px;
    color: #0086FF;
    font-size: 14px;
    min-width: 70px;
    margin-left: 0px;
    margin-bottom: 5px;
}
.pending-payment-mobile .amout-suggestion span:active{
    background-color: #f6f6f6;
}
.pending-payment-mobile .amout-suggestion .icon-currency{
  font-size:11px;
}
.pending-payment-mobile .pay-entry-section{
   overflow-y:auto;
   margin-bottom:100px;
   overflow-x: hidden;
}
.pending-payment-mobile .amount-holder:hover{
      background:none;
}
.date-from-to-range .date-range{
    background-color: #ffffff;
    padding-bottom: 15px;
}
.date-from-to-range .date-range .date-center{
    padding: 0px 15px;
}
.date-from-to-range .date-range .date-center .startDate,
.date-from-to-range .date-range .date-center .endDate{
    border: 1px solid #C4CCD2;
    width: 100%;
    height: 37px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 5px;
    padding-right: 10px;
}
.date-from-to-range .date-range .date-center .label-txt{
    font-size: 12px;
    color: #7A8994;
    margin-bottom: 10px;
    margin-top: 25px;
    line-height: 1;
}
.date-from-to-range .date-range .date-center .hyphen{
    padding-top: 30px;
    right: 9px;
}
.date-from-to-range label{
    margin: 0;
}

input[type=date]::-webkit-calendar-picker-indicator {
    opacity: 0;

}

input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}
.date-from-to-range .date-range .date-center .form-control{
    width: 100%;
    padding: 0px;
    border-style: none;
}
.date-from-to-range .date-range .date-center .date{
    display:block;
    width: 149px;
    height : 0px;
}
.date-from-to-range .date-range .date-center .inline{
    position: relative;
    top: 30px;
}
.truncate-two-line-ellipsis{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break:break-word;
}
.mobile-filters .prog-loader-child{
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid #3272B2; /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
    /*top: 50%;
    position: absolute;
    margin-top: -60px;
    left: 50%;
    margin-left: -60px;*/
}
.mobile-filters .success-loader{
    display: table;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.orange-dot {
    position: relative;
    top: 2px;
    color: #ff9900 !important;
    float: right;
    right: 10px;
   
}
.small-header-loader {
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid #3498db;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    display: inline-block;
    position: relative;
    top: 1px;
    right: 8px;
}
body.hideLoader .mobile-loader{
    visibility:hidden;
}
.common-product-row{
    width:90%;
    word-break: break-all
}
.amount-section-right{
    position: absolute;
    right: 0px;
}
.jd-popup-modal .modal-vertical-alignment-helper {
    display: table;
    height: 100%;
    margin: 0 auto;
}
.jd-popup-modal .modal-dialog.popup-modal{
    display: table-cell;
    vertical-align: middle;
    position: relative;
    top: auto;
    left: auto;
    width: 325px;
    max-width: calc(100vw - 10px);
}

.jd-popup-modal .modal-content {
    border-radius: 10px;
    border: none;
    overflow: hidden;
    /*height: 227px;
    width: 351px;*/

}

.jd-popup-modal .modal-header {
    color: #424448;
    font-size: 16px;
    opacity: 0.79;
}

.jd-popup-modal .modal-header .close {
    margin-top: 1px;
}

.jd-popup-modal.alert-content-block-modal .modal-dialog.popup-modal{
    width: 275px;
}
.jd-popup-modal .modal-dialog.popup-modal .modal-body {
    padding: 25px 20px;
}

.jd-popup-modal .modal-dialog.popup-modal .modal-body .warning {
    color: #727272;
    padding: 15px 0px 0px;
}

.jd-popup-modal .modal-dialog.popup-modal .padding0 {
    padding: 0;
}

.jd-popup-modal .modal-dialog.popup-modal .modal-footer .cancel-btn{
    background-color: #e8e8e8;
    border-bottom-left-radius: 4px;
}

.jd-popup-modal .modal-dialog.popup-modal .modal-footer .padding12 {
    padding: 12px;
}

.jd-popup-modal .modal-dialog.popup-modal .modal-footer .cursor-pointer {
    cursor: pointer;
}

.jd-popup-modal .modal-dialog.popup-modal .modal-footer .confirm-btn{
    background-color: #69be7b;
    border-bottom-right-radius: 4px;
    color: white;
}
.jd-popup-modal .modal-dialog.popup-modal .modal-footer .confirm-btn.col-xs-12{
    border-bottom-left-radius: 4px;
}
.jd-content-block .jd-mobile-header {
    position: absolute;
}
.jd-animate.full-height.animate-subsection-left.cmsBlockMenu .jd-mobile-header{
    position: fixed;
}

.cursor-pointer.content-list.mobilecmsmenu{ 
    padding-bottom: 0px;
    padding-top: 0px;
    position: relative;
    width: 50%;
}
.cmsmobilebanner .cursor-pointer.content-list.mobilecmsmenu{
    width: 100%;
}
.jd-mobile-route-holder .jd-content-block .content-menu .content-options.cmsmobilemenu{
    padding-right: 0;
}

/*.content-options.block.cmsmobilemenu
{
    column-count: 2;
    column-gap: 1em;
}*/

.jd-popup-modal .modal-dialog.popup-modal .modal-footer .green{
    background-color: #69BE7B;
}

.jd-popup-modal .modal-dialog.popup-modal .modal-footer .red{
    background-color: #EA493F;
}

.jd-popup-modal .modal-dialog.popup-modal .modal-footer .blue{
    background-color: #0086FF;
}

.jd-popup-modal .modal-dialog.popup-modal .modal-body .header{
    font-size: 130%;
    font-weight: 500;
    color: #434343;
    min-height: 20px;
    padding: 0;
}
.jd-popup-modal.save-changes-back-btn .modal-dialog.popup-modal .modal-body .header{
    display: none;
}
.jd-popup-modal .modal-dialog.popup-modal .modal-body .description{
    font-size: 14px;
    font-weight: 400;
    color: #434343;
    padding-top: 15px;
}
.jd-popup-modal.save-changes-back-btn .modal-dialog.popup-modal .modal-body .description{
    padding-top: 10px;
    padding-left: 25px;
    padding-right: 25px;
}
.jd-popup-modal.save-changes-back-btn .modal-dialog.popup-modal .modal-body{
    padding-top: 5px;
}
.jd-popup-modal .modal-dialog.popup-modal .modal-footer{
    padding: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top: none;
}
.background-grey{
    background-color: #eee;
}
.background-selected {
	background-color: #F3F7FC;
	border-left: 4px solid #1C5AB3;
}

.home-bar-menu-list .menu-item.background-selected{
    color:#0086FF;
}
.background-unselected{
 border-left: 4px solid transparent;   
}
.background-white{
    background-color: #fff;
}
.from-customer-app .menu-overflow{
    padding-bottom: 0px !important;
}
.upgradeModal .modal-vertical-alignment-helper .trial-expiry-img{
    height:90px;
    width: 90px;
}
.upgradeModal .modal-vertical-alignment-helper .paddingT30{
    padding-top: 10px;
}
.upgradeModal .modal-vertical-alignment-helper .paddingB30{
    padding-bottom: 10px;
}
.upgradeModal .modal-vertical-alignment-helper .font24{
    font-size: 1.5em;
    color: #333;
}
.upgradeModal .modal-vertical-alignment-helper .sub-text{
    font-size: 1.09em;
    color: #939393;
}
/*--------------------Domain Renewal Css ---------------------------*/
.domain-mobile{
    display: flex;
    justify-content: center;
    background-color: #fff;
    top: 55px;
    min-height: 0;
    height:auto;
    text-align: center;
    /*box-shadow: 0px 2px 5px #ADADAC;*/
    z-index: 1;
    /* margin-top: -15px; */
    border-radius: 18px;
	margin-top: 3px !important;
    margin-left: 7px;
    width: calc(100% - 14px);
    margin-right: 7px;
    opacity: 1;
    transition: margin-top 0.5s, opacity 0.5s;
}
.jd-ios-style .onlinestoreLanding .domain-mobile,
.safariBrowser .onlinestoreLanding .domain-mobile{
    position: unset;
}
.domain-mobile-initial{
    display: flex;
    justify-content: center;
    background-color: #fff;
    top: 55px;
    height:auto;
    text-align: center;
    border-radius: 18px;
	margin-top: 7px !important;
    margin-left: 7px;
    width: calc(100% - 14px);
    margin-right: 7px;
    /*box-shadow: 0px 2px 5px #ADADAC;*/
    z-index: 1;
    opacity: 0;
    margin-top: 100vh !important;
    transition: unset;
}
.domain-mobile > div > div {
	border-radius: 10px;
}
.jd-ios-style.mobile-dashboard .domain-mobile{
    /* margin-top: 0!important; */
    top:50px;
}
.domain-renew{
    box-shadow: none;
    top: 0;
    height: auto;
    display: block;
    left:0;
    transform:none;
    position: relative;
}
.domain-renew .domain-renew-des .domain-btn{
    float: none !important;
    padding-top: 78px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}
.domain-renew .domain-renew-des .domain-btn .jd-btn-primary{    
    background: #0086FF;
    color: #fff; 
}
.domain-renew .domain-configure .domain-btn .jd-btn-primary,
.domain-renew .domain-renew-waring .domain-btn .jd-btn-primary,
.domain-renew .domain-expired-no-renew .domain-btn .jd-btn-primary{
    width: 100%;
    border-radius: 20px;
}
.domain-renew .domain-renew-des .icon-SpWebsite{
    padding-left: 15px;
}
.domain-renew .domain-renew-waring{
    padding: 0 20px;
    background-color:#fefaef;
    color:#ffa800;
    margin: 0 -20px;
}
.domain-renew .domain-renew-waring.domain-renew-err{
    background: rgba(198,76,92,0.10);
    color:#ffa800;
}
.domain-renew .domain-renew-waring.domain-renew-err .tab-icon{
    color: #C64C5C;
}
.domain-renew .domain-renew-waring .icon-ViewWeb{
    color:#ffa800;
}
.domain-renew .domain-renew-waring.domain-renew-des .domain-btn .jd-btn-primary{
    background:#ffa800;
    border:1px solid #ffa800;
}
.domain-renew .domain-renew-waring.domain-renew-des.domain-renew-err .domain-btn .jd-btn-primary{
    background: #C64C5C;
    border:1px solid #C64C5C;
}
.domain-renew .domain-expired{
    background-color: #FCE6E5;
    color: #C64C5C;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
}
.domain-renew .domain-expired .tab-icon{
    font-size: 20px;
    color: #C64C5C;
}
.domain-renew .domain-expired .icon-ViewWeb{
    color:#e87675;
}
.domain-renew .domain-expired.domain-renew-des .domain-btn .jd-btn-primary{
    background: #FFFFFF;
    color: #C64C5C;
    border: 1px solid #C64C5C;
    border-radius: 16px;
    height: 33px;
    padding: 5px 0px;
    font-weight: 400;
    width: 100%;
}
.domain-renew .domain-expired.domain-renew-des .domain-btn .jd-btn-primary.jd-btn-inverse{
    background: #C64C5C;
    color: #FFFFFF;
}
.marginT8px{
    margin-top: 8px;
}
.domain-renew .domain-renew-waring .tabWidth,
.domain-renew .domain-expired-grace .tabWidth,
.domain-renew .domain-expired-no-grace .tabWidth,
.domain-renew .domain-expired-no-renew .tabWidth{
    width: 80%;
}
.domain-renew .domain-expired-grace .configure-btn,
.domain-renew .domain-expired-no-grace .configure-btn{
    width: 45%;
    font-size: 14px;
}
.domain-renew .domain-expired-grace .renew-btn,
.domain-renew .domain-expired-no-grace .renew-btn{
    width: 45%;
    font-size: 14px;
}
.domain-renew .domain-expired-grace.domain-expired.domain-renew-des .domain-btn .jd-btn-primary.configure-btn,
.domain-renew .domain-expired-no-grace.domain-expired.domain-renew-des .domain-btn .jd-btn-primary.configure-btn{
    background: transparent;
    border: 1px solid #e87675;
    color: #e87675;
    margin-right: 15px;
}
.mobileEditBlock .modal-header .jd-mobile-header table tbody tr td:nth-child(2) {
    text-align: left;
}
.mobileEditBlock .modal-header .jd-mobile-header table tbody tr td:nth-child(3) .icon-cross-right .icon-saveNew {
    padding-right: 9px;
    font-size: 10px;
}
.mobileEditBlock .modal-header .jd-mobile-header table tbody tr td:nth-child(3) .icon-cross-right .icon-colourNew,
.mobile-banner-header .jd-mobile-header table tbody tr td:nth-child(3) .icon-cross-right .icon-colourNew {
    padding-left: 30px;
    font-size: 20px;
    position: relative;
    top: 4px;
}
.cropper-block.mobileEditBlock table tbody tr td:nth-child(3) .icon-cross-right{
    position: relative;
    top: -5px;
}
.mobileEditBlock .modal-header .jd-mobile-header .header-right-icon .mobile-header-right-text{
    display: block;
    text-align: center;
    height: 22px;
}
.mobileEditBlock .modal-header .jd-mobile-header.mobileEditModalHeader .header-right-icon:nth-child(1) i{
    font-size: 16px;
    position: relative;
    top: 4px;
}
.mobileEditBlock .modal-header .jd-mobile-header.mobileEditModalHeader .header-right-icon:nth-child(1) span:nth-child(1){
    display: block;
    text-align: center;
    height: 22px;
    position: relative;
    top: 3px;
}
.mobileEditBlock .modal-header .jd-mobile-header.mobileEditModalHeader .header-right-icon:nth-child(1) .pos-rel,
.mobileEditBlock .modal-header .jd-mobile-header.mobileEditModalHeader .header-right-icon:nth-child(2) .pos-rel{
    display: block !important;
}
.mobileEditBlock .modal-header .jd-mobile-header.mobileEditModalHeader .header-right-icon:nth-child(2) i{
    font-size: 12px;
}
.mobileEditBlock .modal-header .jd-mobile-header.mobileEditModalHeader .header-right-icon:nth-child(1){
    width: 75px;
    text-align: center;
    padding-right: 0px;
}
.mobileEditBlock .modal-header .jd-mobile-header.mobileEditModalHeader .header-right-icon:nth-child(2){
    width: 30px;
    text-align: center;
    margin-right: 10px;
    margin-left: 20px;
    padding-right: 0px;
}
.mobileEditBlock .modal-header .jd-mobile-header.mobileEditModalHeader .header-right-icon:nth-child(2) span{
    display: block;
    text-align: center;
    height: 22px;
}
.mobileEditBlock .modal-header .jd-mobile-header.mobileEditModalHeader .mobile-header-left i,
.mobileEditBlock .jd-mobile-header.mobileVideoLinkHeader .mobile-header-left i{
    left:5px!important;
    top:0px!important;
}
.mobileEditBlock .modal-header .jd-mobile-header table tbody tr td:nth-child(3) div {
    padding-top: 0px;
}
.mobileEditBlock .edit-popover .block-width {
    width: 12.5%;
    font-size: 16px;
    padding: 0px;
}
 .edit-block.mobileEditBlock .editable-content-holder .edit-popover .both{
     width:12.5%;
     display: inline;
     padding: 0px;
 }
 .edit-block.mobileEditBlock .editable-content-holder .edit-popover .both.link{
     width:11%;
     position: relative;
     left: 2%;
 }
 /*increasing width of delete icon */
 .edit-block.mobileEditBlock .editable-content-holder .edit-popover .both.delete .icon-trash {
    display: inline-block;
    width: 100%;
 }
 .edit-block.mobileEditBlock .editable-content-holder.editable-button .edit-popover .buttons-content .both.link{
    left: 0;
 }
.mobileEditBlock .editable-content-holder.editable-button .edit-popover .block-width.button{
    width: 14.28%;
}
.mobileEditBlock .editable-content-holder.input-content .edit-popover .block-width.input{
    width: 16.5%;
}
.mobileEditBlock .editable-content-holder.input-content .edit-popover .icon-buttonStyle{
    /*position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);ticket 45751*/ 
    font-size: 40px !important;
}
/*.edit-block.mobileEditBlock .dark-gray-pop .alignment-pop{
    top: -40px;
}*/
.edit-block.mobileEditBlock .dark-gray-pop .popover.edit-detail-popover{
    display: none;
}
.edit-block.mobileEditBlock .pop-btns.toolbar-action .icon-down-arrow:hover ~ .edit-detail-popover {
    display: none;
}
.edit-block.mobileEditBlock .pop-btns.toolbar-action .icon-middleAlign:hover ~ .edit-detail-popover,
.edit-block.mobileEditBlock .pop-btns.toolbar-action .icon-leftAlign:hover ~ .edit-detail-popover,
.edit-block.mobileEditBlock .pop-btns.toolbar-action .icon-rightAlign:hover ~ .edit-detail-popover {
    display: none;
}
.mobileEditBlock .dark-gray-pop .alignment-pop{
	width: 128px;
    left: -39px;
    border-radius: 4px;
    height: 42px;
    top: -50px;
}
.mobileEditBlock .dark-gray-pop .Alignment-pop{
    width: 132px;
    left: -50px;
}
.edit-block.mobileEditBlock .dark-gray-pop .Alignment-pop .popover-content{
    padding: 6px 1px 7px 4px;
}
.edit-block .pop-btns.toolbar-action .Alignment-pop .arrow{
    left: 58%;
}
.mobileEditBlock .dark-gray-pop .styles-pop{
	left: -32px;
    width: 101px;
    border-radius: 4px;
}
.mobileEditBlock .dark-gray-pop .styles-pop .arrow{
    left: 65%;
}
.mobileEditBlock .dark-gray-pop .font-size-pop{
    width: 176px;
	left: -67px;
    top: -50px;
}
.edit-block .pop-btns.toolbar-action .font-size-pop .arrow{
    left: 60%;
}
.edit-block.mobileEditBlock .pop-btns.toolbar-action .font-size-pop .arrow{
    left: 57%;
}
.mobileEditBlock .input-content .alignment-pop{
    top: -44px;
}
.mobileEditBlock .icon-lineHight{
    padding: 0 4px;
}
.mobileEditBlock .icon-character-Spacing{
    padding-left: 8px;
}
.mobileEditBlock .dark-gray-pop .alignment-pop .alignment-btn{
    float:left;
    font-size: 16px;
    padding: 0;
}
.mobileEditBlock.edit-block .pop-btns.toolbar-action .alignment-pop .popover-content{
    justify-content: space-around;
    align-items: center;
}
.open{
    display:table-cell;
}
.slide-panel-open .open{
    display:table-cell !important;
}
.closed{
    display: none;
}
.slide-panel-open .closed{
    display:none !important;
}
.link-name{
    padding: 10px 5px 10px 60px;
    font-size: 16px;
}
.mobile-bottom-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-weight: 300;
}

.mobile-switch-button-container .custom-switch-btn{
    background-color: #dedede;
    border-radius: 18px;
    height: 12px;
    position: relative;
    width: 32px;
    margin-bottom: 0;
}

.mobile-switch-button-container .switch-button {
    background-color: #999;
    border: solid 1px #ccc;
    border-radius: 10px;
    height: 18px;
    left: -1px;
    position: absolute;
    transition: .3s;
    top: -3px;
    width: 18px;
}

.mobile-switch-button-container .switch-btn-checkbox:checked + .custom-switch-btn {
    background-color: #73b3c3;
}
.mobile-switch-button-container .switch-btn-checkbox:checked + .custom-switch-btn .switch-button {
    left: 15px;
    background-color: #0086FF;
    border-color: #0086FF;
}

.container.setting-page.logout-btn{
    position: fixed;
    bottom: 75px;
    width: 100%;
    border-radius: 4px;
}
.container.setting-page.logout-btn .col-xs-12{
    box-shadow: 0px 0.5px 0.5px 1px #dcdcdc;
    background: #fff;
    padding: 20px 15px;
    border-radius: 5px;
}
.container.setting-page.logout-btn .col-xs-12 i{
    padding-top: 1px;
}
.container.setting-page.logout-btn .col-xs-12 .col-xs-11{
    font-size: 1.2em;
    color: #333;
}
.setting-page.logout-btn .icon-logout:before{
    color: #0086FF;   
}
.campaign-landing.quick-start-landing .backgroundWhite .coming-soon-box{
    color: #fff;
    padding: 7px;
    position: absolute;
    bottom: 15px;
    right: 0px;
    width: 107px;
    border: 1px solid;
    text-align: center;
    background: #00b05b;
    border-radius: 3px;
}
/*.campaign-landing.quick-start-landing .backgroundWhite .icon-inside-circle{
    padding: 10px 0px 8px 9px;
}*/
.campaign-landing.quick-start-landing .backgroundWhite .icon-holder{
    padding-top: 15px;
}
.campaign-landing.quick-start-landing .backgroundWhite .row .col-xs-9{
    padding:24px 0px 18px 0px;
    font-size: 1.1em;
    color: #333;
    width: 75%;
}
.mob-manage-customer .col-xs-12 .jd-truncate-with-ellipsis{
    font-size: 1.1em;
    color: #333;
}
.mob-manage-customer .due-date span,
.mob-customer-detail .due-date span{
    background: rgba(255, 182, 193, 0.56);
    color: red;
    border: 1px solid rgba(255, 182, 193, 0.56);
    border-radius: 8px;
    font-size: 0.75em;
    padding: 0px 5px;
}
.mob-customer-detail .sectionDivider{
    border-top: 5px solid #eee;
    padding: 0!important;
}
.web-campaign-manage.mobile-view .jd-fixed-footer .footer-btns-2 button{
    height: 50px;
}
.web-campaign-manage.mobile-view .campaign-name-section{
    padding: 22px 15px 10px 15px;
    margin-bottom: 15px;
    box-shadow: 0px 2px 4px #ccc;
}
.web-campaign-manage.mobile-view .campaign-name-section label,
.web-campaign-manage.mobile-view .campaign-name-section span,
.web-campaign-manage.mobile-view .web-compose-sms.invalidsms label,
.web-campaign-manage.mobile-view .select-customer > label{
    font-size: 12px;
    color: #9FA2A7;
    margin-bottom: 0;
}
.web-campaign-manage.mobile-view .select-customer > label{
    padding: 15px 15px 0px 15px; 
}
.web-campaign-manage.mobile-view .select-customer .icon-pagination-right{
    color: #424448;
    right: 0px;
    font-size: 23px;
    position: absolute;
}
.web-campaign-manage.mobile-view .web-compose-sms{
    padding-top: 15px;
}
.web-campaign-manage.mobile-view .web-compose-sms .sms-count{
    float: right;
}
.web-campaign-manage.mobile-view .web-compose-sms .error-message{
    font-size: 12px;
}
.web-campaign-manage.mobile-view .web-compose-sms>label{
    margin-bottom: 5px;
}
.web-campaign-manage.mobile-view .web-compose-sms.invalidsms label{
    color: #9FA2A7;
}
.web-campaign-manage.mobile-view .campaign-name-section textarea{
    font-size: 16px;
}
.web-campaign-manage.mobile-view .select-outlets{
    padding: 15px 15px 10px 15px;
    margin-bottom: 15px;
    box-shadow: 0px 2px 4px #ccc;
}
.web-campaign-manage.mobile-view .select-outlets .input-heading-style{
    color: #424448;
    font-size: 16px;
    font-weight: 300;
}
.web-campaign-manage.mobile-view .select-all-option{
    padding: 10px 8px 10px 0px;
}
.web-campaign-manage.mobile-view .select-customer{
    /*padding: 15px 15px 0px 15px;*/
    margin-bottom: 15px;
    box-shadow: 0px 2px 4px #ccc;
}
.web-campaign-manage.mobile-view .jd-custom-radio:checked + label > span{
    padding-bottom: 4px;
    padding-right: 4px;
}
.web-campaign-manage.mobile-view .select-customer .drop-down .jd-autosuggest li{
    color: #424448;
}
.web-campaign-manage.mobile-view .select-customer .drop-down .jd-autosuggest li .border-bottom >span{
    display: none;
}
.web-campaign-manage.mobile-view .select-customer .drop-down .jd-autosuggest li .border-bottom .label-style { 
    position: relative;
    font-size: 16px;
    left: 30px;
}
.web-campaign-manage.mobile-view .select-customer .drop-down .jd-autosuggest> li> div .icon-clickNew {
    top: 12px;
    position: absolute;
    visibility: visible;
    left: -2px;
    font-size: 18px;
}
.web-campaign-manage.mobile-view .select-customer .drop-down + div .jd-circular-checkbox label{
    width: 100%;
    height: 2.8em;
    display: block;
    padding: 0px 15px;
}
.web-campaign-manage.mobile-view .select-customer .drop-down + div span:active,
.web-campaign-manage.mobile-view .select-customer .drop-down + div .jd-circular-checkbox label:active{
    background: #f6f6f6;
}
.web-campaign-manage.mobile-view .select-customer .drop-down{
    margin: 0px 15px;
}
.web-campaign-manage.mobile-view .send-test{
    padding: 1px 15px 13px 15px;
    margin-bottom: 15px;
    box-shadow: 0px 2px 4px #ccc;
}
.web-campaign-manage.mobile-view .campaign-name-section .form-group input{
    border: none;
    border-bottom: 2px solid #0086FF;
    border-radius: 0;
    padding-left: 0px;
    font-size: 16px;
}
.web-campaign-manage.mobile-view .select-outlets .select-outlet-style{
    border: none;
}
.web-campaign-manage.mobile-view .select-outlets .select-outlet-style .outlet-name-style{
    font-size: 16px;
    color: #424448;
}
.web-campaign-manage.mobile-view .select-outlets .scrollChange .col-xs-11{
    margin-left: 8px;
}
.web-campaign-manage.mobile-view .jd-custom-radio:not(old) + label > span{
    position: relative;
    right: 0px;
    margin: 7px 0px;
    top: 4px;
}
.web-campaign-manage.mobile-view .jd-custom-radio:not(old) + label > font{
    font-size: 16px;
    color: #424448;
    margin-left: 10px;
    padding: 0px 5px;
    position: relative;
    bottom: 2px;
}
.campaign-mobile .animate-div-right.full-height.animate-slider{
    background: transparent;
}
.web-d-jd-select-customer-slider .animate-div-right.full-height.animate-slider{
    position: fixed;
}
.web-campaign-manage.mobile-view .drop-down .drop-down-div .drop-down-input{
    margin-bottom: 10px;
    font-size: 18px;
}
.web-campaign-manage.mobile-view .send-test .input-group .input-group-addon,
.web-campaign-manage.mobile-view .send-test .input-group input{
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    padding-left: 0px;
}
.web-campaign-manage.mobile-view .send-test .input-group input{
    width: 95%;
    z-index: inherit;
}
.web-campaign-manage.mobile-view .send-test .input-group .input-group-addon.btn{
    background: #0086FF;
    padding-left: 10px;
    border: 1px solid #0086FF;
    border-radius: 5px;
    color: #fff;
}
.web-campaign-manage.mobile-view .send-test .input-group .input-group-addon.btn[disabled]{
    background: #ccc;
    border-color: #ccc;
    color: #424448;
}
.web-campaign-manage.mobile-view .jd-fixed-footer .footer-btns-2 button:nth-child(1){
    background: #fff !important;
    color: #424448 !important;
}
.web-campaign-manage.mobile-view .jd-fixed-footer .footer-btns-2 button:nth-child(2){
    border-left: none !important;
    background: #0086FF !important;
    color: #fff !important;
}
.mobileVendorApp .web-campaign-manage.mobile-view .jd-fixed-footer .footer-btns-2 button:nth-child(2){
    border-left: none !important;
    background: #0086FF !important;
    color: #fff !important;
}
.web-campaign-manage.mobile-view .text-link.cursor-pointer{
    border: 1px solid #0086FF;
    padding: 5px 10px;
    border-radius: 3px;
    position: absolute;
    right: 20px;
    bottom: 1.3em;
    color: #0086FF;
}
.web-campaign-manage.mobile-view .text-link.cursor-pointer:active{
    border-color: #fff;
    color: #fff;
    background: #0086FF;
}
.web-campaign-manage.mobile-view .select-customer .drop-down .jd-autosuggest li .border-bottom {
    border-bottom: none;
}
.web-campaign-manage.mobile-view .customer-selected-info{
    padding: 20px 15px;
    position: relative;
}
.web-campaign-manage.mobile-view .select-customer-divider-line{
    border-bottom: 1px solid #ccc;
    padding: 5px 0px;
    margin: 0px 15px;
}
.web-campaign-manage.mobile-view .customer-selected-info span:nth-child(1),
.web-campaign-manage.mobile-view .customer-selected-info span:nth-child(2){
    font-size: 16px;
}
.web-campaign-manage.mobile-view .group-info-text{
    font-size: 16px;
    color: #424448;
    padding: 0px 8px;
    display: inline-block;
    padding-top: 6px;
}
.mobileView .jd-animate .slider-header{
    background: white;
}
.campaign-landing.quick-start-landing .backgroundWhite  .row .col-xs-9.campaign-name{
    padding: 0px 15px 10px 0px;
    padding-left: 0;
    margin-left: 15px;
    margin-bottom: -11px;
    color: #333;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}
.campaign-landing.quick-start-landing .backgroundWhite .row .campaign-status{
    width: 40px;
    display: inline-block;
}

.campaign-landing.quick-start-landing .backgroundWhite .row .campaign-status .status-sent-pending{
    background: #E9E9E9;
    color: #717171;
    padding: 2px;
    border-radius: 5px;
}
.campaign-landing.quick-start-landing .backgroundWhite .row .campaign-status .status-draft{
    background: #F9F0DE;
    color:#F69900;
    padding: 2px;
    display: inline-block;
    border-radius: 5px;
}
.campaign-landing.quick-start-landing .backgroundWhite .row .campaign-time{
    color: #424448;
    position: relative;
    left: 30px;
}
.campaign-landing.quick-start-landing .backgroundWhite .disabled .icon-holder{
    opacity: 0.7;
}
.campaign-mobile .jd-mobile-route-holder{
    background: #EEE;
    overflow-y: scroll;
}
.campaign-mobile footer.jd-fixed-footer{
   box-shadow:  0px 0px 6px rgba(50, 50, 50, 0.75);
   z-index: 3;
}    
.campaign-mobile .jd-animate.animate-subsection-left{
    border-left: none !important;
}
.web-campaign-manage.mobile-view .campaign-name-section .form-group input.error-outline{
    border-color: #de7e7e;
}
.campaign-unavailable{
    height: 100%;
    margin: auto;
    display: flex;
}
.campaign-unavailable .no-campaign-found{
    height:auto;
    margin:auto;
}
.campaign-unavailable .no-campaign-found .icon-inside-circle{
    background: #e6e6e6;
    border: 1px solid #cecece;
    padding: 23px 0px 0px 23px;
    height: 90px;
    width: 90px;
    margin: auto;
    border-radius: 50%;
}
.campaign-unavailable .no-campaign-found .icon-inside-circle .icon-promotion{
    font-size: 42px;
}
.campaign-unavailable .no-campaign-found .icon-inside-circle i::before{
    color:#788288;
}
.campaign-unavailable .create-campaign{
    background: #0086FF;
    color: #fff;
    text-align: center;
    padding: 12px;
    border-radius: 5px;
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
}
.campaign-unavailable .no-campaign-found p{
    text-align: center;
    font-weight: 300;
    color: #424448;
}
.campaign-unavailable .no-campaign-found .text-1{
    font-size: 28px;
}
.campaign-unavailable .no-campaign-found .text-2{
    font-size: 20px;
}
.campaign-mobile .modal-vertical-alignment-helper{
    display: flex;
    height: 100%;
    margin: auto;
}
.campaign-mobile .modal-dialog{
    margin:auto;
    position:inherit;
}
.campaign-mobile .modal-vertical-align-center{
    display: flex;
}
.campaign-mobile .modal-content{
    height: auto;
    width: auto;
}
.web-campaign-manage.mobile-view .campaign-name-section.remove-border input,
.web-campaign-manage.mobile-view .campaign-name-section.remove-border textarea{
    border:none;
    background: #fff;
    padding-left: 0;
}
.web-campaign-manage.mobile-view .campaign-name-section.remove-border .jdReadonly textarea{
    resize: vertical;
    height: auto !important;
    margin-top: 0px;
    padding-bottom: 0;
    padding-top: 8px;
}
.jd-ios-style .web-campaign-manage.mobile-view .campaign-name-section .jdReadonly textarea[readonly]{
    pointer-events: none;
}
.campaign-name-section.remove-border .input-heading-style{
    padding-bottom: 5px;
}
.web-campaign-manage.mobile-view .remove-border .web-compose-sms{
    padding: 0;
}
.web-campaign-manage.mobile-view .campaign-name-section.remove-border span{
    display: none;
}
.web-campaign-manage.mobile-view .campaign-name-section.remove-border{
    margin-bottom: 0;
    box-shadow: none;
}
.web-campaign-manage.mobile-view .customer-select-by span{
    font-size: 14px;
    color: #424448;
    font-weight: 500;
}
.web-campaign-manage.mobile-view .customer-select-by{
    padding: 15px;
}
.web-campaign-manage.mobile-view .jd-custom-radio:not(old):checked + label > span > span{
    height: 12px;
    width: 12px;
}
.web-campaign-manage.mobile-view .jd-custom-radio:not(old) + label > span{
    height: 18px;
    width: 18px;
}
.web-campaign-manage.mobile-view .jd-circular-checkbox input[type="checkbox"] + label span:first-of-type{
    vertical-align: middle;
}
.campaign-mobile .selected-count{
    padding: 0px;
    height: 25px;
    width: 25px;
    line-height: 25px;
    display: inline-block;
    vertical-align: middle;
    min-width: 5px;
    position: relative;
    left: 5px;
}
.campaign-mobile .seperator-right{
    border-right: 1px solid #ccc;
}
.campaign-mobile .horizontal-rule{
    height: 1px;
}
.campaign-mobile .drop-down .jd-autosuggest.drop-down-ul{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    top: initial;
    bottom: 36px;
    z-index: 2;
}
.jd-autosuggest{
  position: absolute;
  max-height: 200px;
  top: 34px;
  left: 0px;
  display: none;
  min-width: 160px;
  padding: 0px 0px 0px 0px; /*#60862*/
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  width: 100%;
  overflow: auto;
}
.campaign-mobile .jd-custom-radio:not(old) + label{
    width: 98%;
    padding: 0px 15px;
}
.campaign-mobile .web-d-jd-select-customer-slider.mobileView .inline-block >span{
    font-size:16px;
    color: #444444;
}
.campaign-mobile .web-d-jd-select-customer-slider.mobileView .inline-block .x-icon{
    padding: 5px;
    margin: -5px -5px 0 0;
}
.campaign-mobile .web-d-jd-select-customer-slider.mobileView .select-all-div .jd-circular-checkbox label>span+span,
.campaign-mobile .web-d-jd-select-customer-slider.mobileView .customer-list .customer-detail .li-border-bottom .customer-name-span,
.campaign-mobile .web-d-jd-select-customer-slider.mobileView .customer-list .customer-detail .li-border-bottom .text-light{
    padding-left: 10px;
}
.campaign-mobile .web-d-jd-select-customer-slider.mobileView .customer-list .full-label{
    width: 92%;
    padding-left: 15px;
}
.campaign-mobile .slider-body .customer-detail .inline-block.cursor-pointer{
    margin: 7px 10px 0px 0px;
}
.campaign-mobile .web-d-jd-select-customer-slider.mobileView .customer-list .customer-detail:active{
    background: #f6f6f6;
}
.campaign-mobile .web-d-jd-select-customer-slider.mobileView .customer-list .customer-detail{
    border-bottom: 1px solid rgba(204, 204, 204, 0.47);
    display: flex;
}
.campaign-mobile .web-d-jd-select-customer-slider .customer-list li .li-border-bottom{
    border: none;
}
.campaign-mobile .jd-fixed-footer .footer-btns-1 button{
    background: #0086FF !important;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    height: 50px;
    width: 100%;
}
.campaign-mobile .common-slider footer.jd-fixed-footer{
    min-height: 50px;
    line-height: 50px;
    margin-bottom: 0;
}
.campaign-mobile .search-bar-div span,
.campaign-mobile .search-bar-div input{
    font-size: 16px !important;
}
.campaign-mobile .search-bar-div input{
    color: #444444;
}
.campaign-mobile .search-bar-div .input-border>span{
    color: #666666;
    padding: 0px 7px;
}
.campaign-mobile .search-bar-div .input-border span.position-absolute{
    padding: 0;
    right: 0;
    top: 18px;
}

.campaign-mobile .search-bar-div .input-border{
    padding: 15px 15px 15px 0px;
    color: #424448;
}
.campaign-mobile .search-bar-div ~ .select-all-div{
    height: 50px;
    padding:14px 15px;
}
/*.campaign-mobile .search-bar-div ~ .select-all-div:active{
    background: #0086FF;
}*/
.campaign-mobile .customer-list li .li-border-bottom{
    border:none;
}
.campaign-mobile .customer-list li{
    padding:0;
}
.campaign-mobile .jd-circular-checkbox input[type="checkbox"]:focus + label span:first-child,
.campaign-mobile .jd-custom-radio:focus + label > span:first-child{
    box-shadow: none;
    -webkit-box-shadow: none;
}
.campaign-landing.quick-start-landing .backgroundWhite .row .campaign-time.shift-left{
    left: 0;
}
/* .campaign-mobile .slider-body > div >div:nth-child(1){
    height: 51px !important;
} */
.campaign-mobile .slider-body .clear-button.cursor-pointer .icon-close-thin.close{
    display: none;
}
.coming-soon-pg{
    height: calc(100% - 112px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #414E59;
    -webkit-animation: loadWithAnim 0.75s ease-out;
    animation: loadWithAnim 0.75s ease-out;
}
@-webkit-keyframes loadWithAnim {
0% { 
    margin-top: 20%;
    opacity: 0;
 }
100% { 
    margin-top: 0;
    opacity: 1;
 }
}
.coming-soon-pg .campaign-img{
    max-width: 5.625rem;
}
.coming-soon-pg .campaign-heading{
    font-weight: 500;
    margin-top: .9375rem;
    font-size: 1.125rem;
}
.coming-soon-pg .coming-soon-img{
    max-width: 5.625rem;
    margin-top: 5px;
}
.border-bottom-none{
    border-bottom: none !important;
}
.quick-start-landing .icon-inside-circle.view-campaign{
    border-color: #424448;
    padding: 0px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    display: table;
}
.quick-start-landing .icon-inside-circle.view-campaign .icon-view-helper{
    display: table-cell;
    vertical-align: middle;
}
.quick-start-landing .icon-inside-circle.view-campaign div > i::before{
    color: #424448;
}
.quick-start-landing .icon-inside-circle.view-campaign div > i{
    display: block;
}
.quick-start-landing .icon-inside-circle.view-campaign .icon-text-holder{
    font-size: 10px; 
    color: #424448;
}
.menu-list-holder .menu-item i + span{
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
}
.menu-list-holder .menu-item span.pull-right{
    margin-left: auto;
    margin-top: 3px;
}
.store-acc-name > div{
    padding-left: 0px;
}
.store-acc-name .font-size11 {
	font-size: 11px;
}
.store-acc-name .jd-truncate-with-ellipsis{
    padding-left: 0px;
}
.hide-header .modal.save-changes-modal .modal-content .modal-footer div{
    display: table;
}
.hide-header .jd-popup-modal.save-changes-modal .modal-dialog.popup-modal .modal-body{
    padding-top: 5px;
}
.hide-header .modal.save-changes-modal .modal-content .modal-footer .change-cancel.cancel-btn span,
.hide-header .modal.save-changes-modal .modal-content .modal-footer .change-confirm.confirm-btn span{
    font-size: 12px;
}
.hide-header .modal .modal-footer.txt-center{
    background: #69BE7B;
}
.hide-header .modal.revert-changes-modal .modal-content .modal-body{
    padding-top: 25px;
}
.hide-header .jd-fixed-footer button{
    height: 61px;
}
.mobileView .jd-animate.full-height.animate-subsection-left{
    padding-bottom: 0px;
}
.jd-default-logo{
    height: 40px;
    width: 40px;
    display: inline-block;
    background: #0086FF;
    border-radius: 20px;
    text-align: center;
    font-size: 21px;
    color: white;
    line-height: 40px;
}
.animate-slider{
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 1031;
    overflow: hidden;
    width: 100%;
    background: transparent;
}
.modal-open .modal-backdrop {
    background-color: rgba(0,0,0,.5)
}

.modal-open .container.custom-pages{
    overflow: hidden;
}

.jd-underlined-textbox {
    border: 0; 
    border-bottom: 1px solid #ccc; 
    outline: none;
    border-radius: 0;
}

.jd-underlined-textbox:focus {
    border-bottom: 2px solid #0086FF;
}

.cmsMobileLinkMenu .animate-slider {
    background-color: transparent;
}
.custom-pages-mobile .custom-page-floating-button{
    position: fixed;
    bottom: calc(1.5em);
    right: 1.5em;
    background: #0086FF;
    color: #fff;
    height: 3.8em;
    width: 3.8em;
    line-height: 3.8em;
    text-align: center;
    border-radius: 50%;
    display: table;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.paddingB8em{
    padding: 0 0 8em 0;
}
.custom-pages-mobile .data-holder .custom-page-title{
    padding-left:0px;
}
.custom-pages-mobile .data-holder{
    width: calc(100% - 30px);
    margin: 0px 15px 0px 15px;
    padding: 15px 0px 15px 0px;
}
.custom-pages-mobile .custom-page-floating-button .icon-closeNewLine{
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 1.2em;
    transform: rotate(45deg);
}
.custom-pages-mobile .ui-sortable-helper{
    box-shadow: 0px 3px 8px rgb(100,100,100);
    background: #fff;
}
.custom-pages-mobile .ui-sortable-helper .drag-class .icon-MoveUpDown{
    color: #0086FF;
}
.no-scroll{
    overflow-y: hidden;
}
.custom-pages-mobile{
    position: fixed;
    height: calc(100vh - 51px);
    width: 100%;
    background: #fff;
    z-index: 14;
    bottom:0;
    top: 51px;
    overflow-x: hidden;
}
.online-store ~.modal .modal-dialog{
    position: relative;
    top: 0;
    left: 0;
    right: 0;
}
    /*Help Page Modal for Cms starts*/
.help-page-modal .modal-title,
.lang-select-modal .modal-title{
    text-align: center;
    font-size: 14px;
    color: #333;
    padding-left: 15px;
    padding-right: 15px;
}
.help-page-modal .paddingT15,
.lang-select-modal .paddingT15{
    padding: 15px 0px 0px;
}
.help-page-modal .header,
.lang-select-modal .header{
    padding: 15px;
    min-height: 20px;
}
.help-page-modal .body,
.lang-select-modal .body{
    padding: 0 15px 30px;
}
.help-page-modal .link-container,
.lang-select-modal .link-container{
    border : 1px solid #0086FF;
    text-align: center;
    color: #0086FF;
    display: flex;
    align-items: center;
}
.help-page-modal .link-container {
    min-height: 92px;
    flex-direction: column;
}
.lang-select-modal .link-container{
    min-height: 70px;
    cursor: pointer;
    font-size: 16px;
}
.lang-select-modal .modal-vertical-alignment-helper {
    display: table;
    height: 100%;
    margin: 0 auto;
}
.lang-select-modal .hindiText {
    font-size: 18px;
}
.help-page-modal .icon-close-thin,
.lang-select-modal .icon-close-thin{
    font-size: 24px;
}
.help-page-modal .link-container:active,
.lang-select-modal .link-container:active,
.lang-select-modal .selected-lang-container{
    background: #0086FF;
    color: #fff;
}
.help-page-modal .link-container:active .icon-help-page-modal,
.lang-select-modal .link-container:active .icon-help-page-modal{
    color: #fff;
}
.help-page-modal .modal-dialog.modal-vertical-align-center{
    position: static;
    width: 325px;
}

.lang-select-modal .modal-dialog.modal-vertical-align-center{
    width: 325px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0 !important;
}

.help-page-modal .close,
.lang-select-modal .close{
    color: #778899;
}
.help-page-modal .icon-help-page-modal{
    padding: 10px;
    color: #0086FF;
    font-size: 2.3em;
}
.help-page-modal .help-text-options{
    line-height: 1.3;
    width: 100%;
}
.help-page-modal .header .close,
.lang-select-modal .header .close{
    outline: none;
}
.help-page-modal .paddingLR7,
.lang-select-modal .paddingLR7{
    padding-right: 7px;
    padding-left: 7px;
}
    /*Help Page Modal for Cms ends*/

.custom-pages-mobile .new-custom-page{
    height: 100%;
    display: table;
    position: absolute;
    top: 0;
}
.custom-pages-mobile .vertical-align-helper{
    display: table-cell;
    vertical-align: middle;
/*    padding-bottom: 15em;*/
}
.custom-pages-mobile .arrow-image{
    text-align: center;
    padding-top: 25px;
}
.custom-pages-mobile .arrow-image img{
    padding-left: 45px;
}
.custom-pages-mobile .new-custom-page .image-container{
    text-align: center;
    font-size: 100px;
    padding-bottom: 30px;
}
.custom-pages-mobile .custom-page-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-pages-mobile .new-custom-page .new-custom-page-title{
    text-align: center;
    font-size: 18px;
    color: #333333;
}
.custom-pages-mobile .data-holder .icon-more_vertical{
    padding-right: 0px;
    color: #7d7d7d;
    position: relative;
    left: 27px;
    top: 0.4em;
}
.custom-pages-mobile .data-holder .icon-more_vertical::before{
    position: relative;
    left: 5px;
}
.custom-pages-mobile .data-holder .icon-MoveUpDown{
    color: #696969;
    position: relative;
    padding-left: 0px;
    left: 0px;
    top: 0.3em;
    width:10%;
}
.custom-pages-mobile .context-menu.show-animation{
    box-shadow: 1px 1px 20px rgba(138,138,138,.57);
    display: block;
    border-radius: 10px;
    width: 200px;
    height: auto;
    animation: scale-up-tr 0.25s cubic-bezier(0.075, 0.82, 0.165, 1) 0s 1 normal forwards running;
}
.custom-pages-mobile .context-menu{
    width: 45%;
    color: #696969;
    right : 10px;
    position : absolute;
    background : #fff;
    display: none;
    box-shadow: 0px 3px 8px rgb(100,100,100);
    z-index: 2;
}
.custom-pages-mobile .context-menu .context-menu-item{
    height: 44px;
    display: flex;
    justify-content: left;
    align-items: center;
    padding-left: 15px;
    color: #424448;
    font-weight: 400;
}
.custom-pages-mobile .context-menu .context-menu-item:nth-child(1){
    padding-bottom: 0px;
}
.custom-pages-mobile .context-menu .context-menu-item:nth-child(3){
    padding-top: 0px;
}
.custom-page-delete-modal.modal-dialog .close{
    top: 5px;
    left: -5px;
}
.custom-page-delete-modal.modal-dialog{
    position: relative;
    top: 0;
    left: 0;
}
.custom-page-modal .modal-body{
    padding-top: 0px;
    padding-bottom: 25px;
}
.custom-page-modal .modal-header{
    padding: 5px;
    border-bottom: none;
    text-align: right;
    padding-bottom: 0px;
}
.custom-page-modal .modal-header .heading{
    text-align: left;
}
.custom-page-modal .modal-header .heading label{
    padding-left: 10px;
}
.custom-page-modal .modal-footer{
    padding: 0;
    border-top: none;
}
.custom-page-modal .modal-footer button{
    padding: 10px;
    width: 100%;
    background: #0086FF;
    color: #fff;
    border-radius: 0px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.custom-page-modal .modal-footer button.buttonDisabled{
    background:#999;
}
.custom-page-modal .modal-header .close{
    margin: 5px;
    float: none;
    margin-bottom: 0;
    outline: none;
}
.custom-page-modal .modal-header .close .icon-close-thin{
    color: #788288;
}
.custom-page-modal input{
    border:none;
    border-bottom: 1px solid #788288;
    border-radius: 0px;
    padding-left: 0px;
    text-decoration: none;
}
.custom-page-modal input:focus{
    border-bottom: 2px solid #0086FF;
}
.custom-page-delete-modal .modal-header{
    text-align: right;
    padding: 5px;
    border: none;
}
.custom-page-delete-modal .modal-header button{
    /*float: none;*/
    color: #788288;
    outline: none;
}
.custom-page-delete-modal .modal-body{
    text-align: center;
    padding-bottom: 35px;
}
.custom-page-delete-modal .modal-footer{
    border: none;
    padding: 0px;
}
.custom-page-delete-modal .modal-footer button{
    width: 100%;
    padding: 10px;
    background-color: #C15D5D;
    border-color: #C15D5D;
    border-radius: 0px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.custom-page-delete-modal .modal-footer button:focus {
    outline: none;
}
.menu-list-holder .menu-item .color-black{
    color: #333;
}
.menu-list-holder .menu-item .arrow-icon-down{
    transform: rotate(0deg);
    transition: transform 0.3s;
}
.menu-list-holder .menu-item .arrow-icon-up{
    transform: rotate(-180deg);
    transition: transform 0.3s;
}
.menu-list-holder .store-acc-name .arrow-icon-down{
    transform: rotate(0deg);
    position: absolute;
    top: 40%;
    right: 15px;
    transition: transform 0.1s;
}
.menu-list-holder .store-acc-name .arrow-icon-up{
    transform: rotate(-180deg);
    position: absolute;
    top: 40%;
    right: 15px;
    transition: transform 0.1s;
}
.menu-list-holder .menu-item .color-blue{
    color: #0086FF;
}
.menu-list-holder .menu-item .route-link-sub-list{
    color:#525252;
    margin: 0;
}
.menu-list-holder .menu-item .route-link-sub-list .added-premium-patch .premium-patch{
    position: absolute;
    top: 13px;
    right: 0px;
}
.menu-list-holder .menu-item .route-link-sub-list .coming-soon{
    max-height: 20px;
    position: absolute;
    margin: auto;
    right: 15px;
    top: 12px;
    max-width: 85px;
}
.mob-staffmember-edit .set-permissions .tree-child.campaign-section{
    border-left:unset;
}
.mob-staffmember-edit .set-permissions .tree-child.campaign-section:before{
    border-left: 1.2px dashed #999999;
}
.menu-list-holder .menu-item .route-link-sub-list .coming-soon-tag{
    display:none;
}
.mobile-order-search .order-search-header .jd-mobile-header #headerSearchBox::-webkit-input-placeholder{
    color:#788288;
    font-weight: 400;
}
.menu-list-holder .home-bar-head .circle .icon-customerFillNew {
    position: relative;
    bottom: 4px;
    color:#b1eeff;
    font-size: 20px;
}
.menu-list-holder .home-bar-head .circle{
    border-color: transparent;
    background: #136a81;
}

.menu-list-holder .ripple-white {
  width: 0;
  height: 0;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.4) !important;
  transform: scale(0);
  position: absolute;
  opacity: 1;
}

.rounded-icon-container {
    border: 1px solid #0086FF;
    border-radius: 50%;
    text-align: center;
    height: 40px;
    width: 40px;
    display: table;
}

.rounded-icon {
    font-size: 20px;
    color: #0086FF;
    display: table-cell;
    vertical-align: middle;
}
/* To overcome header issue in Iphone - #37370*/
.iosSafari .widget-mobile-section,
.iosSafari .custom-pages-mobile{
    height: 100%;
    top:0px;
}
/* .iosSafari .custom-pages-mobile .new-custom-page,
.iosSafari .custom-pages-mobile .container.custom-pages{
    margin-top: 51px;
}  */
.iosSafari .custom-pages-mobile .context-menu,
.wap .custom-pages-mobile .context-menu{
    z-index: 1030;
}

.widget-mobile-section{
    position: fixed;
    height: calc(100% - 51px);
    width: 100%;
    background: #fff;
    z-index: 14;
    bottom:0;
    top: 51px;
    overflow-x: hidden;
}
.widget .btn-primary[disabled]{
    background: #0086FF !important;
    border: 1px solid #0086FF !important;
    color: #e1e1e1 !important;
    box-shadow: 0 -4px 5px -5px #333;
}

.widget-mobile-section .widget-image img{
    
    padding: 5px 0px;
}
.widget-mobile-section .wordPressImage{
    height: 60px;
}
.widget-mobile-section .widget-image .tick-mark{
    position: absolute;
    /*bottom: 42px;*/
    height: 25px;
    /*left: 38px;*/
    top: -1em;
    right: -0.3em;
}
.widget-slider-mobile .icon-key-left{
    color: #fff;
    font-size: 20px;
}
.widget-mobile-section .widget-details .widget-name{
    color: #424448;
}
.widget-mobile-section .widget .row{
    display: flex;
    padding: 20px 15px;
    align-items: center;
}
.widget-mobile-section .widget .row .premium-patch{
    position: absolute;
    right: 0;
    top: 25px;
}
.widget-mobile-section .widget .row .widget-image{
    display: flex;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.20);
    border-radius: 10px;
    justify-content: center;
    height: 60px;
    width: 60px;
}

/* WORDPRESS CSS STARTS */

.widget-slider-mobile .widget-body.word-press .white-space-pre{
    white-space: pre-line;
    font-size: 14px;
    padding: 0px;
}
.widget-slider-mobile .widget-body.word-press .about-wordPress{
    line-height: 0.7;
    padding-top: 16px;
}
.widget-slider-mobile .widget-body .about-wordPress .text-primary{
    display: block;
}
.widget-slider-mobile .word-press .wordPress-installation-error{
    color: red;
    font-size: 14px;
    padding-top: 30px;
}
.widget-slider-mobile .word-press .icon-alertNew{
    position: relative;
    left: 20px;
    color: red;
}
.widget-slider-mobile .word-press .wordPress-img{
    height: 100px;
}
.widget-slider-mobile .sec-wordPress-activated .tick-mark{
    position: relative;
    left: 35px;
    height: 24px;
    bottom: 26px;   
}
.widget-slider-mobile .sec-wordPress-activated .blog-details{
    white-space: pre-line;
}
.widget-slider-mobile .sec-wordPress-activated .blog-details-desc{
    white-space: pre-line;
    font-size: 14px;
}
.widget-slider .word-press .wordPress-errorMsg{
    padding: 0px;
}
.widget-slider-mobile .word-press-form .form-description{
  padding: 0px 0px 20px;
  font-size: 14px;
}
.widget-slider-mobile .word-press-form label{
  margin-bottom: 0px;
}
.widget-slider-mobile .word-press-form.widget-body{
    padding: 20px;
    text-align: left;
    overflow-y: auto;
    height: calc(100% - 60px);
}
.widget-slider-mobile .word-press-form.widget-body .widget-link{
  position: static;
}
.widget-slider-mobile .word-press-form.widget-body .text-disc{
   -webkit-text-security: disc !important;
}
.word-press-form .form-label{
  bottom: 22px;
  color: #999;
  position: relative;
  font-size: 1.1em;
  -webkit-transition: .1s ease-out;
}
.word-press-form .widget-link:focus + .form-label{
  bottom: 44px;
  position: relative;
  font-size: 0.9em;
}
.word-press-form .labelPos{
  bottom: 44px;
  font-size: 0.9em;
 }
.word-press-form .jd-circular-checkbox input[type="checkbox"] + label span:first-of-type{
  width: 15px;
  height: 15px;
}
.widget .padding0{
  padding: 0 !important;
}
.word-press-form .error-message{
  position: relative;
  bottom: 18px;
  font-size: 12px;
  height: 15px;
}
.word-press-form .termsAndConditions{
  position: relative;
  bottom: 12px;
}
.word-press-form .tnc-text{
  position: relative;
  bottom: 4px;
  font-size: 16px;
}
.widget-slider-mobile .installing-wordpress .loader-container,
.widget-slider-mobile .sec-wordPress-activated .loader-container{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.widget-slider-mobile .installation-loader {
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid #3498db;
  width: 100px;
  height: 100px;
  position: inherit;
  -webkit-animation: spin 1.2s linear infinite;
  animation: spin 1.2s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.widget-slider-mobile .sec-wordPress-activated .url{
  color: #0086FF;
  font-size: 14px;
}
.widget-slider-mobile .btn.btn-primary.widget-submit-btn-disabled{
    background: rgba(158, 158, 158, 0.32) !important;
    border: 1px solid #ccc !important;
    color: rgb(90, 86, 86) !important;
    box-shadow: 0 -3px 19px -5px #333;
}
.widget-slider-mobile .sec-wordPress-activated .widget-logo-wordPress{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.jd-circular-checkbox input[type="checkbox"]
 {
    /* display:none; */
        opacity: 0;
        position: absolute;
}
.jd-circular-checkbox{
    position: relative;
}
.jd-circular-checkbox input[type="checkbox"] + label span:first-of-type{
    display:inline-block;
    width:18px;
    vertical-align: top;
    height:18px;
    border-radius: 18px;
    border: 1px solid #C1C1C1;
}
.jd-circular-checkbox  input[type="checkbox"]:checked + label span:first-of-type{
    background-color: #fff;
    border: unset;
    background-image: url(https://image1.jdomni.in/jdomni_email/Tick_2011111843.png);
    background-size: 100%
}
.jd-circular-checkbox input[type="checkbox"]:focus + label span:first-child{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); 
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); 
}
.widget-slider-mobile .word-press-form .blog-title,
.widget-slider-mobile .word-press-form .admin-userName,
.widget-slider-mobile .word-press-form .admin-password,
.widget-slider-mobile .word-press-form .confirm-password,
.widget-slider-mobile .word-press-form .email{
    margin: 5px 0px;
}
.widget-slider-mobile .word-press-form .jd-circular-checkbox{
    width: 25px;
}
.widget-slider-mobile .word-press-form .widget-link.border-red{
    border-bottom: 1px solid red;
}

/* WORDPRESS CSS ENDS */

/* .widget-slider-mobile .header{
    background: linear-gradient(120deg, rgb(23, 97, 194) 12%, rgb(40, 160, 224) 68%, rgb(44, 168, 234) 95%);
    color: white;
    padding-top: 17px;
} */
.widget-slider-mobile .widget-body .widget-logo{
    padding: 0px 20px 20px;
}
.widget-slider-mobile .widget-body{
    padding: 20px;
    text-align: center;
    overflow-y: auto;
    height: calc(100% - 60px);
}

.voice-search-modals .widget-slider-mobile .widget-body {
    background: white;
    height: calc(100% - 50px);
}
/*.widget-slider-mobile .widget-body.widget-scroll{
    padding-bottom: 100px;
}*/
.widget-slider-mobile .widget-scroll .clearfix{
    height: 50px;
}
.widget-slider-mobile .widget-scroll.facebookMessenger .clearfix{
    height: 30px;    
}
.widget-slider-mobile .widget-body.whatsapp .position-dropdown{
  position: relative;
  margin-top: 45px;
}
.widget-slider-mobile .widget-body.whatsapp .custom-select{
  border: none;
  outline: none;
  padding-left: 0;
  box-shadow: none;
  background: transparent;
  top: 25px;
  position: absolute;
  z-index: 6;
  border-radius: 0;
  border-bottom: 2px solid #ccc;
}
.widget-slider-mobile .widget-body.whatsapp .custom-select:focus,
.widget-slider-mobile .widget-body.whatsapp .custom-select:active{
  box-shadow: none;
  outline: none;
  border-bottom: 2px solid #177bbb;
}
.widget-slider-mobile .widget-body.whatsapp .widget-position-label{
  color: #9A9A9A;
  float: left;
  font-size: 14px;
  font-weight: 500;
}
.widget-slider-mobile .widget-body.whatsapp .position-dropdown .dropdown-icon{
  position: absolute;
  top: 32px;
  right: 10px;
  font-size: 16px;
  z-index: 5;
}
.widget-slider-mobile{
    color: #333333;
}
.widget-slider-mobile .widget-body .white-space-normal{
    padding: 0px;
    font-size: 14px;
    margin-bottom: 30px;
    white-space: normal;
}
.widget-slider-mobile .widget-body .white-space-normal ~ a{
    color: #0086FF;
    padding: 12px 45px;
    border: 1px solid #5082BE;
    border-radius: 4px;
}
.widget-slider-mobile .widget-body .m-b35{
    margin: 30px 0px;
    font-size: 14px;
}
.widget-slider-mobile .widget-submit-btn{
    background: #0086FF !important;
    border-color: #0086FF;
    color: #fff;
    border: 1px solid #0086FF;
    position: absolute;
    bottom: 10px;
    left: 3%;
    width: 94%;
    height: 6.25vh;
    right: 3%;
    box-shadow: 0 -4px 12px -4px #888;
}
.padding-for-voice-search-footer{
    padding-bottom: 53px !important;
}
.customise-header-color .jd-animate .widget-submit-btn{
    box-shadow: 0 -1px 13px 0 rgba(0,0,0,0.20)
}
.widget-slider-mobile .installing-wordpress .install-text{
    font-size: 16px;
    white-space: pre-line;
    bottom: 60px;
    position: relative;
}
.widget-slider-mobile .installing-wordpress .wordPress-loader{
    position: relative;
    bottom: 95px;
}
.widget-slider-mobile .widget-body .registerText{
    font-size: 14px;
}
.widget-slider-mobile .widget-link{
    height: 26px;
    font-size: 14px;
    resize: vertical;
    width: 100%;
    position: absolute;
    left: 0;
    top: 35px;
    border: none;
    border-bottom: 1px solid #BABABA;
    max-height: 180px;
    margin-bottom: 15px;
}
.widget-slider-mobile .widget-body.facebookMessenger .widget-link{
    top: 20px;    
}
.widget-slider-mobile .widget-link:focus{
    border: none;
    outline: none;
    border-bottom: 2px solid #0086FF;   
}
.widget-slider-mobile .clear-link-txt{
    text-decoration: underline;
}
.modal .wufoo-mobile-popup{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
}


.edit-block.mobileEditBlock .jdMobileUploadImageModal .modal-vertical-alignment-helper {
    width: auto;
    max-width: 0;
}

.edit-block-modal.mobileEditBlock .jdMobileUploadImageModal .modal-header {
    padding: 15px;
}

.edit-block-modal.mobileEditBlock .jdMobileUploadImageModal .modal-content {
    min-height: 0;
}
.mobile-header-customisation{
    position: fixed;
    z-index: 1049;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
}
.mobile-header-customisation.cms-options-clicked{
    background: rgba(0,0,0,0.2);
}

.customise-header-white-backgrond {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1051;
    background: #000;
    opacity: 0.5;
}

.mobile-header-customisation .jd-animate .widget-submit-btn{
    position: fixed;
    display: flex;
    width: 100%;
    height: 50px;
    bottom: 0;
    z-index: 11;
}
.mobile-header-customisation .customise-header-color .jd-animate .widget-submit-btn{
    height: 60px;
    background: white;
}
/*.edit-header-open .mobile-header-customisation .customise-header-color .jd-animate .widget-submit-btn{
    bottom: 60px;
}
.edit-header-open .jd-fixed-footer.customize-sticky-footer{
    z-index: 1052;
}
.edit-header-open .mobile-left-menu-edit .selected-links, 
.edit-header-open .mobile-left-menu-edit .unselected-links{
    height: calc(100% - 155px);
}*/
.mobile-header-customisation .customiseHeaderContent .row{
    padding: 15px;
    color: #424448;
    font-size: 16px;
    margin: 0;
}
.mobile-header-customisation .customiseHeaderContent i::before{
    color: #424448;
}
.mobile-header-customisation .header-cropper-container{
    height: 100vh;
    width: 100vw;
    position: absolute;
    background: #999999;
    padding-bottom: 60px;
}
.mobile-header-customisation .header-cropper-container .footer-btns-5 .footer-btns,
.mob-repetitive-repeat .cropper-screen .footer-btns-5 .footer-btns{
    width: 25% !important;
}
.mobile-header-customisation .header-cropper-container .footer-btns-5 .footer-btns:last-child,
.mob-repetitive-repeat .cropper-screen .footer-btns-5 .footer-btns:last-child{
    display: none;
}
.mobile-header-customisation .image-cropper {
    height: calc(100vh - 50px) !important;
}

.mobile-header-customisation .common-header .jd-mobile-header td:nth-child(3) > div > span {
    display: block;
    text-align: center;
    height: 22px;
}

.mobile-header-customisation .common-header .jd-mobile-header .icon-saveNew {
    font-size: 10px;
    vertical-align: middle;
    width: 100%;
}

.mobile-header-customisation .common-header .jd-mobile-header table tbody tr td:nth-child(3) div {
    padding-top: 0;
    display: flex;
    flex-direction: column;
}

.mobile-header-customisation .customiseHeaderBackdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #545454;
    opacity: 0.5;
}

.mobile-header-customisation .customiseHeaderContent {
    position: fixed;
    transform: translate3d(0, 0, 0);
    top: auto;
    bottom: 0;
    height: auto;
    z-index: 1;
    width: 100%;
    background-color: #fff;
}

/*.edit-header-open .mobile-header-customisation .customiseHeaderContent {
    bottom: 60px;
}*/

.mobile-header-customisation .cmsHeaderUploadLogoOptions {
    position: fixed;
    top: initial;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1052;
}
.mobile-header-customisation .common-header .mobile-header-right .icon-close-thin{
    position: absolute;
    top: 12px;
    font-size: 20px;
}
.mobile-header-customisation .web-slider .color-parent-div{
    margin-top: 2px;
    margin-bottom: 12px;
    padding-bottom: 0;
    /*box-shadow: 0 -4px 12px 3px #ccc;*/
    padding-top: 51px;
    height: calc(100% - 12px);
}
.mobile-header-customisation .web-slider .widget-submit-btn .btn-block + .btn-block{
    margin-top: 0px;
}
.mobile-header-customisation .jd-mobile-header{
    z-index: 1051;
}
.mobile-header-customisation .customise-header-color .btn-block{
    border-radius: 0px;
}
.mobile-header-customisation .customise-header-color .btn-block{
    border-radius: 100px;
    margin: 10px 15px;
}
.mobile-header-customisation .jd-mobile-header .mobile-header-right-text,
.mobile-header-customisation .jd-mobile-header .icon-saveNew{
    font-size: 12px !important;
}
.mobile-header-customisation .jd-mobile-header .mobile-header-right-text {
    display: flex;
    align-items: center;
    justify-content: center;
}
.mobile-header-customisation .company-name .animate-div-right .content-div{
    border: none;
}
.mobile-header-customisation .header-customisation-body{
    padding-top: 51px;
}
.mobile-header-customisation .customise-search-slider .customise-search-div{
    padding-top: 1px;
}

.mobile-header-customisation .customise-search-slider .web-full-height {
    height: 100%;
}

.settings-page .website-modal .modal-dialog{
    display: table-cell;
    vertical-align: middle;
}
.settings-page .website-modal .modal-vertical-alignment-helper{
    display: table;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.mobile-video-walkthrough .openVideoWalkthroughGuideModal.mobile-video{
    padding-top: 0;
}

#jdPopupTypeConfirm.mobile-confirm-popup .modal-vertical-alignment-helper {
    display: table;
    height: 100%;
    margin: 0 auto;
}

#jdPopupTypeConfirm.mobile-confirm-popup .modal-vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    top: auto;
    left: auto;
    width: 325px;
}

#jdPopupTypeConfirm.mobile-confirm-popup .footer-as-btn {
    padding: 0;
}

#jdPopupTypeConfirm.mobile-confirm-popup .footer-as-btn button {
    padding: 15px;
    display: block;
    width: 100%;
    border: none;
    outline: none;
    font-size: 14px;
}

#jdPopupTypeConfirm.mobile-confirm-popup .footer-as-btn button.danger {
    background-color: #fff;
    color: #E22323;
}

#jdPopupTypeConfirm.mobile-confirm-popup .footer-as-btn button.red {
    background-color: #DB4035;
    color: #fff;
}

#jdPopupTypeConfirm.mobile-confirm-popup .footer-as-btn button.cancel {
    background-color: #E6E6E6;
    color: #444;
}

#jdPopupTypeConfirm.mobile-confirm-popup .footer-as-btn button.primary {
    background: #0086FF;
    color: #fff;
    border-radius: 0;
}

#jdPopupTypeConfirm.mobile-confirm-popup .customize-checkbox.square {
    border-radius: 1px;
    height: 14px;
    margin-top: 2px;
    margin-right: 5px;
    width: 14px;
}

#jdPopupTypeConfirm.mobile-confirm-popup .footer-as-btn .half-width {
    width: 50%;
    margin: 0;
    display: inline-block;
    padding: 12px 15px;
    border-radius: 0;
}
#jdPopupTypeConfirm.mobile-confirm-popup .footer-as-btn .half-width:nth-child(1) {
    border-bottom-left-radius: 6px;
}
#jdPopupTypeConfirm.mobile-confirm-popup .footer-as-btn .half-width:nth-child(2) {
    border-bottom-right-radius: 5px;
}
#jdPopupTypeConfirm.mobile-confirm-popup .modal-title {
    font-size: 16px;
    font-weight: 400;
}

#jdPopupTypeConfirm.mobile-confirm-popup .modal-content {
    overflow: hidden;
}

#jdPopupTypeConfirm.mobile-confirm-popup .modal-header {
    color: #424448;
}

#jdPopupTypeConfirm.mobile-confirm-popup .modal-header .close {
    margin-top: 1px;
    color: #424448;
}

#jdPopupTypeConfirm.mobile-confirm-popup .modal-body {
    font-size: 14px;
    color: #898989;
    padding: 20px 15px;
}

#jdPopupTypeConfirm.mobile-confirm-popup .para1,
#jdPopupTypeConfirm.mobile-confirm-popup .para2 {
    padding-bottom: 20px;
}

#jdPopupTypeConfirm.mobile-confirm-popup .modal-body ul {
    padding-left: 20px;
    margin-bottom: 0;
    color: #444;
}
#jdPopupTypeConfirm.mobile-confirm-popup .modal-body ul li{
    list-style: disc;
}
.company-name .animate-div-right .companyNameBody{
    margin-top: 50px;
}
.company-name .animate-div-right .outletBody{
    padding: 20px 15px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 8px 2px rgba(0,0,0,0.28);
    margin-bottom: 15px;
    margin: 15px;
}
.company-name .animate-div-right .mainBody{
    margin-bottom: 50px;
}
.jd-cms .company-name .animate-div-right .mainBody{
    margin-bottom: 15px;
    min-height: calc(100% - 87px);
}
/*.company-name .animate-div-right .border-separator{
    border-bottom: 4px solid #f1f1f1;
}*/
.company-name .marginB20{
    margin-bottom: 20px;
}
.company-name .link-type-box.store-name-input{
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    padding-left: 0;
}
.company-name .link-type-box.store-name-input:focus{
    border: none;
    border-bottom: 2px solid #0086FF;
}
.company-name .content-div .slider-footer{
    border:0px;
    /*position: absolute;
    bottom: 0;*/
    width: 100%;
    height: 50px;
    padding: 0 15px 15px 15px;
}
/*.edit-header-open .jd-animate .mobile-menu-submit-btn{
    bottom: 0;
    background-color: white;
}*/
.online-store .jd-animate .mobile-menu-submit-btn {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 11;
    background: transparent;
}
.online-store .jd-animate .mobile-menu-submit-btn .btn-block{
    border-radius: 100px;
    margin: 10px 15px;
    box-shadow: 0 3px 13px 0 rgba(0,0,0,0.20);
}
/*.company-name .content-div .slider-footer .cancel-btn,
.company-name .content-div .slider-footer .save-btn{
    width: 50%;
    border-radius: 0px;
    padding: 15px;
    border: 0;
}*/
.company-name .content-div .slider-footer .green-btn{
    padding: 0 13px;
    font-size: 14px;
    color: #FFF;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid #69BE7B;
    background-color: #69BE7B!important;
    box-shadow: 0 5px 13px 0 rgba(0,0,0,.28);
    border-radius: 100px;
    height: 40px;
    width: 100%;
    outline: 0;
}
.company-name .content-div .slider-footer .blue-btn{
    padding: 0 13px;
    font-size: 14px;
    color: #FFF;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid #0086FF;
    background-color: #0086FF !important;
    box-shadow: 0 5px 13px 0 rgba(0,0,0,.28);
    border-radius: 100px;
    height: 40px;
    width: 100%;
    outline: 0;
}
.iosSafari.iosIframeApp .company-name .jd-animate.full-height.animate-subsection-left{
    padding-bottom: 0;
}
/*.iosSafari.iosIframeApp .company-name .slider-footer{
    position: fixed;
}*/
.bill-payment.full-height{
    height:calc(100vh - 51px);
}
.bill-payment .iframeClass,
.bill-payment .height100{
    height: 100%;
    width: 100%;
}
.set-permissions .section-detail .submenu-div label.jd-margin-bottom{
    float: left;
}
.set-permissions .section-detail .submenu-div span.pos-names{
    /*float: left;*/
    width: 80%;
    padding-top: 5px;
}
.set-permissions .section-detail > .jd-position-relative{
    padding: 3px;
    clear: both;
}
.wap .web-full-height{
    height: calc(100% - 51px);
}
.animate-div-right.social-links{
    /*background: white;*/
    height: 100%;
}
.animate-div-right.social-links .select-all-group{
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-bottom: 4px solid #ebebeb;
}
.animate-div-right.social-links label{
    margin-bottom: 0;
}
.animate-div-right.social-links .social-parent-div{
    padding: 0 20px 30px 20px;
    overflow: auto;
    height: calc(100% - 80px)
}
.animate-div-right.social-links .social-icons{
    position: absolute;
    top: 6px;
    margin-left: 5px;
    color: #777;
    font-size: 24px;
}
.animate-div-right.social-links .custom-input{
    border-radius: 0px;
    outline: none;
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 0px;
    width: 85%;
    margin-left: auto;
    height: 30px;
    font-size: 14px;
}
.animate-div-right.social-links .custom-input:focus{
    outline: none;
    border-color: #0086FF;
    border-bottom: 2px solid #0086FF;
}
.animate-div-right.social-links .select-single-group{
    width: 86%;
    margin-left: auto;
    font-size: 14px;
    color: #333;
    padding-top: 14px;
    display: flex;
    justify-content: space-between;
}
.animate-div-right.social-links .width-23{
    width: 23%;
}
.animate-div-right.social-links .width-38{
    width: 38%;
}
.animate-div-right.social-links .paddingL4P{
    padding-left: 7%;
}
.animate-div-right.social-links .paddingR1P{
    padding-right: 1%;
}
.animate-div-right.social-links .select-single-group > span{
    margin-left: 9%;
}
.animate-div-right.social-links  .select-all-group .show-all-txt-div{
    color: gray;
}
.animate-div-right.social-links .jd-txt-black{
    color: #333333;
}
.animate-div-right.social-links .select-single-group.disabled{
    color: gray !important;
}
.animate-div-right.social-links .animate-subsection-left{
    height: 100%;
    background: white;
}
.animate-div-right.social-links .btn-bottom .col-md-6{
    width: 50%;
    float: left;
    bottom: 20px;
}
/*.edit-header-open .animate-div-right.social-links .btn-bottom .col-md-6{
    bottom: 80px;
}*/
.animate-div-right.social-links .btn-bottom .col-md-6 .btn{
    border-radius: 0;
    height: 50px;
}
.animate-div-right.social-links .marginT15{
    margin-top: 25px;
}
.animate-div-right.social-links .social-error{
    margin-left: auto;
    width: 85%;
}
.animate-div-right.social-links .jd-validation-error, .animate-div-right.social-links .jd-validation-error .jd-error-msg{
    color: #de7e7e;
}
.animate-div-right.social-links .font13{
    font-size: 14px;
}
.social-links .jd-circular-checkbox input[type="checkbox"] + label span:first-of-type{
    width: 15px;
    height: 15px;
    border-radius: 0;
    margin-top: 2px;
    margin-right: 6px;
}
.social-links .disabled .jd-circular-checkbox  input[type="checkbox"]:checked + label span:first-of-type{
    background-color: #ccc;
    border-color: #ccc;
    background-image: url(https://image1.jdomni.in/jdomni_email/check-circle-gray-checkbox123.png);
    background-size: 100%
}

.marginT60{
    margin-top:60px;
}
.marginT4{
    margin-top: 4px;
}
.view-supplier-details .modal-vertical-alignment-helper{
    width: 90%;
    display: table;
    height: 100%;
     margin: 0 auto;
}
.view-supplier-details #sortModal .modal-vertical-align-center{
      display: table-cell;
  vertical-align: middle;
  height: 100%;
  float: none;
  position: static;
}
.customise-search-slider .animate-subsection-left{
    height: 100%;
}
.customise-search-slider .customise-search-div{
    height: calc(100% - 50px);
    background: #EDEDED;
    padding: 0;
}
.customise-search-slider .label-container{
    padding: 0 15px;
}
.customise-search-slider .btn-bottom{
    bottom: 0;
}
/*.edit-header-open .customise-search-slider .btn-bottom{
    bottom: 60;
}*/
.customise-search-slider .btn-primary{
    border-radius: 0;
    height: 50px;
}
.customise-search-slider .customise-search-options{
    font-size: 14px;
    height: 55px;
    border: 1px solid #ddd;
    color: #7D7D7D;
    margin-top: 16px;
    box-shadow: 0 1px 3px 0 rgba(123,123,123,.3);
    display: table;
    width: 100%;
    background: #fff;
    padding: 0px 5px 0px 15px;
    border-radius: 12px;
}
.customise-search-slider .customise-search-options > span{
    display: flex;
    align-items: center;
    height: 100%;
}
.customise-search-slider .customise-search-options .custom-switch-btn{
    margin: auto;
    width: 50px;
    height: 20px;
    /*background: #cfcfcf; */
    box-shadow: inset 0 1px 2px rgba(218,218,218,.15), inset 0 0 3px rgba(195,195,195,.2);
}
.customise-search-slider .customise-search-options .switch-button{
    box-shadow: 0 0 2px rgba(183,183,183,.2);
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: #fff;
    left: -3px;
    top: -2px;
}
.customise-search-slider .customise-search-options .custom-switch-btn::before{
    left: 26px;
    color: #7b7b7a;
}
.customise-search-slider .customise-search-options .switch-btn-checkbox:checked + .custom-switch-btn::before{
    color: #fff;
}
.customise-search-slider .customise-search-options .switch-btn-checkbox:checked + .custom-switch-btn .switch-button{
    left: 26px;
    box-shadow: -1px 1px 0px rgba(0,0,0,0.2);
}
.customise-search-slider .slider-footer{
    position: absolute;
    bottom: 0;
    border-top: 0;
    width: 100%;
    padding: 0;
    z-index: 2;
    background-color: #fff;
    height: 70px;
    background: #fff;
    box-shadow: 4px -2px 8px #d8d8d8;
}
.customise-search-slider .slider-footer .btn.save-btn{
    height: 40px;
    border-radius: 100px;
    margin: 15px;
    width: calc(100% - 30px);
    border: 1px solid #0086FF;
    box-shadow: none;
    color: #fff;
    background: #0086FF;
    font-size: 16px;
    font-weight: 400;
}
.customise-search-slider .switch-checkbox {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}
.customise-search-slider .switch-checkbox .switch {
    display: inline-block;
    width: 27px;
    position: relative;
    top: -1px;
    height: 12px;
}
.customise-search-slider .slider.round {
    border-radius: 34px;
}
.customise-search-slider .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.customise-search-slider .slider.round:before {
    border-radius: 50%;
}
.customise-search-slider .switch .slider:before {
    height: 18px;
    width: 18px;
    bottom: -3px;
}
.customise-search-slider .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 0;
    bottom: -2px;
    background-color: #ECECEC;
    -webkit-transition: .1s;
    transition: .1s;
}
.customise-search-slider .switch input:checked+.slider {
    background-color: #BEDCF4;
}
.customise-search-slider .switch input:checked+.slider:before {
    background-color: #2093EE;
}
.customise-search-slider input:checked+.slider:before {
    -webkit-transform: translateX(11px);
    -ms-transform: translateX(11px);
    transform: translateX(11px);
    background-color: #0086FF;
}
.edit-block-modal.mobileEditBlock .mobile-header-right .flex-display-end{
    padding-right: 0;
}
.edit-block-modal.mobileEditBlock .mobile-header-left .flex-display{
    padding-left: 5px;
}

.mobile-switch-button-container {
    display: flex;
    align-items: center;
}
.mobile-switch-button-container label {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    top: 1px;
}
.mobile-switch-button-container .slider.round {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}

.mobile-switch-button-container .slider.round::before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 2px;
    background-color: #ECECEC;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%
}

.mobile-switch-button-container input:checked + label .slider {
    background-color:#0086FF;
}

.mobile-switch-button-container input:checked + label .slider::before {
    webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}
#logoutModal .modal-dialog{
    position: absolute; 
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.border-left-dash{
    border-left: 1.5px dashed #999;
}
.hide-submenu-item{
    display: none;
}
.mobileVendorApp .mob-staffmembers-add .set-permissions .permission-headers .tree-child.border-left-dash{
    border-left: 1.2px dashed #999;
}
.mobileVendorApp .mob-staffmembers-add .set-permissions .permission-headers .tree-child.border-left-dash.campaign-section{
    border-left:unset;
}
.mobileVendorApp .mob-staffmembers-add .set-permissions .permission-headers .tree-child.border-left-dash.campaign-section:before{
    border-left: 1.2px dashed #999;
}
.set-permissions .tree-child:before{
    left:0px;
}
.outlet-detail .icon-general-settings{
    color: #a9a9a9;
}
.border-left-dash.tree-child:before{
    border-left:none;
}
.wap .widgetContentPos {
    display: flex;
    bottom:-20px;
    margin-bottom: 55px;
}
.wap.edit-mode .mobile-feat-prod-react .out-of-stock {
    z-index: 3;
}
.jd-popup-modal.no-header .modal-dialog.popup-modal .modal-body .description{
    padding: 20px 0;
    font-size: 16px;
}
.jd-popup-modal.no-header .header{
    display: none;
}
.txt-Yellow {
    color: #FF9900;
}
.domain-landing-mobile .tab-1 .landing-page-title.adjust-margin{
    margin-top: -12px;
    margin-bottom: 5px; 
}
.domain-landing-mobile .tab-1 .landing-page-subTitle{
    color: #31B404;
    font-weight: 400;
    font-size: 13px;
    border: 1px dashed #31B404;
    border-radius: 3px;
    height: 27px;
    width: 138px;
    background-color: #F5FAF6;
    margin: 7px 0;
    font-size: 16px;
}
.domain-landing-mobile .tab-1 .popover{
    top: 23px;
    left: -170px;
    width: 222px;
    font-size: 10px;
    box-shadow: 0 3px 7px 0 rgba(0,0,0,0.28);
    border:none;
}
.domain-landing-mobile .row .col-xs-12 .col-xs-1.marginT6{
    margin-top: 6px;
}
.domain-landing-mobile .tab-1 .info-icon-store{
    color: #31B404;
}
.domain-landing-mobile .tab-1 .info-icon-sec{
    display: inline;
    position: relative;
    margin-right: -1px;
    font-size: 14px;
    margin-top: 0px;
}
.domain-landing-mobile .tab-1 .sub-title-sec{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 0 5px;
    font-size: 10px;
}
.domain-landing-mobile .tab-1 .sub-title-sec .landing-icon{
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: static;
    padding: 0;
    margin: 0;
}
.uni-footer-area {
	padding-bottom: 60px;
}
body.settings-page .jd-mobile-route-holder.blue-gradient{
    background: #fff !important;
}
@media (max-width: 767px) and (min-width: 320px){
    .mob-scrollbar{
        overflow-y: overlay ;
    }
    .mob-scrollbar::-webkit-scrollbar-thumb {
        background-color: rgba(50,50,50,0.25);
        border-radius: 10px;
        border: none;
    }
    .mob-scrollbar::-webkit-scrollbar {
        width: 4px !important;
        padding: 1px;
    }
    .mob-scrollbar::-webkit-scrollbar-track {
        background-color: rgba(50,50,50,0.1);
    }
}
.menu-list-holder .menu-item i + span.language-text-container,
.menu-list-holder .menu-item i + span.outlet-text-container {
    display: flex;
    width: calc(100% - 40px);
    justify-content: space-between;
}
.menu-item .language-tab,
.menu-item .outlet-tab {
    display: flex;
}
.home-bar-menu-list .menu-item .language-text-container i,
.home-bar-menu-list .menu-item .outlet-text-container i {
    margin: 0;
    top: -1px;
    color: #333;
    font-size: 16px;
    right: -5px;
    position: relative;
}
.language-text-container .active-language,
.language-text-container .active-outlet {
    display: flex;
    align-items: center;
}
.language-text-container .active-language .language-text{
    font-size: 12px;
}
.language-pop {
    position: fixed;
    width: 100%;
    height: 50px;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1055;
    bottom: 0px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    color: #fff;
    font-size: 16px;
    transition: 0.5s ease-in;
    transform: translate3d(0, 50px, 0);
    opacity: 0
}
.language-pop.animate-to-top {
    transform: translate3d(0, -50px, 0);
    opacity: 1;
}

/* Mobile Outlet Selection slider css */

body .home-bar-menu-list .menu-item .outlet-text-container .icon-float-right{
    display: flex;
    align-items: center;
}
body .home-bar-menu-list .menu-item .outlet-text-container{
    display: flex;
}
body .outlet-select-slider .animate-subsection-left {
    height: 100%;
    background: #fff;
}
body .outlet-slider {
    height: 100%;
    background: #fff;
}
body .animate-slider.outlet-select-slider {
    left: 0;
    top: 50px;
}
body .outlet-slider-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
body .outlet-head-section {
    display: flex;
    height: 55px;
    align-items: center;
    border-bottom: 5px solid #EFEFEF;
}
body .outlet-head-section .outlet-icon {
    display: flex;
    height: 50px;
    width: 44px;
    align-items: center;
    justify-content: center;
    color: #333;
}
body .animate-slider.submenu-slider .outlet-head-section .outlet-icon i {
    color: #333;
    font-size: 14px;
}
body .outlet-head-section .outlet-text {
    color: #333;
    font-weight: 500;
    font-size: 16px;
    margin-top: 4px;
}
body .single-outlet-tab {
    height: 55px;
    display: flex;
    align-items: center;
    color: #333;
    font-size: 14px;
}
body .single-outlet-tab .outletname {
    display: flex;
    width: 100%;
    justify-content: space-between;
    height: 100%;
    align-items: center;
}
body .single-outlet-tab .outletname i {
    color: #0086FF;
    font-size: 22px;
}
body .animate-slider.submenu-slider .listSlider i.tick-mark{
    font-size: 20px;
    margin-right: 0;
}
body .animate-slider.submenu-slider .link-name{
    padding: 0;
    font-size: 12px;
}
body .animate-slider.submenu-slider .listSlider .link-name.display-flex,
body .home-bar-menu-list .menu-item .outlet-text-container .link-name.display-flex{
    display: flex;
    align-items: center;
}
body .animate-slider.submenu-slider i{ 
    margin-left: 10px;
    margin-right: 15px;
    color: #0086FF;
    font-size: 14px;
    position: relative;
    top: 1px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
body .animate-slider.submenu-slider .listSlider i{
    color:#0086FF;
    font-size: 16px;
    top: 0px;
    display: flex;
    align-items: center;
}
body .home-bar-menu-list .menu-item .outlet-text-container .link-name.title-text{
    font-size: 16px;
    color: #333333;
    word-wrap: break-word;
}
body .home-bar-menu-list .menu-item .outlet-text-container .active-outlet.link-name.title-text{
    word-wrap: unset;
    max-width: 210px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;   
}
body .animate-slider.submenu-slider .listSlider .title-text{
    font-size: 13px; 
}
body .animate-slider.submenu-slider .listSlider .outletname .title-text{
    max-width: 230px;
    text-overflow: ellipsis ;
    white-space: nowrap ;
    overflow: hidden ;
    padding-right: 8px;
    font-size: 15px;
}
body .animate-slider.submenu-slider .listSlider .subtitle-text,
body .home-bar-menu-list .menu-item .outlet-text-container .link-name.subtitle-text{
    font-size: 12px;
    color: #7D7D7D;
}
body .home-bar-menu-list .menu-item .outlet-text-container .link-name{
    padding: 0;
}
body .home-bar-menu-list .menu-item .outlet-text-container > .link-name{
    max-width: 90%;
}
body .home-bar-menu-list .menu-item .outlet-tab i.changeOutlet{
    margin-top: 0px;
    font-size: 22px;
}
body .home-bar-menu-list .menu-item .outlet-tab.single-outlet{
    padding: 15px;
}
body .home-bar-menu-list .menu-item .outlet-tab.single-outlet .link-name.title-text{
    margin-top: 5px;
}
body .animate-div-left  .animate-subsection-left.submenu-active{
    left: 0;
}
body .marginL0{
    margin-left: 0;
}
.mobile-landing-page .count-holder.supplier-landing .tab-count{
    top: 5px;
    left: 5px;
}
.mobile-landing-page .count-holder.supplier-landing{
    min-height: 25px;
    min-width: 25px;
}
.mobileVendorApp .new-blue-color{
    color: #0086FF !important;
}
.mobileVendorApp .new-blue-bordercolor{
    border-color: #0086FF !important;
}
.mobileVendorApp .new-blue-backgroundcolor{
    background: #0086FF !important;
}
.mobileVendorApp .swipe-menu + .side-menu-overlay{
        z-index: 10001; 
}