.online-store .shadow{
	/*box-shadow: 0 1px 7px 0px #cccccc;*/
	z-index:1;
	position: relative;
    height:41px;
}
.online-store .revertEditButton .shadow {
    height:50px;
}
.online-store .revertEditButton{
    position: fixed;
    width: 100%;
    z-index: 10;
}
.online-store .revertEditButton .revert-theme.disabled{
    opacity: 0.5;
}
.online-store .revertEditButton .revert-theme .icon-btn-mobile-cms{
    margin-bottom: 4px;
    margin-right: 5px;
    width: 14px;
    height: 14px;
}
.online-store .cms-edit-options{
    position: fixed;
    bottom: 0;
    z-index: 12;
    right: 15px;
    margin-bottom: 5px;
}
.iphoneX .online-store .cms-edit-options{
    bottom: 30px;
}
.publish-unpublish-modal{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
body.details .online-store .cms-edit-options{
    bottom : 50px;
}
body.searchpage .online-store .cms-edit-options{
    display: none !important;
}
.sticky-footer-visible .online-store .cms-edit-options{
    bottom: 50px;
    position: fixed;
}
.sticky-footer-visible.iphoneX .online-store .cms-edit-options{
    bottom : 80px;
}
.online-store .more-option,
.online-store .save-option{
    width: 24vw;
    height: 9vw;
    background: grey;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    padding: 0px 15px;
    color: #333333;
    margin-bottom: 10px;
    background: #FFFFFF;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.30);
    border-radius: 20px;
    font-size: 120%;
    min-width: 100px;
}
.online-store .more-option i{
    font-size: 80%;
    padding-right: 6px;
}
.online-store .save-option i{
    font-size: 85%;
    padding-right: 6px;
}
.online-store .save-option{
    background: #ff7b05;
    color: white;
}
.online-store .revertEditButton .revert-theme .revertText,
.online-store .revertEditButton .toggleButton .editText,
.online-store .revertEditButton .toggleButton .previewText{
    color: #0086FF;
    font-weight: 400;
}
.online-store .revertEditButton .toggleButton .icon-preview-edit-toggle{
    color: #0086FF;   
}
.online-store .nav-tabs > li .filterlabel{
	font-weight: 300;
}
ul.nav li a {
    color: #333;
}
.online-store .filterlabel{
    color: #333;
    height:41px;
}
.online-store .revertEditButton .shadow .filterlabel{
    height:50px;
    padding:15px;
}
.online-store .nav-tabs{
    background: #fff;
}
.online-store .nav-tabs > li{
	text-align: center;
    width:100%;
}
.online-store .filterlabel .icon-show{
	position: relative;
	top:2px;
	margin-right: 5px;
    font-size: 14px;
}
.online-store .iframe-pos{
	position: relative;
    width: 100%;
    height: 100%;
    right: 0px;
/*    padding-top: 50px;*/
}
/*.jd-ios-style .online-store .iframe-holder .iframeClass{
    width: calc(100% - 15px);
}*/
.online-store .iframeClass{
	width: 100%;
  height: 100%;
  border:none;
}
.online-store .selected-theme-circle{    
	width: 65px;
    height: 65px;
    border: 1px solid #d5dde3;
    border-radius: 40px;
    cursor: pointer;
/*    float: left;*/
    margin: 10px auto;
    position: relative;
}
.online-store .icon-tick-pos{
	position: absolute;
    bottom: 45px;
    left: 40px;
    width: 23px;
}
.online-store .color-container{
	width: 100%;
    height: 100%;
    border-radius: 50px;
}
.online-store .quarter-circle{
    width: 50%;
    height: 50%;
    border-radius: 0 100% 0 0;
    -moz-border-radius: 0 100% 0 0;
    -webkit-border-radius: 0 100% 0 0;
    position: absolute;
    top: 0;
    right: 0;
}
.online-store .animate-section-overlay{
  height: 100%;
}
.online-store .animate-div-right{
    position: absolute;
    right: 0;
    z-index: 10000;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
}
/* .online-store .animate-div-right.widget-slider-mobile .icon-pagination-left{
    font-size: 22px;
} */
.online-store .animate-div-right.widget-slider-mobile{
    position: fixed;
    z-index: 10001;
}
.online-store .web-slider,
.online-store .animate-slider{
    display: none;
}
.online-store .animate-subsection-left{
	position: absolute;
    left: 100%;
    width: 100%;
    transition-property: left;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
}
.online-store .submenu-active{
	left: 0
}
.online-store .slider-header{
	font-size:16px;
	padding:15px;
    padding-right:0;
    color:#333;
}
.online-store .slider-header .icon-close-thin.pull-right{
	color:#777;
	padding-top:1px;
    font-size: 25px;
    padding-right:6px;
}
.online-store .slider-header .icon-close-thin:active{
    color:#333;
}
.online-store .filterlabel .icon-edit{
	margin-right: 5px;
    font-size: 12px;
}
.online-store .color-parent-div{
	overflow: auto;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    align-content: flex-start;
    margin-top: 52px;
    padding-bottom:60px;
    height: 100%;
/*    -webkit-justify-content: space-around;
    justify-content: space-around;*/
}
.online-store .color-parent-div div.pull-left{
    padding: 6px;
}

/*.onlinestoreLanding.background-color{
    background:rgb(238,238,238);
}*/
.onlinestoreLanding .mobile-landing-page .dividerLine{
    border-bottom: 1px solid #dcdcdc;
}
.online-store .jd-animate.full-height.animate-subsection-left{
    padding-bottom:50px;
    background-color: #fff;
    background: #fff;
}

.edit-header-open .customise-header-color .jd-animate.full-height.animate-subsection-left{
    padding-bottom: 100px;
}
.online-store .company-name .jd-animate.full-height.animate-subsection-left{
    padding-bottom: 0;
}
.online-store .company-name .jd-animate.full-height.animate-subsection-left{
    background: linear-gradient(to bottom right, #014aab, #0086FF,#0086FF);
}
.online-store .company-name .jd-animate.full-height.animate-subsection-left .content-div{
    background:none;
    height: calc(100% - 51px);
    overflow: auto;
    position: relative;
    padding-top: 0;
}
.online-store .company-name .content-div .slider-footer{
    height: 55px;
}
.online-store .imageSeo .jd-animate.full-height.animate-subsection-left,
.iosSafari .online-store .edit-banner-container .jd-animate.full-height.animate-subsection-left{
    padding-bottom: 0px;
}
.jd-content-block .jd-animate.full-height.animate-subsection-left{
    padding-bottom:0px;
}
.jd-animate.full-height.animate-subsection-left.cmsBlockMenu{
    padding-bottom: 0;
}
/*.jd-animate.full-height.animate-subsection-left.cmsBlockMenu .mobile-header-left i{
    left:5px!important;
}*/
.online-store .animate-subsection-left .btn-pos{
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.online-store .filterlabel .icon-revertChanges{
    position: relative;
    top:2px;
    margin-right: 5px;
}
.jd-ios-style .online-store .iframe-holder{
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y:scroll;
}
.online-store .iframe-holder.cms-iframe{
    height: calc(100vh - 60px);    
}
.hide-header .jd-mobile-header.navbar-fixed-top{
    display: none;
}
body.hide-header.loggedin-page.jd-ios-style{
    padding-top: 0px;
}
/*.online-store .jd-fixed-footer.customize-sticky-footer{
    display: none;
    z-index: 12;
    background: #424448;
    height: 50px;
    min-height: 50px;
    box-shadow: 4px 0px 7px rgba(50, 50, 50, 0.3);
    border-top: none;
}*/
.online-store .jd-fixed-footer .shimmer-loader{
    background-color: #424448;
    background-image: -webkit-linear-gradient(left,#424448 10%,#54575d 30%,#424448 50%,#424448 100%);
    background-image: -moz-linear-gradient(left,#424448 10%,#54575d 30%,#424448 50%,#424448 100%);
    background-image: linear-gradient(left,#424448 10%,#54575d 30%,#424448 50%,#424448 100%);
    height: 50px;
    color: #9c9c9c;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    letter-spacing: 0.5px;
}
/*.iphoneX .online-store .jd-fixed-footer.customize-sticky-footer{
    height: 70px;
}*/
.jd-cms.edit-mode .online-store .jd-fixed-footer{
    display: block;
}
/*.edit-mode .online-store .customize-sticky-footer{
    opacity: 0;
    transition: opacity 0.25s linear;
}
.edit-mode .online-store .customize-sticky-footer.shimmer-footer{
    display: block;
    position: fixed;
    opacity : 1;
    z-index: 1011 !important;
    bottom: 0;
    width: 100%;
}
.outletSelection.edit-mode .online-store .customize-sticky-footer.shimmer-footer,
.wishlist.edit-mode .online-store .customize-sticky-footer.shimmer-footer,
.my-account.edit-mode .online-store .customize-sticky-footer.shimmer-footer,
.my-order.edit-mode .online-store .customize-sticky-footer.shimmer-footer,
.order-detail.edit-mode .online-store .customize-sticky-footer.shimmer-footer,
.order-summary.edit-mode .online-store .customize-sticky-footer.shimmer-footer,
.manage-address.edit-mode .online-store .customize-sticky-footer.shimmer-footer,
.order-confirmation.edit-mode .online-store .customize-sticky-footer.shimmer-footer,
.verify-mobile.edit-mode .online-store .customize-sticky-footer.shimmer-footer,
.delivery-address.edit-mode .online-store .customize-sticky-footer.shimmer-footer{
    display: none;
}   
.jd-cms.edit-mode .online-store .customize-sticky-footer{
    z-index: 1012;
}
.jd-cms.edit-mode .online-store.show-sticky-footer .customize-sticky-footer{
    opacity: 1;
}*/
.jd-cms .cropper-block.mobileEditBlock .imageCropperFooterMobile{
    display: flex;
    min-height: 51px;
}
.online-store .mobileUploadBanner .edit-banner-container .jd-fixed-footer{
    background: #fff;
    box-shadow: none;
    border-top: none;
}
.online-store .mobileEditBlock .jd-fixed-footer {
    box-shadow: none;
}
.online-store .mobileEditBlock .jd-fixed-footer button:active{
    background: #1D1D1D;
}
.online-store .mobileEditBlock .jd-fixed-footer button{
    font-size: 10px;
    padding: 6px 0px;
}
.online-store .mobileEditBlock .jd-fixed-footer .icon-holder{
    font-size: 18px;
}

.online-store .footer-btns-5 button{
    background: #424448;
    color: white;
}
.online-store .footer-btns-5 .icon-saveNew::before,
.online-store .footer-btns-5 .icon-revertChange::before,
.online-store .footer-btns-5 .icon-show::before,
.online-store .footer-btns-5 .icon-editNewPencil::before,
.online-store .footer-btns-5 .icon-backNew::before{
    color: #fff;
}
.online-store .footer-btns-5 .footer-btns.disabled{
    opacity: 1;
}
.online-store .footer-btns-5 .footer-btns.disabled .icon-saveNew::before,
.online-store .footer-btns-5 .footer-btns.disabled .icon-revertChange::before{
    color: #999999;
}
.mobile-landing-page.paddingT120{
    padding-top: 120px;
}
.online-store .footer-btns-5 button>div{
    padding-bottom:  4px;
}
.online-store .jd-fixed-footer button{
    height: 50px;
}
.online-store .jd-fixed-footer button.save-btn{
    background-color: #ff7b05;
}
.online-store .jd-fixed-footer button.save-btn.disabled{
    background-color: #424448;
    opacity: 0.7;
}
.online-store .footer-btns-4 button{
    background: #424448;
    color: white;
}
.online-store .footer-btns-4 .icon-saveNew::before,
.online-store .footer-btns-4 .icon-revertChange::before,
.online-store .footer-btns-4 .icon-show::before,
.online-store .footer-btns-4 .icon-editNewPencil::before,
.online-store .footer-btns-4 .icon-backNew::before{
    color: #fff;
}
.online-store .footer-btns-4 .footer-btns.disabled{
    opacity: 1;
}
.online-store .footer-btns-4 .footer-btns.disabled .icon-saveNew::before,
.online-store .footer-btns-4 .footer-btns.disabled .icon-revertChange::before{
    color: #999999;
}
.mobile-landing-page.paddingT120{
    padding-top: 120px;
}
.online-store .footer-btns-4 button>div{
    padding-bottom:  4px;
}
.online-store .cms-menu{
    z-index: 101;
    position: fixed;
    bottom: 15px;
    right: 0;
    width: calc(100vw - 90px);
    margin: 0px 15px 0 75px;
    z-index: 1012;
    transform-origin: 100% 100%;  
    transform: scale(0);
    transition: all .25s ease-out;
}
.online-store .cms-menu .menulist-parent:first-child{
    padding-top: 5px;
}
.online-store .cms-menu .menulist-parent:last-child{
    padding-bottom: 5px;
}
.online-store .cms-menu.save-visible{
    bottom: calc(9vw + 25px);
}
.sticky-footer-visible .online-store .cms-menu{
    bottom: 65px;
}
.sticky-footer-visible .online-store .cms-menu.save-visible{
    bottom: calc(9vw + 75px);
}
/*.online-store .cms-menu.show-cms-menu{
    transform:scale(1);
    -webkit-animation: XvsvK .25s ease-out;
    animation: XvsvK .25s ease-out;
}*/
.online-store .cms-menu .ripple-gray{
    background: #dedede !important;
}
@-webkit-keyframes XvsvK{
    from{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes XvsvK{
    from{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.online-store .cms-menu .menu-block{
    background: white;
    max-height: 68vh;
    overflow: auto;
    border-radius: 10px;
}
.online-store .cms-menu .menu-block.jd-bottom-blurred:after{
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(-180deg, rgba(255,255,255,0.00) 0%, #FFFFFF 100%);
    width: 100%;
    height: 50px;
    border-radius: 10px;
}
.online-store .cms-menu.close{
    bottom: -422px;
    font-weight: normal;
}
.online-store .cms-menu.close i{
    font-size: 20px;
}
.online-store .cms-menu-overlay.close{
    top: 100%;
    opacity: 0;
}
.online-store .cms-menu-overlay{
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    opacity: 1;
    transition: opacity 0.3s linear;
    z-index: 1011;
}
/*.online-store .menu-block{
    margin: 0px 10px;
}*/
.online-store .coming-soon{
    float: right;
    padding: 2px 5px;
    font-size: 12px;
    background: #ffe4a6;
    color: black;
    border-radius: 3px;
    position: absolute;
    right: 10px;
}
.online-store .swith-button{
    position: absolute;
    right: 0px;
}
.online-store .position-static{
    position: static;
}
.online-store .swith-button.position-static label{
    margin-bottom: 0;
}
.online-store .cms-menu .menu-list{
    height: 52px;
    /*border-bottom: 1px solid #e3e3e3;*/
    padding: 0 15px;
}
/*.online-store .cms-menu .menu-list:after{
    content: "";
    border-bottom: 1px solid #e3e3e3;
    display: block;
    width: calc(100% - 50px);
    right: 0;
    position: absolute;
    bottom: 0;
}*/
/*.online-store .cms-menu .menu-list:before{
    content: "";
    border-bottom: 1px solid white;
    display: block;
    width: 50px;
    left: 0;
    position: absolute;
    bottom: 0;
}*/
.online-store .cms-menu .menulist-parent:active{
    background: #eee;
}
.online-store .cms-menu .menulist-parent:last-child .menu-list:after{
    border-bottom: none;
}
.online-store .menu-list .icon-blue{
    color: #0086FF;
}
.online-store .vertical-middle{
    display: flex;
    align-items: center;  
}
.online-store .menu-text{
    padding-left: 15px;
    color: black;
    font-size: 16px;
    margin-bottom: 3px;
}
.online-store .flex-grow{
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
}
.online-store .circle{
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.online-store .circle.icon-closeLight:before{
    position: relative;
    top: 7px;
    -webkit-transition:.3s linear;
    -moz-transition:.3s linear;
    -ms-transition:.3s linear;
    transition:.3s linear;
}
.online-store .rotate{
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}
.online-store .icon-closeLight{
    font-size: 16px;
}
.voice-search-modals .custom-page-floating-button .icon-closeLight,
.online-store .custom-page-floating-button .icon-closeLight{
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 1.2em;
    transform: rotate(45deg);
}
.online-store .icon-closeLight.border{
    width: 40px;
    height: 40px;
    margin: auto;
    padding: 1px;
    background: #0086FF;
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s linear;
}
.select-theme .switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 20px;
    top: 1px;
}
.online-store .switch {
	position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    top: 1px;
	margin-bottom: 0px;
}
.online-store .swith-button .switch-button-container {
    margin:0;
}
.online-store .cms-menu .slider,
.select-theme .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.online-store .cms-menu .slider:before,
.select-theme .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 1px;
    background-color: #ECECEC;
    -webkit-transition: .4s;
    transition: .4s;
}
.online-store .cms-menu input:checked + .slider,
.select-theme input:checked + .slider {
    background-color: #0086FF;
}
.online-store .cms-menu input[type='checkbox']:focus + .slider,
.select-theme input[type='checkbox']:focus + .slider {
    box-shadow: 0 0 4px black;
}
.online-store .cms-menu input:checked + .slider:before,
.online-store .cms-menu input[type='checkbox']:focus + .slider,
.select-theme input:checked + .slider:before,
.select-theme input[type='checkbox']:focus + .slider{
    -webkit-transform: translateX(23px);
    -ms-transform: translateX(23px);
    transform: translateX(23px);
    background-color: white;
}
.online-store .cms-menu .slider.round,
.select-theme .slider.round {
    border-radius: 34px;
    border: 1px solid #ededed;
}
.online-store .cms-menu .slider.round:before,
.select-theme .slider.round:before {
    border-radius: 50%;
}
.select-theme .category-list{
    list-style-type: none;
    position: fixed;
    top: 56px;
    z-index: 200;
    margin: 0;
    padding: 0 0 0 15px;
    overflow: auto;
    background-color: #fff;
    white-space: nowrap;
    width: 100%;
    min-height: 38px;
    border-bottom: 1px solid #ededed;
    font-family: 'Gilroy',sans-serif;
}
.select-theme .cat-container{
    overflow: auto;
}
.select-theme .category-name{
    display: inline-block;
    margin-left: 4px;
    padding: 5px 15px;
    font-size: 14px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #0086ff;
    color: #0086ff;
}
.select-theme .category-name.active{
    background-color: #0086FF;
    color: #fff;
}
.select-theme .theme-list{
    padding: 96px 10px 0px;
    min-height: 100vh;
    padding-bottom: 20px;
    color: #fff;
    background-color: #fff;
}
.select-theme .theme-search-autosuggestion{
    min-height: calc(100vh - 50px);
    /*background: #2d2d2d;*/
    background-color: #fff;
    padding-top: 20px;
}
.select-theme .theme-search-autosuggestion .jd-autosuggest.theme-search-results{
    position: fixed;
    max-height: 100%;
    top: 65px;
    bottom: 0;
    width: calc(100% - 1px);
    padding-top: 0;
    /*background-color: #2d2d2d;*/
    border: none;
    box-shadow: none;
    margin: 0;
}
.select-theme .theme-search-autosuggestion .jd-autosuggest.theme-search-results::-webkit-scrollbar{
    width: 4px;
}
.select-theme .theme-search-autosuggestion .jd-autosuggest.theme-search-results::-webkit-scrollbar-thumb{
    background-color: #ababab;
    border-radius: 2px;
}
.select-theme .theme-search-autosuggestion li{
    padding-top: 14px;
    border-bottom: none;
    padding-left: calc(10.625vw + 13px);
}
.select-theme .theme-search-autosuggestion .border-bottom{
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 14px;
}
/*.select-theme .theme-search-autosuggestion li:hover,
.select-theme .theme-search-autosuggestion li:focus,
.select-theme .theme-search-autosuggestion li:active {
     background-color: #383838; 
}*/
.select-theme .theme-search-loader{
    color: rgb(255, 255, 255);
    border: 2px solid #fff;
    border-top: 2px solid transparent;
    -webkit-animation: jdLoading 1.2s infinite linear;
    -moz-animation: jdLoading 1.2s infinite linear;
    -ms-animation: jdLoading 1.2s infinite linear;
    animation: jdLoading 1.2s infinite linear;
    border-radius: 50%;
    width: 22px;
    height: 22px;
}
.select-theme .theme-search-autosuggestion span.searchHighlight{
    color: #333;
    font-weight: 500;
}
.select-theme .theme-search-autosuggestion span{
    color: #777;
    font-weight: 300;
    word-wrap: break-word;
}
.onboard .select-theme .theme-list{
    min-height: calc(100vh - 225px);
}
.select-theme .theme-list.paddingT20{
    padding-top: 20px;
}
.select-theme .no-theme-container{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 20px;
    min-height: calc(100vh - 120px);
    /*background: #2d2d2d;*/
}
.select-theme .theme-container{
    /*max-height: calc(81vw - 46px);*/
    background-color: #fff;
    color : #777;
    overflow : hidden;
    box-shadow : 0px 1px 15px 0 rgba(0, 0, 0, 0.35);
    border-radius: 5px;
}
.select-theme .no-theme-icon{
    font-size: 29px;
    color: #b3b3b3;
    padding: 14px;
    /*background: #333333;*/
    border-radius: 50%;
}
.select-theme .no-theme-msg{
    width: 80%;
    color: #b3b3b3;
    padding-top: 17px;
    text-align: center;
}
.select-theme .theme-window{
    display: block;
    border-radius: 5px;
}
.select-theme .template-block {
    width: 100%;
    display: inline-block;
    padding: 20px 10px 0;
    vertical-align: top;
}
.select-theme .theme-window/*,
.select-theme .container-block*/{
    width: 100%;
}
.select-theme .animate-section-overlay{
  height: 100%;
}
.select-theme .animate-div-right{
    position: fixed;
    right: 0;
    z-index: 1035;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
}
.select-theme .jd-animate.full-height.animate-subsection-left{
    background-color: #fff;
    position: relative;
    left: 0;
}
.select-theme .preview-container{
    height: calc(100% - 56px);
    position: relative;
    top: 56px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.jd-ios-style .select-theme .preview-container .preview-holder.full-height { 
    overflow: auto; 
}
.select-theme .change-theme-btn{
    position: fixed;
    bottom: 15px;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 30px);
    background: #0086FF;
    color: #fff;
    margin: 0 15px;
    border-radius: 20px;
    height: 40px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.30);
    cursor: pointer;
    border:none;
    outline:none;
    font-size: 16px;
}
.select-theme .preview-image,
.mobileVendorApp .select-theme .preview-image{
    width: 100vw;
    padding-bottom: 55px;
    max-height: unset;
}
.select-theme .jd-mobile-header .child-header{
    width: 100%;
    bottom: 0;
    font-size: 0.8em;
}
.select-theme .jd-mobile-header .child-header .web-mobile-toggle-btn{
    font-size: 1em;
}
.select-theme .change-theme-modal{
    z-index: 1045;
}
.select-theme .ribbon {
    position: absolute;
    right: 7px;
    top: 16px;
    z-index: 1;
    overflow: hidden;
    width: 105px;
    height: 105px;
    text-align: right;
}
.select-theme .ribbon span {
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    line-height: 35px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 150px;
    display: block;
    background: #f97d22;
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 23px;
    right: -38px;
}
.select-theme .ribbon span::before,
.select-theme .ribbon span::after {
  content: "";
  position: absolute;
  top: 100%;
  z-index: -1;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #C98940;
}
.select-theme .ribbon span::before{
  left: 0px;
  border-left: 3px solid #C98940;
  border-right: 3px solid transparent;
}
.select-theme .ribbon span::after {
  right : 0px;
  border-left: 3px solid transparent;
  border-right: 3px solid #C98940;
}
.select-theme .slider { 
    background-color: white;
}
.select-theme input:checked + .slider { 
    background-color: white;
}
.select-theme input:checked + .slider:before { 
    background-color: #0086FF;
}
.select-theme .slider:before{
    background-color: #0086FF;
}
.select-theme .hidden-view{
    opacity: 0.6;
}
.select-theme .jd-mobile-header .header-left-section,
.select-theme .jd-mobile-header .header-right-section{
    width: 10%;
}
.select-theme .jd-mobile-header .header-center-section {
    padding-top: unset;
    width: 80%;
    padding-right: unset;
    padding-left: unset;
}
.select-theme .mode-text{
    font-weight: 400;
}
.edit-block.mobileEditBlock .jd-testimonial .popover.edit-popover{
    min-width: 100%;
}
.mobile-landing-page.paddingT140{
    padding-top:140px;
}
.mobile-landing-page.clear10{
    clear: both;
    padding-top: 10px;
}
.select-theme .theme-search-input{
    background: transparent;
    border: none;
    color: white;
}
.select-theme .input-placeholder{
    position: absolute;
    top: 5px;
    left: 11px;
    font-size: 16px;
    color: white;
    z-index: -1;
}
/* Todo move following code in a directive */
/*.select-theme .circle-loader {
    fill: transparent;
    stroke: white;
    stroke-width: 3;
    animation: dash 2s ease infinite,rotate 2s linear infinite;
    position: absolute;
    top:7px;
    right: 0px;
}
.select-theme .circle-loader.progress{
    height: initial;
    background-color: initial;
    border-radius: 50%;
    box-shadow: initial;
}
.select-theme .circle-loader {
  animation: dash 2s ease infinite,rotate 2s linear infinite;
}*/
.select-theme .jd-mobile-header .input-placeholder{
    font-weight: 400;
}
.select-theme .jd-mobile-header .theme-search-input{
    padding-right: 30px;
    font-size: 16px;
    color: #333;
}
.ecommerce-flow.select-theme .jd-mobile-header .child-header {
	left: unset;
}

@keyframes dash {
    0% {
        stroke-dasharray: 20,95;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 85,95;
        stroke-dashoffset: -25;
    }
    100% {
        stroke-dasharray: 85,95;
        stroke-dashoffset: -93;
    }
}
.online-store .jd-fixed-footer button:active{
    box-shadow: none;
}
.online-store .jd-fixed-footer .footer-btn-text{
    font-size: 10px;
}
.online-store .jd-fixed-footer .btn.btn-common.btn-primary .footer-btn-text{
    font-size: 17px;
}
.online-store .cms-menu .menu-list .seo-status-btn{
    /*position: absolute;*/
    position: static;
    right: 13px;
    height: 14px;
    width: 14px;
    border: 1px solid #FFC553;
    border-radius: 50%;
    background: #FFC553;    
}
.online-store .cms-menu .menu-list .seo-status-btn.green-color{
   background: #5EB972;
   border-color: #5EB972;
}
.online-store .cms-menu .icon{
    font-size: 18px;
}
.online-store .cms-menu .icon.icon-HDRburger{
    font-size: 14px;
}
.online-store .iframe-without-footer-height{
    height: 100vh
}
.online-store .iframe-with-footer-height{
    height: calc(100vh - 61px);
}
.select-theme .theme-name{
    line-height: 1.4;
    font-size: 14px;
}
.select-theme .theme-list .template-block .container-block .website-link.link-item-url{
        word-break: break-all;
}
.onboard .select-theme .category-list{
    display: none;
}
.onboard .select-theme .theme-list{
    background: transparent;
    padding-bottom: 65px;
}
.onboard .select-theme .cross-button{
    display: none;
}
.onboard .select-theme .theme-container{
    position: relative;
}
.select-theme .mobile-loader{
    z-index: 9999;
}
.onboard .select-theme .selected-theme-block{
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.5;
    background: white;
    border : 2px solid green;
}
.onboard .select-theme .selected-border{
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: initial;
    background: #4ef613;
}
.onboard .preview-holder{
    height: calc(100vh - 51px);
}
.select-theme.appHome .loader-backdrop{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1660;
    display: flex;
    background: rgba(0, 0, 0, 0.5);
}
.select-theme.appHome .loader{
    margin: auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    width: 4.5em;
    height: 4.5em;
    z-index: 1234;
    background: white;
    padding: 10px;
    border-radius: 50%;
}
.select-theme.appHome .loader-border{
    border-top: 3px solid rgba(255, 255, 255, 0.2);
    border-right: 3px solid #4280c5;
    border-bottom: 3px solid #4280c5;
    border-left: 3px solid #4280c5;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    border-radius: 50%;
    width: 100%;
    height: 100%;
}
.select-theme .complete-list-separator,
.select-theme .complete-list-showcase{
    font-size: 16px;
}
.complete-list-separator::before,
.complete-list-separator::after {
    transform: translateY(-3px);
    width: calc(50% - 124px);
    border-top: 2px solid rgba(255, 255, 255, 0.2);
}
.complete-list-showcase::before,
.complete-list-showcase::after {
    transform: translateY(-3px);
    width: calc(50% - 62px);
    border-top: 2px solid rgba(255, 255, 255, 0.2);
}
.sales-text{
    font-size: 16px;
}
.sub-text{
    font-size: 16px;
}
.appHome .main-container{
    width: 100%;
}
.appHome .search-data-div{
    top: 40px;
    left: 2px;
}
.marginT30{
    margin-top: 30px;
}
.complete-list-separator,
.complete-list-showcase{
    margin-bottom: 0px;
}
.appHome.select-theme .theme-list{
    width: 100%;
}
.web-online-selectTheme .main-text, .select-theme .main-text{
    font-size: 18px;
}
/*.select-theme.isMobile .theme-list {
    display: inline-table;
    width: 100%;
}*/
.select-theme.isMobile .theme-list.display-none {
    display: none;
}
body.select-theme .jd-mobile-route-holder{
    overflow: auto;
    position: relative;
}
.online-store .btn:focus, .online-store .btn:active:focus, .online-store .btn.active:focus{
    outline: 0;
}
.select-theme.isMobile .header-right-icon .icon-closeNewLine{
    font-size: 16px;
}
.select-theme.isMobile .small-header-loader{
    right: inherit;
    border-top: 3px solid rgba(255, 255, 255, 0);
} 
.select-theme.isMobile #theme-search-input::-webkit-input-placeholder {
    color: #fff;
}

/* CSS for UI enhancement for IOS - search theme Header starts*/
.jd-ios-style .search-theme-section.jd-mobile-header{
    padding: 5px;
    height: 65px;
}
.jd-ios-style .jd-mobile-header .header-right-section .header-right-icon {
     border-radius: 50%; 
     width: 40px;
     height: 40px;
}
.jd-ios-style .search-theme-section.jd-mobile-header table{
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
}
.jd-ios-style .search-theme-section.jd-mobile-header .header-left-section{
    height: 30px;
}
.jd-ios-style .search-theme-section.jd-mobile-header .single-icon{
    padding-left: 7px;
}
.jd-ios-style .search-theme-section.jd-mobile-header .icon-lhs{
    color: #545454 !important;
}
.jd-ios-style .search-theme-section.jd-mobile-header .header-center-section{
    padding-top: 0;
}
.jd-ios-style .search-theme-section.jd-mobile-header .input-placeholder{
    color: #999;
    top: 3px;
}
.jd-ios-style .search-theme-section.jd-mobile-header .theme-search-input{
    height: 30px;
    color: #333;
}
.jd-ios-style .search-theme-section.jd-mobile-header .icon-closeNewLine{
    color: #545454 !important;
    font-size: 12px;
}
.jd-ios-style .select-theme.isMobile #theme-search-input::-webkit-input-placeholder {
    color: #999;
}
.jd-ios-style .select-theme.isMobile .small-header-loader{
    right: 5px;
    border: 3px solid #3498db;
    border-top: 3px solid rgba(255, 255, 255, 0);
}
/*.jd-popup-modal.save-changes-modal .modal-dialog.popup-modal .modal-body {
    padding: 20px;
}*/
.jd-popup-modal.save-changes-modal .modal-content {
    border-radius: 10px
}
.jd-popup-modal.save-changes-modal .modal-dialog.popup-modal .modal-footer {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.jd-popup-modal.save-changes-modal .modal-dialog.popup-modal .modal-footer .cancel-btn {
    border-bottom-left-radius: 10px;
}
.jd-popup-modal.save-changes-modal .modal-dialog.popup-modal .modal-footer .confirm-btn {
    border-bottom-right-radius: 10px;
}
/*CSS for UI enhancement for IOS - search theme Header Ends*/
.save-changes-modal .confirm-btn{
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.save-changes-modal .modal-footer{
    display: flex;
}
.preview-container .mobile-loader{
    display: block;
}
.wap .font-filter{
    display: none;
}
.wap .social-link-slider .select-all-group .icon-font-style{
    font-size: 22px;
}
.social-link-slider .font-popover .popover{
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
    border-radius: 1px;
    left: -113px;
    top: 4px;
    height: 200px;
    width: 150px;
    overflow: auto;
    overflow-x: hidden;
}
.social-link-slider .font-popover .popover .popover-content{
    padding: 0;
}
.social-link-slider .font-popover .submenu-txt{
    padding: 5px 0px;
}
.social-link-slider .font-popover .font-name{
    padding-left: 7px;
}
.social-link-slider .selected-font-icon{
    position: absolute;
    top: 3px;
    right: 1px;
}
@-webkit-keyframes jdLoading {
  to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes jdLoading {
  to { -moz-transform: rotate(360deg); }
}
@-ms-keyframes jdLoading {
  to { -ms-transform: rotate(360deg); }
}
@keyframes jdLoading {
  to { transform: rotate(360deg); }
}
.preview-container .circle-loader{
    border: 4px solid #0086FF;
    border-top: 4px solid transparent;
    -webkit-animation: jdLoading 1.2s infinite linear;
    -moz-animation: jdLoading 1.2s infinite linear;
    -ms-animation: jdLoading 1.2s infinite linear;
    animation: jdLoading 1.2s infinite linear;
    top: 46%;
    border-radius: 50%;
    position: fixed;
    left: calc(50% - 20px);
    width: 38px;
    height: 38px;
    background: #fff;
    border-radius: 50%;
}
.my-website-copy .my-website-container .theme-container,
.my-website-copy .my-website-container .theme-container img{
    /*min-height: calc(81vw - 46px);*/
}
.my-website-copy .my-website-list .ribbon {
    left: 3px;
    width: 120px;
    height: 120px;
    top: 13px;
}
.my-website-copy .my-website-list .ribbon span{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 23px;
    line-height: 20px;
    right: 29px;
    background-color: #69BE7B;
    width: 115px;
}
.my-website-copy .my-website-list .ribbon span::before{
    border-left: 5px solid #185525;
    border-top: 5px solid #185525;
    border-right: 5px solid transparent;
}
.my-website-copy .my-website-list .ribbon span::after{
    border-right: 5px solid #185525;
    border-top: 5px solid #185525;
    border-left: 5px solid transparent;
}
.my-website-copy .my-website-list .ribbon span::before,
.my-website-copy .my-website-list .ribbon span::after{
    border-bottom: 5px solid transparent;
}
.select-theme .deleteWebsiteCopy .modal-body{
    padding: 20px 20px 30px;
}
.select-theme .deleteWebsiteCopy .modal-body .row{
    margin: 0;
    position: relative;
    top: -16px;
    right: -15px;
}
.select-theme .deleteWebsiteCopy .modal-body .header{
    display: none;
}
.select-theme .deleteWebsiteCopy .modal-dialog.popup-modal .modal-body .description{
    padding: 15px 0;
}
.select-theme .website-copy-popover{
    font-size: 16px;
    color: #6E6E6E;
    max-width: initial;
    display: block;
    position: fixed;
    top: 47px;
    z-index: 1050;
    margin: 0 5px;
    border-radius: 8px;
    font-family: 'Gilroy',sans-serif;
}
.select-theme .website-copy-popover .popover-content{
    padding: 25px 20px;
}
.select-theme .website-copy-popover.bottom > .arrow{
    left: 95%;
    top: -10px;
}
.select-theme .paddingT20{
    padding-top: 20px;
}
.select-theme .container-block.disabled{
    box-shadow: none;
    cursor: not-allowed;
    pointer-events: none;
}
.select-theme .font-10{
    font-size: 10px;
}
.select-theme .font-12{
    font-size: 12px;
}
.select-theme .delete-website-copy-modal .modal-content,
.select-theme .change-theme-modal .modal-content{
    border-radius: 8px;
}
.select-theme .delete-website-copy-modal .modal-dialog.popup-modal .modal-footer .cancel-btn,
.select-theme .change-theme-modal .modal-dialog.popup-modal .modal-footer .cancel-btn{
    background-color: #d7d7d7;
    border-bottom-left-radius: 8px;
}
.select-theme .delete-website-copy-modal .modal-dialog.popup-modal .modal-footer .red{
    background-color: #CD4B5B;
    border-bottom-right-radius: 8px;
}
.select-theme .change-theme-modal .modal-dialog.popup-modal .modal-footer .green{
    border-bottom-right-radius: 8px;
}
.select-theme .change-theme-modal .modal-body .row{
    margin: 0;
    position: relative;
    top: -16px;
    right: -15px;
}
.select-theme .footer-div .fake-backdrop{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(0, 0, 0, 0);
}
.select-theme.appHome .preview-holder{
    /*overflow: auto;*/
    -webkit-overflow-scrolling:touch;
    /*padding-top: 50px;*/
}
.online-store .animate-div-right.widget .widget-link.validation-errLabl{
  border-bottom: 2px solid #de7e7e;
}
.online-store .animate-div-right.widget .errorClass{
  color: #de7e7e !important;
}
.mobile-select-theme .jd-animate .web-mobile-toggle-btn{
    width: 100%;
}
.jd-animate .web-mobile-toggle-btn {
    display: flex;
    width: 80%;
    justify-content: center;
    align-items: center;
}
.ecommerce-flow .jd-animate .web-mobile-toggle-btn {
    height: 55px;
    width: 100vw;
    left: calc(-10% - 5px);
    position: relative;
    top: 0px;
    overflow: hidden;
}
.ecommerce-flow.select-theme .jd-mobile-header .header-left-section {
    z-index: 3;
    position: relative;
}
.ecommerce-flow.select-theme .jd-mobile-header .header-center-section {
    z-index: 2;
}
.theme-window.jd-image-holder img {
    height: calc(81vw - 46px);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
}
.theme-window.jd-image-holder img[data-rel] {
    width: 100%;
}
.theme-container .jd-image-loader-icon.inventoryImg {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0;
}
.cms-menu .down-arrow{
    border-width: 0 11px 11px;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border: 0;
    left: 31%;
    margin-left: -11px;
    border-bottom: none;
}
.cms-menu.sales .down-arrow{
    left: 10%;
}
.cms-menu .down-arrow:after{
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    content: " ";
    border-top-color: white;
    border-width: 6px;
    bottom: -5px;
    margin-left: -6px;
}
.jd-fixed-footer .icon-holder{
    position: relative;
}
.jd-fixed-footer .sales-btn .item-count{
    position: absolute;
    top: 0px;
    /*right: 3px;*/
    left: 52%;
    min-width: 15px;
    min-height: 15px;
    font-size: 10px;
    /* width: 20px; */
    /* height: 15px; */
    padding: 1.5px 4px 3px;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
    background-color: #E00703;
    border-radius: 10px;
}
/*.online-store .jd-fixed-footer .sales-btn{
    background: #E84A45;
}*/
.online-store .footer-btns-5 .icon-micNew{
    height: 44px;
    width: 44px;
    font-size: 25px;
    border-radius: 50%;
    background: #428bca;
    margin: auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -3px;
    padding-left: 1%;
    padding-top: 4.5px;
}
.cms-menu .item-count{
    height: 20px;
    width: 28px;
    border-radius: 10px;
    background: #f23737;
    color: white;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.jd-popup-modal.activate-voice-command .modal-dialog.popup-modal{
    width: 100vw;
    padding: 0px 20px;
}
.jd-popup-modal.activate-voice-command .modal-content{
    border: 1px solid;
    border-radius: 10px;
}
.jd-popup-modal.activate-voice-command .modal-dialog.popup-modal .modal-footer .cancel-btn{
    border-bottom-left-radius: 10px;
}
.jd-popup-modal.activate-voice-command .modal-dialog.popup-modal .modal-footer .confirm-btn{
    border-bottom-right-radius: 10px;
}
.jd-popup-modal.activate-voice-command .icon-holder{
    float: left;
    width: auto;
    font-size: 50px;
    display: flex;
    align-items: center;
    height: 121px;
}
.website-preview-popover{
    display: block;
    width: calc(100% - 40px);
    max-width: initial;
    bottom: 72px;
    top: auto;
    left: auto;
    right: 20px;
    background: #0086FF;
    color: white;
    position: fixed;
    z-index: 10;
    border:none;
    border-radius: 10px !important;
}
.website-preview-popover.popover.top>.arrow{
    left: auto;
    right: 25%;
}
.website-preview-popover.popover.top>.arrow:after{
  border-top-color: #0086FF
}
.website-preview-popover .icon-static-page{
  display: inline-block;
}
.website-preview-popover .popover-content{
  display: flex;
  align-items: center;
  padding-left: 7px;
}
.website-preview-popover .popover-content .icon-static-page{
    font-size: 25px;
}
.website-preview-popover .text{
  display: inline-block;
  padding-left: 10px;
  padding-right: 15px;
}
.website-preview-popover .icon-close-thin{
    position: absolute;
    right: 5px;
    top: 5px;
    color: white;
    font-size: 20px;
}
.online-store .footer-btns-5 .icon-holder:before{
    font-size: 19px;
}
.online-store .footer-btns-5 .icon-holder.icon-micNew:before{
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
}
/*.online-store .jd-fixed-footer.customize-sticky-footer .icon-holder{
    padding-bottom: 3px;
    padding-top: 2px;
}
.online-store .jd-fixed-footer.customize-sticky-footer .btn{
    font-size: 11px;
}*/
/*.online-store .jd-fixed-footer.customize-sticky-footer .btn:active{
    background: #36383c;
}
.online-store .jd-fixed-footer.customize-sticky-footer button.save-btn:active{
    background-color: #dc6800;
}*/
/*.online-store .jd-fixed-footer .sales-btn .ripple{
    background: #8e3330 !important;
}
.online-store .jd-fixed-footer .save-btn .ripple{
    background: #985112 !important;
}*/
/*.wap.bookAppointment .online-store .jd-fixed-footer{
    z-index: 1;
}*/

/*custom handling for customize header in cms upfront starts*/
.cms-header-customise .mobile-landing-page .gap-between-tab{
    padding: 5px 0;
    width: 180px;
    height: initial;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}
.cms-header-customise .mobile-header-customisation .header-customisation-body{
    padding-top: 0px;
}
.cms-header-customise .mobile-landing-page .landing-page-title{
    font-size: 12px;
    top: 0;
    width: auto;
    margin-left: 0;
}
.cms-header-customise .mobile-landing-page .col-xs-1.paddingLR0{
    border:none;
}
.cms-header-customise .mobile-landing-page .landing-page-icons{
    font-size: 14px;
    color: black;
}
.cms-header-customise .mobile-landing-page .col-xs-1.paddingLR0{
    height: 10px;
    width: 10px;
}
.cms-header-customise .mobile-landing-page .row .right-icon{
    display: none;
}
.mobile-header-customisation.cms-header-customise{
    background: none;

}
.cms-header-customise.mobile-header-customisation .header-customisation-body{
    padding-top: 0px;
}
.cms-header-customise.mobile-header-customisation .mobile-landing-page .gap-between-tab:active .col-xs-1.paddingLR0{
    border:none;
}
.cms-header-customise .header-customisation-body .mobile-landing-page{
    display: inline-block;
    position: fixed;
    top: 25px;
    right: 5px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    background: none;
    height: initial;
    padding: 0;
}
.cms-header-customise .mobile-landing-page .row.margin0.vert-align{
    bottom: unset;
    height: 30px;
}
.cms-header-customise .mobile-landing-page .row.margin0.vert-align .col-xs-12{
    height: 30px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    width: auto;
}
.cms-header-customise .mobile-landing-page .landing-page-title{
    color: black;
}
.cms-header-customise .mobile-landing-page .dividerLine{
    display: none;
}
.cms-header-customise .mobile-landing-page .gap-between-tab:active{
    background: #F0F6FC;
}
.cms-header-customise .mobile-landing-page .gap-between-tab:active .landing-page-title{
    color: black;
    font-size: 12px;
}
.cms-header-customise .mobile-landing-page .gap-between-tab:active .landing-page-icons{
    color: black;
    font-size: 14px;
}
.cms-header-customise .mobile-landing-page .gap-between-tab:active .dividerLine{
    border-bottom-color: #dcdcdc
}
.cms-header-customise .customize-header-overlay{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.cms-header-customise.mobile-header-customisation .company-name .header-customisation-body{
    padding-top: 51px;
}
/*custom handling for customize header in cms upfront ends*/
.online-store .custom-pages-mobile,
.online-store .widget-mobile-section{
    position: fixed;
    height: 100%;
    z-index: 1200;
}
.online-store .widget.container .widget-name-parent{
    display: flex;
    width: 100%;
}
.online-store .widget.container .widget-name-parent .premium-patch-widget{
    position: absolute;
    right: -15px;
}
.online-store .widget.container{
    padding-bottom: 50px;
    overflow: auto;
    height: 100%;
}
.online-store .custom-pages-mobile .submenu-active .jd-mobile-header .header-right-section{
    width: 10%;
}
.online-store .custom-pages-mobile .animate-subsection-left,
.online-store .widget-mobile-section .animate-subsection-left{
    background: white;
    height: 100%;
}
.online-store .widget-mobile-section .animate-subsection-left{
    overflow: hidden;
}
.online-store .widget-mobile-section .jd-mobile-header .header-center-section{
    left: 15px;
    position: relative;
}
.online-store .custom-pages-mobile,
.online-store .widget-mobile-section{
    background: unset;
}
.online-store .custom-pages-mobile .custom-page-floating-button{
    position: absolute !important;
    z-index: 2;
}
.jd-popup-modal.save-changes-modal{
    margin:0 10px;
}
.jd-popup-modal.save-changes-modal .icon-close-thin{
    position: absolute;
    right: 9px;
    top: 8px;
}
.wap.sticky-footer-visible .jd-toast-holder{
    bottom: 50px;
}
.wap.mobile-menu-open.edit-header-open .jd-toast-holder {
    bottom: 0;
}
.wap .jd-toast-holder{
    bottom: 0px;
}
.jd-toast-holder.animate-to-view{
    transition: bottom 0.3s ease;
    display: block;
}
.jd-toast-holder.animate-to-view:not(.display-block){
    bottom: -100px;
}
.wap .jd-toast-holder .toastMsgStyle.toast-with-btn{
    display: flex;
    padding: 10px 0;
    align-items: center;
    justify-content: center;
}
.wap .jd-toast-holder .toast-with-btn .toast-msg{
    width : calc(100% - 70px);
    padding-left: 15px;
}
.wap .jd-toast-holder .toast-with-btn .toast-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FEA702;
    height: 100%;
    width: 70px;
}
.wap .jd-toast-holder .toastMsgStyle{
    background: #000000;
    opacity: 0.8;
    border-color: #000000;
    line-height: 18px;
}
.wap .jd-toast-holder.slider-toast {
    bottom: 125px;
}
.wap .jd-toast-holder.slider-toast.bottom-align {
    bottom: 0;
}
.online-store .custom-page-modal{
    z-index: 10001;
}
.wap.iosSafari.mobile-cms .custom-page-modal{
    background-color: rgba(0,0,0,0.7);
} 
.custom-pages-mobile .container.custom-pages{
    overflow: auto;
    overflow-x: hidden;
    height: 100%;
}
.select-theme .search-theme-section.jd-mobile-header .header-left-section .back-btn-div{
    padding: 5px;
}
.online-store .header-cropper-container .jd-fixed-footer{
    bottom: 50px;
}
.select-theme .header-background-category-scroll {
    width: 100%;
    height: 6rem;
    max-height: 96px;
    position: fixed;
    z-index: 150;
    top: 0px;
}
.select-theme .header-background {
    width: 100%;
    height: 52px;
    position: fixed;
    z-index: 9;
    top: 0px;
}
.wap .omni-left-panel-container .coming-soon.premium-patch{
    max-height: 20px;
    position: absolute;
    margin: auto;
    right: 15px;
    top: 17px;
    max-width: 85px;
}
.wap .omni-left-panel-container .limited-or-premium.premium-patch {
    max-height: 20px;
    position: absolute;
    margin: auto;
    right: 0px;
    top: 17px;
    max-width: 85px;
}
.wap .omni-left-panel-container .submenu.marketMenu{
    position: relative;
}
body.jd-window-scroll .online-store .add-menu-links.manageMenuSlider{
    position: fixed;
}
@media screen and (max-width: 478px){
    .select-theme .theme-search-autosuggestion li{
        padding-left: 52px;
    }
}
.jd-ios-style .select-theme .theme-search-autosuggestion li {
    padding-left: 57px;
}