.drop-down .drop-down-div .drop-down-input {
    width: 100%;
    outline: none;
    padding: 1px;
    border: none;
    border-bottom: 1px solid #d5d5d5;
    border-radius: 4px;
    opacity: 1;
    color: #333
}

    .drop-down .drop-down-div .drop-down-input[disabled] {
        background-color: #fff
    }

.drop-down .drop-down-div.disabled .drop-down-input, .drop-down .drop-down-div.disabled .input-template-present.drop-down-input {
    background: #edf1f7
}

.drop-down .drop-down-div.disabled .drop-down-input {
    -webkit-text-fill-color: #555
}

.drop-down .drop-down-div:focus {
    outline: none
}

    .drop-down .drop-down-div:focus .drop-down-input {
        outline: none;
        border: none;
        border-bottom: 2px solid #0086ff;
        padding-bottom: 0
    }

.drop-down .drop-down-div .input-template-present.drop-down-input {
    color: transparent !important;
    background: transparent;
    -webkit-text-fill-color: transparent
}

    .drop-down .drop-down-div .input-template-present.drop-down-input::-webkit-input-placeholder {
        -webkit-text-fill-color: #333
    }

.drop-down .drop-down-div .custom-input-temp-holder {
    padding-left: 10px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    height: 34px
}

.drop-down .drop-down-input:hover {
    cursor: pointer
}

.drop-down .jd-autosuggest li {
    padding: 0 10px;
    border-bottom: none
}

.drop-down .jd-autosuggest {
    top: unset !important;
    bottom: unset !important;
    border-radius: 1px
}

.drop-down .list-hidden .transparent-scroll-fb {
    display: none
}

.drop-down .jd-autosuggest li > div {
    padding: 9.5px 0
}

.drop-down .jd-autosuggest > li.jd-li-selected > div .icon-clickNew {
    visibility: visible
}

.drop-down .jd-autosuggest > li > div .icon-clickNew {
    visibility: hidden
}

.drop-down .jd-autosuggest > li > div .icon-clickNew, .drop-down .jd-autosuggest > li > div span[class*=icon-] {
    top: 10px;
    position: absolute;
    color: #428bca;
    display: inline-block
}

.drop-down .jd-autosuggest .drop-down-li .label-style {
    width: 88%;
    word-break: break-all;
    left: 24px;
    position: relative
}

.drop-down .icon-down-style {
    position: absolute;
    top: calc(50% - 7px);
    right: 2%;
    font-size: 14px;
    color: #ccc
}

.drop-down .tick-icon-div {
    max-width: 5%;
    display: inline-block;
    vertical-align: -webkit-baseline-middle
}

.drop-down .drop-down-option-text {
    max-width: 92%;
    display: inline-block;
    vertical-align: -webkit-baseline-middle
}

.drop-down .show-cross-icon:focus {
    display: none
}

.drop-down .show-cross-icon:not(:focus) {
    top: 14px;
    right: 10px;
    position: absolute
}

.drop-down .scroll-holder {
    position: absolute;
    top: 36px;
    left: 0;
    width: 100%
}

.web-d-supplier-suggestions .search-result-container {
    max-height: 200px;
    width: 100%
}

    .web-d-supplier-suggestions .search-result-container ul.jd-autosuggest, .web-purchase-order-manage .search-result-container ul.jd-autosuggest-supplier {
        position: relative;
        top: 0;
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
        border: none
    }

    .web-d-supplier-suggestions .search-result-container .position-result > div:first-child {
        height: 21px;
        padding-right: 35px
    }

    .web-d-supplier-suggestions .search-result-container .transparent-scroll-fb {
        position: absolute;
        right: 0;
        top: 0
    }

.search-result-container .border-bottomNewColor {
    border-color: #ededed
}

.search-result-container .btm-LRradius15 {
    border-radius: 10px
}

.web-purchase-order-manage .search-result-container ul.jd-autosuggest-supplier .transparent-scroll-fb {
    right: 15px;
    max-height: 280px
}

.web-d-supplier-suggestions .margin-10 {
    margin: 10px
}

.web-d-supplier-suggestions .supplierTable th {
    background: #f2f2f2
}

.web-d-supplier-suggestions .create-supplier-div:hover {
    background: #e9f3ff
}

.web-d-supplier-suggestions .create-supplier-div {
    min-height: 60px;
    padding: 15px 0 0 15px;
    position: absolute;
    z-index: 1001;
    background: #f2f2f2;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    list-style: none
}

.web-d-supplier-suggestions .search-result-container {
    position: absolute;
    max-height: 300px;
    top: 34px;
    left: 0;
    z-index: 1000;
    width: 99%
}

.web-d-supplier-suggestions .icon-plus-position {
    position: relative;
    font-size: inherit;
    color: inherit;
    margin-right: 5px
}

.web-d-supplier-suggestions .icon-cross-circle.supplier-remove-icon {
    position: inherit
}

.remove-supplier .modal-body {
    padding-bottom: 0
}

.remove-supplier .modal-footer {
    margin: 0
}

.web-d-checkbox {
    position: relative;
    cursor: pointer
}

    .web-d-checkbox .selected-icon {
        display: none;
        color: #0086ff;
        font-size: 22px
    }

    .web-d-checkbox .selected-icon, .web-d-checkbox .unchecked-checkbox {
        position: absolute;
        top: 0
    }

    .web-d-checkbox .unchecked-checkbox {
        height: 22px;
        width: 22px;
        display: block;
        border: 1px solid #0086ff;
        border-radius: 11px
    }

    .web-d-checkbox input[type=checkbox] {
        visibility: hidden;
        position: relative;
        width: 30px;
        height: 30px
    }

        .web-d-checkbox input[type=checkbox]:checked ~ .unchecked-checkbox {
            display: none
        }

        .web-d-checkbox input[type=checkbox]:checked + .selected-icon {
            display: block
        }

.web-d-mrp-city .p0R {
    padding-right: 0
}

.web-d-mrp-city .mrp-input {
    width: 100%;
    border-radius: 0
}

.web-d-mrp-city .p0L {
    padding-left: 0
}

.web-d-mrp-city .city-select {
    width: 100%;
    border-radius: 0
}

.web-d-mrp-city .border-none {
    border-top: none
}

.web-d-mrp-city .width142 {
    width: 142px
}

.web-d-mrp-city .width157 {
    width: 157px
}

.web-d-mrp-city .paddL15 {
    padding-left: 15px
}

.web-d-mrp-city .paddL5 {
    padding-left: 5px
}

.web-d-mrp-city .marginL8 {
    margin-left: 8px
}

.web-d-mrp-city .overflow-auto {
    overflow: auto
}

#editInventoryForTemplateModal .p10B {
    padding-bottom: 10px
}

#editInventoryForTemplateModal .batch-col {
    width: 12.66%
}

#editInventoryForTemplateModal .date-col {
    width: 12.33%
}

#editInventoryForTemplateModal .mrp-col {
    text-align: right;
    padding-right: 20px;
    width: 10.66%
}

#editInventoryForTemplateModal .city-col {
    width: 19.66%
}

#editInventoryForTemplateModal .status-col {
    width: 11.33%
}

#editInventoryForTemplateModal .product-row {
    border-top: 1px solid #e5e5e5;
    padding: 0 0 10px;
    border-bottom: none
}

#editInventoryForTemplateModal .batch-details {
    margin-top: 7px;
    width: 12.66%
}

#editInventoryForTemplateModal .date-setails {
    width: 12.33%;
    margin-top: 7px
}

#editInventoryForTemplateModal .barcode-input {
    width: 100%;
    border-radius: 0;
    padding-top: 7px;
    border-top: none
}

#editInventoryForTemplateModal .width30per {
    width: 30%
}

#editInventoryForTemplateModal .status-box {
    width: 10.6%;
    position: relative;
    right: 26px
}

    #editInventoryForTemplateModal .status-box select {
        width: 110px;
        border-radius: 0;
        border-top: none
    }

#editInventoryForTemplateModal .default-box-style {
    padding-right: 10px
}

    #editInventoryForTemplateModal .default-box-style > span {
        display: inline-block;
        width: 100%;
        border: 1px solid #e5e5e5;
        border-top: none;
        height: 32px;
        padding-top: 6px;
        padding-left: 7px
    }

#editInventoryForTemplateModal .default-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 2px solid #333;
    border-radius: 50%;
    margin-right: 5px;
    position: relative;
    top: 2px
}

#editInventoryForTemplateModal .default-box-style > span .icon-clickNew {
    font-size: 16px;
    margin-right: 5px;
    color: #333
}

.confirm-order-modal .padding-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.confirm-order-modal .padding-left-10 {
    padding-left: 10px
}

.confirm-order-modal .quantity-input:focus {
    border: 2px solid #0086ff
}

.confirm-order-modal .popover-pos {
    position: absolute;
    left: -115px;
    top: 34px !important
}

.confirm-order-modal .paddingR {
    padding-right: 5px
}

.confirm-order-modal .width900 {
    width: 900px
}

.confirm-order-modal .width550 {
    width: 550px
}

.confirm-order-modal .margin-0-10 {
    margin: 0 10px
}

.confirm-order-modal .line-height-35 {
    line-height: 35px
}

.confirm-order-modal .border-red {
    border: 2px solid #de7e7e !important
}

.confirm-order-modal .padding-TB-3 {
    padding: 3px 0
}

.confirm-order-modal .padding-TB-10 {
    padding: 10px 0
}

.confirm-order-modal .modal-title {
    font-size: 20px
}

.confirm-order-modal .cancelProdHeader {
    height: 30px
}

.confirm-order-modal .row-vertical-pos {
    vertical-align: -webkit-baseline-middle
}

.confirm-order-modal .table-row-hgt {
    height: 60px
}

.confirm-order-modal .table-header-hgt {
    height: 30px;
    background-color: #f9f9f9
}

.confirm-order-modal .border {
    border: none
}

    .confirm-order-modal .border:focus {
        border: 2px solid #0086ff;
        border-radius: 0
    }

.confirm-order-modal .name-width {
    word-wrap: break-word
}

.confirm-order-modal .greaterthan3 {
    width: 43.5%
}

.confirm-order-modal .lessthan3 {
    width: 43.3%
}

.confirm-order-modal .customer-details-holder .show-customer {
    cursor: inherit
}

    .confirm-order-modal .customer-details-holder .show-customer:hover {
        color: inherit
    }

.confirm-order-modal .confirmDetailsModal {
    overflow: auto;
    max-height: 300px;
    display: block;
    width: 575px
}

.confirm-order-modal .width-scroll-head {
    width: 572px
}

.confirm-order-modal .transparent-scroll::-webkit-scrollbar {
    width: 3px !important;
    height: 10px;
    padding: 1px
}

.confirm-order-modal table {
    margin-bottom: 0
}

    .confirm-order-modal table.jd-fixed-header tbody {
        width: 575px;
        overflow-x: hidden
    }

    .confirm-order-modal table td, .confirm-order-modal table th {
        border: 1px solid #e3eaee;
        border-collapse: collapse
    }

.confirm-order-modal .popover-pos .arrow {
    border-bottom-color: #de7e7e;
    left: 60%
}

.confirm-order-modal .marginL50 {
    margin-left: 50px
}

.confirm-order-modal .name-capitalize {
    text-transform: capitalize
}

.confirm-order-modal .info-confirm-order {
    height: auto;
    top: 23px !important;
    left: -220px !important;
    width: 240px !important;
    border-radius: 0 !important
}

    .confirm-order-modal .info-confirm-order > .arrow {
        left: 94%
    }

.confirm-order-modal .padding10 {
    padding: 10px
}

.confirm-order-modal .roundoff-addnl {
    width: 85px;
    height: 35px
}

.confirm-order-modal .netpay-style {
    float: right;
    padding-bottom: 5px;
    font-size: 20px
}

.confirm-order-modal .info-confirm-order .popover-content {
    color: #333 !important;
    font-size: 15px !important
}

.confirm-order-modal .font18 {
    font-size: 18px
}

.confirm-order-modal .font17 {
    font-size: 17px
}

.confirm-order-modal .order-date-style {
    margin-top: 6px;
    padding-right: 5px
}

.confirm-order-modal .confProd-table-bg {
    background-color: #e9f3ff
}

.confirm-order-modal .yellow-background {
    background-color: #fff8c8
}

.confirm-order-modal .font16 {
    font-size: 16px
}

.confirm-order-modal .font14 {
    font-size: 14px
}

.confirm-order-modal .font11 {
    font-size: 11px
}

.confirm-order-modal .font13 {
    font-size: 13px
}

.confirm-order-modal .font12 {
    font-size: 12px
}

.confirm-order-modal .icon-color {
    color: #333;
    font-size: 14px
}

.confirm-order-modal .delivery-date-style {
    padding-bottom: 5px;
    font-size: 14px
}

.confirm-order-modal .paddingB0 {
    padding-bottom: 0
}

.confirm-order-modal .paddingT0 {
    padding-top: 0
}

.confirm-order-modal .color-black {
    color: #333
}

.confirm-order-modal .popover {
    border-radius: 0
}

.confirm-order-modal .popover-for-SP.popover.fade.bottom.in .popover-content.inv-pop-content {
    padding: 4px
}

.confirm-order-modal input:focus.border-red ~ .qty-pop {
    display: block
}

#supplierSelectionModal .checkbox-width {
    width: 5%
}

#supplierSelectionModal .check-all {
    padding: 5px 0;
    background-color: #eee
}

#supplierSelectionModal .modal-body {
    padding: 0 15px
}

.web-left-container a.remove-anchor {
    color: #333;
    cursor: default;
    text-decoration: none;
    overflow: hidden;
    display: inline-block;
    max-width: 70vw;
    white-space: nowrap;
    text-overflow: ellipsis
}

.web-left-container .header-icon-position {
    position: relative;
    top: 2px;
    font-size: 17px
}

.web-left-header.jd-header-fixed .hd-count-holder {
    position: absolute;
    right: 70px;
    width: 100%;
    text-align: right;
    z-index: 1;
    top: 16px
}

.web-left-header.jd-header-fixed .hd-count-text {
    margin: 0 auto;
    padding: 8px;
    border: 1px solid #ccc;
    color: #0086ff;
    cursor: pointer;
    -webkit-animation: count-pop-in 1s
}

.web-left-header.jd-header-fixed .hd-count-holder .count-buttons {
    margin: auto;
    display: inline
}

@media screen and (max-width:1190px) {
    .web-left-header.jd-header-fixed .hd-count-holder .left-shift.count-buttons {
        position: relative;
        right: 70px
    }
}

.false-input-box {
    width: 22px;
    height: 20px;
    background: transparent;
    border: none;
    position: absolute;
    left: -4px;
    border-radius: 0;
    padding: 0;
    color: transparent
}

    .false-input-box:focus {
        border: 1px solid
    }

.minuts .false-input-box {
    left: -1px
}

.meridian .false-input-box {
    left: -1px;
    width: 28px
}

.slider-date-range-holder .false-input-box {
    text-indent: 18px
}

.web-add-staff-members-manage.addStaffMember .deliveryboy {
    padding-bottom: 3px
}

.web-add-staff-members-manage.addStaffMember .modal-body {
    padding-bottom: 20px
}

.addStaffMember.web-add-staff-members-manage input.form-control[type=password]::-webkit-input-placeholder, .addStaffMember.web-add-staff-members-manage input.form-control[type=text]::-webkit-input-placeholder {
    color: #d1ccd6
}

.addStaffMember.web-add-staff-members-manage input.form-control[type=password]::-moz-placeholder, .addStaffMember.web-add-staff-members-manage input.form-control[type=text]::-moz-placeholder {
    color: #d1ccd6
}

.addStaffMember.web-add-staff-members-manage input.form-control[type=password]::-ms-input-placeholder, .addStaffMember.web-add-staff-members-manage input.form-control[type=text]::-ms-input-placeholder {
    color: #d1ccd6
}

.web-add-staff-members-manage.addStaffMember .right-div .section-detail .permission-div > div:not(.tree-chlid) {
    display: flex;
    align-items: center
}

    .web-add-staff-members-manage.addStaffMember .right-div .section-detail .permission-div > div:not(.tree-chlid) input {
        margin: 0 5px 0 0
    }

.web-add-staff-members-manage .modal-dialog {
    width: 420px
}

    .web-add-staff-members-manage .modal-dialog.width500 {
        width: 500px
    }

.web-add-staff-members-manage.addStaffMember .padding-bottom-1 {
    padding-bottom: 1px
}

.web-add-staff-members-manage .width-450 {
    width: 450px
}

.web-add-staff-members-manage .width-800 {
    width: 800px
}

.web-add-staff-members-manage.addStaffMember .deliveryboy span {
    position: relative;
    top: 1px
}

.web-add-staff-members-manage.addStaffMember .modal-footer {
    margin-top: 0
}

.web-add-staff-members-manage.addStaffMember .setPermission .outletList-inner {
    padding: 10px 15px;
    height: 65px
}

.web-add-staff-members-manage.addStaffMember .setPermission .outletList {
    height: 65px
}

    .web-add-staff-members-manage.addStaffMember .setPermission .outletList .check-outlet {
        position: relative;
        top: 2px
    }

    .web-add-staff-members-manage.addStaffMember .setPermission .outletList .area-name {
        margin-left: 25px;
        padding-top: 4px;
        color: #949494
    }

.web-add-staff-members-manage.addStaffMember .setPermission .left-div {
    padding-top: 0
}

.web-add-staff-members-manage.addStaffMember .setPermission .right-div {
    padding-top: 0;
    padding-left: 0;
    margin-top: 0
}

.web-add-staff-members-manage.addStaffMember .setPermission .input1 {
    display: inline-block
}

.web-add-staff-members-manage.addStaffMember .setPermission .sendotp {
    padding: 15px
}

.web-add-staff-members-manage .permission-headers .section-detail .submenu-main-div label {
    width: 160px;
    padding-left: 5px
}

.sendotp .otp-display-msg {
    width: 90%;
    float: left;
    margin-left: 27px;
    margin-top: 14px
}

.sendotp .headermsg {
    font-family: roboto
}

    .sendotp .headermsg .font-weight-500 {
        font-weight: 500
    }

.sendotp .otp-div {
    height: 57px;
    float: left;
    display: flex;
    width: 70%
}

.sendotp .otp-status {
    float: left;
    width: 100%
}

.sendotp .otp-span-outer {
    border: 1px solid #e5e5e5;
    position: relative;
    top: 9px;
    border-radius: 2px;
    cursor: text;
    width: 147px;
    float: left;
    height: 39px
}

.sendotp .border-red {
    border-color: #de7e7e
}

.sendotp .otp-span-outer input {
    width: 100%;
    border: none;
    outline: none;
    height: 37px;
    text-align: center
}

.sendotp .otp-span-inner1 {
    position: relative;
    height: 39px;
    float: left;
    width: 45%
}

.sendotp .otp-span-inner2 {
    position: relative;
    width: 5%;
    float: left;
    top: 9px
}

.sendotp .otp-span-inner3 {
    position: relative;
    float: left;
    width: 50%;
    height: 39px
}

.sendotp .otp-icon {
    float: left;
    top: 18px;
    position: relative;
    left: 19px;
    width: 105px;
    height: 22px
}

    .sendotp .otp-icon .icon-msg {
        position: relative;
        top: 3px;
        left: 4px;
        font-size: 14px;
        font-family: roboto !important
    }

.web-add-staff-members-manage.addStaffMember .left-div .outlet-detail {
    padding-top: 10px;
    height: 324px;
    overflow: auto
}

.web-add-staff-members-manage.addStaffMember .right-div .section-detail {
    padding-left: 12px;
    padding-right: 12px;
    height: 325px;
    padding-top: 10px;
    overflow: auto
}

    .web-add-staff-members-manage.addStaffMember .right-div .section-detail .section-one {
        padding-right: 37px;
        min-height: 315px
    }

    .web-add-staff-members-manage.addStaffMember .right-div .section-detail .section-two {
        padding-left: 19px
    }

.web-add-staff-members-manage.addStaffMember .setPermission .permission-label {
    background-color: #f0f0f0;
    width: 100%;
    padding: 9px 14px 9px 15px;
    font-size: 16px;
    margin: 0
}

.web-add-staff-members-manage.addStaffMember .setPermission .tree-chlid {
    margin-left: 3px;
    margin-top: -8px
}

    .web-add-staff-members-manage.addStaffMember .setPermission .tree-chlid.coming-soon-tag {
        display: none
    }

    .web-add-staff-members-manage.addStaffMember .setPermission .tree-chlid .submenu-main-div {
        position: relative;
        margin-left: 16px;
        margin-top: -22px;
        padding-top: 3px;
        width: 160px;
        overflow: hidden;
        display: flex;
        line-height: 20px
    }

        .web-add-staff-members-manage.addStaffMember .setPermission .tree-chlid .submenu-main-div label {
            position: relative
        }

    .web-add-staff-members-manage.addStaffMember .setPermission .tree-chlid:before {
        content: "";
        display: inline-block;
        width: 17px;
        height: 20px;
        border-left: 1.2px dashed #999;
        border-bottom: 1.2px dashed #999;
        position: relative;
        top: -4px;
        left: 0
    }

.web-add-staff-members-manage.addStaffMember .setPermission ::-webkit-scrollbar-button, .web-add-staff-members-manage.addStaffMember .setPermission ::-webkit-scrollbar-track {
    background-color: transparent
}

.web-add-staff-members-manage.addStaffMember .permission-headers {
    padding: 0 0 1px
}

.web-add-staff-members-edit.permission-page-header .right-div {
    padding-left: 15px;
    margin-top: 10px
}

.reviewPO .jd-single-datepicker .icon-calendarNew.jd-color-inherit {
    z-index: 0;
    position: absolute;
    top: 6px;
    font-size: 20px;
    left: 23px
}

.date-picker-holder .date-input, .single-datepicker .date-input {
    cursor: pointer
}

.single-datepicker .icon-calender.date-value-calender {
    position: absolute;
    top: 6px;
    right: 10px;
    left: auto;
    left: unset
}

.date-container .date-picker-holder .date-input {
    cursor: pointer;
    z-index: 4;
    background-color: #fff;
    position: absolute
}

.web-d-mrp-city .details-label:focus {
    text-decoration: underline
}

.confirm-modal-width {
    width: 420px
}

.reset-dialog-modal-setting-width {
    width: 419px
}

.printer-error-width {
    width: 530px
}

.noItemFoundTable {
    width: 100%;
    height: 400px
}

.web-inventory-pendingPO .list-on-side .left-position, .web-purchaseOrder-manage .list-on-side .left-position {
    left: 43%
}

.web-inventory-pendingPO .filter-products .input-group-btn:first-child > .btn, .web-purchaseOrder-manage .filter-products .input-group-btn:first-child > .btn {
    margin-right: -2px
}

.web-purchase-order-manage .filter-products .clear-btn {
    white-space: nowrap
}

.setting-modal .permission-details.fixed-height {
    height: 215px
}

.setting-modal .permission-details .permissions {
    margin-bottom: 10px
}

    .setting-modal .permission-details .permissions span {
        margin-left: 1%
    }

    .setting-modal .permission-details .permissions .jd-circular-checkbox span {
        margin-left: 0
    }

        .setting-modal .permission-details .permissions .jd-circular-checkbox span.label-txt-sec {
            margin-left: 5px
        }

    .setting-modal .permission-details .permissions .date-select {
        width: 54px;
        height: 28px;
        background: #fff;
        border-radius: 2px;
        padding-left: 5px
    }

    .setting-modal .permission-details .permissions .input-style {
        width: 80px;
        display: inline-block;
        margin-right: 10px;
        text-align: right
    }

.setting-modal .permission-ordersetting-modal-height {
    height: 52px
}

.setting-modal .modal-width {
    width: 500px
}

.setting-modal .modal-width-448 {
    width: 448px
}

.setting-modal .modal-width-customer {
    width: 79%
}

.setting-modal .permission-details .permissions .credit-duration-select {
    width: 87px;
    margin-left: 0
}

.setting-modal .permission-details .permissions .perssion-credit-khata-margin {
    margin-left: 4%;
    padding-bottom: 1%
}

.setting-modal .tree-chlid {
    margin-left: 3px;
    margin-top: -8px
}

    .setting-modal .tree-chlid:before {
        content: "";
        display: inline-block;
        width: 17px;
        height: 18px;
        border-left: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        position: relative;
        top: -6px;
        left: 3px
    }

.web-get-all-types .down-arrow-icon {
    position: absolute;
    top: 32px;
    cursor: pointer;
    right: 24px
}

.web-get-all-types .selectListCate {
    height: 245px;
    width: 100%
}

.web-get-all-types .product-category-help {
    color: #fff
}

.web-get-all-types .cat-suggestion-holder {
    height: 170px;
    overflow: auto;
    display: block;
    border-radius: 0;
    z-index: 0;
    box-shadow: none
}

.web-get-all-types #suggestedCat {
    height: 203px
}

.web-get-all-types .choose-category {
    position: absolute;
    bottom: 0;
    height: 41px;
    background: #efefef;
    width: 100%;
    padding: 12px;
    text-align: right
}

    .web-get-all-types .choose-category a {
        color: #0086ff !important;
        cursor: pointer
    }

.web-get-all-types .category-help {
    background-color: #e9f3ff;
    color: #545454
}

.web-get-all-types .product-category-help {
    padding: 5px
}

    .web-get-all-types .product-category-help i {
        color: #545454;
        position: relative;
        top: 3px
    }

.web-get-all-types .product-type-input .select-btn {
    top: 1px;
    position: absolute;
    right: 1px;
    border-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 32px
}

.select-category-or-type-section #noCategRecommend {
    width: 403px;
    margin: auto;
    padding-top: 65px
}

.select-category-or-type-section .add-new-cat-popover {
    top: 50px;
    margin-right: 15px;
    margin-left: 15px
}

    .select-category-or-type-section .add-new-cat-popover .popover-title .input-group .form-control {
        border-right-color: transparent
    }

    .select-category-or-type-section .add-new-cat-popover .popover-title .input-group .input-group-btn .jd-btn-primary:first-child {
        position: relative;
        left: 1px;
        border-radius: 0
    }

    .select-category-or-type-section .add-new-cat-popover .input-group-btn:last-child > .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

.select-category-or-type-section .repetitive-repeat.product-category-selection .add-subgroup-span {
    width: 94%
}

.web-assign-missing-categories .manageList .manageOrderOrddt .category-section .repeat-list-item .child-list .jd-web-list-item .add-subgroup-span {
    display: flex
}

    .web-assign-missing-categories .manageList .manageOrderOrddt .category-section .repeat-list-item .child-list .jd-web-list-item .add-subgroup-span input.new-group-name {
        height: 35px
    }

.isIpad .select-category-or-type-section .repetitive-repeat.product-category-selection .add-subgroup-span {
    width: 101%
}

.select-category-or-type-section .repetitive-repeat.product-category-selection .add-subgroup-span .new-group-name {
    width: 54%
}

.select-category-or-type-section #noCategRecommend a {
    color: #0086ff
}

.add-parent-category .cancel-add-new-cat:hover > span {
    color: #fff !important
}

.web-get-all-types li.catergory-list {
    list-style-type: none;
    padding: 5px 10px;
    cursor: pointer
}

.select-category-or-type-section .backgroundBlue {
    background: #0086ff;
    color: #fff
}

#noCategRecommend h3 {
    border-bottom: 1px solid #ccc;
    color: grey;
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 7px;
    width: auto
}

#noCategRecommend ol {
    list-style: decimal inside;
    padding: 0
}

    #noCategRecommend ol li, #noCategRecommend ol li a {
        color: #0086ff
    }

.web-get-all-types #suggestedCat ul {
    overflow-y: auto;
    overflow-x: hidden;
    width: 220px !important;
    height: 201px !important
}

.web-get-all-types .blue-bg {
    background: #0086ff;
    color: #fff
}

.web-get-all-types .greyBackGround {
    background: #eee
}

.select-category-or-type-section {
    position: relative;
    margin-bottom: 10px
}

    .select-category-or-type-section #recommendCat {
        height: 100%
    }

    .select-category-or-type-section .choose-category {
        position: absolute;
        bottom: 0;
        height: 41px;
        border-top: 1px solid #efefef;
        width: 100%;
        padding: 12px;
        text-align: right
    }

        .select-category-or-type-section .choose-category a {
            color: #0086ff !important;
            cursor: pointer
        }

    .select-category-or-type-section #noCategRecommen {
        width: 360px
    }

    .select-category-or-type-section .category-help {
        background-color: #e9f3ff;
        color: #545454
    }

    .select-category-or-type-section .product-category-help i {
        color: #545454
    }

    .select-category-or-type-section .cat-suggestion-holder {
        overflow: auto;
        display: block;
        border-radius: 0;
        z-index: 0;
        box-shadow: none
    }

    .select-category-or-type-section .selectListCate {
        height: 289px;
        padding: 0;
        top: 58px;
        border: 1px solid rgba(0,0,0,.15);
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        z-index: 11
    }

    .select-category-or-type-section .top33 {
        top: 33px
    }

    .select-category-or-type-section .top60 {
        top: 60px
    }

    .select-category-or-type-section .top34 {
        top: 34px
    }

    .select-category-or-type-section .cat-suggestion-holder li {
        cursor: pointer
    }

    .select-category-or-type-section .border-bottom {
        border-bottom: 1px solid #eee
    }

    .select-category-or-type-section .form-control:focus {
        border-color: #0086ff
    }

    .select-category-or-type-section .down-arrow-icon {
        position: absolute;
        right: 10px;
        top: 7px;
        cursor: pointer
    }

    .select-category-or-type-section .web-get-all-categories .category-arrow {
        right: 10px
    }

    .select-category-or-type-section .web-get-all-categories .add-btn {
        width: 50px;
        position: absolute;
        right: 0;
        top: 0;
        padding: 6px
    }

    .select-category-or-type-section #suggestedCat {
        height: 246px
    }

    .select-category-or-type-section .validation-error i {
        color: inherit !important
    }

    .select-category-or-type-section .jd-autosuggest li {
        padding: 5px
    }

    .select-category-or-type-section #suggestedCat select {
        height: 203px !important
    }

    .select-category-or-type-section li.catergory-list {
        list-style-type: none;
        padding: 5px 20px 5px 10px;
        cursor: pointer
    }

    .select-category-or-type-section #suggestedCat ul {
        overflow-y: auto;
        overflow-x: hidden;
        height: 245px !important;
        margin-bottom: 0;
        padding-bottom: 10px !important
    }

    .select-category-or-type-section .greyBackGround {
        background: #eee
    }

    .select-category-or-type-section .blue-bg {
        background: #0086ff;
        color: #fff
    }

    .select-category-or-type-section.col-xs-12 {
        padding: 0
    }

    .select-category-or-type-section .selectListCate .cat-suggestion-holder.jd-autosuggest {
        top: 0;
        max-height: 246px;
        border: 0
    }

.create-product .select-category-or-type-section .web-get-all-types {
    margin-bottom: 15px;
    width: 100%
}

.select-category-or-type-section .web-get-all-types.col-xs-6 {
    padding-left: 0
}

.assign-product-to-category .select-category-or-type-section .web-get-all-categories .category-section {
    width: calc(100% - 40px);
    margin-bottom: 90px
}

.assign-product-to-category .select-category-or-type-section .missing-cat-modal.web-get-all-categories .category-section {
    width: calc(100% - 43px);
    margin-bottom: 90px
}

.assign-product-to-category .product-type-cat-modal .select-category-or-type-section .missing-cat-modal.web-get-all-categories .category-section {
    width: 100%
}

.assign-product-to-category .product-type-cat-modal .select-category-or-type-section .add-new-cat-popover .input-group-btn:last-child > .btn {
    min-width: unset
}

.assign-product-to-category .select-category-or-type-section .missing-cat-modal.action-type-set.web-get-all-categories .category-section {
    width: calc(100% - 60px)
}

.select-category-or-type-section .web-get-all-types.col-xs-12 {
    padding: 0
}

.select-category-or-type-section .web-get-all-types .prod-type-box {
    width: 100%;
    z-index: 10;
    border-radius: 4px
}

.select-category-or-type-section .type-dropdown-open {
    z-index: 12
}

.select-category-or-type-section .cat-dropdown-open {
    z-index: 11;
    position: relative;
    background: #fff
}

    .select-category-or-type-section .cat-dropdown-open + .down-arrow-icon {
        z-index: 11
    }

.select-category-or-type-section .type-dropdown-open .prod-type-box.prod-type-selection {
    border-radius: 4px
}

.select-category-or-type-section .remove-type.icon-close-thin {
    position: absolute;
    font-size: 20px;
    right: 6px;
    top: 5px;
    color: #ccc;
    cursor: pointer
}

    .select-category-or-type-section .remove-type.icon-close-thin:hover {
        color: #afafaf
    }

.select-category-or-type-section .icon-static-page {
    font-size: 16px;
    position: relative;
    top: 2px;
    left: 5px;
    color: #afafaf
}

    .select-category-or-type-section .icon-static-page:hover {
        color: #333
    }

.select-category-or-type-section .product-type-popover {
    top: 18px;
    right: 9px;
    max-width: 221px
}

    .select-category-or-type-section .product-type-popover .arrow {
        left: 97px;
        top: -8px
    }

    .select-category-or-type-section .product-type-popover .popover-content {
        padding: 11px 7px 7px;
        color: #545454;
        font-size: 12px
    }

.select-category-or-type-section .loader-img {
    text-align: center;
    margin-top: 95px
}

    .select-category-or-type-section .loader-img img {
        width: 53px;
        height: 53px
    }

.select-category-or-type-section .product-type-popover .popover-content .info-txt {
    font-size: 14px;
    margin-bottom: 5px
}

.select-category-or-type-section .product-type-popover .popover-content .eg-1, .select-category-or-type-section .product-type-popover .popover-content .eg-txt {
    margin-bottom: 5px
}

.select-category-or-type-section .web-get-all-categories .category-input {
    width: 100%;
    background: #fff;
    padding-right: 22%
}

.select-category-or-type-section .web-get-all-categories.col-xs-6 {
    padding-right: 0;
    min-height: 79px
}

    .select-category-or-type-section .web-get-all-categories.col-xs-6.min-height-54 {
        min-height: 54px
    }

.select-category-or-type-section .web-get-all-categories.col-xs-12 {
    padding: 0
}

.select-category-or-type-section .web-get-all-categories .category-container {
    border: 1px solid rgba(0,0,0,.15);
    border-top: 0;
    height: 357px
}

.select-category-or-type-section .display-remove .category-container {
    border: 1px solid rgba(0,0,0,.15);
    border-top: 0;
    height: 300px !important
}

.select-category-or-type-section .web-get-all-categories .new-category {
    display: inline-block;
    color: #f90;
    font-size: 13px
}

.select-category-or-type-section .product-type-input .prod-type-disabled-box {
    min-height: 34px;
    height: auto
}

.select-category-or-type-section .web-get-all-categories .category-section {
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 11;
    top: 34px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.select-category-or-type-section .web-get-all-categories .category-details {
    height: 271px;
    overflow: auto
}

.select-category-or-type-section .web-get-all-categories .add-new-category {
    padding: 10px 8px;
    border-bottom: 1px solid #c1cdd7;
    position: relative;
    overflow: unset;
    display: flex;
    justify-content: space-between
}

    .select-category-or-type-section .web-get-all-categories .add-new-category > span {
        position: relative;
        top: 6px
    }

.inventorylanding .importModal .modal-body {
    height: 340px
}

.select-outlet-account .form-control.width100perc.select-outlet-input {
    width: 100%
}

.select-outlet-account .form-control.select-outlet-input, .web-left-body .select-outlet-input {
    border-radius: 2px
}

.select-outlet-account .icon-pagination-down.dropdown-arrow {
    position: absolute;
    right: 5px;
    top: 8px;
    font-size: 18px
}

.select-outlet-account .jd-div-border.grey-background {
    background: #f6f6f6;
    padding: 9px
}

    .select-outlet-account .jd-div-border.grey-background .area-name {
        font-size: 14px;
        margin-right: 5px;
        color: grey
    }

.select-outlet-account .jd-autosuggest-holder .jd-autosuggest.outlet-list {
    padding: 0;
    font-size: 15px
}

    .select-outlet-account .jd-autosuggest-holder .jd-autosuggest.outlet-list li {
        padding: 10px 15px
    }

    .select-outlet-account .jd-autosuggest-holder .jd-autosuggest.outlet-list .area-name {
        font-size: 14px;
        color: grey
    }

.select-outlet-account .product-category-selection .add-subgroup-span {
    width: 95%
}

    .select-outlet-account .product-category-selection .add-subgroup-span .new-group-name {
        width: 68%
    }

.notification-holder .shift-down {
    margin-top: 15px;
    padding: 3px !important;
    margin-left: 20%
}

.notification-holder .shift-count-right {
    margin-left: 9px
}

.upload-button[disabled] {
    color: #c4c6c5;
    border-color: #f3f3f3;
    background: #fafafa
}

.web-image-upload .cursor-pointer {
    cursor: pointer !important
}

.uploadedList li a.original-image-link {
    padding: 0;
    left: 2px;
    right: auto;
    bottom: -18px;
    font-size: 10px
}

.uploadPhoto ul li {
    margin-bottom: 25px
}

.uploadedList li a.original-image-link:hover {
    background-color: initial
}

.web-image-upload .delete-image-upload-box {
    border: 1px solid #fed0c6;
    background-color: #fff;
    padding: 0 10px 10px;
    border-radius: 3px;
    position: relative;
    min-width: 265px;
    bottom: 18px;
    color: #a09191;
    z-index: 12;
    top: 25px
}

.web-image-upload .uploadedList li div.delete-btn {
    border: 1px solid #ddd
}

.web-image-upload .delete-arrow {
    position: relative;
    top: -11px;
    left: 85px;
    margin-left: -16px;
    border-top-width: 0;
    border-bottom-color: #fed0c6
}

.web-image-upload .delete-confirm-text {
    display: inline-block;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 12px
}

.web-image-upload .upload-error {
    background: #fde3e1;
    border-color: #de7e7f;
    color: #ef7d78;
    border-radius: 0;
    margin-top: 10px;
    margin-bottom: 10px
}

.web-enlarge-view-image ul.imgThumbnailList {
    margin: 0;
    padding: 0 5px;
    border: 1px solid #d8dee6;
    height: 500px;
    max-height: 506px;
    overflow: auto
}

.web-image-upload .img-url-upload {
    border: 1px solid #0086ff;
    background-color: #fff;
    padding: 10px;
    border-radius: 3px;
    position: relative;
    min-width: 580px;
    display: block;
    bottom: 18px;
    margin-top: 35px;
    color: #a09191;
    left: -180px
}

.web-image-upload .fetch-img-url-arrow {
    position: relative;
    top: -11px;
    left: 47%;
    margin-left: -16px;
    border-top-width: 0;
    border-bottom-color: #0086ff
}

.web-image-upload .upload-or-text {
    float: left;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding-top: 14px;
    position: relative;
    top: 24px;
    left: 4px
}

.web-image-upload .fetch-urls {
    padding-top: 15px;
    position: relative;
    left: 15px;
    margin-left: 0
}

.web-enlarge-view-image .enlarged-modal-dialog {
    width: 800px
}

.add-product-modal .web-image-upload .choose-image-li, .web-products-add-edit .web-image-upload .choose-image-li {
    width: 263px;
    border: none
}

.web-enlarge-view-image ul.imgThumbnailList li {
    width: 102px;
    height: 102px;
    border: 1px solid #dae0e8;
    position: relative;
    display: block;
    margin: 15px auto;
    list-style: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}

    .web-enlarge-view-image ul.imgThumbnailList li .jd-image-holder {
        height: 100px;
        width: 100px
    }

.web-enlarge-view-image .enlarged-img .jd-image-holder img {
    max-width: 350px;
    max-height: 350px;
    margin-bottom: 75px;
    margin-left: 0 !important
}

.web-enlarge-view-image .enlarged-img .jd-image-holder {
    height: 500px !important
}

.web-enlarge-view-image .modal-header .headerText {
    max-width: 90%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default
}

.posSettingModal .MT20 {
    margin-top: 20px
}

.posSettingModal .horizontal-line {
    border-bottom: 1px solid #e5e5e5;
    margin: 0 -15px
}

.posSettingModal .MB10 {
    margin-bottom: 10px
}

.posSettingModal .modal-dialog {
    width: 465px
}

    .posSettingModal .modal-dialog .modal-body {
        max-height: 472px;
        overflow: auto
    }

        .posSettingModal .modal-dialog .modal-body .MB0 {
            margin-bottom: 0
        }

        .posSettingModal .modal-dialog .modal-body .row {
            margin-right: -15px;
            margin-left: -15px
        }

        .posSettingModal .modal-dialog .modal-body .padding-left-0 {
            padding-left: 0
        }

        .posSettingModal .modal-dialog .modal-body .padding-right-0 {
            padding-right: 0
        }

.supplierTable > tbody > tr > td {
    vertical-align: middle
}

.creditKhata select.form-control {
    padding: 5px
}

.creditKhata .credit-days-dropdown {
    float: left;
    border-top-right-radius: 0;
    border-right: 0;
    border-bottom-right-radius: 0
}

.creditKhata .credit-duration-dropdown {
    float: left;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.creditKhata .days-error {
    float: right;
    position: absolute;
    left: 15px
}

.creditKhata .days-from-order-segment .days-from-order {
    margin-bottom: 0
}

.creditKhata .credit-limit-error {
    padding-top: 5px;
    float: right;
    position: absolute
}

.creditKhata .credit-label {
    font-size: 14px
}

.creditKhata .input-group .input-group-addon.form-control:focus ~ .input-group-addon {
    box-shadow: none;
    border-color: #0086ff
}

.creditKhata .custom-select {
    background-size: 12px;
    background-position: 95% 55%;
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.creditKhata .drop-down .icon-down-style {
    color: #3e3838
}

#customerAddressModal .customer-template {
    padding: 10px
}

#customerAddressModal .template-container {
    margin: 5px;
    outline: none
}

#customerAddressModal .customer-template:focus {
    outline: none
}

#customerAddressModal .customer-template:hover {
    outline: 0;
    background: #fff;
    border: 1px solid #0086ff
}

    #customerAddressModal .customer-template:hover .deliver-button button {
        background: #0086ff;
        border-color: #2a74a0;
        color: #fff !important
    }

#customerAddressModal .customer-template {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    height: 191px;
    position: relative
}

#customerAddressModal .modal-body {
    background: #f9f9f9
}

#customerAddressModal .address-content {
    height: 127px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    word-wrap: break-word
}

#customerAddressModal .icon-edit {
    position: relative;
    top: 2px
}

#customerAddressModal .deliver-button {
    position: absolute;
    bottom: 10px;
    margin-top: 10px;
    left: 0;
    width: 100%
}

#customerAddressModal .modal-footer {
    text-align: center;
    margin-top: 0;
    border: none
}

#customerAddressModal .web-slider .activeSideBtn, #customerAddressModal .web-slider .disabled-slider-toggle {
    border: none !important
}

    #customerAddressModal .web-slider .activeSideBtn span {
        color: #585858
    }

    #customerAddressModal .web-slider .activeSideBtn:hover {
        background: transparent !important
    }

        #customerAddressModal .web-slider .activeSideBtn:hover span {
            color: #333
        }

#customerAddressModal .web-slider .icon-pagination-left, #customerAddressModal .web-slider .icon-pagination-right {
    font-size: 42px
}

.fileUploadForm .file-path-setting {
    top: 6px;
    position: absolute
}

.web-image-upload .uploadedList li div.delete-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 2px 5px;
    -moz-border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0
}

.web-image-upload .uploadedList li span.tag-clicked {
    background: #f03f43
}

.web-image-upload .web-left-container span.delete-btn {
    color: #999
}

.web-image-upload .uploadedList li span.delete-btn i {
    color: #6c6c6c
}

.web-image-upload .uploadedList li div.delete-btn:hover {
    background: #f03f43
}

.web-image-upload .uploadedList li span.delete-btn:hover i, .web-image-upload .uploadedList li span.tag-clicked i {
    color: #fff
}

.importModal .modal .shift-down {
    top: 40px
}

.print-outlet-with-discount .sub-info-box {
    width: 100%;
    padding: 0;
    min-height: 75px;
    box-shadow: 0 2px 0 #d7dde6;
    border: 1px solid #e3eaee;
    font-size: 16px
}

.print-outlet-with-discount .paddingL20 {
    padding-left: 20px
}

.print-outlet-with-discount .padding20 {
    padding: 20px
}

.print-outlet-with-discount .border-bottom-0 {
    border-bottom: 0
}

.print-outlet-with-discount .new-background-color {
    background-color: #fafafa
}

.print-outlet-with-discount .input-style {
    width: 133px;
    display: inline-block;
    margin-right: 10px;
    text-align: right;
    font-size: 17px
}

.print-outlet-with-discount .apply-scroll {
    max-height: 264px;
    overflow: auto;
    overflow-x: hidden
}

.exportReportModal .modal-body.height400 {
    min-height: 400px
}

.exportReportModal .form-control {
    border: 1px solid #6097d0
}

.exportReportModal .marginB15 lable {
    margin-top: 15px;
    display: inline-block
}

.exportReportModal .marginB15 #product-barcode-name {
    width: 99%;
    height: 34px
}

.exportReportModal .marginB15 .padding5 {
    padding: 5px
}

.exportReportModal .grey-background .outletAddress {
    font-size: 13px;
    clear: both
}

.exportReportModal .marginT114 {
    margin-top: 114px
}

.exportReportModal .marginT70 {
    margin-top: 70px
}

.exportReportModal .marginB15 .jd-search-scroll .jd-autosuggest {
    position: inherit;
    width: 99%;
    display: block;
    max-height: 260px;
    padding-top: 0;
    margin-top: 0
}

    .exportReportModal .marginB15 .jd-search-scroll .jd-autosuggest li {
        padding: 10px
    }

.exportPOModal .modal-content, .importModal .modal-content {
    width: 490px
}

.exportPOModal .modal-body .select-outlet-account, .importModal .modal-body .select-outlet-account {
    width: 464px;
    margin-left: -2px
}

.exportPOModal .modal-body .jd-div-border, .importModal .modal-body .jd-div-border {
    height: 104px
}

.exportPOModal .modal-body .select-outlet-account .outletinfo .area-name, .importModal .modal-body .select-outlet-account .outletinfo .area-name {
    display: block;
    margin-top: 7px;
    color: grey
}

.exportPOModal .modal-body .select-outlet-account .selected-area-name, .importModal .modal-body .select-outlet-account .selected-area-name {
    display: block;
    margin-top: 5px;
    color: grey
}

.exportPOModal .modal-body .uploadoptions, .importModal .modal-body .uploadoptions {
    position: absolute;
    width: 100%;
    bottom: 18px
}

.exportPOModal .modal-body .select-outlet-account .selectedoutletname, .importModal .modal-body .select-outlet-account .selectedoutletname {
    position: relative;
    bottom: 2px
}

.exportPOModal .outlet-record .outletlist-outer, .exportReportModal .outlet-record .outletlist-outer, .importModal .outlet-record .outletlist-outer {
    position: relative;
    max-height: 250px;
    overflow: auto;
    border: 1px solid #e5e5e5;
    width: 100%;
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.exportPOModal .outlet-record .outletinfo, .exportReportModal .outlet-record .outletinfo, .importModal .outlet-record .outletinfo {
    max-height: 100px;
    padding: 5px 5px 5px 8px
}

    .exportPOModal .outlet-record .outletinfo:hover, .importModal .outlet-record .outletinfo:hover {
        background-color: #e9f3ff
    }

.exportPOModal .outlet-record .outletlist-inner, .exportReportModal .outlet-record .outletlist-inner, .importModal .outlet-record .outletlist-inner {
    max-height: 100%;
    cursor: pointer
}

.exportPOModal .outlet-record .transparent-scroll::-webkit-scrollbar, .importModal .outlet-record .transparent-scroll::-webkit-scrollbar {
    width: 3px !important;
    height: 10px;
    padding: 1px
}

.exportPOModal .select-outlet-account .icon-pagination-down.dropdown-arrow, .importModal .select-outlet-account .icon-pagination-down.dropdown-arrow {
    position: absolute;
    right: 17px;
    top: 93px;
    font-size: 18px
}

.importModal .select-outlet-account .select-outlet-input .icon-pagination-down.dropdown-arrow {
    position: absolute;
    right: 28px;
    top: 52px;
    font-size: 18px
}

.exportReportModal .select-outlet-account .icon-pagination-down.dropdown-arrow {
    padding: 3px 4px 0 0;
    font-size: 20px;
    right: 3px;
    top: 4px
}

.exportPOModal .select-outlet-account .select-outlet-input .form-control, .exportReportModal .select-outlet-account .select-outlet-input .form-control, .importModal .select-outlet-account .select-outlet-input .form-control {
    border: 1px solid #6097d0
}

.assignDeliveryBoy .modal-body [class*=col-xs] {
    padding: 5px 10px
}

.assignDeliveryBoy .height200 {
    min-height: 200px
}

.assignDeliveryBoy .modal-body .no-del-boy {
    height: inherit;
    padding-top: 100px;
    text-align: center;
    font-size: 16px
}

.pickupByCustomer .modal-footer {
    margin-top: 0
}

.trackDeliveryBoy .col-xs-4 {
    width: 33.33%
}

.trackDeliveryBoy .modal-body .track-info [class*=col-xs] {
    padding: 5px 10px
}

.trackDeliveryBoy .modal-body iframe {
    width: 100%;
    height: 417px;
    border: none
}

.trackDeliveryBoy .modal-body .track-info .icon-accountNew {
    font-weight: 600
}

.collectOrderedGoods .col-xs-4 {
    width: 33.33%
}

.collectOrderedGoods .modal-body .prod-header [class*=col-xs], .collectOrderedGoods .modal-body .prod-info [class*=col-xs] {
    padding: 0
}

.collectOrderedGoods .modal-body .pad-10-15 {
    padding: 10px 15px
}

.collectOrderedGoods .modal-body .prod-header [class*=col-xs] {
    font-weight: 500
}

.collectOrderedGoods .modal-body .prod-table {
    max-height: 250px;
    overflow: auto
}

.onlinePaymentModal .loader-style {
    width: 35px
}

.onlinePaymentModal .img-pos {
    position: absolute;
    top: 55px;
    padding-left: 30px
}

.onlinePaymentModal .paddingT20 {
    padding-top: 20px
}

.onlinePaymentModal .font25 {
    font-size: 25px
}

.onlinePaymentModal .icon-approved.jd-rs-color-green.img-pos {
    font-size: 40px
}

.onlinePaymentModal .msg-style {
    font-size: 16px;
    color: #333
}

.select-category-or-type-section .category-colums {
    width: auto !important;
    display: inline-block;
    min-width: 180px !important;
    height: 100%
}

.isIPad .select-category-or-type-section #suggestedCat {
    display: flex
}

.web-image-upload .edit-delete-popover-position {
    width: 142px;
    padding: 10px;
    position: relative;
    left: 60px;
    top: 30px
}

.disabled-bg {
    background: #ededed
}

.web-slider .activeSideBtn {
    background: #fafcfc !important;
    cursor: pointer;
    border: 1px solid #d5dde3
}

    .web-slider .activeSideBtn:hover {
        background: #f0f0f0 !important;
        border-color: #d9d9d9
    }

.web-slider .disabled-slider-toggle {
    border: 1px solid #d5dde3 !important
}

.web-slider .activeSideBtn span {
    color: #0086ff
}

.additional-menus .color-on-hover:hover {
    background-color: #f0f0f0
}

.repetitive-repeat.product-category-selection .child-list li div:before {
    top: -22px;
    width: 1em
}

.repetitive-repeat .imageDisp img {
    max-width: 100%;
    max-height: 100%
}

.link-menu.showSelectedLink .repetitive-repeat.product-category-selection li div {
    color: #545454
}

.repetitive-repeat.product-category-selection li div {
    padding-left: .6em
}

.repetitive-repeat.product-category-selection .child-list li {
    margin-left: .9em
}

.repetitive-repeat.product-category-selection .circle {
    width: 10px;
    height: 10px;
    background: #e3eaee;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-right: 7px;
    margin-bottom: 1px
}

.web-manage-product-category .filter-slider .add-filter-btn-container {
    margin: 30px 0 80px
}

.repetitive-repeat.product-category-selection .product-group-name {
    width: 100%;
    white-space: normal
}

.filter-products .repetitive-repeat.product-category-selection .product-group-name {
    max-width: 260px
}

.repetitive-repeat.product-category-selection .bg-orange {
    background: #ff9a00
}

.repetitive-repeat.product-category-selection .text-orange {
    color: #ff9a00
}

.repetitive-repeat.manage-category-page .child-list li div.jd-image-holder .jd-image-loader-icon:before, .repetitive-repeat.manage-category-page .child-list li div.jd-image-holder:before, .repetitive-repeat.manage-category-page .list-item-actions-btns:before, .repetitive-repeat.manage-category-page .list-item-automated-btns:before, .repetitive-repeat.product-category-selection .imageDisp, .repetitive-repeat.product-category-selection .list-item-actions-btns {
    display: none
}

.repetitive-repeat.manage-category-page li div.jd-image-holder .jd-image-loader-icon {
    padding: 5px
}

.repetitive-repeat.manage-category-page li div.jd-image-holder {
    padding-left: 0;
    border-radius: 4px
}

.repetitive-repeat.manage-category-page .repeat-list-item {
    background: #fff;
    margin-bottom: 10px;
    border: 1px solid #e3eaee;
    border-radius: 3px;
    box-shadow: 2px 2px 3px 1px #dadada;
    font-size: 14px
}

.repetitive-repeat.product-category-selection .repeat-list-item {
    padding: 0
}

    .repetitive-repeat.manage-category-page .repeat-list-item .jd-web-list-item, .repetitive-repeat.product-category-selection .repeat-list-item .jd-web-list-item {
        padding-top: 8px;
        padding-bottom: 8px
    }

.filter-products .repetitive-repeat.product-category-selection .repeat-list-item .jd-web-list-item {
    display: flex;
    align-items: center
}

.filter-products .repetitive-repeat.product-category-selection .parent-list {
    border-bottom: 1px solid #eee
}

.filter-products .sublistUL .searchSublist::placeholder {
    color: #cfcfcf
}

.filter-products .sublistUL .searchSublist:-ms-input-placeholder {
    color: #cfcfcf
}

.filter-products .sublistUL .searchSublist::-ms-input-placeholder {
    color: #cfcfcf
}

.repetitive-repeat.manage-category-page .jd-web-list-item:hover .list-item-actions-btns {
    display: block
}

.repetitive-repeat.manage-category-page .child-list .repeat-list-item {
    border-top: none;
    border-bottom: none;
    border-right: none;
    margin-bottom: 0;
    box-shadow: none
}

.repetitive-repeat.manage-category-page .child-list li:last-child {
    border-left: 1px solid transparent
}

.repetitive-repeat.manage-category-page .list-item-actions-btns {
    float: right;
    top: 12px;
    padding-right: 15px;
    display: none
}

.repetitive-repeat.manage-category-page .list-item-automated-btns {
    float: right;
    top: 17px;
    padding-right: 15px
}

.repetitive-repeat.manage-category-page .product-group-name {
    bottom: 20px;
    position: absolute
}

.hideCategoeyModal .hide-associated-container .jd-circular-checkbox .customize-checkbox {
    border-radius: 1px;
    height: 12px;
    margin-top: 5px;
    margin-right: 5px;
    width: 12px
}

.repetitive-repeat.manage-category-page .product-group-name.product-name-with-subtext {
    bottom: 0;
    top: 13px
}

.repetitive-repeat .hidden-subtext {
    display: none;
    color: #ccc;
    font-size: 12px;
    position: absolute
}

.category .repetitive-repeat .hidden-subtext {
    position: unset
}

.repetitive-repeat .hidden-subtext .icon-hide {
    font-size: 13px;
    margin: 0 2px 0 5px;
    vertical-align: middle
}

.repetitive-repeat.product-category-selection .hidden-subtext {
    display: inline-block;
    padding: 2px
}

.repetitive-repeat.manage-category-page .hidden-subtext {
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 3px;
    bottom: 13px;
    display: inline-block;
    padding-right: 5px
}

.hideCategoeyModal .modal-header {
    font-size: 20px;
    font-weight: 300
}

.hideCategoeyModal .modal-body {
    color: #545454;
    font-size: 16px
}

.hideCategoeyModal .hide-category-question, .hideCategoryAlert .modal-body {
    padding-bottom: 10px;
    font-size: 16px
}

.hideCategoeyModal .hide-associated-container {
    padding-bottom: 15px
}

.hideCategoeyModal .modal-dialog {
    width: auto
}

.hideCategoeyModal .modal-content, .hideCategoryAlert .modal-content {
    border-radius: 6px;
    width: 550px
}

.hideCategoryAlert .modal-content {
    margin: auto
}

.repetitive-repeat.manage-category-page .parent-item {
    border-bottom: 1px solid #e3eaee
}

.repetitive-repeat.manage-category-page .list-item-actions-btns span, .repetitive-repeat.manage-category-page .list-item-automated-btns span {
    font-size: inherit;
    color: inherit
}

.repetitive-repeat.manage-category-page .list-item-actions-btns > span {
    border: 1px solid #0086ff;
    padding: 8px;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
    border-radius: 4px;
    color: #5082bf;
    font-size: 12px;
    margin-left: 15px;
    border-radius: 100px
}

    .repetitive-repeat.manage-category-page .list-item-actions-btns > span.icon-button {
        display: inline-flex;
        font-size: 18px;
        padding: 5px;
        vertical-align: middle
    }

.repetitive-repeat.manage-category-page .seo-circle {
    width: 10px;
    border: 1px solid #ffc553;
    height: 10px;
    border-radius: 50%;
    background: #ffc553;
    display: inline-block;
    padding-left: 0
}

    .repetitive-repeat.manage-category-page .seo-circle.green-color {
        background: #5eb972;
        border-color: #5eb972
    }

.repetitive-repeat.manage-category-page .list-item-actions-btns > span:hover {
    background: #0086ff;
    color: #fff;
    box-shadow: none
}

.repetitive-repeat.manage-category-page .list-item-actions-btns > span.del-btn {
    border: 1px solid #bb535c;
    color: #bb535c
}

    .repetitive-repeat.manage-category-page .list-item-actions-btns > span.del-btn:hover {
        background: #bb535c;
        color: #fff
    }

.repetitive-repeat.manage-category-page .marginL50 {
    margin-left: 50px
}

.repetitive-repeat.manage-category-page .child-list li {
    margin-left: 3em
}

    .repetitive-repeat.manage-category-page .child-list li div:before {
        top: -8px
    }

.repetitive-repeat.manage-category-page .list-item-actions-btns-category, .repetitive-repeat.product-category-selection .list-item-actions-btns-category {
    display: none
}

.repetitive-repeat.product-category-selection .jd-web-list-item:hover .list-item-actions-btns-category {
    display: inline-block
}

.repetitive-repeat.product-category-selection .list-item-actions-btns-category.icon-plus-circle {
    font-size: inherit;
    cursor: pointer;
    margin-left: 5px
}

    .repetitive-repeat.product-category-selection .list-item-actions-btns-category.icon-plus-circle:hover {
        color: #4082ce
    }

.repetitive-repeat.manage-category-page .new-group-name {
    width: 300px;
    margin-right: 10px
}

.repetitive-repeat.manage-category-page .save-btn:focus {
    background: #fff;
    border-color: #0086ff;
    color: #0086ff
}

    .repetitive-repeat.manage-category-page .save-btn:focus:hover {
        background: #0086ff;
        border-color: #0086ff;
        color: #fff !important
    }

.repetitive-repeat.product-category-selection .new-group-name {
    width: 85%
}

.repetitive-repeat.product-category-selection .add-subgroup-span {
    width: 98%
}

.repetitive-repeat.manage-category-page .add-subgroup-span {
    position: absolute;
    top: 17px
}

.repetitive-repeat.product-category-selection .add-group-btn {
    position: relative;
    left: -1px
}

    .repetitive-repeat.product-category-selection .add-group-btn.save-btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

.repetitive-repeat.product-category-selection .add-group-btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.repetitive-repeat.product-category-selection .cancel-add-group-cross-btn {
    position: relative;
    border-top-left-radius: 0;
    padding: 6px 10px;
    border-bottom-left-radius: 0;
    line-height: 20px;
    bottom: 0;
    min-width: auto;
    left: -6px
}

.isIpad.web-assign-missing-categories .repetitive-repeat.product-category-selection .add-group-btn {
    bottom: 1px
}

.isIpad.assign-product-to-category .repetitive-repeat.product-category-selection .cancel-add-group-cross-btn {
    height: 34px
}

.isIpad.web-assign-missing-categories .add-product-modal-new .repetitive-repeat.product-category-selection .add-group-btn {
    bottom: 0
}

.repetitive-repeat.product-category-selection .cancel-add-group-cross-btn:hover > span {
    color: #fff !important
}

.repetitive-repeat.manage-category-page .jd-image-loader-icon.inventoryImg {
    height: 50px;
    width: 50px
}

    .repetitive-repeat.manage-category-page .jd-image-loader-icon.inventoryImg .icon-image {
        font-size: 40px
    }

.repetitive-repeat.manage-category-page .cancel-add-group-cross-btn, .repetitive-repeat.product-category-selection .cancel-add-group-btn {
    display: none
}

.repetitive-repeat.manage-category-page .width-92-perc {
    width: 92%
}

    .repetitive-repeat.manage-category-page .width-92-perc .new-group-name {
        width: 84%
    }

.repetitive-repeat.manage-category-page .imageDisp {
    border: 1px solid transparent
}

    .repetitive-repeat.manage-category-page .add-edit-image:hover ~ .imageDisp, .repetitive-repeat.manage-category-page .imageDisp.cursor-pointer:hover {
        border: 1px solid #0086ff;
        cursor: pointer
    }

.repetitive-repeat.manage-category-page .add-edit-image:hover {
    cursor: pointer
}

    .repetitive-repeat.manage-category-page .add-edit-image:hover ~ .imageDisp .jd-image-loader-icon .icon-camera, .repetitive-repeat.manage-category-page .imageDisp:hover .icon-camera, .repetitive-repeat.manage-category-page .imageDisp:hover ~ .add-edit-image, .repetitive-repeat.manage-category-page .product-group-name.cursor-pointer:hover {
        color: #0086ff
    }

.repetitive-repeat.manage-category-page .jd-image-loader-icon .icon-camera {
    position: relative;
    bottom: 10px;
    left: 5px
}

.repetitive-repeat.manage-category-page .edit-image-text-bg {
    color: #fff;
    background: #000
}

.repetitive-repeat.manage-category-page .imageDisp:hover ~ .add-edit-image .edit-image-text {
    color: #fff
}

.repetitive-repeat.manage-category-page .add-edit-image {
    font-size: 12px;
    left: 15px;
    top: 40px;
    width: 50px;
    text-align: center;
    z-index: 1;
    color: #fff;
    background: rgba(0,0,0,.6);
    border-radius: 0 0 4px 4px;
    line-height: 18px
}

.repeat-seo .seo-template .child-header {
    font-size: 12px
}

.repeat-seo .seo-template .common-header-title {
    font-weight: 400
}

.repeat-seo .seo-template .mobile-header-right .flex-display-end {
    padding-right: 4px
}

.upload-url-image .arrow {
    left: 94px
}

.upload-url-image .popover {
    top: 121px;
    left: 4px;
    max-width: 500px;
    padding: 11px;
    border-radius: 2px
}

    .upload-url-image .popover .arrow {
        left: 94px
    }

.upload-url-image .url-div .second-url-input:focus {
    border-color: #0086ff
}

.upload-url-image .url-div .first-url-input {
    width: 12.5%;
    border: none;
    outline: none
}

.upload-url-image .url-div .second-url-input {
    padding: 5px;
    width: 100%
}

.upload-url-image .url-div {
    width: 70%
}

.upload-url-image .popover-content {
    padding: 9px 175px 9px 0
}

.upload-url-image .icon-style {
    float: right;
    position: relative;
    bottom: 26px;
    right: 15px
}

.addImageFromLib .icon-Checkmark {
    color: #0086ff
}

.addImageFromLib .icon-no_image {
    font-size: 70px
}

.addImageFromLib .loading-container, .loading-container .loading-div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10
}

    .addImageFromLib .loading-container .loading-div {
        top: 58px;
        background: #fff;
        opacity: .4
    }

.addImageFromLib .modal-body {
    height: 314px
}

.addImageFromLib .loading-container span {
    position: relative;
    left: 225px;
    top: 151px
}

.addImageFromLib .data-div {
    height: 225px;
    overflow: auto;
    overflow-x: hidden;
    margin-top: 5px;
    width: 100%
}

.addImageFromLib .transparent-scroll::-webkit-scrollbar {
    width: 3px !important;
    height: 10px;
    padding: 1px
}

.addImageFromLib .data-div .image-container {
    border: 2px solid #e5e5e5;
    margin-right: 15px;
    margin-top: 5px;
    display: inline-block;
    border-radius: 4px;
    height: 106px;
    width: 105px
}

.addImageFromLib .data-div .border-blue {
    border-color: #0086ff
}

.addImageFromLib .modal-dialog {
    width: 642px
}

.addImageFromLib .image-style img {
    margin-top: 0 !important;
    margin-left: 0 !important;
    height: 102px;
    width: 102px
}

.addImageFromLib .image-style .icon-camera {
    position: relative;
    top: 22px;
    right: 8px
}

.addImageFromLib .image-style {
    height: 102px
}

.addImageFromLib .icon-search {
    position: relative;
    bottom: 26px;
    right: 20px
}

.addImageFromLib .icon-cross {
    position: relative;
    top: -26px;
    right: 20px;
    color: #333;
    cursor: pointer
}

.addImageFromLib .data-div .image-container .image-container-icon {
    position: absolute;
    top: 5px;
    left: 84px
}

.addImageFromLib .modal-dialog {
    top: 112px
}

.addImageFromLib .width830px {
    width: 830px
}

.addImageFromLib .width642px {
    width: 642px
}

.web-left-header .paddingTop7 {
    padding-top: 7px
}

.web-left-header .text-position {
    position: relative;
    top: 0
}

.web-left-header .color-blue {
    color: #0162b9
}

.web-left-header .color-orange {
    color: #fc6b01
}

.web-left-header .web-buttons-container .ratingbtn:hover i.icon-Star_fill, .web-left-header .web-buttons-container .ratingbtn:hover i.icon-Star_line, .web-left-header .web-buttons-container .ratingbtn:hover span.additionalText {
    color: #fff
}

.web-left-header .web-buttons-container .ratingbtn i.icon-Star_fill {
    display: none;
    font-size: 16px
}

.web-left-header .web-buttons-container .ratingbtn:hover i.icon-Star_line {
    display: none
}

.web-left-header .web-buttons-container .ratingbtn:hover i.icon-Star_fill {
    display: inline
}

.web-left-header .web-buttons-container .ratingbtn i.icon-Star_line {
    color: #0086ff;
    font-size: 16px
}

.web-left-header .icon-burgerCMS.paddingR5.pos-rel, .web-left-header .icon-burgerCMS.paddingR5.pos-rel:hover, .web-left-header .icon-menu.paddingR5.pos-rel, .web-left-header .icon-menu.paddingR5.pos-rel:hover {
    color: #0086ff
}

.web-left-header .mainHeader {
    max-width: 450px
}

.web-left-header span.mainHeader {
    cursor: pointer
}

.jd-common-header.white-header .web-left-header {
    border-bottom: none;
    padding-right: 7px;
    font-family: Gilroy
}

    .jd-common-header.white-header .web-left-header .hd-count-text {
        margin: 0 0 0 10px !important;
        padding: 13px 9px;
        border: 0;
        color: #0086ff;
        font-size: 14px;
        display: inline
    }

        .jd-common-header.white-header .web-left-header .hd-count-text .badge {
            position: relative;
            top: -1px
        }

    .jd-common-header.white-header .web-left-header .icon-burgerCMS.paddingR5.pos-rel, .jd-common-header.white-header .web-left-header .icon-menu.paddingR5.pos-rel {
        color: #414e59
    }

.web-left-container .jd-common-header.white-header a.remove-anchor {
    color: #414e59;
    font-size: 18px;
    font-family: Gilroy;
    font-weight: 400
}

.jd-common-header.white-header .notification-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #414e59;
    border: 0
}

    .jd-common-header.white-header .notification-icon .icon-notification {
        font-size: 18px
    }

    .jd-common-header.white-header .notification-icon .badge.badge-red {
        position: absolute;
        border-radius: 25px;
        left: 18px;
        top: 6px;
        font-size: .5625rem;
        padding: 3px 4px;
        height: 15px;
        min-width: 15px
    }

.jd-common-header.white-header .badge {
    padding: 3px 5px;
    font-size: 11px;
    min-width: 17px
}

    .jd-common-header.white-header .badge.circular-notification-count {
        height: 17px;
        width: 17px
    }

.progress-bar {
    border-radius: 15px
}

.progress-bar-wrap {
    background-color: #fff;
    border-radius: 15px;
    border: 1px solid #c9c9c9
}

.cofirmReciveGoodModal .width135 {
    width: 135px
}

.exportPOModal .date-picker-holder .form-control.date-value.start-date-input {
    position: relative !important;
    width: 100% !important;
    background-color: #fff !important;
    z-index: 0 !important
}

.exportPOModal .date-container .date-picker-holder .icon-calender {
    z-index: 0 !important
}

.exportPOModal .date-picker-holder .form-control.date-value {
    width: 100% !important;
    background-color: #fff !important;
    z-index: 0 !important
}

.date-picker-holder .form-control.date-value.end-date-picker, .exportOnlinePaymentModal .date-picker-holder .form-control.date-value.start-date-input {
    width: 87% !important
}

.exportPOModal .marginT81 {
    margin-top: 81px
}

.exportPOModal .jd-export-modal .outlet-record .outlet-dropdown {
    background-color: #fff;
    position: absolute;
    width: 94%;
    max-height: 200px;
    z-index: 1
}

.exportPOModal .jd-export-modal .outlet-record .outlet-dropdown-tax, .exportReportModal .jd-export-modal .outlet-record .outlet-dropdown-tax {
    background-color: #fff;
    position: absolute;
    width: 95%;
    max-height: 260px;
    z-index: 1
}

.exportReportModal .jd-export-modal .outlet-dropdown {
    background-color: #fff;
    position: absolute;
    width: 100%;
    max-height: 260px;
    z-index: 1;
    overflow: auto;
    border: 1px solid #e5e5e5;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    cursor: pointer
}

.exportPOModal .date-container {
    padding-bottom: 3px
}

.add-edit-payment-modal .modal-dialog input {
    border-radius: 4px
}

.select-category-or-type-section .action-type .drop-down .jd-autosuggest {
    top: 31px
}

.drop-down .transparent-scroll::-webkit-scrollbar {
    width: 3px;
    height: 10px;
    padding: 1px
}

.link-banner-option .jd-autosuggest-holder .icon-cross.pull-right {
    position: relative;
    top: -26px;
    right: 8px;
    color: #333;
    cursor: pointer
}

.link-banner-option .select-link-banner-input {
    position: relative;
    width: 100%;
    padding: 0
}

    .link-banner-option .select-link-banner-input .icon-pagination-down {
        position: absolute;
        top: 10px;
        color: #545454;
        right: 0;
        text-align: right;
        padding-right: 6px
    }

.link-banner-option .place-holder-color::-webkit-input-placeholder {
    color: #545454
}

.link-banner-option .place-holder-color:-moz-placeholder, .link-banner-option .place-holder-color::-moz-placeholder {
    color: #545454;
    opacity: 1
}

.link-banner-option .place-holder-color:-ms-input-placeholder {
    color: #545454
}

.link-banner-option .text-pos {
    padding-left: 8px;
    border: none
}

.link-banner-option .border-none {
    border: none !important
}

.link-banner-option .suggestion-style {
    padding: 10px 5px
}

.link-banner-option .form-control.place-holder-color {
    width: 100%
}

.link-banner-option .static-list-style {
    padding-bottom: 5px
}

.link-banner-option .page-title-style {
    padding-left: 10px
}

.link-banner-option .icon-style-pos {
    position: relative;
    bottom: 26px;
    padding-left: 5px;
    color: #333
}

.link-banner-option .list-style {
    position: relative;
    top: 4px;
    margin-right: 5px;
    color: #333
}

.link-banner-option .prod-search-input {
    padding-left: 30px !important
}

.link-banner-option .repetitive-repeat.jd-product-group-tree.product-category-selection {
    max-height: 277px;
    overflow: auto
}

.link-banner-option .selected-bread-crumb-style {
    color: #ff9a00;
    padding: 7px 0
}

.link-banner-option .search-results-container {
    width: 100%
}

    .link-banner-option .search-results-container .jd-autosuggest {
        padding: 0;
        margin: 0;
        border-top: none;
        max-height: 266px
    }

        .link-banner-option .search-results-container .jd-autosuggest li {
            padding: 15px;
            height: 90px
        }

.link-banner-option .inventoryImg {
    padding: 10px 0 0
}

.link-banner-option .paddingL5 {
    padding-left: 5px
}

.link-banner-option .jd-autosuggest .noProdDiv {
    height: 50px !important
}

.app-campaign .upload-url-image .popover {
    top: 136px;
    left: 126px;
    width: 500px;
    padding: 11px;
    border-radius: 2px;
    position: absolute
}

.app-campaign .notif-text .character-counter {
    margin-top: 5px
}

.app-campaign .notif-text div {
    width: 100%
}

.app-campaign .banner-upload-container {
    border: 1px solid #c1cdd7;
    border-radius: 2px;
    width: 939px;
    margin-top: 5px;
    position: relative;
    margin-bottom: 24px
}

.app-campaign .notification-expiration-container {
    margin-top: 20px
}

.app-campaign .confirm-delete {
    top: 333px;
    left: 45px;
    width: 500px;
    max-width: 500px;
    padding: 8px
}

.app-campaign .width100 {
    width: 100%
}

.app-campaign .modal-body .width100 {
    width: 100% !important
}

.app-campaign .btn-upload:hover {
    border-color: #0086ff
}

.app-campaign .custom-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.app-campaign .btn-upload:hover .underline-on-hover, .app-campaign .url-label:hover span {
    text-decoration: underline
}

.app-campaign .on-hover-blue:hover {
    cursor: pointer;
    color: #0086ff
}

.app-campaign .upload-url-image:hover {
    text-decoration: underline
}

.app-campaign .custom-disabled, .app-campaign .custom-disabled textarea, .app-campaign .jdReadonly textarea {
    box-shadow: none;
    cursor: not-allowed;
    pointer-events: none;
    background-color: #fcfcfc
}

.app-campaign .notification-content-section {
    margin-bottom: 0;
    margin-top: 10px
}

.app-campaign .add-banner-link-details-container {
    width: 48%;
    display: inline-block;
    margin-left: 2.6%;
    vertical-align: top
}

.app-campaign .banner-detail-container {
    border-left: 1px solid #e3eaee;
    padding: 46px 20px 20px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 132px
}

.app-campaign .icon-static-page.jd-font-inherit.info-icon-store:hover ~ .notification-info-popover {
    display: inline
}

.app-campaign .notification-detail-container {
    border-left: 1px solid #e3eaee;
    padding: 2px 2px 2px 20px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.app-campaign .test-notification-mobile-number {
    padding-right: 30px
}

.app-campaign .banner-choose-image-container, .app-campaign .banner-show-image-container {
    padding-right: 20px;
    vertical-align: middle;
    width: 296px
}

.app-campaign .banner-show-image-container {
    position: relative
}

.app-campaign .icon-trash {
    color: #38393c
}

.app-campaign .delete-image-icon {
    display: inline;
    cursor: pointer;
    bottom: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 2px 5px;
    position: absolute;
    -moz-border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0
}

    .app-campaign .delete-image-icon:hover .icon-trash {
        color: #fff
    }

    .app-campaign .delete-image-icon:hover {
        background-color: #f03f43;
        border: 1px solid #f03f43
    }

.app-campaign .description-box {
    display: inline-block;
    word-wrap: normal;
    width: 500px;
    vertical-align: middle;
    margin-left: 10px;
    color: #a7a7a7
}

.app-campaign .text-pos-left-icon {
    padding-left: 29px;
    border: none
}

.app-campaign .icon-style-pos {
    position: relative;
    bottom: 26px;
    padding-left: 5px;
    color: #333
}

.app-campaign .select-link-banner-input .icon-pagination-down {
    position: absolute;
    right: 8px;
    top: 10px;
    color: #545454
}

.app-campaign .mobile-input-style {
    display: inline-block;
    width: 170px
}

.app-campaign .pos-rel-inline {
    position: relative;
    display: inline-block
}

.app-campaign .pos-inline {
    display: inline-block
}

.app-campaign .notification-info-popover {
    width: 465px;
    top: -54px;
    left: 18px;
    max-width: 465px
}

.app-campaign .select-link-banner-input {
    position: relative;
    width: 100%;
    padding: 0
}

.app-campaign .info-icon-store:hover {
    color: #333
}

.app-campaign .info-icon-store {
    color: #afafaf
}

.app-campaign .info-icon-dormant {
    color: #afafaf;
    font-size: 20px
}

.app-campaign .notification-days-inputbox {
    width: 145px;
    position: relative
}

.app-campaign .add-banner-link-heading {
    width: 48%;
    display: inline-block
}

.app-campaign .no-border-addon span {
    background-color: #fff;
    color: #9a9a9a;
    pointer-events: none;
    padding: 4px
}

.app-campaign .mob-input {
    border-left: none;
    padding-left: 0
}

.app-campaign .border-blue {
    border-color: #0086ff
}

.app-campaign .addon-validation-error {
    border-color: #de7e7e
}

.web-compose-sms textarea {
    height: 144px;
    margin-top: 10px
}

.web-compose-sms .textRed {
    color: red
}

.add-edit-reorder-info .supplier-div .jd-autosuggest-holder .search-icon-span .icon-search {
    font-size: 14px
}

.add-edit-reorder-info .supplier-div .jd-autosuggest-holder .search-icon-span {
    left: 36px;
    top: 4px
}

.add-edit-reorder-info .hide-search .search-icon-span {
    display: none
}

.add-edit-reorder-info .hide-search .input-supplier-search {
    padding-left: 8px
}

.add-edit-reorder-info .input-supplier-search {
    padding-left: 22px
}

.add-edit-reorder-info .supplier-div .web-d-supplier-suggestions .control-label {
    font-size: 13px
}

.add-edit-reorder-info .brand-div .autosuggest-holder, .add-edit-reorder-info .manufacturer-div .autosuggest-holder {
    width: 93%
}

.add-edit-reorder-info .visibility-hidden {
    visibility: hidden
}

.add-edit-reorder-info .margin-bottom-0 {
    margin-bottom: 0
}

.add-edit-reorder-info .label-style, .add-edit-reorder-info .supplier-div .web-d-supplier-suggestions .control-label {
    color: #ccc
}

.add-edit-reorder-info .border-radius-none {
    border-radius: 0
}

.add-product-modal-new .brand-div .autosuggest-holder, .add-product-modal-new .manufacturer-div .autosuggest-holder {
    width: 100%
}

.add-edit-reorder-info .checkbox-style {
    position: relative;
    margin-right: 11px;
    top: 2px
}

.add-tax .purchase-tax-label, .add-tax .sales-tax-label {
    color: #888;
    font-size: 13px;
    padding-bottom: 5px
}

.add-tax .hsnsac-input {
    padding: 15px
}

.add-tax .drop-down-input {
    text-align: left
}

    .add-tax .drop-down-input:focus {
        border-color: #0086ff
    }

.add-tax .info-div .icon-static-page {
    position: relative;
    top: 2px;
    margin-right: 7px
}

.add-tax .drop-down-ul {
    max-height: 380px
}

.add-tax .hsn-gst-info.icon-static-page {
    position: absolute;
    right: -15px;
    top: 44px;
    color: #333;
    cursor: pointer;
    font-size: 16px
}

.add-tax .hsn-gst-info .popover {
    top: 11px;
    left: unset;
    right: -1px;
    min-width: 400px;
    box-shadow: 1px 2px 16px rgba(0,0,0,.2)
}

    .add-tax .hsn-gst-info .popover .popover-content {
        padding: 5px 9px
    }

.add-product-modal-new .addtax .add-tax .hsn-gst-info .popover .popover-content {
    cursor: default
}

.add-tax .hsn-gst-info .popover .arrow {
    left: unset;
    right: 2%;
    border-width: 5px
}

.hsn-gst-info .hsn-gst-rate {
    font-weight: 500;
    margin-bottom: 3px
}

.hsn-gst-info .hsn-gst-detail {
    color: #777;
    text-transform: uppercase
}

.hsnSac-autosuggest .heading-li.autoSugest-ul {
    background-color: #eee;
    font-size: 12px;
    color: #7a8994
}

.hsnSac-autosuggest .hsn-suggestion {
    padding: 10px 0;
    background-color: transparent
}

    .hsnSac-autosuggest .hsn-head, .hsnSac-autosuggest .hsn-suggestion .hsn-rate {
        display: flex;
        justify-content: space-between;
        padding: 1px 16px 0 8px;
        text-transform: uppercase
    }

.hsnSac-autosuggest .search-auto-suggest .result-holder .li-hover, .hsnSac-autosuggest .search-auto-suggest .result-holder .suggestion-list:hover {
    background-color: #f5fafe
}

.hsnSac-autosuggest .hsn-suggestion .hsn-rate {
    font-weight: 500
}

.hsnSac-autosuggest .hsn-suggestion .suggestion-item-detail {
    padding: 0 15px 0 8px;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 13px
}

.hsnSac-autosuggest.purchase-hsn .autosuggest-holder {
    width: 580px;
    top: 40px
}

.hsnSac-autosuggest .heading-li.autoSugest-ul {
    background-color: #fff;
    box-shadow: 0 4px 8px -6px rgba(0,0,0,.3);
    z-index: 2;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.hsnSac-autosuggest .result-holder.autoSugest-ul {
    z-index: 1;
    border-radius: 10px
}

.hsnSac-autosuggest.missing .autosuggest-holder {
    width: 600px;
    z-index: 11;
    position: relative;
    margin-bottom: 65px
}

.search-auto-suggest .autosuggest-holder .arrow {
    top: -15px;
    left: 15px;
    border-width: 7px;
    border-bottom-color: #ccc
}

    .search-auto-suggest .autosuggest-holder .arrow:after {
        border-bottom-color: #fff;
        border-top-width: 0;
        left: -7px;
        top: 1px
    }

.add-product-image .image-div {
    height: 475px;
    width: 300px;
    background: #f7f7f7;
    overflow: auto;
    overflow-x: hidden;
    padding: 25px 20px
}

.add-product-image .image-container-border {
    border: 1px dashed #828282
}

.add-product-image .height-330 {
    min-height: 330px
}

.add-product-image .image-container {
    border: 1px solid #e5e5e5;
    margin-right: 22px;
    margin-left: 10px;
    margin-top: 25px;
    float: left;
    height: 102px;
    width: 102px
}

.add-product-image .image-container-highlight {
    border-color: #0086ff
}

.add-product-image .margin-top-5 {
    margin-top: 5px
}

.add-product-image .delete-icon-holder .delete-icon:hover {
    color: #f03f43;
    cursor: pointer
}

    .add-product-image .delete-icon-holder .delete-icon:hover .icon-trash {
        color: #fff
    }

.add-product-image .image-area .image-container .delete-icon {
    padding: 4px 3px
}

.add-product-image .image-area .image-container .delete-icon-clicked {
    color: #f03f43;
    cursor: pointer
}

    .add-product-image .image-area .image-container .delete-icon-clicked .icon-trash-white {
        color: #fff
    }

.add-product-image .delete-image-popover {
    background-color: #fff;
    border-radius: 2px;
    min-width: 282px;
    display: block;
    padding: 4px 0 4px 13px;
    height: 87px
}

.add-product-image .delete-confirm-text {
    float: left;
    margin-bottom: 0;
    margin-top: 7px
}

.add-product-image .disable-drop-area {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.add-product-image .delete-image-popover .arrow {
    top: 86px
}

    .add-product-image .delete-image-popover .arrow.arrow-top {
        top: -8px
    }

.add-product-image .arrow.left-200 {
    left: 200px
}

.add-product-image .arrow.left-243 {
    left: 243px
}

.add-product-image .arrow.left-80 {
    left: 80px
}

.add-product-image .arrow.left-112 {
    left: 112px
}

.add-product-image .image-div .loader-div {
    padding: 29px 31px;
    background: #fff
}

.add-product-image .upload-btn-div {
    width: 300px;
    box-shadow: 0 -5px 4px rgba(0,0,0,.2),0 5px 4px rgba(0,0,0,.2);
    padding: 25px 35px
}

.add-product-image .image-div.padding-top-10 {
    padding-top: 10px
}

.add-product-image .upload-url-image .popover {
    top: auto;
    bottom: 111px;
    left: -162px;
    width: 291px;
    max-width: 295px
}

.add-product-image .upload-url-image .url-div {
    width: 100%
}

.add-product-image .upload-url-image .popover-content {
    padding-right: 0;
    font-size: 14px
}

.add-product-image .upload-url-image .btn-div {
    width: 100%;
    margin-top: 5px
}

    .add-product-image .upload-url-image .btn-div button {
        width: 99%
    }

.add-product-image .upload-url-image .popover .arrow {
    left: 189px
}

.add-product-image .overflow-hidden {
    overflow: hidden
}

.add-product-image .image-area .image-container .movingElemnt .inventoryImg {
    width: 100px
}

.add-product-image .btn-upload {
    border: 1px dashed #828282;
    width: 100px;
    height: 100px;
    margin: 0
}

.add-product-image .margin-right-0 {
    margin-right: 0
}

.add-product-image .image-area .no-image-div {
    height: 330px;
    text-align: center
}

    .add-product-image .image-area .no-image-div .txt-div-first {
        color: #6e6e6e;
        padding-top: 20px
    }

    .add-product-image .image-area .no-image-div .txt-div-sec {
        color: #828282;
        padding-top: 50px
    }

.add-product-image .image-area .loader-div .loading-image {
    height: 40px
}

.add-product-image .image-area .image-container .movingElemnt .height-107 {
    height: 100px
}

.add-product-image .no-image-holder-div {
    display: none
}

.flash-message .alert-message {
    position: relative;
    text-align: left;
    width: 420px;
    z-index: 1100;
    color: #fff;
    padding: 15px 20px;
    margin: auto;
    min-height: 55px;
    border-radius: 35px;
    font-size: 14px
}

.flash-message .alert-message-parent {
    position: absolute;
    z-index: 1100;
    left: 0;
    right: 0;
    overflow: hidden;
    bottom: 0;
    height: 0
}

.flash-message .alert-message .icon {
    font-size: 22px;
    color: #fff;
    cursor: pointer
}

.edit-block .btn {
    -webkit-user-select: initial !important;
    user-select: initial !important
}

.flash-message .animate-top-alert-danger {
    background-color: #c64c5c;
    border-color: #c64c5c
}

.flash-message .animate-top-alert-success {
    background-color: #42c364;
    border-color: #42c364
}

.add-product-image .upload-btn-div .upload-url-image .url-label .url-div .form-control {
    border: none;
    border-bottom: 1px solid #ccc;
    text-align: left;
    padding: 0;
    border-radius: 0
}

    .add-product-image .upload-btn-div .upload-url-image .url-label .url-div .form-control:focus {
        border-bottom: 2px solid #0086ff
    }

.add-product-image .upload-btn-div .upload-url-image .url-label .error-msg-div {
    min-height: 24px;
    color: #e22323
}

.add-product-image .upload-btn-div .upload-url-image .url-label .btn-div {
    margin-top: 16px
}

.add-product-image .image-area .no-image-div .no-image-icon-div {
    padding-top: 30px
}

    .add-product-image .image-area .no-image-div .no-image-icon-div .icon-style {
        font-size: 90px
    }

.add-product-image .custom-scroll::-webkit-scrollbar {
    width: 7px !important;
    height: 10px;
    padding: 1px
}

.add-product-image .jd-image-holder {
    background: #fff
}

.featured-products-modal .modal-body {
    width: 750px;
    padding-bottom: 0
}

.featured-products-modal .modal-footer {
    margin-top: 0
}

.featured-products-modal .modal-body .search-result-container ul.jd-autosuggest {
    max-height: 300px;
    padding-top: 0;
    padding-bottom: 0
}

    .featured-products-modal .custom-scrollbar::-webkit-scrollbar, .featured-products-modal .modal-body .search-result-container ul.jd-autosuggest::-webkit-scrollbar {
        width: 8px
    }

.featured-products-modal .product-search-section {
    padding: 0
}

    .featured-products-modal .product-search-section .web-product-search .search-product-name .input-product-search {
        border-radius: 3px
    }

.featured-products-modal .product-list-section {
    height: 300px;
    overflow: auto;
    clear: both
}

    .featured-products-modal .product-list-section .prod-draggable-area {
        padding-left: 0
    }

        .featured-products-modal .product-list-section .prod-draggable-area .prod-box {
            padding: 0 0 15px 15px
        }

.featured-products-modal .cursor-not-allowed {
    cursor: not-allowed
}

.featured-products-modal .product-list-section .prod-container {
    height: 210px;
    border: 1px solid #d5dde3;
    position: relative;
    cursor: move;
    background: #fff
}

.featured-products-modal .product-list-section .product-img {
    margin-top: 25px
}

    .featured-products-modal .product-list-section .product-img .product-image.jd-image-holder {
        margin: auto !important;
        width: 95px;
        height: 95px
    }

    .featured-products-modal .product-list-section .product-img .jd-image-loader-icon.inventoryImg {
        margin: auto !important;
        padding-top: 33px
    }

.featured-products-modal .product-list-section .product-name {
    margin-top: 20px;
    padding: 0 15px;
    font-size: 13px
}

.featured-products-modal .product-list-section .product-uom {
    font-size: 12px;
    padding: 0 15px
}

.featured-products-modal .product-search-section .search-result-holder .featured-products .jd-image-loader-icon {
    margin-right: 0 !important
}

.featured-products-modal .product-search-section .search-result-holder .featured-products .product-cell.product-image {
    width: 60px;
    height: 60px
}

.featured-products-modal .product-search-section .search-result-holder .featured-products .prod-uom {
    color: #777
}

.featured-products-modal .product-list-section .margin-top-15 {
    margin-top: 15px
}

.featured-products-modal .product-list-section .prod-container .delete {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #4c4c4c;
    width: 23px;
    height: 23px;
    border-top-left-radius: 5px;
    cursor: pointer
}

    .featured-products-modal .product-list-section .prod-container .delete:hover {
        background: #d9423b
    }

    .featured-products-modal .product-list-section .prod-container .delete .icon-trash {
        color: #fff;
        font-size: 14px;
        margin-top: 4px;
        display: inline-block;
        margin-left: 5px
    }

.featured-products-modal .modal-footer .show-price-option {
    float: left
}

.featured-products-modal .modal-footer .popular-prod-checkbox {
    float: left;
    margin-top: 10px;
    margin-left: 20px
}

.featured-products-modal .modal-footer .show-price-option label {
    position: relative;
    bottom: 1px
}

.featured-products-modal .modal-footer .clear-all {
    cursor: pointer;
    display: inline-block;
    color: #0086ff;
    margin-right: 25px
}

.featured-products-modal .modal-footer .save {
    padding: 6px 20px
}

.modal-dialog.confirm-modal-width {
    width: 420px
}

.IPad .modal-dialog.confirm-modal-width {
    width: 360px
}

.featured-categories-modal .modal-dialog {
    width: 950px
}

.featured-categories-modal .modal-body {
    height: 425px;
    padding: 0
}

.featured-categories-modal .modal-footer {
    margin-top: 0
}

.featured-categories-modal .categories-list-section .cat-container {
    height: 190px;
    border: 1px solid #d5dde3;
    position: relative;
    cursor: move;
    background: #fff
}

.featured-categories-modal .categories-list-section .category-img {
    margin-top: 25px
}

    .featured-categories-modal .categories-list-section .category-img .product-image.jd-image-holder {
        margin: auto !important;
        width: 95px;
        height: 95px
    }

    .featured-categories-modal .categories-list-section .category-img .jd-image-loader-icon.inventoryImg {
        margin: auto !important;
        padding-top: 33px
    }

.featured-categories-modal .categories-list-section .category-name {
    margin-top: 20px;
    padding: 0 15px;
    font-size: 13px
}

.featured-categories-modal .categories-list-section .margin-top-15 {
    margin-top: 15px
}

.featured-categories-modal .categories-list-section .cat-container .delete {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #4c4c4c;
    width: 23px;
    height: 23px;
    border-top-left-radius: 5px;
    cursor: pointer
}

    .featured-categories-modal .categories-list-section .cat-container .delete:hover {
        background: #d9423b
    }

    .featured-categories-modal .categories-list-section .cat-container .delete .icon-trash {
        color: #fff;
        font-size: 14px;
        margin-top: 4px;
        display: inline-block;
        margin-left: 5px
    }

.featured-categories-modal .modal-footer .clear-all {
    cursor: pointer;
    display: inline-block;
    color: #0086ff;
    margin-right: 25px
}

.featured-categories-modal .modal-footer .save {
    padding: 6px 20px
}

.feature-category .switch {
    position: relative
}

    .feature-category .switch .toggle {
        position: absolute;
        height: 20px;
        width: 32px;
        z-index: 9999;
        opacity: 0
    }

        .feature-category .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 .4s
        }

            .feature-category .switch .toggle + label:after, .feature-category .switch .toggle + label:before {
                display: block;
                position: absolute;
                content: ""
            }

            .feature-category .switch .toggle + label:before {
                top: 2px;
                left: 2px;
                bottom: 2px;
                right: 2px;
                background-color: #6e6e6e;
                border-radius: 15px;
                transition: background .4s
            }

            .feature-category .switch .toggle + label:after {
                top: 2px;
                left: 2px;
                bottom: 2px;
                width: 15px;
                height: 15px;
                background-color: #fff;
                border-radius: 50%;
                transition: margin .4s,background .4s
            }

        .feature-category .switch .toggle:checked + label, .feature-category .switch .toggle:checked + label:before {
            background-color: #0086ff
        }

            .feature-category .switch .toggle:checked + label:after {
                margin-left: 13px;
                background-color: #fff
            }

.feature-category .category-toggle {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.feature-category .toggle-txt {
    display: inline-block
}

.feature-category .category-select.col-xs-3 {
    width: 26%;
    padding: 0;
    border-right: 1px solid #c1cdd7;
    height: 100%
}

.feature-category .view-categories.col-xs-9 {
    height: 100%;
    width: 74%;
    overflow: auto;
    padding: 0 0 15px
}

    .feature-category .view-categories.col-xs-9 .cat-draggable-area {
        padding-left: 0
    }

        .feature-category .view-categories.col-xs-9 .cat-draggable-area .cat-box {
            padding: 15px 0 0 15px
        }

.feature-category .category-select.col-xs-3 .category-tree {
    padding: 0 8px;
    overflow: auto;
    height: 354px;
    white-space: nowrap
}

.featured-categories-modal .category-select.col-xs-3 .category-tree .repetitive-repeat.product-category-selection li .jd-web-list-item {
    display: table;
    padding-right: .6em
}

    .featured-categories-modal .category-select.col-xs-3 .category-tree .repetitive-repeat.product-category-selection li .jd-web-list-item .product-group-name {
        cursor: pointer
    }

    .featured-categories-modal .category-select.col-xs-3 .category-tree .repetitive-repeat.product-category-selection li .jd-web-list-item:hover {
        background: none;
        cursor: pointer
    }

        .featured-categories-modal .category-select.col-xs-3 .category-tree .repetitive-repeat.product-category-selection li .jd-web-list-item:hover .circle {
            background: #ff9a00
        }

        .featured-categories-modal .category-select.col-xs-3 .category-tree .repetitive-repeat.product-category-selection li .jd-web-list-item:hover .product-group-name {
            color: #ff9a00
        }

    .featured-categories-modal .category-select.col-xs-3 .category-tree .repetitive-repeat.product-category-selection li .jd-web-list-item .circle {
        margin-right: 4px
    }

.featured-categories-modal .category-select.col-xs-3 .category-tree .jd-web-list-item {
    cursor: default !important
}

    .featured-categories-modal .category-select.col-xs-3 .category-tree .jd-web-list-item > .circle {
        cursor: pointer
    }

.featured-categories-modal .category-select.col-xs-3 .category-tree.custom-scrollbar::-webkit-scrollbar, .featured-categories-modal .view-categories.custom-scrollbar::-webkit-scrollbar {
    width: 8px
}

.featured-categories-modal .categories-list-section .cat-container .category-img .product-image img {
    max-width: 100%;
    max-height: 100%
}

.jd-product-specification .custom-attribute .icon-cross-circle {
    position: absolute;
    right: 0;
    bottom: 7px
}

.add-product-image .image-container .movingElemnt .jd-image-holder img {
    max-height: 100px;
    max-width: 100px
}

.variant-details .visibility-hidden {
    visibility: hidden
}

.variant-details .none {
    display: none
}

.add-product-image .delete-icon-holder {
    position: absolute;
    bottom: -1px;
    right: -1px;
    background: #fff;
    border: 1px solid #c84b5a;
    border-top-left-radius: 4px;
    overflow: hidden
}

    .add-product-image .delete-icon-holder .delete-icon {
        color: #c84b5a
    }

    .add-product-image .delete-icon-holder:hover {
        background: #c84b5a
    }

        .add-product-image .delete-icon-holder:hover .delete-icon {
            color: #fff
        }

.jd-product-specification .text-box-auto-suggest .jd-autosuggest-item {
    padding: 5px
}

.web-d-jd-popover {
    width: 100%;
    position: absolute;
    bottom: 0
}

    .web-d-jd-popover .popover {
        width: 100%;
        max-width: 100%;
        position: relative;
        padding: 8px
    }

    .web-d-jd-popover .ml5 {
        margin-left: 5px
    }

.add-product-image .upload-url-image .url-button:hover span {
    text-decoration: underline
}

.add-edit-reorder-info .reorder-lvl .popover-style, .add-edit-reorder-info .reorder-qty .popover-style {
    top: 14px;
    border-radius: 3px
}

.add-edit-reorder-info .reorder-lvl .popover-style {
    width: 244px
}

.add-edit-reorder-info .reorder-qty .popover-style {
    width: 257px;
    left: -130px
}

.add-edit-reorder-info .reorder-lvl .popover-style, .add-edit-reorder-info .reorder-qty .popover-style {
    left: -82px
}

    .add-edit-reorder-info .reorder-lvl .popover-style .arrow, .add-edit-reorder-info .reorder-qty .popover-style .arrow {
        left: 91px
    }

.add-edit-reorder-info .reorder-lvl .popover.bottom > .arrow, .add-edit-reorder-info .reorder-qty .popover.bottom > .arrow {
    top: -14px;
    border-width: 7px
}

.add-edit-reorder-info .icon-static-page .popover-style .popover-content {
    color: #545454
}

.variant-details .variant-namewidth {
    max-width: 54px;
    display: inline-block
}

.web-settings-tax-manage .drop-down .jd-autosuggest li div {
    padding: 10px 0
}

.add-product-image .view-only-image {
    height: 600px
}

    .add-product-image .view-only-image .image-div {
        height: inherit
    }

    .add-product-image .view-only-image .delete-image-popover, .add-product-image .view-only-image .upload-btn-div {
        display: none
    }

.add-product-image .delete-image-popover .cancel-btn {
    width: 118px
}

.add-product-image .enlarged-image-area {
    width: 516px;
    height: 600px
}

    .add-product-image .enlarged-image-area .inventoryImg {
        height: 500px;
        width: 500px
    }

        .add-product-image .enlarged-image-area .inventoryImg .icon-camera {
            top: 200px;
            position: relative
        }

    .add-product-image .enlarged-image-area .jd-image-holder {
        height: 536px;
        width: 497px;
        text-align: center;
        background: #fff
    }

        .add-product-image .enlarged-image-area .jd-image-holder img {
            margin: 50px 20px !important;
            max-height: 450px;
            max-width: 450px
        }

.add-product-image .view-only-image .image-area .image-container .delete-icon {
    display: none
}

.add-product-image .margin-right-37 {
    margin-right: 37px
}

.add-product-image .upload-btn-div .upload-image-btn:hover, .add-product-image .upload-url-image .url-button:hover {
    border-color: #0086ff
}

    .add-product-image .upload-btn-div .upload-image-btn:hover .label-icon, .add-product-image .upload-url-image .url-button:hover .label-icon {
        color: #0086ff
    }

.add-product-image .upload-btn-div {
    padding: 25px 30px
}

.add-edit-reorder-info .brand-manufacturer-div .search-auto-suggest .shadow-grey {
    box-shadow: none
}

.upload-url-image .url-label .new-btn-color {
    background: #f8f8f8;
    color: #a4a4a4
}

.add-edit-reorder-info .jd-circular-checkbox input[type=checkbox] + label span:first-of-type, .setting-modal .jd-circular-checkbox input[type=checkbox] + label span:first-of-type {
    vertical-align: initial;
    height: 13px;
    width: 13px;
    border-radius: 0
}

.search-auto-suggest .loading-image img {
    height: 20px
}

.search-auto-suggest .loading-image {
    position: absolute;
    top: 0;
    right: 3px
}

.jd-expiry-date-holder .manufacturing-form .custom-drop-down .drop-down .drop-down-input {
    height: 25px
}

.jd-expiry-date-holder .expiry-type-holder .manufacturing-form .custom-drop-down .drop-down .jd-autosuggest {
    top: 27px
}

.jd-expiry-date-holder .manufacturing-form .custom-drop-down .drop-down .icon-down-style {
    top: 6px
}

.jd-expiry-date-holder .manufacturing-form .custom-drop-down .drop-down .drop-down-input {
    width: 50%
}

.jd-expiry-date-holder .manufacturing-form .custom-drop-down .drop-down .icon-down-style {
    right: 118px
}

.add-product-modal-new .add-product-image .image-div .image-container:focus {
    outline: none;
    border-color: #0086ff
}

.add-product-modal-new .add-tax {
    width: 610px
}

.theme-background .selection-button .back-button .backBtn {
    color: #fff;
    margin-top: 2px
}

.edit-block .editable-content .button {
    white-space: pre-wrap;
    max-width: 100%
}

.edit-block .modal-header {
    padding: 15px 20px
}

.autoplay-toggle {
    display: inline-block;
    position: relative;
    top: -9px;
    padding: 0 90px 0 15px
}

.category-toggle {
    z-index: 200;
    display: inline-block
}

.switch {
    position: relative
}

    .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 .4s
    }

        .switch .toggle + label:after, .switch .toggle + label:before {
            display: block;
            position: absolute;
            content: ""
        }

html.no-scroll-modal-open, html.no-scroll-modal-open body.IPad {
    position: relative;
    overflow: hidden
}

.space-between-flex-center {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}

body.IPad .web-online-store-customize .animate-div-right .content-div.jd-services {
    max-height: 100%
}

input[type=checkbox] {
    margin: 4px 0 0;
    line-height: normal;
    box-sizing: border-box;
    padding: 0
}

.click-to-edit {
    display: none
}

.bookAppointment .webheader .click-to-edit, .checkoutFlow .webheader .click-to-edit, .order-summary .webheader .click-to-edit {
    display: none !important
}

.checkoutFlow.edit-mode .webheader .editable-content-holder:hover, .checkoutFlow.edit-mode .webheader .editable-content:hover {
    outline: none !important
}

.edit-block .modal-vertical-alignment-helper {
    max-width: 1298px;
    width: 90%
}

.circle-loader {
    position: absolute;
    z-index: 5
}

.dark-gray-pop span.btn:hover {
    color: #c0c0c1
}

.dark-gray-pop i {
    font-size: 16px
}

.dark-gray-pop .popover-content {
    padding: 5px 2px 7px 4px
}

.dark-gray-pop.edit-popover > .popover-content {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.jdMobileUploadImageModal {
    z-index: 1056
}

.mobile-image-uploader-loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: hsla(0,0%,100%,.8);
    z-index: 1060
}

    .mobile-image-uploader-loader .circle-loader {
        animation: dash 2s ease infinite,rotate 2s linear infinite;
        fill: transparent;
        stroke: #0086ff;
        stroke-width: 5;
        position: absolute;
        left: calc(50% - 20px);
        top: calc(50% - 20px);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 105
    }

.dark-gray-pop.bottom > .arrow, .dark-gray-pop.top > .arrow {
    bottom: -7px;
    border-width: 0
}

.dark-gray-pop.left > .arrow {
    top: 16%;
    border-width: 0;
    margin-top: 0
}

.edit-block .marginL5 {
    margin-left: 5px
}

.change-img-btn {
    margin-top: 0
}

.change-img-btn, .remove-img-btn {
    width: 93%;
    padding: 2px;
    font-size: 12px
}

    .change-img-btn.btn.disabled, .change-img-btn.btn[disabled], .remove-img-btn.btn.disabled, .remove-img-btn.btn[disabled] {
        opacity: .3
    }

.dark-gray-pop.popover.bottom > .arrow:after, .dark-gray-pop.popover.left > .arrow:after, .dark-gray-pop.popover.right > .arrow:after, .dark-gray-pop.popover.top > .arrow:after {
    margin-left: -5px;
    border-width: 5px;
    bottom: -3px
}

.header-block .menuIconBar ~ .click-to-edit {
    z-index: 61
}

.edit-block .click-to-edit span.icon-edit:before {
    font-size: 12px;
    padding-right: 5px
}

.edit-block .change-color-holder .click-to-edit span.icon-edit:before {
    padding-right: 0
}

.edit-block .Wysiwyg {
    padding-left: calc(4% + 15px);
    padding-right: calc(4% + 15px)
}

.edit-block .color-inherit {
    color: inherit
}

.edit-block-modal .modal-body {
    min-height: 430px;
    display: flex;
    justify-content: center;
    overflow: visible
}

.edit-block .save-btn {
    padding-left: 20px;
    padding-right: 20px
}

.edit-block-modal .modal-body > .pos-rel {
    width: 100%
}

.edit-block-modal .header-right-icon {
    font-size: 20px
}

.edit-block .modal-content {
    min-height: 550px
}

.edit-block .pos-rel {
    align-self: center
}

.icon-customerID.contact-icon, .popover-container .target-elem i.icon-customerID.contact-icon {
    color: #0086ff
}

.supplier-card-container {
    width: 320px;
    height: 293px;
    margin: 0 auto;
    left: 5px;
    position: absolute;
    top: 65px;
    flex-direction: column;
    padding: 15px;
    z-index: 4;
    box-shadow: 1px 0 8px 1px #999;
    background: #fff;
    color: #7d7d7d;
    font-weight: 400;
    border-radius: 10px;
    will-change: left,top,transform;
    animation: scale-up-tr-center .35s cubic-bezier(.075,.82,.165,1) 0s 1 normal forwards running;
    overflow-y: scroll
}

    .supplier-card-container .supplier-name {
        font-size: 16px;
        color: #424448;
        letter-spacing: -.01px;
        text-align: left;
        line-height: 20px;
        font-weight: 400
    }

    .supplier-card-container .card-title {
        font-size: 11px;
        color: #919191;
        font-weight: 400;
        margin: 17px 0 10px
    }

    .supplier-card-container i {
        margin-right: 15px
    }

    .supplier-card-container .subtitle-value {
        font-size: 14px;
        color: #424448;
        letter-spacing: .1px;
        margin-left: 11px
    }

    .supplier-card-container .contact-info-container, .supplier-card-container .contact-loc {
        display: flex;
        flex-direction: row
    }

        .supplier-card-container .contact-info-container .subtitle-value {
            margin-left: 0
        }

    .supplier-card-container .divider-line-with-spacing {
        border-bottom: 1px solid #edf1f7;
        margin: 10px 0
    }

    .supplier-card-container .tax-container .gstin {
        margin-right: 11px
    }

    .supplier-card-container .tax-container .pan {
        margin-right: 23px
    }

.marginB27 {
    margin-bottom: 27px
}

.animate-subsection-left {
    left: 100%;
    transition-property: left;
    transition-timing-function: ease-in-out
}

.animate-subsection-left, .animate-subsection-top {
    position: absolute;
    width: 100%;
    transition-duration: .5s
}

.animate-subsection-top {
    top: 100%;
    height: 100%;
    transition-property: top;
    transition-timing-function: ease-in-out
}

.animate-subsection-right {
    position: absolute;
    right: 100%;
    width: 100%;
    left: unset;
    transition-property: right;
    transition-duration: .5s;
    transition-timing-function: ease-in-out
}

.jd-animate-right.submenu-active {
    right: 0
}

.web-add-staff-members-manage .width-359 {
    width: 359px
}

.product-type-cat-modal .web-get-all-types.col-xs-6 {
    width: 100%;
    padding-right: 0
}

.product-type-cat-modal .web-get-all-types .prod-type-label {
    color: #545454
}

.product-type-cat-modal .web-get-all-types .icon-static-page {
    color: #afafaf
}

.product-type-cat-modal .web-get-all-categories.prod-cat-selection.col-xs-6 {
    width: 100%;
    padding-left: 0;
    margin-top: 10px
}

.product-type-cat-modal .select-category-or-type-section .type-dropdown-open .prod-type-box.prod-type-selection {
    border-bottom: 1px solid #c1cdd7
}

    .product-type-cat-modal .select-category-or-type-section .type-dropdown-open .prod-type-box.prod-type-selection:focus {
        border-bottom: 1px solid #0086ff
    }

.product-type-cat-modal .modal-body {
    height: 500px
}

.exportImportHistoryModal .email-link-div {
    height: 40px;
    border-bottom: 1px solid #ccc;
    font-size: 18px;
    color: #8e8e8e
}

.exportImportHistoryModal .email-link-span {
    padding-left: 15px;
    top: 7px;
    position: relative;
    font-weight: 300
}

.exportImportHistoryModal .btn-container {
    height: 65px;
    width: 89%;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #ccc;
    padding: 14px 15px 15px
}

.exportImportHistoryModal .cancel-btn {
    width: 70px;
    border-color: #ccc;
    background-color: #0086ff;
    color: #fff
}

.exportImportHistoryModal .share-btn {
    position: relative;
    width: 90px;
    background-color: #0086ff;
    border-color: #0086ff;
    color: #fff
}

.exportImportHistoryModal .label-cutomization {
    margin: 15px 0 5px 15px;
    font-size: 13px
}

.exportImportHistoryModal .email-input {
    width: 90%;
    margin: 10px 15px;
    padding-bottom: 1px;
    height: 24px
}

    .exportImportHistoryModal .email-input:focus {
        border-bottom: 2px solid #0086ff;
        padding-bottom: 0
    }

.exportImportHistoryModal .email-link {
    font-size: 14px;
    cursor: pointer;
    margin-left: 25px;
    padding-top: 8px;
    padding-bottom: 1px
}

    .exportImportHistoryModal .email-link .emailLinkText:hover {
        border-bottom: 1px solid #0086ff
    }

.exportImportHistoryModal .downloadLink {
    padding-bottom: 1px
}

    .exportImportHistoryModal .downloadLink:hover {
        border-bottom: 1px solid #0086ff
    }

.exportImportHistoryModal .email-error {
    margin-left: 15px;
    font-size: 12px;
    color: red
}

.edit-block .red-bottom-border, .exportImportHistoryModal .red-bottom-border {
    border-bottom: 2px solid red
}

.exportImportHistoryModal .min-modal-height {
    min-height: 225px
}

.exportImportHistoryModal .header-close-btn {
    position: relative;
    right: -4px;
    bottom: 3px;
    color: #000
}

.exportImportHistoryModal .slider {
    height: 100%;
    background: #fff;
    box-shadow: -2px 6px 25px 5px #ebecee
}

.exportImportHistoryModal .animate-section-overlay {
    background: hsla(0,0%,100%,.6)
}

.custom-search .icon-down-style {
    position: absolute;
    top: 7px;
    right: 5px;
    font-size: 14px;
    color: #ccc
}

.custom-search .selected-item-div {
    cursor: pointer
}

.custom-search .autosuggest-list li {
    padding: 0 12px
}

.custom-search .autosuggest-list {
    height: 219px;
    overflow: auto;
    margin-bottom: 0
}

    .custom-search .autosuggest-list.no-category {
        height: auto
    }

    .custom-search .autosuggest-list li div {
        padding: 12px 0
    }

.custom-search .search-input-div .icon-search {
    position: absolute;
    top: 10px;
    left: 16px;
    font-size: 13px;
    color: #353030;
    font-weight: 500
}

.custom-search .search-input-div .search-input {
    height: 37px;
    width: 100%;
    padding-left: 21px
}

.custom-search .search-input-div .padding-left-21 {
    padding-left: 21px
}

.custom-search .suggestion-div {
    position: absolute;
    min-width: 360px;
    min-height: 300px;
    border: 1px solid #ccc;
    padding: 10px 0;
    background: #fff;
    z-index: 20
}

    .custom-search .suggestion-div .autosuggest-list li:hover {
        background-color: #e9f3ff;
        cursor: pointer
    }

.custom-search .search-input-div {
    padding: 0 10px
}

.custom-search .selected-input {
    min-width: 145px;
    height: 27px;
    border-radius: 1px;
    padding-left: 5px;
    padding-right: 17px;
    padding-top: 3px
}

.custom-search .suggestion-div .autosuggest-list .li-on-focus {
    background-color: #e9f3ff;
    cursor: pointer
}

.custom-search .suggestion-div .autosuggest-list.transparent-scroll::-webkit-scrollbar {
    width: 3px !important;
    height: 10px;
    padding: 1px
}

.custom-search .suggestion-div .footer-style {
    height: 34px;
    right: 0;
    padding-top: 11px
}

    .custom-search .suggestion-div .footer-style .footer-text {
        left: 185px
    }

    .custom-search .suggestion-div .footer-style .all-txt {
        color: #0086ff;
        cursor: pointer
    }

.custom-search .tick-icon-holder .icon-clickNew {
    color: #428bca
}

.custom-search .visibility-hidden {
    visibility: hidden
}

.custom-search .preselected-item-color {
    color: #428bca !important
}

.custom-progress-popover.top > .arrow {
    margin-left: 86px
}

.custom-progress-popover .icon-close-thin {
    font-size: 18px;
    position: absolute;
    float: left;
    right: -10px;
    top: -10px;
    height: 20px;
    width: 20px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 50%
}

.custom-progress-popover .step-holder {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 12px;
    color: #4182c4;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    border: 1px solid #4182c4
}

    .custom-progress-popover .step-holder.highlight {
        color: #fff;
        background: #4182c4
    }

    .custom-progress-popover .step-holder.grey-step-holder {
        color: #c4c4c4;
        border: 1px solid #c4c4c4
    }

    .custom-progress-popover .step-holder .step-digit {
        left: 3.5px;
        top: -2.2px;
        font-size: 12px
    }

.custom-progress-popover .vm-align {
    vertical-align: middle
}

.custom-progress-popover .progress-bar-holder {
    height: 5px;
    margin: 10px 0 10px 26px
}

    .custom-progress-popover .progress-bar-holder .progress-bar-wrap {
        width: 100%;
        border-radius: 3px
    }

.additional-menus .dropdown-toggle .importPaginationIcon {
    font-size: 14px
}

.font-pop-data .font-filter input[type=text] {
    line-height: 17px
}

@media(max-device-width:480px) {
    .sp-color {
        right: 40%
    }

    .sp-hue {
        left: 63%
    }

    .sp-fill {
        padding-top: 60%
    }
}

.jd-rating {
    border: none;
    float: left;
    position: absolute;
    bottom: 0;
    padding-left: 11px
}

    .jd-rating .star-pos {
        margin-bottom: 2px;
        cursor: pointer
    }

    .jd-rating input {
        display: none
    }

    .jd-rating label:before {
        font-size: 20px;
        display: inline-block
    }

    .jd-rating label {
        color: #ddd;
        float: right
    }

        .jd-rating .highlight, .jd-rating .highlight ~ label, .jd-rating .star-pos:hover ~ label, .jd-rating label:hover {
            color: gold
        }

.add-edit-payment-modal .modal-dialog .modal-body {
    max-height: 380px;
    min-height: 356px;
    padding: 0 15px 15px
}

    .add-edit-payment-modal .modal-dialog .modal-body .errorDiv {
        color: #e22323;
        clear: both
    }

    .add-edit-payment-modal .modal-dialog .modal-body input {
        width: 100%
    }

        .add-edit-payment-modal .modal-dialog .modal-body input:focus {
            border-width: 2px
        }

    .add-edit-payment-modal .modal-dialog .modal-body .pay-date-picker input {
        width: calc(100% - 7px)
    }

    .add-edit-payment-modal .modal-dialog .modal-body .description, .add-edit-payment-modal .modal-dialog .modal-body .payment-details {
        margin-top: 10px
    }

        .add-edit-payment-modal .modal-dialog .modal-body .description.marginT3 {
            margin-top: 3px
        }

        .add-edit-payment-modal .modal-dialog .modal-body .description .web-compose-sms textarea {
            margin-top: 0;
            height: 84px;
            margin-bottom: 3px
        }

    .add-edit-payment-modal .modal-dialog .modal-body .col-xs-4 {
        padding: 0 8px;
        width: 33.333333%
    }

    .add-edit-payment-modal .modal-dialog .modal-body .padding-left-0 {
        padding-left: 0
    }

    .add-edit-payment-modal .modal-dialog .modal-body .padding-right-0 {
        padding-right: 0
    }

    .add-edit-payment-modal .modal-dialog .modal-body .beneficiary {
        padding-left: 8px;
        padding-right: 0
    }

    .add-edit-payment-modal .modal-dialog .modal-body .bank-name, .add-edit-payment-modal .modal-dialog .modal-body .margin-top-10 {
        margin-top: 10px
    }

    .add-edit-payment-modal .modal-dialog .modal-body .payment-input-grp.col-xs-4.cheque-draft-pay {
        margin-top: 10px;
        padding-left: 8px;
        padding-right: 8px
    }

    .add-edit-payment-modal .modal-dialog .modal-body .bank-name-dropdown {
        width: calc(100% - 8px);
        max-height: 210px
    }

    .add-edit-payment-modal .modal-dialog .modal-body .payment-input-grp.col-xs-4.cheque-date {
        margin-top: 10px;
        padding-right: 0;
        padding-left: 8px
    }

    .add-edit-payment-modal .modal-dialog .modal-body .paddR0 {
        padding-right: 0
    }

    .add-edit-payment-modal .modal-dialog .modal-body .paddL0 {
        padding-left: 0
    }

    .add-edit-payment-modal .modal-dialog .modal-body .paddT5 {
        padding-top: 5px
    }

    .add-edit-payment-modal .modal-dialog .modal-body .payment-input-grp.creditLimitHolder {
        width: 50%;
        padding-left: 31px
    }

    .add-edit-payment-modal .modal-dialog .modal-body .payment-input-grp.inline-block .icon-currency {
        font-size: 12px;
        color: #545454
    }

    .add-edit-payment-modal .modal-dialog .modal-body .payment-input-grp.creditBalanceHolder {
        border-right: 1px solid #e5e5e5;
        width: 44%
    }

    .add-edit-payment-modal .modal-dialog .modal-body .payment-input-grp.col-xs-4 {
        padding-left: 0
    }

.add-edit-payment-modal .modal-header .icon-close-thin {
    font-size: 21px
}

.add-edit-payment-modal .modal-dialog .modal-body .payment-input-grp.amt-received.creditAmountHolder {
    clear: both;
    margin-top: 15px
}

.add-edit-payment-modal .modal-dialog .modal-body .payment-input-grp.amt-received .icon-currency {
    font-size: 11px;
    top: 36px;
    left: 11px;
    position: absolute;
    color: #555;
    font-size: 16px;
    top: 34px;
    left: 6px
}

.add-edit-payment-modal .modal-dialog .modal-body .payment-input-grp.amt-received input {
    padding-left: 23px
}

.add-edit-payment-modal .modal-dialog .modal-body .payment-input-grp.amt-received {
    height: 59px
}

.add-edit-payment-modal .modal-dialog .modal-body .payment-input-grp.pay-date-picker .row {
    margin: 0
}

.add-edit-payment-modal .modal-dialog .modal-body .payment-input-grp.pay-date-picker {
    height: 59px
}

.add-edit-payment-modal .modal-dialog .date-range-picker-table .available .btn-default.active .text-info {
    color: #fff
}

.add-edit-payment-modal .modal-dialog .modal-body .payment-input-grp.pay-date-picker .row > input {
    cursor: pointer;
    position: absolute;
    z-index: 1
}

.add-edit-payment-modal .modal-dialog .modal-body .payment-input-grp.pay-date-picker .icon-calendarNew {
    position: absolute;
    top: 6px;
    right: 15px;
    font-size: 19px
}

.add-edit-payment-modal .modal-dialog .payment-title {
    margin-bottom: 5px
}

.add-edit-payment-modal .modal-dialog .payment-name-error {
    visibility: hidden;
    font-size: 13px;
    color: #e22323
}

    .add-edit-payment-modal .modal-dialog .payment-name-error.visible-block {
        visibility: visible
    }

.add-edit-payment-modal .modal-dialog .drop-down .drop-down-div .drop-down-input {
    border: 1px solid #d5d5d5;
    padding: 10px;
    background-color: transparent
}

    .add-edit-payment-modal .modal-dialog .drop-down .drop-down-div .drop-down-input.activeElem {
        border-width: 2px
    }

.add-edit-payment-modal .modal-dialog .drop-down .drop-down-div:focus .drop-down-input {
    border-color: #0086ff;
    border-width: 2px
}

.add-edit-payment-modal .modal-dialog .drop-down .drop-down-div .drop-down-input::-webkit-input-placeholder {
    color: #545454
}

.add-edit-payment-modal .date-range-picker-table.table-condensed:focus {
    outline: none
}

.add-edit-payment-modal .modal-dialog .drop-down .drop-down-div .icon-pagination-down {
    top: 10px;
    right: 7px;
    cursor: pointer;
    color: #333;
    font-size: 15px
}

.add-edit-payment-modal .modal-dialog .drop-down.disabled {
    opacity: 1;
    background: #f2f2f2
}

.add-edit-payment-modal .modal-dialog .drop-down .drop-down-div .jd-autosuggest.drop-down-ul {
    top: 31px
}

.add-edit-payment-modal .modal-dialog .modal-body .payment-input-grp .drop-down .drop-down-div .transparent-scroll::-webkit-scrollbar {
    padding: 2px;
    width: 8px;
    height: 10px
}

.add-edit-payment-modal .modal-dialog .drop-down .drop-down-div .jd-autosuggest.drop-down-ul .icon-clickNew {
    display: none
}

.add-edit-payment-modal .modal-dialog .drop-down .drop-down-div .jd-autosuggest.drop-down-ul .drop-down-li > div {
    padding: 5px 0;
    border-bottom: none
}

    .add-edit-payment-modal .modal-dialog .drop-down .drop-down-div .jd-autosuggest.drop-down-ul .drop-down-li > div > span:last-child {
        left: 0
    }

    .add-edit-payment-modal .modal-dialog .drop-down .drop-down-div .jd-autosuggest.drop-down-ul .drop-down-li > div .drop-down-option-text {
        padding: 8px 0
    }

.add-edit-payment-modal .modal-dialog .collect-payment {
    font-size: 16px;
    margin-bottom: 20px;
    background-color: hsla(0,0%,83.9%,.31)
}

    .add-edit-payment-modal .modal-dialog .collect-payment > div {
        text-align: center
    }

        .add-edit-payment-modal .modal-dialog .collect-payment > div:first-child {
            border-right: 1px solid #e5e5e5
        }

    .add-edit-payment-modal .modal-dialog .collect-payment .payment-header {
        padding-top: 10px
    }

    .add-edit-payment-modal .modal-dialog .collect-payment .icon-currency {
        font-size: 13px;
        color: #333
    }

    .add-edit-payment-modal .modal-dialog .collect-payment .icon-currencyB {
        font-size: 26px;
        position: relative;
        color: #545454;
        top: 1px
    }

.add-edit-payment-modal .modal-dialog .modal-footer .btn.btn-primary:disabled {
    color: #9a9a9a !important;
    background: #fafcfc !important;
    border-color: #d5dde3 !important
}

.add-edit-payment-modal .pay-date-picker .dropdown-menu {
    top: 56px !important
}

.jd-imei-modal .modal-dialog .modal-body {
    padding: 0
}

.jd-imei-modal .modal-dialog .modal-footer {
    margin-top: 0
}

.jd-imei-modal .modal-dialog .modal-body .data-header {
    height: 42px
}

    .jd-imei-modal .modal-dialog .modal-body .data-header .col-xs-12, .jd-imei-modal .modal-dialog .modal-body .data-header .col-xs-12 .col-xs-5, .jd-imei-modal .modal-dialog .modal-body .data-header .col-xs-12 .col-xs-7 {
        height: 100%
    }

        .jd-imei-modal .modal-dialog .modal-body .data-header .col-xs-12 .col-xs-5, .jd-imei-modal .modal-dialog .modal-body .data-header .col-xs-12 .col-xs-7 {
            background: #f8f9fd;
            border-bottom: 1px solid #e5e5e5
        }

            .jd-imei-modal .modal-dialog .modal-body .data-header .col-xs-12 .col-xs-5 span, .jd-imei-modal .modal-dialog .modal-body .data-header .col-xs-12 .col-xs-7 span {
                position: absolute;
                top: 50%;
                transform: translateY(-50%)
            }

.jd-imei-modal .modal-dialog .modal-body .data-details {
    height: 53px;
    padding-top: 19px
}

    .jd-imei-modal .modal-dialog .modal-body .data-details .prod-name {
        height: 34px;
        padding-top: 6px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 282.5px
    }

    .jd-imei-modal .modal-dialog .modal-body .data-details .imei-input {
        border-radius: 0;
        width: 100%;
        padding-bottom: 1px
    }

        .jd-imei-modal .modal-dialog .modal-body .data-details .imei-input:focus {
            padding-bottom: 0;
            border-bottom: 2px solid #0086ff
        }

    .jd-imei-modal .modal-dialog .modal-body .data-details .col-xs-12, .jd-imei-modal .modal-dialog .modal-body .data-header .col-xs-12 {
        padding: 0
    }

.jd-imei-modal .modal-dialog .modal-body .imei-container {
    max-height: 227px;
    min-height: 101px;
    overflow: auto;
    padding-bottom: 15px
}

.exportImportHistoryModal .comments-section {
    color: #999
}

.exportImportHistoryModal .helptextColor {
    color: #428bca !important
}

.importModal .fileUploadForm .file-path-setting {
    top: 0
}

.exportImportHistoryModal .email-section .icon-trash {
    position: absolute;
    top: 10px;
    right: 18px
}

.exportCustomersmodal .modal-header {
    padding: 10px 15px 10px 10px
}

    .exportCustomersmodal .modal-header .close {
        font-size: 24px;
        font-weight: 400;
        margin-top: 2px
    }

.exportCustomersmodal .modal-dialog {
    width: 500px
}

.exportCustomersmodal .modal-body {
    height: 135px
}

    .exportCustomersmodal .modal-body .info-note {
        background: #f3f7fb;
        padding: 10px
    }

    .exportCustomersmodal .modal-body .detail-desc {
        padding: 10px;
        line-height: 1.8
    }

.exportImportHistoryModal .padding-left-25 {
    padding-left: 25px
}

.exportImportHistoryModal .width-800 {
    width: 800px
}

.exportImportHistoryModal .width13 {
    width: 13.66%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.exportImportHistoryModal .width28 {
    width: 28.33%
}

.exportImportHistoryModal .width19 {
    width: 19%
}

.exportImportHistoryModal .inventHistoryModalHgt {
    overflow-x: hidden
}

.exportImportHistoryModal .paddingLOnScroll {
    padding-left: 6px !important
}

.importModal .fileUploadForm .choose-file-btn-div {
    display: table;
    height: 32px;
    word-break: break-all
}

.importModal .fileUploadForm .file-path-setting {
    line-height: 1.37;
    position: relative;
    display: table;
    vertical-align: middle;
    width: 340px;
    top: 6px
}

.featured-categories-modal .title-holder, .featured-products-modal .title-holder {
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 0;
    height: 25px;
    border-radius: 0
}

.featured-products-modal .product-modal-title {
    padding-bottom: 20px
}

.featured-products-modal .label-title-pos {
    margin-top: 5px
}

.featured-categories-modal .title-holder:focus, .featured-products-modal .title-holder:focus {
    border-bottom: 2px solid #0086ff
}

.featured-categories-modal .category-modal-title {
    padding: 10px 15px;
    margin-top: 10px
}

.featured-categories-modal .category-modal-sorting {
    padding: 10px 15px 0
}

    .featured-categories-modal .category-modal-sorting > label {
        margin-bottom: 0
    }

input[type=range] {
    margin: 10px 0;
    width: 100%
}

    input[type=range]:focus {
        outline: none
    }

input[type=range] {
    -webkit-appearance: none;
    -moz-apperance: none;
    border-radius: 6px;
    height: 6px
}

    input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none !important;
        background-color: #e9e9e9;
        border: 1px solid #cecece;
        height: 15px;
        width: 15px;
        border-radius: 50%
    }

.pos-templates #selectProductModal .modal-footer {
    border-top: none;
    padding: 0 20px 15px
}

.pos-templates #selectProductModal .modal-body {
    padding: 0
}

.pos-templates .product-details-table {
    border-collapse: collapse;
    width: 100%
}

.pos-templates .product-details-table-modal {
    text-align: center
}

    .pos-templates .product-details-table-modal td {
        padding: 0 10px
    }

    .pos-templates .product-details-table-modal thead {
        display: block
    }

    .pos-templates .product-details-table-modal tbody {
        display: block;
        overflow: auto;
        max-height: 200px
    }

        .pos-templates .product-details-table-modal tbody .prod-weight {
            width: 17% !important;
            margin-left: 0
        }

        .pos-templates .product-details-table-modal tbody .prod-instock {
            margin-left: 0;
            width: 12% !important
        }

    .pos-templates .product-details-table-modal .prod-name {
        width: 31% !important;
        margin-left: 0
    }

    .pos-templates .product-details-table-modal tr {
        width: 100%;
        display: inline-table
    }

    .pos-templates .product-details-table-modal .product-name {
        text-align: left
    }

    .pos-templates .product-details-table-modal tr.selected {
        background-color: #f0f8ff
    }

    .pos-templates .product-details-table-modal th {
        height: 40px
    }

    .pos-templates .product-details-table-modal td {
        cursor: pointer;
        height: 30px
    }

        .pos-templates .product-details-table-modal td .icon-clickNew {
            color: #0086ff
        }

    .pos-templates .product-details-table-modal .text-left {
        text-align: left !important
    }

    .pos-templates .product-details-table-modal .text-right {
        text-align: right !important
    }

.pos-templates .product-details-table input {
    border: 2px solid transparent;
    height: 30px;
    width: 100%;
    text-align: center;
    padding: 0;
    margin-bottom: 0;
    border-radius: 0
}

    .pos-templates .product-details-table input:focus {
        border: 2px solid #0086ff;
        outline: none
    }

.pos-templates .product-details-table td {
    border: 1px solid #e3e3e3;
    position: relative
}

.pos-templates .product-details-table th {
    border: 1px solid #e3e3e3;
    text-align: center;
    background-color: #f2f5fa;
    color: #454e59
}

.pos-templates .product-details-table .txt-left {
    text-align: left;
    padding: 0 15px 0 0
}

.pos-templates .product-details-table th {
    padding: 10px
}

.pos-templates .product-details-table .td-readonly {
    background-color: #f2f2f2;
    text-align: center
}

.pos-templates .product-details-table tr {
    border-bottom: 1px solid #e5e5e5
}

.pos-templates .product-details-table .td-readonly {
    position: relative
}

    .pos-templates .product-details-table .td-readonly .icon-cross-circle {
        position: absolute;
        right: 4px;
        top: 2px;
        color: #807c7c;
        font-size: 12px
    }

        .pos-templates .product-details-table .td-readonly .icon-cross-circle:hover {
            cursor: pointer
        }

.pos-templates .product-details-table .icon-currency.color-and-size {
    font-size: 14px;
    color: #454e59
}

.pos-templates .product-details-table .paddingR10 {
    padding-right: 10px
}

.pos-templates .product-details-table .paddingR20 {
    padding-right: 20px
}

.pos-templates .product-details-table tbody tr th {
    font-weight: 400;
    vertical-align: top
}

body.isIPad .pos-templates .product-details-table tbody tr th {
    width: 7%
}

.pos-templates .product-details-table-modal td, .pos-templates .product-details-table-modal th {
    padding: 0 0 0 10px;
    border: none
}

.pos-templates .width470 {
    width: 470px
}

.pos-templates .selectAccountModal .drop-down .drop-down-div .drop-down-input {
    text-overflow: ellipsis;
    padding-right: 30px;
    height: 24px
}

.pos-templates .selectAccountModal .drop-down .icon-down-style {
    top: 6px
}

.pos-templates .selectAccountModal .drop-down .jd-autosuggest {
    top: 22px;
    max-height: 239px
}

.pos-templates .selectAccountModal .modal-body {
    height: 250px
}

.pos-templates .width550 {
    width: 550px
}

.productRows .td-hsn {
    background-color: #f2f2f2
}

.customer-groups-modal .disabled-tab {
    background-color: #e5e5e5
}

.customer-groups-modal .enabled-tab {
    background-color: #0086ff;
    color: #fff
}

.customer-groups-modal .tokenfield.form-control {
    border-radius: 0 !important;
    border: none;
    border-bottom: 2px solid #0086ff;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    padding-left: 0;
    margin: 0 5px
}

.customer-groups-modal .modal-dialog {
    width: 460px;
    height: 450px
}

.customer-groups-modal .modal-body {
    overflow: auto;
    min-height: 270px;
    max-height: 270px
}

.customer-groups-modal .M5LR {
    margin-left: 5px;
    margin-right: 5px
}

.customer-group-holder {
    position: relative;
    left: -4px
}

.customer-groups-modal .icon-close-thin {
    color: #000;
    opacity: .5
}

.customer-group-label {
    border: 1px solid #c7c7c7;
    color: #c7c7c7
}

.switch-button-container {
    cursor: pointer;
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle
}

    .switch-button-container.editable-checkbox {
        position: relative
    }

.web-settings-payments .switch-button-container.editable-checkbox {
    left: -12px
}

.switch-button-container.editable-checkbox .switch-btn-checkbox {
    position: absolute;
    z-index: 10;
    opacity: 0;
    width: 100%
}

.payment-settings-container .switch-button-container.editable-checkbox .switch-btn-checkbox {
    right: 0
}

.switch-button-container .custom-switch-btn {
    background-color: #0086ff;
    border-radius: 18px;
    height: 14px;
    position: relative;
    width: 45px;
    height: 19px
}

    .switch-button-container .custom-switch-btn:before {
        content: "OFF";
        color: #7d7d7d;
        position: absolute;
        font-weight: 700;
        font-size: 9px;
        top: .3rem;
        left: 23px;
        z-index: 3
    }

.iPhoneApp .switch-button-container .custom-switch-btn:before, .jd-ios-style .switch-button-container .custom-switch-btn:before, .mobileVendorApp.safariBrowser .switch-button-container .custom-switch-btn:before, .safariBrowser .switch-button-container .custom-switch-btn:before {
    top: .3rem;
    left: 50%
}

.iosSafari .switch-button-container .custom-switch-btn:before {
    top: .5rem
}

.switch-button-container .custom-switch-btn:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 18px;
    transition: opacity .2s ease-out .1s,transform .3s ease-out .1s;
    z-index: 0;
    background-color: #cfcfcf;
    transform: scale(1)
}

.switch-button-container .switch-btn-checkbox:checked + .custom-switch-btn:after {
    z-index: 0;
    transform: scale(0)
}

.switch-button-container .switch-btn-checkbox:checked + .custom-switch-btn:before {
    content: "ON";
    top: .3rem;
    color: #fff;
    z-index: 2
}

.iPhoneApp .switch-button-container .switch-btn-checkbox:checked + .custom-switch-btn:before, .jd-ios-style .switch-button-container .switch-btn-checkbox:checked + .custom-switch-btn:before, .mobileVendorApp.safariBrowser .switch-button-container .switch-btn-checkbox:checked + .custom-switch-btn:before, .safariBrowser .switch-button-container .switch-btn-checkbox:checked + .custom-switch-btn:before {
    top: .3rem
}

.iosSafari .switch-button-container .switch-btn-checkbox:checked + .custom-switch-btn:before {
    top: .5rem
}

.switch-button-container .switch-btn-checkbox:checked + .custom-switch-btn .switch-button {
    left: 26px;
    box-shadow: 0 0 4px 0 rgba(51,51,51,.4)
}

.switch-button-container .switch-button {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 4px 0 rgba(51,51,51,.4);
    height: 20px;
    left: -1px;
    position: absolute;
    transition: .3s;
    width: 20px;
    z-index: 3
}

.adjust-inventory-modal .modal-dialog {
    width: 710px
}

.adjust-inventory-modal .summary {
    margin-bottom: 10px
}

.adjust-inventory-modal .detail-holder {
    border: 1px solid #e5e5e5;
    padding: 15px;
    overflow: auto
}

.adjust-inventory-modal .modal-body > div:last-child {
    margin-top: 15px
}

.adjust-inventory-modal .modal-body .detail-holder .col-xs-6 {
    padding-left: 0
}

.adjust-inventory-modal .modal-body .detail-holder .col-xs-2:last-child {
    padding-right: 0
}

.adjust-inventory-modal .modal-body .detail-holder .table-title > div:first-child {
    font-size: 16px;
    margin-bottom: 5px
}

.adjust-inventory-modal .modal-body .detail-holder .table-title > div:last-child {
    margin-bottom: 15px
}

.adjust-inventory-modal .modal-body .detail-holder .table-head {
    overflow: auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5
}

.adjust-inventory-modal .modal-body .detail-holder .table-list {
    overflow: auto;
    padding: 10px 0
}

.edit-block {
    touch-action: manipulation
}

.isIOS.IPad .edit-block {
    overflow-x: hidden
}

.add-product-image .image-container .movingElemnt {
    cursor: move
}

.add-product-image .view-only-image .image-container .movingElemnt {
    cursor: auto
}

.walkthrough-help-menu .icon-help {
    position: absolute;
    left: 15px;
    top: 7px;
    cursor: pointer
}

    .walkthrough-help-menu .icon-help:hover {
        color: #fff
    }

.walkthrough-help-menu .help-submenu-container {
    top: 45px;
    position: absolute;
    z-index: 2
}

.walkthrough-help-menu .help-submenu-list {
    border-radius: 0 0 5px 5px;
    background-color: #212325;
    list-style: none;
    padding-left: 0;
    margin: 0
}

.walkthrough-help-menu .help-submenu {
    border-bottom: 1px solid #252729;
    padding: 10px;
    cursor: pointer;
    color: #999;
    text-align: left;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

    .walkthrough-help-menu .help-submenu .help-link {
        color: inherit
    }

    .walkthrough-help-menu .help-submenu:hover {
        color: #fff
    }

.exportReportModal .outlet-record .jd-search-scroll .jd-autosuggest .prod-search-result-holder {
    display: flex;
    align-items: center
}

.help-multiple-options-container .jd-btn-primary, .web-buttons-container .jd-btn-primary {
    background: #fff;
    border-color: #0086ff;
    color: #0086ff
}

.web-buttons-container .circle-loader-order {
    display: inline-block;
    text-align: center;
    position: relative;
    border: 3px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    bottom: 3px;
    animation: spin 2s linear infinite;
    vertical-align: middle
}

.jd-btn-primary:hover {
    color: #fff
}

.domain-renew .tab-icon {
    color: #0086ff
}

.domain-renew .domain-renew-err .tab-icon {
    color: #c64c5c
}

.domain-renew .tab-icon {
    font-size: 43px
}

.domain-renew .paddingT13 {
    padding-top: 13px
}

.domain-renew .paddingT20 {
    padding-top: 20px
}

.domain-renew {
    display: flex;
    justify-content: center;
    background-color: #fff;
    position: relative;
    height: auto;
    text-align: center;
    box-shadow: 0 2px 5px #adadac;
    z-index: 1;
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%)
}

    .domain-renew .domain-renew-des .fontWeight500 {
        font-weight: 500
    }

@media(max-width:350px) {
    .domain-renew .domain-renew-des.added-premium-patch .configure {
        max-width: 145px
    }
}

.domain-mobile .domain-renew-des .configure {
    font-size: 12px;
    color: #333;
    text-align: left;
    margin-bottom: 3px;
    margin-top: 2px;
    font-weight: 500
}

.domain-mobile .domain-renew-des .not-configured {
    color: #424448;
    font-size: 12px;
    text-align: left
}

.domain-mobile .domain-renew-des .domain-btn {
    color: #0086ff
}

.domain-mobile .domain-renew-des .premium-patch {
    position: absolute;
    top: 12px;
    right: -2px
}

.header-popover-menu .help-submenu-container {
    top: -40px;
    right: -5px;
    position: absolute;
    z-index: 2
}

.header-popover-menu .help-submenu-list {
    border-radius: 5px;
    border: 1px solid #000;
    background-color: #fff;
    list-style: none;
    padding-left: 0;
    margin: 0
}

.header-popover-menu .help-submenu {
    border-bottom: 1px solid #252729;
    padding: 10px;
    cursor: pointer;
    color: #999;
    text-align: left
}

    .header-popover-menu .help-submenu .help-link {
        color: inherit
    }

.header-popover-menu.outlet-popover .help-submenu {
    border-bottom: none;
    color: #424448;
    padding: 8px;
    line-height: 21px
}

.header-popover-menu.outlet-popover .help-submenu-list {
    border: none;
    padding: 9px 14px
}

.header-popover-menu.outlet-popover .help-submenu-container {
    top: -10px;
    right: 0;
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2)
}

.header-popover-menu.outlet-popover .icon-general-settings-thin {
    margin-right: 5px
}

.edit-block .animate-section-overlay {
    z-index: 15
}

.edit-block .upload-lib-image .animate-section-overlay {
    z-index: 1030
}

.edit-block .animate-div-right .content-div {
    margin-left: 0
}

.edit-block .extra-img {
    height: auto;
    max-height: 100%;
    max-width: 100%
}

.edit-block .mul-images {
    display: flex;
    flex-wrap: wrap;
    margin: 0 5px 181px
}

.edit-block .extra-img-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    padding: 15px;
    background-color: #fff
}

.edit-block .editable-gallery {
    position: relative;
    min-height: 30px
}

.seo-image-slider .animate-section-overlay, .seo-image-slider .animate-slider.animate-div-right {
    z-index: 1049
}

.generic-slider.cover-img-section .mobile-header-right i:hover:before {
    color: inherit
}

.seo-image-slider .seo-body {
    padding: 0
}

.cover-img-section.imageSeo .jd-animate .slider-body {
    padding-top: 70px
}

.mobile-slider .slider-footer .btn.imageSeo {
    width: 100%
}

.seo-image-slider .seo-header {
    background: #434448;
    height: 60px;
    display: table;
    width: 100%;
    border-top-left-radius: 4px
}

.seo-image-slider .headerTitle {
    width: 90%;
    padding-left: 20px;
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    color: #fff
}

.seo-image-slider .icon-close-thin {
    width: 20%;
    display: table-cell;
    vertical-align: middle;
    font-size: 24px;
    color: #fff
}

.seo-image-slider .display-inline {
    display: inline
}

.seo-image-slider .info-icon-store {
    margin-left: 3px
}

    .seo-image-slider .info-icon-store .icon-static-page {
        color: #afafaf;
        position: relative;
        top: 1px
    }

        .seo-image-slider .info-icon-store .icon-static-page.tooltip-icon {
            top: 2px
        }

    .seo-image-slider .info-icon-store.tooltip-open .icon-static-page, .seo-image-slider .info-icon-store:focus .icon-static-page, .seo-image-slider .info-icon-store:hover .icon-static-page {
        color: #333
    }

    .seo-image-slider .hybrid-shop-info.db, .seo-image-slider .hybrid-shop-info:hover, .seo-image-slider .info-icon-store:hover .arrow, .seo-image-slider .info-icon-store:hover .hybrid-shop-info {
        display: block;
        opacity: 1
    }

.seo-image-slider .hybrid-shop-info {
    top: 12px;
    left: -167px;
    width: 286px;
    max-width: unset;
    border: none;
    box-shadow: 0 1px 8px rgba(0,0,0,.4);
    background: #fff;
    border-radius: 4px;
    color: #333;
    padding: 0
}

.mobile-slider .seo-image-slider .hybrid-shop-info {
    width: calc(100vw - 30px);
    left: -171px
}

.seo-image-slider .info-icon-store .arrow {
    position: absolute;
    display: none;
    width: 0;
    height: 0;
    top: 8px;
    left: 10px;
    right: unset;
    border: 7px solid transparent;
    border-bottom-color: rgba(0,0,0,.15);
    margin-left: -11px;
    z-index: 1100
}

    .seo-image-slider .info-icon-store .arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-width: 0 10px 10px;
        border-bottom-color: #fff
    }

.seo-image-slider .title-icon .hybrid-shop-info {
    left: -134px
}

.mobile-slider .seo-image-slider .popover > .arrow {
    left: 178px
}

.mobile-slider .seo-image-slider .popover.tooltip > .arrow {
    left: 141px
}

.seo-image-slider .save-btn {
    width: 100%;
    margin-top: 20px
}

.seo-image-slider .animate-slider.animate-div-right {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%
}

.seo-image-slider .slider-shadow {
    box-shadow: -4px 0 4px rgba(0,0,0,.175)
}

.seo-image-slider .animate-subsection-left {
    margin-left: 5px;
    width: calc(100% - 4px);
    border-top-left-radius: 4px
}

.seo-image-slider .title {
    font-size: 12px;
    color: #969696;
    margin-bottom: 25px;
    position: relative
}

.fixed-payment input[type=tel] {
    width: 100%;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 5px;
    margin-top: 5px;
    color: #333
}

.seo-image-slider .title input[type=text] {
    margin-top: 0
}

.menu-list .link-items .fixed-payment input[type=tel] {
    padding-left: 44px
}

.fixed-payment input[type=tel]:focus, .fixed-payment textarea:focus {
    border: 2px solid #4379ba;
    padding: 4px;
    outline: none
}

.menu-list .link-items .fixed-payment input[type=tel]:focus {
    padding-left: 43px
}

.fixed-payment textarea {
    width: 100%;
    min-height: 200px;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 5px;
    margin-top: 5px;
    color: #333;
    max-height: 300px
}

.link-menu.selectedLinkSlider .header-right-icon .icon-close-thin {
    font-size: 21px;
    position: relative;
    left: 10px;
    top: 2px
}

    .link-menu.selectedLinkSlider .header-right-icon .icon-close-thin:hover:before {
        color: #fff
    }

.fixed-payment textarea.descriptionTextarea {
    min-height: 200px;
    padding-left: 11px;
    padding-right: 11px
}

    .fixed-payment textarea.descriptionTextarea:focus {
        padding-left: 10px;
        padding-right: 10px
    }

.fixed-payment .fixed-payment-input {
    position: relative
}

.fixed-payment .icon-currency {
    position: absolute;
    top: 5px;
    left: 3px;
    color: #555;
    font-size: 18px;
    height: 22px;
    width: 32px;
    border-right: 1px solid #ccc
}

    .fixed-payment .icon-currency:before {
        position: relative;
        top: 1px;
        left: 6px
    }

.content-options .menu-list .link-items .fixed-payment .label-top {
    margin-top: 20px;
    display: block
}

    .content-options .menu-list .link-items .fixed-payment .label-top.link-input-hidden {
        margin-top: 0
    }

.mobile-slider .seo-image-slider .title textarea {
    max-height: 45vh
}

.edit-block.overflow-hidden {
    overflow: hidden
}

.editGalleryTemplate .editable-gallery .col-xs-4 {
    padding: 10px
}

.template-main-container.editGalleryTemplate {
    padding: 0
}

.tax-reg-holder .tax-delete {
    height: 34px;
    display: flex;
    align-items: center;
    padding: 0
}

.edit-block .template-main-container {
    padding: 0;
    outline: none
}

.modal.edit-block.webEditBlock {
    overflow-y: overlay
}

.two-options-modal .modal-dialog {
    width: 580px
}

.two-options-modal .modal-body {
    display: flex;
    padding: 0
}

    .two-options-modal .modal-body.sales-block {
        height: 212px
    }

.two-options-modal .paddingTB5LR15 {
    padding: 5px 15px
}

.two-options-modal .option-tab {
    padding: 15px 0 30px;
    flex: 1;
    text-align: center;
    outline: 0;
    cursor: pointer
}

    .two-options-modal .option-tab:hover .tab-heading, .two-options-modal .option-tab:hover .tab-icon {
        color: #0086ff
    }

.two-options-modal .sub-heading {
    padding: 0 15px 5px;
    font-size: 12px;
    color: grey;
    height: 22px
}

.two-options-modal .option-tab > div:nth-child(2) {
    border-right: 1px solid #e5e5e5;
    padding: 0 15px
}

.two-options-modal .tab-heading {
    margin: 12px 0 6px;
    font-size: 20px
}

.two-options-modal .tab-icon {
    font-size: 82px
}

.two-options-modal .tab-description {
    font-size: 12px;
    color: grey
}

    .two-options-modal .tab-description .premium-patch {
        margin-top: 10px
    }

.isIOS.IPad .edit-block-modal .modal-content .modal-body {
    overflow: visible
}

.mobile-landing-page {
    padding: 15px;
    height: calc(100% - 55px)
}

.jd-mobile-route-holder:not(.blue-gradient) .mobile-landing-page {
    background-position: 0 -15px
}

.mobile-landing-page .gap-between-tab {
    padding: 18px 0 4px 5px;
    height: 100%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.23);
    margin-bottom: 10px
}

.mobile-landing-page .col-xs-1.paddingLR0 {
    border: none;
    border-radius: 50%;
    text-align: center;
    height: 40px;
    width: 40px;
    display: table;
    padding: 0
}

.mobile-landing-page .landing-page-icons {
    font-size: 20px;
    color: #0086ff;
    display: table-cell;
    vertical-align: middle
}

.mobile-landing-page .landing-page-title {
    font-size: 1.2em;
    color: #333;
    width: 85%;
    top: 10px;
    margin-left: -12px
}

.voice-app .mobile-landing-page .landing-page-title {
    font-size: 18px;
    margin-top: -1px
}

.mobile-landing-page .count-holder {
    background-color: #ea4940;
    border-radius: 100px;
    font-weight: 500;
    color: #fff;
    min-height: 22px;
    min-width: 22px;
    max-width: 34px;
    font-size: 12px;
    height: 22px;
    width: 22px;
    padding: 0;
    display: table;
    top: 10px;
    line-height: normal;
    position: absolute;
    right: 10%
}

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

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

.mobile-landing-page .disabled {
    box-shadow: none;
    cursor: not-allowed;
    pointer-events: none
}

.mobile-landing-page .row.margin0.vert-align {
    position: relative;
    bottom: 7px
}

.add-tax .select-tax-label {
    color: #888;
    font-size: 16px;
    padding-bottom: 15px
}

.add-tax .zone-tax-area {
    padding-bottom: 15px
}

.add-tax .visibility-hidden {
    visibility: hidden
}

.add-tax .zone-tax-area .info-div {
    padding-top: 2px
}

.account-select-modal .drop-down .drop-down-div .drop-down-input {
    height: 27px;
    padding: 0 0 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 202px;
    border-bottom: none
}

.account-select-modal .drop-down .drop-down-div {
    border: 1px solid #d5d5d5;
    padding-left: 5px
}

.account-select-modal .drop-down .jd-autosuggest {
    top: 30px;
    margin: 0
}

.account-select-modal .drop-down .icon-down-style {
    top: 8px
}

.account-select-modal .modal-body {
    height: 381px;
    overflow: auto
}

.account-select-modal .add-tax .zone-tax-area {
    padding-bottom: 30px
}

.account-select-modal .drop-down .drop-down-div:focus {
    border: 1px solid #0086ff
}

    .account-select-modal .drop-down .drop-down-div:focus .drop-down-input {
        border-bottom: 0
    }

.account-select-modal .add-tax .drop-down-ul {
    max-height: 164px
}

.sep-image-upload-holder .extra-img-container {
    margin: 0
}

.sep-image-upload-holder .extra-img-footer {
    padding: 0
}

    .sep-image-upload-holder .extra-img-footer div {
        width: 50%
    }

.account-select-modal .modal-dialog {
    width: 550px
}

.account-select-modal .modal-header .modal-title .header-text {
    display: inline-block;
    max-width: 415px;
    position: relative;
    top: 5px
}

.account-select-modal .drop-down .transparent-scroll::-webkit-scrollbar {
    width: 8px !important
}

.account-select-modal .drop-down .icon-down-style {
    right: 3px
}

.add-tax .hsnsac-input {
    padding-bottom: 12px;
    min-height: 97px
}

.filter-products .filterBtn:focus {
    color: #fff !important;
    background: #0086ff
}

.filter-products .filterBtn:active, .filter-products .filterBtn:hover {
    box-shadow: none;
    background: #0086ff;
    color: #fff !important
}

.web-inventory-pendingPO .filter-products .product-search-div .form-control {
    border-radius: 0
}

.filter-products .filterBtn:active:focus, .filter-products .filterBtn:active i, .filter-products .filterBtn:focus i {
    background: #0086ff;
    color: #fff !important
}

.filter-products .filterBtn:active i {
    box-shadow: none
}

.filter-products .filterBtn:hover i {
    color: #fff !important
}

.filter-products .filterBtn:active:focus i {
    background: #0086ff;
    color: #fff !important
}

.exportReportModal .jd-export-modal .tax-section .font-thin.outletAddress {
    display: none
}

.exportReportModal .jd-export-modal .dateRangeSection {
    height: 360px
}

    .exportReportModal .jd-export-modal .dateRangeSection .jd-autosuggest {
        max-height: 180px
    }

.exportReportModal .dateRangeSection .drop-down .drop-down-div .drop-down-input {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 3px
}

.exportReportModal .dateRangeSection .drop-down .icon-down-style {
    top: 10px;
    right: 5px;
    font-size: 16px;
    cursor: pointer;
    color: #777
}

.exportReportModal .dateRangeSection .month-checkbox {
    position: relative;
    top: 7px
}

.exportReportModal .jd-export-modal .tax-section .outlet-dropdown {
    width: 100%
}

.exportReportModal .jd-export-modal .tax-section .select-outlet-account {
    margin: 15px 0
}

    .exportReportModal .jd-export-modal .tax-section .select-outlet-account .selectedoutletname .icon-close-thin {
        color: #000;
        opacity: .5
    }

        .exportReportModal .jd-export-modal .tax-section .select-outlet-account .selectedoutletname .icon-close-thin:hover {
            color: #333;
            opacity: 1
        }

.exportReportModal .dateRangeSection .drop-down .jd-autosuggest {
    top: 32px
}

.exportReportModal .dateRangeSection .drop-down .drop-down-div .drop-down-input.jd-text-input.activeElem {
    border-color: #0086ff
}

.web-reports-manage .select-outlet-account .icon-pagination-down.dropdown-arrow {
    top: 8px;
    right: 10px;
    padding: 0
}

.add-edit-reorder-info .disabled .product-search-input-disabled .remove-selected-item {
    display: none
}

.add-edit-reorder-info .disabled .product-search-input-disabled {
    height: 27px;
    border-radius: 0;
    padding-top: 3px;
    width: 100%
}

.add-product-image .enlarged-image-list-sec {
    width: calc(100% - 516px)
}

.exportReportModal .tax-section .outletlist-inner:hover {
    background-color: #e9f3ff
}

.add-product-image .non-closing-url-sec.disabled {
    opacity: 1
}

    .add-product-image .non-closing-url-sec.disabled .btn-upload.url-button {
        color: #87b0da;
        border-color: silver
    }

.upload-url-image .btn-div img {
    position: absolute;
    height: 21px;
    left: 5px;
    top: 6px
}

.add-product-image .non-closing-url-sec .upload-url-image .btn-div img {
    left: 65px
}

.upload-url-image .btn-div {
    position: relative
}

.feature-category .height100, .feature-product-div .height100 {
    height: 100%
}

.feature-category .white-BG, .feature-product-div .white-BG {
    background: #fff
}

.feature-product-div .animate-subsection-left {
    height: 100%
}

.feature-product-div .autosuggest-positioning .icon-HDRsearch, .feature-product-div .autosuggest-positioning .icon-HDRsearch:before {
    font-size: 14px;
    color: #979797
}

.feature-product-div .autosuggest-positioning {
    padding-left: 7px;
    padding-top: 6px
}

.feature-product-div .web-product-search .search-product-name .autosuggest-positioning {
    padding: 6px 0;
    left: 14px;
    top: 10px
}

.feature-product-div .icon-lhs.icon-pagination-left {
    font-size: 22px;
    position: relative
}

.feature-product-div .no-product-section {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

    .feature-product-div .no-product-section .icon-holder {
        height: 68px;
        width: 68px;
        border-radius: 50%;
        background: #ebebeb;
        display: table;
        border: 1px solid #d6d6d6;
        margin: auto auto 25px
    }

    .feature-product-div .no-product-section .icon-box {
        font-size: 30px;
        display: table-cell;
        vertical-align: middle;
        color: #949494;
        text-align: center
    }

    .feature-product-div .no-product-section .col-xs-12 {
        color: #767676
    }

.clearAll .modal {
    position: absolute
}

.clearAll .modal-vertical-alignment-helper {
    width: 280px;
    max-width: 280px
}

.web-online-store-customize .clearAll .jd-popup-modal .modal-dialog.popup-modal {
    width: 280px
}

.clearAll .jd-popup-modal .modal-dialog.popup-modal .modal-content {
    width: 280px;
    min-height: 185px;
    max-width: 280px
}

.jd-popup-modal.modal-in-container {
    position: absolute
}

.edit-block .clearAll .modal-vertical-alignment-helper .modal-dialog.popup-modal .modal-body {
    min-height: 130px;
    display: block;
    padding: 10px;
    margin: 0;
    width: 280px
}

.clearAll .jd-popup-modal .modal-footer .blue {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.jd-popup-modal {
    z-index: 1513
}

.clearAll .modal.fade.in {
    background: hsla(0,0%,100%,.8)
}

.jd-select-box-ct .form-control.unit-input {
    position: absolute;
    top: 0;
    z-index: 1;
    background-color: transparent;
    color: transparent;
    cursor: pointer
}

.home-cat-section .editable-category-holder > .editable-content {
    display: block
}

.image-modal.cms-bg-modal {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050
}

.upload-modal.cms-bg-modal .icons-container {
    width: 100%
}

    .upload-modal.cms-bg-modal .icons-container .list-item {
        width: 33.33%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center
    }

        .upload-modal.cms-bg-modal .icons-container .list-item .item-icon {
            justify-content: center
        }

.image-modal.cms-bg-modal .image-modal-backdrop {
    background-color: #000
}

.upload-modal.image-modal.cms-bg-modal .image-modal-header {
    border: none
}

.image-modal.cms-bg-modal .image-modal-content.image-modal-content.shown {
    border-radius: 0
}

.font-filter input {
    border: 1px solid #545454;
    margin: 3px 2px 0 3px;
    padding: 0 0 2.5px 4px;
    width: 96%
}

.font-popover-content input:focus {
    border: 1px solid #406d9a
}

.font-filter .icon-holder {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 12px
}

.font-popover-content .list-container .selected-font span {
    float: right;
    display: block;
    margin-top: -1px;
    margin-right: 10px
}

.font-popover-content .selected-font, .font-popover-content .selected-font span {
    color: #fea702
}

.font-popover-content .list-container span {
    display: none
}

.no-font-match {
    padding-left: 5px;
    cursor: auto;
    height: 88%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    font-size: 12px
}

.confirm-details-modal .error-msg {
    font-size: 12px;
    color: #ff1000
}

.confirm-details-modal .circle-loader-order {
    display: inline-block;
    text-align: center;
    position: relative;
    border: 3px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    bottom: 3px;
    animation: spin 2s linear infinite;
    vertical-align: middle
}

.confirm-details-modal .icon-close-thin {
    color: #1b1b1b
}

.confirm-details-modal .modal-footer button {
    width: 70px
}

.confirm-details-modal .input-group {
    width: 100%
}

    .confirm-details-modal .input-group .input-group-addon {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px
    }

    .confirm-details-modal .input-group input.mobile-no-input {
        border-top-right-radius: 2px !important;
        border-bottom-right-radius: 2px !important
    }

    .confirm-details-modal .input-group .email-input.jd-web-validation-error, .confirm-details-modal .input-group .mobile-no-input.jd-web-validation-error {
        border-color: #de7e7e
    }

.jd-expiry-date-holder .with-custom-drop-down.parent-focusing-element .drop-down-div, .jd-expiry-date-holder .with-custom-drop-down.parent-focusing-element .manufacturing-form input.form-control {
    border: none;
    height: 32px
}

.jd-expiry-date-holder .with-custom-drop-down.parent-focusing-element .mfg-input-text {
    width: 30%
}

.jd-expiry-date-holder .with-custom-drop-down.parent-focusing-element .mfg-input-select {
    width: 70%
}

.jd-expiry-date-holder .with-custom-drop-down.parent-focusing-element {
    width: 50%;
    height: 34px
}

    .jd-expiry-date-holder .with-custom-drop-down.parent-focusing-element .manufacturing-form.mfg-input-select {
        margin-left: 0
    }

.jd-expiry-date-holder .with-custom-drop-down.parent-focusing-element {
    border: 1px solid #c1cdd7;
    border-radius: 2px
}

    .jd-expiry-date-holder .with-custom-drop-down.parent-focusing-element.jd-web-validation-error {
        border-color: #de7e7e
    }

    .jd-expiry-date-holder .with-custom-drop-down.parent-focusing-element input.form-control.first-input {
        border-right: 1px solid #c1cdd7;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .jd-expiry-date-holder .with-custom-drop-down.parent-focusing-element .drop-down .drop-down-div {
        border: none !important
    }

    .jd-expiry-date-holder .with-custom-drop-down.parent-focusing-element.border-blue {
        border: 1px solid #0086ff
    }

.jd-expiry-date-holder .with-custom-drop-down.border-blue.parent-focusing-element .drop-down .drop-down-div, .jd-expiry-date-holder .with-custom-drop-down.border-blue.parent-focusing-element input.form-control {
    height: 30px
}

.jd-expiry-date-holder .with-custom-drop-down.parent-focusing-element .drop-down .drop-down-input {
    height: 100%
}

.jd-expiry-date-holder .with-custom-drop-down.parent-focusing-element .manufacturing-form .custom-drop-down .drop-down .drop-down-input {
    width: 100%
}

.jd-expiry-date-holder .with-custom-drop-down.parent-focusing-element .manufacturing-form .custom-drop-down .drop-down .icon-down-style {
    right: 4px;
    top: 8px
}

.jd-expiry-date-holder .with-custom-drop-down.border-blue.parent-focusing-element .manufacturing-form .custom-drop-down .drop-down .icon-down-style {
    right: 3px;
    top: 7px
}

.select-logo .body {
    display: flex;
    padding-top: 15px;
    height: 100%;
    flex-wrap: wrap;
    overflow: overlay;
    overflow: -moz-auto;
    justify-content: space-around;
    padding-right: 10px
}

.select-logo .logo-svg-img-holder {
    width: 144px;
    height: 140px;
    border: 1px solid #ded2d2;
    margin: 5px 0;
    border-radius: 4px;
    position: relative;
    cursor: pointer
}

    .select-logo .logo-svg-img-holder svg {
        width: 100%;
        height: 100%
    }

.select-logo .select-svg {
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #2f7abe;
    padding: 2px 15px;
    border-radius: 14px;
    color: #b5d6ea;
    z-index: 100
}

.select-logo .logo-svg-img-holder:hover .select-svg {
    display: block;
    color: #fff
}

.select-logo .logo-svg-img-holder:hover svg {
    opacity: .4
}

.logo-text .field-container, .logo-text .info-label {
    padding: 10px
}

    .logo-text .field-container span {
        color: #a6a6a6;
        font-size: 12px
    }

    .logo-text .field-container input {
        border: none;
        border-bottom: 1px solid #ccc;
        margin-top: 4px;
        padding-left: 0
    }

        .logo-text .field-container input:focus {
            border-bottom: 2px solid #0086ff
        }

    .logo-text .field-container .maxLen-msg {
        color: #333
    }

.logo-text .slider-footer.capsule-footer {
    padding: 0
}

    .logo-text .slider-footer.capsule-footer .btn {
        height: 40px;
        border-radius: 100px;
        margin: 10px;
        width: calc(100% - 20px);
        border: 1px solid #0086ff;
        box-shadow: none;
        color: #fff;
        background: #0086ff;
        font-size: 16px;
        font-weight: 400
    }

.logo-text .text-footer {
    position: absolute;
    bottom: 0;
    height: 40px;
    width: 100%;
    color: #fff;
    align-items: center;
    display: flex;
    justify-content: center;
    cursor: pointer
}

    .logo-text .text-footer, .logo-text .text-footer:hover {
        background-color: #0086ff
    }

.canvas-holder .bottom.svg-color-panel {
    top: auto;
    left: 46px
}

.canvas-holder .top.svg-color-panel {
    bottom: calc(100% + 10px);
    top: auto;
    left: 46px
}

.create-logo-btn-holder {
    display: flex;
    margin: 5px;
    justify-content: space-between;
    align-items: center;
    height: 45px;
    background-color: #fff;
    border-bottom: 4px solid #f5fafe
}

    .create-logo-btn-holder .logo-label {
        padding-left: 10px;
        font-family: roboto;
        font-weight: 400
    }

    .create-logo-btn-holder .logo-btn {
        width: 71px;
        align-items: center;
        justify-content: center;
        display: flex;
        height: 25px;
        text-align: center;
        border-radius: 4px;
        padding: 5px 0;
        background-color: #11a4da;
        color: #fff;
        cursor: pointer;
        font-size: 13px;
        margin-right: 10px
    }

        .create-logo-btn-holder .logo-btn:hover {
            background: #0086ff;
            transition: all .5s
        }

        .create-logo-btn-holder .logo-btn .icon-editNewCMS {
            font-size: 11px;
            color: #fff;
            margin-right: 2px
        }

.svg-color-panel .color-sample-holder .icon-clickNew, .svg-color-panel .color-sample-holder .text-color-selected .icon-clickNew {
    display: none
}

.date-picker-holder .date-container .slider-date-range-holder {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.search-auto-suggest .loading-image .loader .circle-loader {
    top: 0;
    right: 4px;
    position: absolute;
    margin-left: 0;
    stroke-width: 2px
}

.category-list-container .editable-content-holder:nth-child(2), .product-list-container .editable-content-holder.para-1 {
    margin-bottom: 10px
}

.bigThumbnail .product-list-container .editable-image-holder, .bigThumbnailBlock .category-list-container .editable-image-holder {
    margin-bottom: 0
}

.edit-mode .bigThumbnailBlock .editable-image-holder.feat-cat-image.linked-section.dynamic-block-image {
    margin-bottom: 1px
}

.bigThumbnail .product-list-container .change-color-holder, .bigThumbnailBlock .category-list-container .change-color-holder {
    position: relative;
    flex: 1;
    margin: 0
}

.bigThumbnailBlock .category-list-container .change-color {
    padding: 18px 20px
}

.jd-common-header .icon-style {
    top: 8%;
    position: relative
}

.jd-common-header .dropdown-list-row {
    height: 49px;
    padding-top: 12px
}

    .jd-common-header .dropdown-list-row:hover, .jd-common-header .dropdown-list-row:hover i {
        background: #dff1ff;
        color: #0086ff !important
    }

.jd-common-header .dropdown-arrow {
    position: absolute;
    top: 1px !important;
    left: 64px !important;
    z-index: 113;
    border-bottom-color: #f0f0f0 !important
}

.jd-common-header .dropdown-list {
    position: absolute;
    top: 8px;
    left: -63px;
    width: 150px;
    height: 100px;
    z-index: 112;
    background: #fff;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border: 1px solid #f0f0f0
}

.home-page .IPad .edit-block .home-cat-box {
    width: 175px
}

.home-page .edit-block .home-cat-box {
    width: 220px
}

.home-page .edit-block .bigThumbnailBlock .home-cat-box {
    width: 33.33%
}

.category-list-container .homeleafcaturl.cat-prod {
    display: flex;
    align-items: center;
    justify-content: center
}

    .category-list-container .homeleafcaturl.cat-prod > .category-image-holder {
        width: 100%;
        height: 100%;
        display: grid;
        align-items: center;
        justify-content: center
    }

.bigThumbnailBlock .category-list-container .cat-container .img-block {
    height: 350px
}

.bank-name-dropdown .bank-name-list-item {
    padding: 5px 10px;
    cursor: pointer
}

    .bank-name-dropdown .bank-name-list-item.jd-scroll-hover, .bank-name-dropdown .bank-name-list-item:hover {
        background-color: #e9f3ff
    }

    .bank-name-dropdown .bank-name-list-item.jd-scroll-hover {
        color: #545454
    }

.mobile .bank-name-dropdown {
    top: 90px
}

.bank-name-dropdown {
    max-height: 244px;
    overflow-y: auto;
    position: absolute;
    background: #fff;
    width: calc(100% - 32px);
    z-index: 3;
    border-radius: 2px;
    box-shadow: 0 3px 9px rgba(51,51,51,.35);
    border: 0
}

.iphone-position-fixed {
    position: fixed !important
}

.iphone-position-absolute {
    position: absolute !important
}

.select-category-or-type-section .padding-right-25 {
    padding-right: 25px
}

.mobile-fix-footer-edit-block .btn-holder {
    display: flex;
    padding: 0 15px;
    border-bottom: 1px solid rgba(0,0,0,.15);
    height: 58px;
    align-items: center;
    background: #fff;
    position: relative
}

    .mobile-fix-footer-edit-block .btn-holder .right-group {
        position: absolute;
        right: 15px
    }

.mobile-fix-footer-edit-block .btn.fixed-footer-btn {
    height: 40px;
    border-radius: 100px;
    margin: 15px 15px 0;
    width: calc(100% - 30px);
    border: 1px solid #0086ff;
    color: #fff;
    background: #0086ff;
    font-size: 14px;
    padding: 0
}

.mobile-fix-footer-edit-block .selection-btn {
    height: 36px;
    font-size: 14px;
    margin: 20px 15px 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #0086ff;
    color: #0086ff;
    position: relative
}

    .mobile-fix-footer-edit-block .selection-btn:active {
        background: unset;
        color: #0086ff
    }

.mobile-fix-footer-edit-block .jd-popup-modal .modal-dialog.popup-modal {
    width: calc(100vw - 30px);
    max-width: unset
}

.right-group {
    display: none
}

.selected-btn-container .right-group {
    display: block
}

.mobile-fix-footer-edit-block .content-holder {
    font-size: 18px;
    height: 100%
}

.mobile-fix-footer-edit-block .save-btn-style {
    bottom: 0;
    position: absolute
}

.mobile-fix-footer-edit-block .icon-holder {
    padding-right: 10px;
    position: relative;
    top: -1px
}

.mobile-fix-footer-edit-block .icon-MoveUpDown {
    padding: 20px 11px 20px 6px
}

.selection-btn {
    height: 46px;
    display: block;
    text-align: center;
    border: 1px solid #136397;
    border-radius: 23px;
    margin: 46px 20px 0;
    padding-top: 12px;
    color: #136397;
    font-size: 16px
}

    .selection-btn:active {
        background-color: #337ab7;
        color: #fff
    }

.mobile-fix-footer-edit-block .contact-holder {
    border: 1px solid #0086ff;
    padding: 5px 12px;
    border-radius: 18px;
    color: #0086ff;
    font-size: 16px;
    position: absolute;
    right: 72px;
    top: -4px
}

.mobile-fix-footer-edit-block .contact-change-content {
    padding: 0 15px
}

    .mobile-fix-footer-edit-block .contact-change-content label {
        font-size: 14px;
        color: #afafaf;
        font-weight: 500;
        margin: 15px 0 8px
    }

    .mobile-fix-footer-edit-block .contact-change-content input {
        display: block;
        width: 100%;
        border: none;
        border-bottom: 1px solid #c6c6c6;
        font-size: 16px
    }

        .mobile-fix-footer-edit-block .contact-change-content input:focus {
            border-bottom: 2px solid #136397;
            outline: none
        }

    .mobile-fix-footer-edit-block .contact-change-content .btn {
        margin: 20px 0 0
    }

.mobile-fix-footer-edit-block .jd-popup-modal {
    background-color: rgba(0,0,0,.8)
}

.mobile-fix-footer-edit-block .animate-section.fixed-footer-editor {
    z-index: 1015;
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    overflow: hidden
}

.modal-footer-block {
    overflow-y: hidden
}

.mobile-fix-footer-edit-block .label-holder {
    font-size: 16px
}

.bootstrap-iso .main-edit-btn.edit-content-btn:active, .bootstrap-iso .main-edit-btn.edit-content-btn:focus {
    outline: none
}

.confirm-delete-modal#jdPopupTypeConfirm .modal-content {
    height: 180px;
    width: 415px;
    position: relative;
    width: 300px
}

.confirm-delete-modal#jdPopupTypeConfirm .modal-header.popup-alert-header {
    display: none;
    display: block;
    height: 50px;
    margin-top: 0;
    border: 0
}

.confirm-delete-modal#jdPopupTypeConfirm .modal-body {
    text-align: center;
    display: flex;
    height: 85%;
    align-items: center;
    height: 50%;
    padding-top: 0
}

.confirm-delete-modal#jdPopupTypeConfirm .modal-footer.popup-alert-footer {
    display: flex;
    padding: 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    margin: 0
}

    .confirm-delete-modal#jdPopupTypeConfirm .modal-footer.popup-alert-footer button {
        margin: 0;
        border: 0;
        border-radius: 0;
        width: 50%;
        height: 42px;
        background: #f0f0f0;
        width: 100%
    }

        .confirm-delete-modal#jdPopupTypeConfirm .modal-footer.popup-alert-footer button.btn-delete {
            background: #c84b5a;
            color: #fff
        }

        .confirm-delete-modal#jdPopupTypeConfirm .modal-footer.popup-alert-footer button:hover {
            opacity: .9
        }

.mobile-right-slider {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.mobile-left-menu-edit {
    z-index: 1051
}

    .mobile-left-menu-edit .animate-subsection-left {
        background: linear-gradient(90deg,#2261c2,#2ea4da)
    }

    .mobile-left-menu-edit .jd-mobile-header {
        background: transparent
    }

[jd-animate-section] {
    display: none
}

.mobile-right-slider .body {
    padding-top: 60px;
    height: 100%
}

.mobile-right-slider .menu-link-holder {
    display: flex;
    justify-content: space-between;
    height: 58px;
    background: #fff;
    margin: 10px;
    border-radius: 10px;
    padding: 0 10px;
    align-items: center;
    box-shadow: 0 0 8px hsla(0,0%,64.7%,.5)
}

    .mobile-right-slider .menu-link-holder .icon-trash {
        color: #979797;
        padding-right: 5px
    }

.mobile-right-slider .menu-link-label-holder {
    display: flex;
    align-items: center
}

.mobile-left-menu-edit {
    font-size: 18px
}

    .mobile-left-menu-edit .icon-MoveUpDown {
        padding: 0 10px 0 5px;
        color: #979797
    }

    .mobile-left-menu-edit .unselected-links .label-holder {
        margin-left: 12px
    }

    .mobile-left-menu-edit .label-holder {
        font-size: 14px
    }

.save-btn-style {
    width: 100%;
    border-radius: 0;
    height: 46px
}

.mobile-left-menu-edit .save-btn-style {
    position: absolute;
    bottom: 0;
    padding-top: 12px
}

.mobile-left-menu-edit .selection-btn {
    height: 38px;
    padding-top: 7px;
    margin: 38px 20px
}

.mobile-left-menu-edit .icon-holder {
    font-size: 20px
}

.selected-links, .unselected-links {
    height: calc(100% - 95px);
    overflow: auto;
    position: absolute;
    width: 100%
}

.prevent-delete .icon-trash {
    visibility: hidden
}

.prevent-delete .linebreak .icon-trash {
    visibility: visible
}

.selected-left-menu-links .customLink .label-holder, .selected-left-menu-links .menuLinks .label-holder {
    color: #0086ff
}

.edit-block .custom-template .text-orange {
    color: #fea702
}

.tinyMCE-upload-image.modal .modal-dialog {
    width: 300px;
    max-height: 500px
}

    .tinyMCE-upload-image.modal .modal-dialog .modal-content {
        height: auto
    }

        .tinyMCE-upload-image.modal .modal-dialog .modal-content .modal-body {
            width: inherit;
            height: auto;
            padding: 15px;
            min-height: auto
        }

.tinyMCE-upload-image .modal-dialog .modal-content .modal-body .uploadedList .loader {
    margin-bottom: 0
}

    .tinyMCE-upload-image .modal-dialog .modal-content .modal-body .uploadedList .loader img {
        margin-top: 0
    }

.add-product-modal-new .tinyMCE-upload-image .image-description-holder, .tinyMCE-upload-image .modal-dialog .modal-content .modal-body .image-description-holder {
    margin-top: 10px
}

#tinyMCEUploadImage .image-description-text {
    width: 100%
}

.unselect-menu-link-holder {
    display: flex;
    margin: 0 15px;
    height: 58px;
    align-items: center
}

.mobile-left-menu-edit .unselect-menu-link-holder .label-holder {
    flex: 1;
    height: 100%;
    align-items: center;
    display: flex;
    border-bottom: 1px solid #efefef;
    margin-left: 16px
}

.jd-menu-link .link-display-name {
    border: none;
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 26px;
    padding-left: 0
}

    .jd-menu-link .link-display-name:focus {
        border-bottom: 1px solid #0086ff
    }

.jd-selectedlink-slider.product {
    padding: 0
}

[contenteditable] {
    -webkit-user-select: text;
    user-select: text
}

.slider-holder {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1200
}

.ripple {
    width: 0;
    height: 0;
    border-radius: 50% !important;
    background: rgba(88,88,88,.4) !important;
    transform: scale(0);
    position: absolute;
    opacity: 1;
    pointer-events: none
}

.rippleEffect {
    animation: rippleDrop .2s linear
}

@keyframes rippleDrop {
    to {
        transform: scale(2);
        opacity: 0
    }
}

@-webkit-keyframes placeholder-shimmer-loader {
    0% {
        background-position: -300px 0
    }

    to {
        background-position: 300px 0
    }
}

@-moz-keyframes placeholder-shimmer-loader {
    0% {
        background-position: -300px 0
    }

    to {
        background-position: 300px 0
    }
}

.jd-image-holder.image-loading-shimmer {
    -webkit-animation-name: placeholder-shimmer-loader;
    -moz-animation-name: placeholder-shimmer-loader;
    animation-name: placeholder-shimmer-loader;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background-image: -webkit-linear-gradient(left,#f6f7f8,#edeef1 20%,#f6f7f8 40%,#f6f7f8);
    background-image: -moz-linear-gradient(left,#f6f7f8 0,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);
    background-image: linear-gradient(left,#f6f7f8,#edeef1 20%,#f6f7f8 40%,#f6f7f8);
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden
}

.animate-div-right.feature-category, .animate-div-right.feature-product-div {
    position: fixed
}

    .animate-div-right.feature-category .feature-content {
        height: 100%
    }

.feature-product-div .web-product-search {
    margin-bottom: 0
}

.feature-product-div .clearAll .modal-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.feature-category .icon-close-thin:before, .feature-product-div .icon-close-thin:before {
    color: #fff
}

.editable-content * {
    text-decoration: inherit
}

.text-cap-case {
    text-transform: lowercase !important
}

    .text-cap-all, .text-cap-case:first-letter, .text-cap-case span:first-letter {
        text-transform: uppercase !important
    }

.edit-product-in-cms {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
    display: none
}

    .edit-product-in-cms.visible {
        z-index: 1015;
        opacity: 1;
        display: block
    }

    .edit-product-in-cms .jd-popup-modal .modal-dialog {
        max-width: 300px
    }

[jd-custom-modal] {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    align-items: center;
    justify-content: center
}

    [jd-custom-modal].visible {
        display: flex
    }

    [jd-custom-modal] .custom-modal-backdrop {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba(0,0,0,.65)
    }

    [jd-custom-modal] .custom-modal-content {
        background-color: #fff;
        z-index: 1;
        box-shadow: 0 3px 9px rgba(0,0,0,.5);
        border-radius: 5px;
        overflow: hidden;
        opacity: 0;
        transition: transform .3s ease-out,opacity .1s ease;
        transform: translateY(-90%)
    }

        [jd-custom-modal] .custom-modal-content.shown {
            transform: translateY(0);
            opacity: 1
        }

    [jd-custom-modal] .custom-modal-body, [jd-custom-modal] .custom-modal-footer, [jd-custom-modal] .custom-modal-header, [jd-custom-modal] .custom-modal-header .close-icon {
        display: flex;
        align-items: center
    }

    [jd-custom-modal] .custom-modal-footer, [jd-custom-modal] .custom-modal-header {
        height: 45px
    }

    [jd-custom-modal] .custom-modal-body {
        justify-content: center;
        flex-direction: column;
        height: calc(100% - 90px)
    }

    [jd-custom-modal] .custom-modal-header .close-icon {
        height: 100%;
        width: 45px;
        position: unset;
        justify-content: center;
        cursor: pointer;
        color: #979797
    }

        [jd-custom-modal] .custom-modal-header .close-icon:before, [jd-custom-modal] .custom-modal-header .close-icon:hover:before {
            color: unset
        }

        [jd-custom-modal] .custom-modal-header .close-icon:hover {
            color: #545454
        }

.divider-line {
    border-bottom: 1px solid #e3eaee
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .bigThumbnail .product-list-container .change-color-holder, .bigThumbnailBlock .category-list-container .change-color-holder {
        flex: none
    }
}

.jd-product-specification .attr-err_metaval-holder {
    display: block;
    float: left;
    min-height: 1px
}

body.tiny-mce-in-nofocus div.mce-tinymce-inline.mce-panel.mce-floatpanel {
    display: none
}

.save-class {
    background: #3491c8;
    border-color: #0086ff
}

.customer-details-holder .upper-section {
    display: flex;
    flex-direction: row
}

.customer-details-holder .country-flag-container {
    display: flex
}

.customer-details-holder .flag {
    zoom: .4;
    border-radius: 10px;
    margin-right: 15px
}

.customer-details-holder {
    margin-top: 10px
}

    .customer-details-holder .info-section {
        display: flex;
        flex-direction: column
    }

    .customer-details-holder .cust-image {
        left: 50%;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
        border: 1px solid #cecece;
        background: #cecece
    }

    .customer-details-holder .marginTB10 {
        margin: 10px 0
    }

    .customer-details-holder .upper-section {
        margin-top: 15px;
        margin-bottom: 17px
    }

    .customer-details-holder .alt-contact {
        padding-left: 28px
    }

    .customer-details-holder .marginTB13 {
        margin: 13px 0
    }

    .customer-details-holder .icon-color {
        color: #333;
        font-size: 14px;
        margin-right: 10px
    }

    .customer-details-holder .cust-addr-container {
        display: flex;
        margin-bottom: 5px
    }

    .customer-details-holder .whatsapp-btn-link {
        display: block;
        margin: 0 0 10px
    }

    .customer-details-holder .show-customer {
        cursor: pointer
    }

        .customer-details-holder .show-customer:hover {
            color: #0086ff
        }

    .customer-details-holder .whatsApp-icon {
        font-size: 14px;
        margin-right: 7px;
        color: #009d00
    }

    .customer-details-holder #contact-popup-id {
        position: relative
    }

        .customer-details-holder #contact-popup-id .modal.custom-modal {
            top: 0
        }

.label-new {
    font-size: 12px;
    margin-bottom: 10px
}

.datebox-filter {
    padding-left: 25px !important
}

.m-t-25 {
    margin-top: 25px !important
}

.input-helper {
    text-align: right;
    padding-right: 10px
}

    .input-helper a {
        font-size: 12px;
        color: #428bca !important
    }

.filter-search-label {
    color: #8c8c8c;
    float: left;
    font-size: 12px;
    text-transform: uppercase
}

.filter-sublist .sublistUL .search-container .marginB7 {
    margin-bottom: 7px
}

    .filter-sublist .sublistUL .search-container .marginB7 .small-text {
        display: table;
        padding: 5px
    }

    .filter-sublist .sublistUL .search-container .marginB7 .subbutton-holder {
        display: flex;
        margin-top: -5px
    }

.filter-sublist .sublistUL .search-container .jc-sb {
    display: flex;
    justify-content: space-between
}

.web-d-supplier-suggestions .jd-autosuggest-holder .search-icon-span {
    position: absolute;
    top: 9px;
    font-size: 14px;
    left: 15px;
    color: #d8d8d8
}

.web-d-supplier-suggestions .jd-autosuggest-holder .input-supplier-search {
    padding-left: 38px
}

.web-d-supplier-suggestions .jd-autosuggest-supplier .supplier-suggest {
    position: relative;
    min-height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 52px;
    padding-left: 0
}

.web-d-supplier-suggestions .jd-autosuggest-supplier .supplier-suggestion-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.web-d-supplier-suggestions .jd-autosuggest .icon-vendor {
    position: absolute;
    top: calc(50% - 9px);
    font-size: 18px;
    color: #aaa
}

.web-d-supplier-suggestions .jd-autosuggest .vendor-list {
    padding-left: 15px;
    border-bottom: none
}

    .web-d-supplier-suggestions .jd-autosuggest .vendor-list .supplier-suggest {
        border-bottom: 1px solid #ededed
    }

.web-d-supplier-suggestions .animate-section-overlay {
    position: fixed;
    left: 0
}

.jd-single-datepicker .icon-Calender-class {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #7d7d7d !important
}

.jd-single-datepicker .date-input {
    position: relative;
    z-index: 2;
    background: transparent;
    height: 35px
}

.upgrade-trial {
    width: 350px;
    height: 55px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #edf1f7;
    border-radius: 10px;
    animation: slideIn 1.5s cubic-bezier(.11,.3,.25,.92);
    transition: all .1s ease
}

    .upgrade-trial .upgrade-button {
        border: 1px solid #0086ff;
        color: #0086ff;
        padding: 8px 15px;
        text-align: center;
        border-radius: 3.5rem;
        font-size: .875rem;
        line-height: 1;
        cursor: pointer;
        background: #fff
    }

    .upgrade-trial .upgrade-text {
        padding-right: 10px;
        font-size: .875rem
    }

    .upgrade-trial.mobile {
        width: calc(100% - 30px);
        margin: 5px auto;
        animation: unset
    }

.upgrade-trial-modal-mobile.modal.in .modal-dialog {
    width: 80vw;
    max-width: 80vw
}

.upgrade-trial-modal-mobile.jd-premium-popup .upgrade-btn {
    width: 62.5vw
}

.upgrade-trial-modal.jd-premium-popup .upgrade-btn {
    width: 200px
}

.upgrade-trial-modal-mobile.jd-premium-popup, .upgrade-trial-modal.jd-premium-popup {
    background-color: rgba(0,0,0,.7)
}

.upgrade-trial-modal-mobile.modal.fade .modal-dialog, .upgrade-trial-modal.modal.fade .modal-dialog {
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: all .2s ease
}

.upgrade-trial-modal-mobile.modal.in .modal-dialog, .upgrade-trial-modal.modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.animate-slider {
    position: fixed;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1031;
    overflow: hidden;
    height: 100%
}

@keyframes scale-up-tr {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
}

@keyframes scale-up-tr-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }
}

@keyframes scale-up-tr-center-with-transformX {
    0% {
        -webkit-transform: translateX(-50%) scale(0);
        transform: translateX(-50%) scale(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    to {
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }
}

.customise-footer-block .switch-button-container .custom-switch-btn {
    height: 22px !important
}

    .customise-footer-block .switch-button-container .custom-switch-btn:before, .customise-footer-block .switch-button-container .switch-btn-checkbox:checked + .custom-switch-btn:before {
        top: 7px !important
    }

.customise-footer-block .row-line {
    border: 1px solid #eee;
    margin: 0 15px 0 43px
}

@font-face {
    font-family: Open Sans Semibold;
    src: url(../styles/fonts/opensans/OpenSans-Semibold.f0dd7a12.eot) format("eot"),url(../styles/fonts/opensans/OpenSans-Semibold.8c057f5c.woff) format("woff"),url(../styles/fonts/opensans/OpenSans-Semibold.029b9bc9.ttf) format("truetype"),url(../styles/fonts/opensans/OpenSans-Semibold.c3f539e9.svg#OpenSans-Semibold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Open Sans Italic;
    src: url(../styles/fonts/opensans/OpenSans-Italic.7487e9a7.eot) format("eot"),url(../styles/fonts/opensans/OpenSans-Italic.6b82c52f.woff) format("woff"),url(../styles/fonts/opensans/OpenSans-Italic.f7aba19a.ttf) format("truetype"),url(../styles/fonts/opensans/OpenSans-Italic.16829f71.svg#OpenSans-Italic) format("svg");
    font-weight: 400;
    font-style: normal
}

body, html { /* height:100%; */
    font-size: 16px
}

.margin0 {
    margin: 0 !important
}

.marginT0 {
    margin-top: 0
}

.marginT7 {
    margin-top: 7px
}

.marginT3 {
    margin-top: 3px
}

.marginT8 {
    margin-top: 8px
}

.marginLR-10 {
    margin: 0 10px
}

.marginTB10 {
    margin: 10px 0
}

.marginTB20 {
    margin: 20px 0
}

.marginTB25 {
    margin-top: 25px;
    margin-bottom: 25px
}

.marginTB5 {
    margin: 5px 0
}

.marginR5 {
    margin-right: 5px
}

.marginL5 {
    margin-left: 5px
}

.marginB5 {
    margin-bottom: 5px
}

.marginB6 {
    margin-bottom: 6px
}

.m-T10 {
    margin-top: 10px
}

.m-T15 {
    margin-top: 15px
}

.m-T30 {
    margin-top: 30px
}

.m-b7 {
    margin-bottom: 7px
}

.m-b22 {
    margin-bottom: 22px
}

.m-b15 {
    margin-bottom: 15px
}

.m-t20 {
    margin-top: 20px
}

.m-t25 {
    margin-top: 25px
}

.m-R5 {
    margin-right: 5px
}

.mL-15 {
    margin-left: -15px
}

.mL-Auto {
    margin-left: auto
}

.m-R3 {
    margin-right: 3px
}

.marginR25Per {
    margin-right: 25%
}

.m-R40 {
    margin-right: 40px
}

.m-T-2 {
    margin-top: -2px
}

.paddingB3 {
    padding-bottom: 3px
}

#sectionTabs, .marginT50 {
    margin-top: 50px
}

.paddingT5 {
    padding-top: 6px
}

.paddingT0 {
    padding-top: 0 !important
}

.paddingT50 {
    padding-top: 50px
}

.paddingB50 {
    padding-bottom: 50px
}

.paddingB5 {
    padding-bottom: 5px
}

.paddingTB10LR5 {
    padding: 10px 5px
}

.padding0 {
    padding: 0 !important
}

.paddingLR-6 {
    padding-left: 6px;
    padding-right: 6px
}

.paddingL7 {
    padding-left: 7px
}

.paddingT100 {
    padding-top: 100px
}

.padT25 {
    padding-top: 25px
}

.marginTR5 {
    margin: 5px 5px 0 0 !important
}

.gutter15 {
    padding: 15px 0
}

.gutter25 {
    padding: 25px 0
}

.gutterLR15 {
    padding: 0 15px
}

.gutterTB-4 {
    padding: 0 4px
}

.gutterR20 {
    padding-right: 20px
}

.gutterB20 {
    padding-bottom: 20px
}

.gutterLRB0 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}

.paddingR1 {
    padding-right: 1px
}

.paddingTB5 {
    padding: 5px 0
}

.paddingTB2 {
    padding: 2px 0
}

.paddingL15 {
    padding-left: 15px
}

.paddingL19 {
    padding-left: 19px !important
}

.paddingR15 {
    padding-right: 15px
}

.paddingB15 {
    padding-bottom: 15px
}

.paddingL25 {
    padding-left: 25px !important
}

.paddingB7 {
    padding-bottom: 7px
}

.paddingR10 {
    padding-right: 10px
}

.paddingLR15 {
    padding-left: 15px;
    padding-right: 15px
}

.paddingLR10 {
    padding-left: 10px;
    padding-right: 10px
}

.paddingR0 {
    padding-right: 0
}

.paddingB0 {
    padding-bottom: 0
}

.paddingL5 {
    padding-left: 5px
}

.marginR15 {
    margin-right: 15px !important
}

.marginR7 {
    margin-right: 7px
}

.marginL15 {
    margin-left: 15px
}

.marginL83 {
    margin-left: 83px
}

.marginT15 {
    margin-top: 15px
}

.marginB15 {
    margin-bottom: 15px
}

.marginB12 {
    margin-bottom: 12px
}

.marginB4px {
    margin-bottom: 4px
}

.margin10 {
    margin: 10px
}

.marginR10 {
    margin-right: 10px !important
}

.marginB10 {
    margin-bottom: 10px
}

.isIPad .marginRight0 {
    margin-right: 0 !important
}

.marginT25 {
    margin-top: 25px
}

.marginB25 {
    margin-bottom: 25px
}

.paddingT45 {
    padding-top: 45px
}

.marginR25 {
    margin-right: 25px !important
}

.vbox {
    position: relative
}

.uppercase {
    text-transform: uppercase
}

.display-flex {
    display: flex
}

header {
    height: 65px;
    border-bottom: 1px solid #d9d9d9;
    background: #fafafa;
    box-shadow: 0 2px 2px -1px #e3e3e3;
    -moz-box-shadow: 0 2px 2px -1px #e3e3e3;
    -webkit-box-shadow: 0 2px 2px -1px #e3e3e3
}

.txt-left {
    text-align: left !important
}

.txt-right {
    text-align: right
}

.txt-center {
    text-align: center
}

.txt-Bold {
    font-weight: 700
}

.position-absolute {
    position: absolute
}

.border-bottom0 {
    border-bottom: 0 !important
}

.border-bottom {
    border-bottom: 1px solid #e3eaee
}

.border-top {
    border-top: 1px solid #e3eaee
}

.border-right {
    border-right: 1px solid #e3eaee
}

.border-left {
    border-left: 1px solid #e3eaee
}

.border-radius4 {
    border-radius: 4px
}

.noBorder {
    border: 0 !important
}

.clear {
    clear: both;
    font-size: 0;
    line-height: 0
}

.txt-ChngOrg {
    color: #ff7519 !important
}

.txt-Blue, .txt-Blue i {
    color: #0086ff !important
}

.txt-Black {
    color: #333 !important
}

.txt-BlueNew, .txt-BlueNew i {
    color: #0086ff !important
}

.deleteText {
    color: #e87674 !important
}

.legendText {
    color: #7a8899
}

.control-label, .product-inventory-section label, .product-keyword-holder label, .semi-bold {
    font-weight: 500
}

.word-wrap {
    word-wrap: break-word
}

a.word-wrap {
    cursor: pointer
}

.capitalize {
    text-transform: capitalize
}

.txt-grey {
    color: #c4c4c4
}

.txt-drkGrey {
    color: #666
}

.text-active {
    color: #00a6de
}

.txt-white {
    color: #fff !important
}

.txt-formInfo {
    color: #7a8899
}

.completed {
    color: #94d6c2;
    line-height: 44px;
    font-size: 18px
}

.step4 {
    color: #48bae0
}

.step3 {
    color: #f7b602
}

.step2 {
    color: #ff7b00
}

.step1 {
    color: #e3404d
}

sup {
    font-size: 16px;
    color: #0086ff
}

.displayNone {
    display: none !important
}

.pgTitleFixed {
    position: fixed;
    top: 55px;
    z-index: 111;
    background: #fff;
    padding: 15px 0 1px 10px;
    box-shadow: 0 4px 4px -3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 4px 4px -3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 4px 4px -3px rgba(0,0,0,.2);
    margin-left: -10px
}

#pageTitle .row-fluid-15 .span2.margin0.txt-right {
    float: right
}

    #pageTitle .row-fluid-15 .span2.margin0.txt-right .addProduct {
        margin-right: 8px
    }

.ltMnFixed {
    position: fixed;
    top: 20px;
    transition: all .4s ease
}

.font10 {
    font-size: 10px
}

.font12 {
    font-size: 12px
}

.font13 {
    font-size: 13px
}

.font15 {
    font-size: 15px
}

.font17 {
    font-size: 17px
}

.font22 {
    font-size: 22px
}

.font25 {
    font-size: 25px
}

.font70 {
    font-size: 70px
}

.lineHNormal {
    line-height: normal
}

.btn-border-rad {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.btn-delete {
    border: 1px solid #cf4846;
    color: #fff;
    background: #cf4846
}

    .btn-delete:focus, .btn-delete:hover {
        border: 1px solid #cc160e !important;
        color: #fff !important;
        background: #cc160e !important
    }

        .btn-delete:hover i {
            color: #fff !important
        }

    .btn-delete i {
        color: #e87674 !important
    }

.btn-changes {
    background: #ff7b00;
    border: 1px solid #ff7b00;
    color: #fff
}

.btn-offline {
    background: #f0f0f0;
    color: #4a4a4a
}

    .btn-offline i {
        color: #4a4a4a !important
    }

.btn-ack {
    background: #00a8e0;
    border: 1px solid #00a8e0;
    color: #fff
}

    .btn-ack:hover {
        background: #00a8e0;
        border: 1px solid #009ed5
    }

.noHover {
    pointer-events: none
}

    .noHover:hover {
        background: inherit
    }

.disabled {
    box-shadow: none;
    cursor: not-allowed;
    opacity: .65;
    pointer-events: none
}

.rowSelected {
    background: #fff9db
}

textarea {
    resize: none
}

.nav-primary > ul.nav-main > li.active > a {
    border-left: 3px solid #0086ff;
    cursor: default
}

    .nav-primary > ul.nav-main > li.active > a.hover:hover {
        background: none
    }

.nav-primary ul.nav-main li.active li.active a {
    border-right: 3px solid #0086ff;
    color: #0086ff
}

    .nav-primary ul.nav-main li.active .hover, .nav-primary ul.nav-main li.active .hover i, .nav-primary ul.nav-main li.active li.active a i {
        color: #0086ff
    }

        .nav-primary ul.nav-main li.active .hover:hover .hover-rotate-right {
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg)
        }

.validation-errLabl, .validation-error {
    color: #c64c5c
}

.validation-warning {
    color: orange
}

.validation-error {
    font-size: 13px
}

.inputGrpBorder, input.validation-error, input.validationError, select.validation-error, textarea.validation-error {
    border: 1px solid #de7e7e
}

    .inputGrpBorder input.validation-error {
        border: 0
    }

select.validation-error {
    font-size: 14px;
    color: #555
}

.lineH28 {
    line-height: 28px
}

.dropdown a.txt-Blue:hover span, .nav li.dropdown.filterDropdown a:hover span, .productDetails a.txt-Blue:hover span {
    text-decoration: underline
}

.pointer {
    cursor: pointer
}

#showRecomCat a, #showSugCat a, .subMenu a {
    color: #0086ff !important
}

.compLogo {
    margin: 10px 0 0
}

footer {
    background: none repeat scroll 0 0 #f6f6f6;
    border-top: 1px solid #e3e3e3;
    min-height: 60px;
    line-height: 60px;
    text-align: center;
    z-index: 11;
    position: absolute;
    bottom: 0
}

    footer a {
        text-decoration: underline
    }

.icon-box-light {
    padding: 40px 0;
    color: #ededed;
    font-size: 175px
}

#noResultErr a {
    padding: 7px 12px;
    font-size: 18px;
    font-weight: 600
}

    #noResultErr a i {
        font-size: 24px
    }

.pageTitle {
    line-height: 37px
}

    .pageTitle a {
        color: #9e9e9e
    }

        .pageTitle a:hover {
            text-decoration: underline
        }

.nav-tabs > li {
    padding-right: 30px
}

.web-products-manage .nav-tabs > li {
    padding-right: 16px
}

.nav li label {
    color: #666;
    font-weight: inherit;
    cursor: pointer;
    border-bottom: 4px solid transparent
}

.nav li li a {
    color: #1a1a1a
}

.nav-tabs > li > label:hover {
    border-bottom: 4px solid #0086ff;
    color: #0086ff
}

.nav-tabs > li > label.txt-ChngOrg:hover, .nav-tabs > li > label:hover {
    transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out
}

.nav-tabs > li > label.txt-ChngOrg:hover {
    border-bottom: 4px solid #ff7519;
    color: #ff7519
}

.nav-tabs > li > label.activeLink {
    border-bottom: 4px solid #0086ff;
    color: #0086ff
}

.nav-tabs > li > label.txt-ChngOrg.activeLink {
    border-bottom: 4px solid #ff7519
}

.nav-primary > ul.nav-main > li a:hover {
    background: #f6f7f8;
    color: #1a1a1a
}

    .nav-primary > ul.nav-main > li a:hover i {
        color: grey
    }

.nav li li a i {
    width: 18px
}

ul.dk li a {
    padding-left: 37px !important;
    padding-top: 6px !important
}

.dropdown-menu.subMenu a:hover {
    background: #f5fafa !important
}

.dropdown-menu.subMenu a.menuSel:hover {
    background: none
}

.prodDesErr label {
    margin: 0
}

#addProduct {
    position: relative
}

    #addProduct #addProductForm .border-bottom {
        padding-bottom: 10px
    }

#filterProduct .input-group-btn .dropdown-toggle {
    background: #fafafa
}

#menuActionBtn ul {
    margin: 0;
    padding: 0
}

    #menuActionBtn ul li {
        list-style: none;
        display: block;
        float: left;
        margin: 0 3px 0 0
    }

        #menuActionBtn ul li button {
            background: #fafcfc;
            border: 1px solid #e3eaee;
            line-height: 24px;
            padding: 0 6px;
            color: #58a5d1
        }

            #menuActionBtn ul li button:hover {
                background: #f0f0f0
            }

            #menuActionBtn ul li button i {
                color: #58a5d1
            }

.pagination {
    margin: -5px 0 0;
    font-weight: 400
}

    .pagination > span > em {
        font-style: normal;
        line-height: 30px
    }

    .pagination > ul {
        padding-top: 4px
    }

        .pagination > ul > li {
            margin: 0;
            list-style: none;
            display: block;
            float: left;
            padding: 0 !important
        }

    .pagination > li > a {
        padding: 3.5px 4.5px;
        border: 1px solid #0086ff;
        transition: all .3s ease;
        width: 25px;
        height: 25px
    }

        .pagination > li > a:hover {
            background-color: #0086ff
        }

            .pagination > li > a:hover i {
                color: #fff !important
            }

        .pagination > li > a:disabled {
            opacity: .4;
            background: #fff;
            border: 1px solid #9e9e9e
        }

            .pagination > li > a:disabled i {
                color: #9e9e9e
            }

.pagination-text {
    color: #424448
}

#pagination {
    margin: 0 23px 0 0
}

#pageActions ul, .pageActions ul {
    margin: 0;
    padding: 0
}

#pageActions li, .pageActions li {
    padding: 0 6px;
    margin: 0;
    list-style: none
}

.web-products-manage .margB20 {
    margin-bottom: 20px
}

.manageList ul {
    margin: 0 0 50px;
    padding: 0
}

.isIPad .manageList ul {
    padding-bottom: 45px
}

.manageList ul li {
    margin: 0;
    list-style: none;
    border-bottom: 1px solid #e3eaee;
    padding: 10px 0 10px 15px
}

    .manageList ul li:first-child {
        border-top: 1px solid #e3eaee
    }

    .manageList ul li div.txt-drkGrey {
        padding: 12px 0 0
    }

.colOrd1 .txt-Blue:hover, .productDetails a:hover, p .txt-Blue:hover {
    text-decoration: underline
}

.imageDisp {
    width: 60px;
    height: 60px;
    white-space: normal
}

    .imageDisp img {
        border-radius: 3px
    }

.productDetails span.btn-disabled {
    display: inline-block;
    margin-top: 4px
}

.productDetails a.changeReq {
    display: block;
    width: 156px;
    margin: 5px 0 0;
    padding: 2px
}

.productDetails a.purchaseOnly {
    color: #333;
    width: 176px;
    background-color: #a9a9a9;
    border-style: solid;
    border-width: thin
}

.btn-disabled i.icon-cross {
    padding: 2px 3px 4px;
    cursor: pointer;
    position: relative;
    right: -6px
}

    .btn-disabled i.icon-cross:hover {
        background: #ccc
    }

.progressCirc span {
    line-height: 60px
}

.offCross:hover {
    background: #4a4a4a
}

    .offCross:hover i {
        color: #fff !important
    }

ul.search-filter {
    margin: 5px 0 0;
    padding: 0
}

    ul.search-filter li {
        margin: 0;
        padding: 0 15px 0 0;
        list-style: none;
        display: inline
    }

        ul.search-filter li i {
            font-size: 12px
        }

.nav-filter > li > a {
    line-height: 35px;
    padding: 0 7px
}

.filterDropdown .dropdown-menu > li > a {
    padding: 3px 0
}

.filterDropdown .dropdown-menu > li.menuSel > a {
    color: #333
}

.filterDropdown .dropdown-menu > li > a .icon-clickNew {
    visibility: hidden;
    margin: 0 5px
}

.filterDropdown .dropdown-menu > li.menuSel > a .icon-clickNew {
    visibility: visible
}

.dropdown-menu.btn-border-rad.subMenu a {
    padding-left: 30px
}

.dropdown-menu.btn-border-rad.subMenu li li a {
    padding-left: 40px
}

ul.sub-mn-lvl li a:hover {
    background: #f5f5f5
}

ul.sub-mn-lvl, ul.sub-mn-lvl li {
    margin: 0;
    padding: 0
}

    ul.sub-mn-lvl li {
        list-style: none
    }

        ul.sub-mn-lvl li a {
            padding: 3px 0 3px 5px;
            display: block
        }

            ul.sub-mn-lvl li a i.icon-clickNew {
                margin-right: 30px;
                visibility: hidden
            }

        ul.sub-mn-lvl li.menuSel a i.icon-clickNew {
            visibility: visible
        }

#searchFilter {
    padding: 0 18px
}

    #searchFilter i {
        line-height: 32px
    }

#grpList > ul.nav-main > li a:hover {
    background: #ebedef;
    color: #428bca
}

#grpList > ul.nav-main li.activeGroup > a {
    background: #0086ff;
    color: #fff
}

    #grpList > ul.nav-main li.activeGroup > a i.icon-bullet-empty, #grpList > ul.nav-main li.activeGroup > a i.icon-clickNew {
        color: #fff
    }

#grpList > ul.nav-main > li.active > a {
    border-width: 0
}

#grpList > ul.nav-main > li a:hover i {
    color: #428bca
}

#uploadPhoto ul {
    margin: 0;
    padding: 0
}

    #uploadPhoto ul li, .btn-upload {
        border: 2px dashed #ddd;
        width: 102px;
        height: 102px;
        list-style: none;
        display: block;
        float: left;
        margin: 0 7px 0 0;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        background: #fff;
        position: relative
    }

.btn-upload {
    color: #0086ff;
    cursor: pointer
}

#chooseFile > span {
    color: #0086ff;
    display: block;
    font-size: 15px;
    margin-top: 25px;
    text-align: center
}

#chooseFile:hover span {
    text-decoration: underline
}

#uploadPhoto ul li {
    cursor: move !important;
    border: 1px solid #d8dee6;
    text-align: center
}

    #uploadPhoto ul li.loader {
        border: 2px dashed #ddd
    }

        #uploadPhoto ul li.loader img {
            margin-top: 30px
        }

#uploadPhoto ul.variantImageLarge li {
    cursor: pointer !important
}

.imageError {
    border: 2px dashed #de7e7e
}

.width180 {
    margin: 0 20px 0 0
}

.width80 {
    width: 81px
}

.width90 {
    width: 90px
}

.width135 {
    width: 135px
}

.width130 {
    width: 130px
}

.width76 {
    width: 76px
}

.width200 {
    width: 200px
}

.width100 {
    width: 100px
}

.width-35-perc {
    width: 35%
}

.width-65-perc {
    width: 65%
}

.width18perc {
    width: 18%
}

.width10perc {
    width: 10%
}

.width17perc {
    width: 17%
}

.width16perc {
    width: 16%
}

.width24perc {
    width: 24%
}

.width20perc {
    width: 20%
}

.width15perc {
    width: 15%
}

.width29perc {
    width: 29%
}

.width22perc {
    width: 22%
}

.width28perc {
    width: 28%
}

.width72perc {
    width: 72%
}

.multipleOpt div {
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
    margin: 0 10px 0 0;
    float: left;
    width: 175px
}

    .multipleOpt div input {
        float: left
    }

    .multipleOpt div span {
        display: inline-block;
        float: left;
        margin-left: 5px;
        max-width: 155px
    }

.checkboxPUV {
    padding-top: 0 !important
}

.width115 {
    width: 115px
}

.width55 {
    width: 55px
}

.width110 {
    width: 110px !important
}

.width118 {
    width: 118px
}

.editor {
    height: 305px
}

.moreRows {
    margin: 9px 0 0
}

    .moreRows i, .removeIcon i {
        color: #de7e7e
    }

.pricePercent {
    padding: 6px 10px
}

#inputProdCateg .productCategory {
    width: 100%
}

#inputProdCateg {
    position: relative
}

    #inputProdCateg button {
        background: transparent;
        border: none;
        position: absolute;
        top: 8px;
        right: 6px
    }

.variantInfo {
    margin: 1px 0 10px;
    display: block
}

.selectize-error {
    border: 1px solid #de7e7e !important
}

.defaultImage {
    background: #6b9920;
    color: #fff;
    left: 0;
    padding: 0 7px;
    position: absolute;
    top: 0;
    border-radius: 0 0 4px;
    -moz-border-radius: 0 0 4px;
    -webkit-border-radius: 0 0 4px
}

#selectedLastInfo {
    position: absolute;
    right: 3px;
    top: 3px;
    display: none
}

    #selectedLastInfo input {
        padding: 3px 12px;
        position: relative;
        z-index: 9
    }

#suggestedCat {
    border-bottom: 1px solid #e3eaee;
    overflow-x: auto;
    white-space: nowrap;
    height: 240px;
    overflow-y: hidden
}

.selectListCate {
    border: 1px solid #dae0e8;
    height: 280px;
    overflow: hidden;
    width: 100%;
    position: absolute;
    background: #fff;
    z-index: 9;
    border-top: 0;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 5px #999;
    -moz-box-shadow: 0 3px 5px #999;
    box-shadow: 0 3px 5px #999;
    margin-bottom: 60px
}

.selectCats {
    margin-left: -3px !important;
    height: 240px !important;
    width: auto !important;
    min-width: 217px !important;
    display: inline-block;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-bottom: 0
}

    .selectCats option {
        padding: 5px 10px
    }

.selectWithScroll {
    height: 224px !important
}

#recommendCat {
    height: 240px;
    overflow-x: hidden
}

    #recommendCat ul {
        margin: 0;
        padding: 0
    }

        #recommendCat ul li {
            margin: 0;
            padding: 10px;
            list-style: none;
            border-bottom: 1px solid #e3eaee
        }

#noCategRecommen {
    margin: auto;
    width: 300px
}

    #noCategRecommen h3 {
        border-bottom: 1px solid #ccc;
        color: grey;
        font-size: 18px;
        font-weight: 400;
        padding-bottom: 7px;
        width: auto
    }

    #noCategRecommen ol {
        list-style: decimal inside none;
        padding: 0
    }

        #noCategRecommen ol li, #noCategRecommen ol li a {
            color: #0086ff
        }

            #noCategRecommen ol li a:hover {
                text-decoration: underline
            }

ul.recommendedCats {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e3eaee;
    height: 203px;
    overflow-y: scroll
}

    ul.recommendedCats li {
        margin: 0;
        padding: 5px;
        list-style: none
    }

        ul.recommendedCats li:hover {
            background: #ebf4ff
        }

.form-control[disabled], fieldset[disabled] .form-control {
    background: #f2f2f2;
    cursor: pointer
}

.form-control[readonly] {
    cursor: pointer
}

#imageUploadFrame em {
    margin: 40px 0 0 15px;
    font-style: normal
}

#imageUploadFrame u {
    margin: 0 0 0 15px;
    font-style: normal;
    cursor: pointer;
    text-decoration: none;
    padding-top: 25px;
    text-align: center
}

#uploadedList li a {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 2px 5px;
    border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    display: none
}

    #uploadedList li a i {
        color: #6c6c6c
    }

    #uploadedList li a:hover {
        background: #f03f43
    }

        #uploadedList li a:hover i {
            color: #fff
        }

.catDropdown {
    position: relative
}

    .catDropdown .input-group .form-control {
        border-right: 0
    }

        .catDropdown .input-group .form-control:focus {
            border: 1px solid #d8dee6;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            border-right: 0
        }

    .catDropdown .input-group-btn .btn {
        border: 1px solid #d8dee6;
        border-left: 0;
        background: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none
    }

        .catDropdown .input-group-btn .btn i {
            color: #ccc
        }

.height255 {
    height: 255px
}

.complBg {
    background: #fff;
    position: absolute;
    right: 0;
    top: 1907px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.helpText {
    font-size: 11px;
    line-height: 15px;
    right: 14px;
    top: 44px;
    z-index: 999;
    padding: 0 4px
}

.compText em, .helpText {
    font-style: normal;
    position: absolute
}

.compText em {
    left: 18px;
    top: 26px;
    font-size: 14px;
    color: #454e59
}

#completetionMeter .h5 em {
    font-size: 30px;
    margin-top: 25px;
    font-style: normal
}

#completetionMeter .h5 sup {
    font-size: 18px;
    top: -7px
}

#completetionMeter {
    margin: -5px 0 0 5px
}

.transition200 .delay, .transition200 .duration {
    visibility: hidden
}

.transition200 {
    transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s
}

#ajaxResponseForm .noPadding {
    padding: 0
}

.iconText i {
    font-size: 26px;
    padding: 5px 0 0
}

.iconText span {
    display: block;
    width: 240px;
    white-space: normal
}

.setLimitTextbox {
    padding-left: 2.2%
}

.benchmarkTextbox {
    width: 94%
}

.tinyMce-disabled {
    box-shadow: none;
    cursor: not-allowed;
    opacity: .65
}

.tips {
    font-weight: 400;
    color: #777c80;
    margin: 0 0 0 10px
}

.btn.addSubgroupBtn {
    border: none;
    background-color: transparent;
    padding: 2px 5px;
    font-size: 14px
}

.inputGroupHolder {
    padding-left: 30px
}

    .inputGroupHolder .input-group {
        width: 95%
    }

    .inputGroupHolder .icon-bullet-empty {
        margin-right: 5px
    }

    .inputGroupHolder .btn.btn-default {
        border-radius: 0;
        margin-left: -1px
    }

    .inputGroupHolder > i.icon-bullet-empty {
        margin-top: 3px;
        color: #0086ff
    }

.btn.deleteSubgroupRowBtn i.danger, .danger {
    color: red
}

#grpList.nav-primary > ul.nav-main > li.active > a > i.icon-clickNew {
    visibility: hidden
}

#grpList.nav-primary > ul.nav-main > li.active.activeGroup > a > i.icon-clickNew {
    visibility: visible;
    color: #0086ff
}

#grpList.nav-primary > ul.nav-main > li.active.activeGroup > a.hover:hover {
    background: none
}

#grpList.nav-primary > ul.nav-main > li#selected > a > i.icon-clickNew {
    color: #fff
}

#grpList.nav-primary > ul.nav-main .nav.dk > li i.icon-bullet-empty {
    color: #0086ff
}

#grpList.nav-primary > ul.nav-main .nav.dk > li.activeGroup > a.hover:hover {
    background: none
}

#grpList.nav-primary .nav li li a {
    color: #0086ff
}

#grpList.nav-primary .nav li li.activeGroup a {
    color: #fff
}

.nav.dk li > i {
    width: 25px
}

ul.nav.dk li a > i.icon-clickNew {
    margin-right: 12px;
    visibility: hidden
}

ul.nav.dk li.activeGroup a > i.icon-clickNew {
    visibility: visible
}

#filterOption li li a {
    color: #0086ff
}

#filterOption li li.menuSel a {
    color: #1a1a1a
}

#addSubgroupPanel {
    padding-top: 3px;
    padding-bottom: 3px
}

.nav-primary ul.nav.nav-main li > a, .nav.dk li > a {
    padding-top: 8px;
    padding-bottom: 8px
}

.nav-primary ul.nav > li > a {
    transition: none;
    -webkit-transition: none
}

#grpList {
    max-height: 400px;
    overflow-y: auto
}

.nav li a.addSubgroupBtn {
    color: #428bca
}

#grpList ul.nav-main li.activeGroup:hover a.addSubgroupBtn i, .nav li.activeGroup a.addSubgroupBtn {
    color: #fff
}

#sendEnquiryModal .error {
    border: none
}

span.error {
    font-size: 13px;
    font-weight: 400;
    margin-top: .3em
}

.error {
    color: #fff;
    font-size: 13px;
    border: 1px solid #e33244
}

.float-right {
    float: right
}

.bg-danger {
    background-color: #e33244;
    color: #fce5e8
}

.error .icon-cross-circle {
    color: #fff
}

#grpList {
    padding-top: 10px
}

    #grpList > ul.nav-main > li.activeGroup a:hover.addSubgroupBtn {
        background-color: transparent;
        color: #fff
    }

    #grpList.nav-primary ul.nav > li > a {
        padding-right: 15px
    }

.mce-resizehandle, .mce-statusbar .mce-flow-layout-item .mce-last {
    display: none !important
}

@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.editLoading, .loading {
    background: none repeat scroll 0 0 #fff;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0;
    left: 0;
    opacity: 0
}

    .loading.initial-loader {
        z-index: 9999;
        opacity: 1;
        background-color: #f1f1f1
    }

        .loading.initial-loader .icon-holder {
            width: 65px;
            margin: auto
        }

        .loading.initial-loader i.icon-sleek-loader {
            font-size: 65px;
            color: #f90
        }

    .loading .rotating {
        -webkit-animation: rotating 2s linear infinite;
        animation: rotating 2s linear infinite
    }

    .loading .show-message {
        color: #333;
        font-size: 24px;
        margin-top: 10px;
        text-align: center
    }

    .loading.initial-loader .initial-loader-content {
        position: relative;
        top: 50%;
        margin-top: -65px
    }

.loadingBar {
    background: none repeat scroll 0 0 #eaeaea;
    border: 1px solid #0086ff;
    border-radius: 3px;
    box-shadow: 0 1px 0 hsla(0,0%,100%,.03),inset 0 1px 0 rgba(0,0,0,.1);
    text-align: center;
    height: 32px
}

    .loadingBar span {
        width: 100%;
        border: 0 solid #dd5e04;
        background-color: #0086ff;
        background-image: -webkit-linear-gradient(-45deg,#4c99e5 25%,transparent 0,transparent 50%,#4c99e5 0,#4c99e5 75%,transparent 0,transparent);
        background-image: -moz-linear-gradient(-45deg,#4c99e5 25%,transparent 25%,transparent 50%,#4c99e5 50%,#4c99e5 75%,transparent 75%,transparent);
        background-image: -ms-linear-gradient(-45deg,#4c99e5 25%,transparent 25%,transparent 50%,#4c99e5 50%,#4c99e5 75%,transparent 75%,transparent);
        background-image: linear-gradient(-45deg,#4c99e5 25%,transparent 0,transparent 50%,#4c99e5 0,#4c99e5 75%,transparent 0,transparent);
        background-image: -o-linear-gradient(-45deg,#4c99e5 25%,transparent 25%,transparent 50%,#4c99e5 50%,#4c99e5 75%,transparent 75%,transparent);
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        line-height: 15px
    }

    .btn-danger-process, .loadingBar span {
        opacity: 1;
        display: inline-block;
        height: 100%;
        color: #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        -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;
        overflow: hidden
    }

.btn-danger-process {
    border: 0 solid #ea4940;
    background-color: #ea4940;
    background-image: -webkit-linear-gradient(-45deg,#cc3f37 25%,transparent 0,transparent 50%,#cc3f37 0,#cc3f37 75%,transparent 0,transparent);
    background-image: -moz-linear-gradient(-45deg,#cc3f37 25%,transparent 25%,transparent 50%,#cc3f37 50%,#cc3f37 75%,transparent 75%,transparent);
    background-image: -ms-linear-gradient(-45deg,#cc3f37 25%,transparent 25%,transparent 50%,#cc3f37 50%,#cc3f37 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,#cc3f37 25%,transparent 0,transparent 50%,#cc3f37 0,#cc3f37 75%,transparent 0,transparent);
    background-image: -o-linear-gradient(-45deg,#cc3f37 25%,transparent 25%,transparent 50%,#cc3f37 50%,#cc3f37 75%,transparent 75%,transparent)
}

@-webkit-keyframes move {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 50px 50px
    }
}

@-moz-keyframes move {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 50px 50px
    }
}

@-ms-keyframes move {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 50px 50px
    }
}

@-o-keyframes move {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 50px 50px
    }
}

@keyframes move {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 50px 50px
    }
}

.cltSideError, .errorMessage, .successMessage {
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999;
    color: #fff;
    padding: 18px 0
}

.successMessage {
    background: rgba(102,189,137,.95)
}

    .successMessage div {
        width: 240px;
        margin: 0 auto
    }

.errorMessage div {
    width: 435px;
    margin: 0 auto
}

.cltSideError i, .errorMessage i, .successMessage i {
    color: #fff;
    font-size: 32px
}

.errorMessage span, .successMessage span {
    margin: 5px 0 0
}

.cltSideError span {
    position: relative;
    top: -7px;
    margin: 0 0 0 9px
}

.btn.loadingText {
    background: #ffefcf;
    margin-left: 15px;
    border: 1px solid #e5bf73;
    color: #ad7d39
}

.puvImp {
    font-weight: 600;
    color: #9cba3f
}

.puvHelp, .puvOptional {
    color: #a1aab2
}

.puvHelp {
    display: block;
    margin: 5px 0 0
}

    .puvHelp i {
        margin: 0 5px 0 0;
        font-size: 18px
    }

.puv-help-text-responsive.puvHelp {
    clear: both;
    margin-left: 200px
}

.checkboxHelp {
    margin-left: 200px;
    display: block
}

.puvRequired {
    color: #ea4940
}

.puvMandatoryAtt {
    color: #9cba3f
}

#noSrchResultErr span {
    color: #8091a5
}

.variantConfirmation .icon-warning {
    color: #ad7d39;
    font-size: 30px
}

.variantSyncInfoMsg {
    font-size: 13px;
    line-height: 16px;
    color: #999
}

    .variantSyncInfoMsg a {
        color: #333
    }

        .variantSyncInfoMsg a:hover {
            color: #4786cd
        }

.locationListing ul {
    list-style-type: none;
    padding: 0
}

.locationCountryTable p {
    line-height: 14px
}

.locationCountryTable a {
    font-family: open sans;
    font-size: 14px;
    font-weight: 400;
    color: #333
}

.locationListing .locationStateTable .locationNameBox {
    padding-left: 45px
}

.locationListing .locationStateTable .district-repeat-li .locationNameBox {
    padding-left: 75px
}

.locationListing .locationStateTable .pincode-input-holder .locationNameBox {
    padding-left: 105px
}

.locationCountryTable .locationNameBox a {
    color: #0086ff
}

.locationCountryTable [class^=icon-bullet-empty] {
    font-size: 22px;
    position: absolute;
    top: 9px;
    color: #ccc
}

li.active > .listItemContainer > .locationNameBox [class^=icon-bullet-empty] {
    color: #333
}

li.active > .listItemContainer > .locationNameBox {
    font-family: Open Sans Semibold
}

.locationCountryTable div.listItemContainer {
    float: none;
    color: #333;
    min-height: 76px
}

.locationCountryTable .locationNameBox {
    font-family: open sans;
    float: left;
    position: relative
}

.prepaidStatus {
    width: 110px
}

.codStatus, .prepaidStatus {
    text-align: center
}

.shippingStatus {
    width: 140px;
    font: normal 14px Open Sans italic;
    font-style: italic;
    color: #999;
    visibility: hidden
}

.locationCountryTable input[type=checkbox] {
    margin: 0
}

.locationListing .locationCountryTable .locationDistrictTable .disabled .listItemContainer {
    color: #333
}

.locationCountryTable .disabled > .listItemContainer {
    color: #999
}

.locationCountryTable .selected-item {
    background-color: #fafafa
}

.locationListing .disabled .shippingStatus {
    visibility: visible
}

.updateLocationPanel {
    background-color: #e9f3ff;
    border-top: 1px solid #dae0e8;
    font: normal 16px/18px open sans;
    color: #333
}

.jdPrimaryBtn {
    padding: 0 10px
}

    .jdPrimaryBtn span {
        line-height: 28px
    }

ul.taxRules {
    list-style-type: none;
    padding: 0
}

.taxRules li {
    border-bottom: 1px solid #e3eaee;
    font: normal 13px/13px open sans;
    color: #0086ff;
    padding: 18px 0
}

    .taxRules li:hover {
        cursor: pointer
    }

    .taxRules li:first-child {
        color: #454e59;
        padding: 10px 0
    }

        .taxRules li:first-child:hover {
            cursor: auto
        }

.taxTypeTable table {
    width: 100%
}

.taxRuleFormLabel {
    width: 135px;
    float: left;
    padding-top: 20px
}

    .taxRuleFormLabel h5 {
        font: normal 18px/20px open sans;
        color: #262626;
        margin: 0 0 10px
    }

    .taxRuleFormLabel p {
        font: normal 12px/14px open sans;
        color: #262626;
        word-wrap: break-word
    }

.taxRuleFormElement {
    margin-left: 165px;
    padding-top: 20px
}

.taxRuleForm input:focus, .taxRuleForm select:focus {
    outline: 0;
    border-color: #0086ff
}

.taxRuleForm input, .taxRuleForm select {
    font: normal 14px/18px open sans;
    color: #7a8899;
    padding: 5px 8px;
    border-radius: 4px;
    border: 1px solid #dbe1e9;
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.08)
}

.taxRuleForm select {
    color: #454e59;
    padding: 4px 5px
}

.taxRuleFormElement a {
    color: #0086ff
}

p.formHelp {
    font: normal 14px/18px open sans;
    color: #454e59;
    margin-bottom: 3px
}

.formHelp span {
    color: #999
}

.ruleNameInp, .selectTax {
    width: 100%
}

.selectTax {
    font: normal 14px/19px open sans;
    color: #7a8899;
    padding: 5px 8px;
    border-radius: 4px;
    border: 1px solid #dbe1e9;
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.08);
    margin-bottom: 8px
}

.formRow {
    border-bottom: 1px solid #e3eaee;
    padding-bottom: 35px
}

.countryDropdown {
    width: 185px
}

.taxRuleRow .leftCol {
    width: 185px;
    float: left
}

.taxRuleRow .rightCol {
    margin-left: 205px
}

.taxRuleRow {
    padding-bottom: 20px
}

p.taxRuleCountry {
    font: normal 16px/18px open sans semibold;
    color: #4d4d4d;
    margin-bottom: 0
}

.taxInputBox {
    width: 75px;
    float: left;
    margin-right: 18px
}

.taxRuleRow .rightCol .taxInputBox:last-child {
    margin-right: 0
}

.taxInputBox p.ruleName {
    margin-bottom: 3px;
    font: normal 14px/16px open sans semibold;
    color: #4d4d4d;
    text-align: center
}

.taxInputField {
    position: relative
}

    .taxInputField input {
        width: 75px
    }

        .taxInputField input:focus {
            outline: 0
        }

.taxInputBox span {
    font: normal 14px/16px open sans semibold;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 20px;
    height: 29px;
    text-align: center;
    border-left: 1px solid #d5dde3;
    background-color: #fafcfc;
    border-radius: 0 4px 4px 0;
    line-height: 28px
}

.taxDropdownBox {
    position: relative
}

ul.taxDropdown {
    padding: 10px;
    list-style-type: none;
    position: absolute;
    top: 28px;
    background-color: #fff;
    z-index: 50;
    width: 100%;
    border: 1px solid #dbe1e9;
    border-top: none
}

    ul.taxDropdown li {
        padding: 5px 0;
        font: normal 14px/16px open sans;
        color: #454e59
    }

        ul.taxDropdown li:hover {
            cursor: pointer
        }

.taxDropdown li.taxDropdownTitle {
    font: normal 14px/16px open sans semibold;
    color: #333
}

ul.taxDropdown li.createNewTaxLink {
    padding-left: 21px
}

ul.taxDropdown li input[type=checkbox] {
    margin-right: 5px
}

.addNewTaxTypeBox .taxTypeInp {
    width: 115px;
    margin-right: 8px;
    float: left
}

.addNewTaxTypeBox .taxExtraInp {
    width: 185px;
    margin-right: 8px;
    float: left
}

.addNewTaxTypeBox .saveTaxTypeBtn {
    display: block;
    float: left;
    padding: 6px 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #0086ff;
    border-radius: 4px;
    background-color: #0086ff;
    color: #fff
}

.greyBorderBottom {
    border-bottom: 1px solid #e3eaee
}

.saveTextRuleCTABlock {
    margin-top: 20px
}

.taxStateList .taxRuleRow {
    padding: 10px 0;
    border-bottom: 1px solid #e3eaee
}

    .taxStateList .taxRuleRow:last-child {
        border-bottom: none
    }

    .taxStateList .taxRuleRow.stateListHeader {
        padding: 5px 0
    }

.taxStateList label.stateLabel {
    line-height: 30px;
    margin-bottom: 0;
    position: relative;
    padding-left: 18px
}

    .taxStateList label.stateLabel input {
        position: absolute;
        left: 0;
        top: 5px
    }

.taxStateList .taxRuleRow.stateListHeader .leftCol {
    line-height: 14px
}

.taxStateList .taxRuleRow.stateListHeader label.stateLabel {
    font: normal 14px/14px open sans semibold;
    color: #4d4d4d
}

    .taxStateList .taxRuleRow.stateListHeader label.stateLabel input {
        top: 0;
        padding: 0;
        margin: 0
    }

.taxStateList .taxRuleRow.stateListHeader .taxInputBox p.ruleName {
    margin-bottom: 0
}

.addAnotherTaxCountryPanel {
    padding-top: 20px;
    border-top: 1px solid #e3eaee
}

#totalPriceDiv .form-group {
    margin-bottom: 10px
}

#paymentMode .form-group {
    position: relative
}

#paymentMode .removeIcon {
    left: -40px;
    position: absolute;
    top: 8px
}

#datetimepicker1 {
    position: relative
}

    #datetimepicker1 span.add-on {
        position: absolute;
        right: 6px;
        top: 6px
    }

    #datetimepicker1 input {
        height: 24px;
        padding: 0;
        width: 86%;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none
    }

#addProductDiv .border-bottom {
    border-bottom: none
}

#pageTitle.border-bottom {
    margin-left: -10px
}

    #pageTitle.border-bottom .m-b {
        margin-left: 10px
    }

#addProductDiv .border-bottom:after {
    content: " ";
    width: 111%;
    border-bottom: 1px solid #e3eaee;
    position: relative;
    left: -10px
}

#pageTitle {
    width: 100%;
    padding-right: 200px;
    position: fixed;
    top: 0;
    left: 189px;
    z-index: 12;
    background: #fff;
    padding-top: 7px
}

    #pageTitle.border-bottom .m-b {
        margin-bottom: 7px
    }

.bottom-border-shadow {
    box-shadow: 0 4px 4px -3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 4px 4px -3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 4px 4px -3px rgba(0,0,0,.2)
}

.border-bottom-marginMinus10:after {
    content: " ";
    width: 111%;
    border-bottom: 1px solid #e3eaee;
    position: relative;
    left: -10px
}

#titleSection {
    background: none repeat scroll 0 0 #fff;
    margin: 0 0 0 -10px;
    padding: 10px 194px 0 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9
}

    #titleSection .m-b {
        margin-bottom: 7px !important;
        margin-left: 10px
    }

    #titleSection .horizontal-line {
        width: 103%
    }

.row-fluid-15 > [class*=colOrd] {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 1.66667%;
    min-height: 30px;
    width: 100%
}

.row-fluid-15 > .colOrd1 {
    width: 9%
}

.row-fluid-15 > .colOrd2 {
    width: 15%
}

.row-fluid-15 > .colOrd3 {
    width: 18%
}

.row-fluid-15 > .colOrd4 {
    width: 13%
}

.row-fluid-15 > .colOrd5 {
    width: 19%
}

.row-fluid-15 > .colOrd6 {
    width: 10%
}

.row-fluid-15 > .colOrd2 span {
    color: #777c80
}

.cancel, .cancel .defaultBg, .cancel .warningBg, .cancel a.txt-Blue {
    color: #de7e7e !important
}

.defaultBg, .warningBg {
    float: left
}

.defaultBg {
    background: #f1f1f1;
    color: #8a9299;
    border: 1px solid #d9d9d9
}

.opacityBg {
    opacity: .7
}

.warningBg {
    background: #f90;
    border: 1px solid #e58a00;
    color: #fff
}

.fulfill, .fulfill a.txt-Blue {
    color: #aaa1a2 !important
}

.cancel .amountStrike {
    text-decoration: line-through
}

.colOrd5 b {
    float: left;
    display: block
}

.puv-text-area-label {
    width: 180px;
    position: absolute;
    left: 0;
    text-align: right
}

.puv-text-area {
    width: 100%;
    padding-left: 200px;
    padding-right: 4%
}

#orderMenu #orderStatus {
    width: 70.4%
}

#orderMenu .nav-tabs > li {
    padding-right: 5px
}

    #orderMenu .nav-tabs > li:last-child {
        padding-right: 0
    }

.orderNote {
    margin-top: 45px
}

#itemsListTable {
    border-top: 1px solid #e3eaee
}

    #itemsListTable ul li:first-child {
        border: 0
    }

    #itemsListTable .span11 {
        border-right: 1px solid #e3eaee;
        padding-right: 1%
    }

    #itemsListTable .span4 {
        margin-left: .6%
    }

#paymentSection {
    background: #f2f5f5
}

.txt-DefaultColor {
    color: #7a8899
}

.left-nav-backtodashboard-button {
    list-style-type: none;
    padding-top: 5px
}

    .left-nav-backtodashboard-button:hover {
        background-color: #f2f2f2
    }

    .left-nav-backtodashboard-button span {
        vertical-align: top
    }

.border-left-dot {
    border-left: 1px dashed #d8dee6
}

.helpBox {
    padding: 60px 10px
}

    .helpBox center i {
        font-size: 120px;
        color: #ecf2f9
    }

    .helpBox p {
        color: #777c80
    }

#paymentPendingModal .modal-dialog {
    width: 480px
}

.paymentModal {
    width: 350px;
    margin: 0 auto
}

.total-payment-section > div {
    display: inline-block
}

.total-paid {
    font-size: 18px;
    text-transform: capitalize
}

    .payment-outstanding i, .total-paid i {
        font-size: 14px
    }

    .total-paid i {
        color: #333
    }

.seperator {
    border-left: 1px solid #e3e3e3;
    height: 41px;
    margin: 0 15px
}

.popover-seperator {
    border-left: 1px solid #e3e3e3;
    height: 77px;
    margin: 0 4px
}

.payment-type {
    display: inline-table;
    border: 2px solid #e3e3e3;
    text-align: center;
    margin: 0 5px 10px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 3px;
    width: 120px;
    height: 75px;
    position: relative
}

    .payment-type:hover, .payment-type:hover i {
        border-color: #0086ff;
        color: #0086ff
    }

    .payment-type i {
        font-size: 45px
    }

.amout-suggestion span {
    border: 2px solid #d5dde3;
    display: inline-block;
    float: left;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 8px;
    color: #0086ff;
    font-size: 18px
}

    .amout-suggestion span:hover {
        border: 2px solid #0086ff
    }

    .amout-suggestion span i {
        font-size: 15px;
        color: #0086ff
    }

.select-payment-option {
    background: none repeat scroll 0 0 #e4e8f0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 10px auto;
    padding: 14px 0;
    width: 310px
}

.payment-options-holder {
    border-top: 1px solid #d5dde3;
    padding: 20px 0 0
}

.payment-outstanding {
    color: #f90;
    font-size: 18px;
    text-transform: capitalize
}

    .payment-outstanding i {
        color: #f90
    }

.paymentDetail i {
    font-size: 30px;
    color: #7a8899
}

.paymentDetail em {
    font-size: 12px;
    font-style: normal;
    color: #777c80
}

.paymentValue i {
    font-size: 20px;
    margin: 6px 0 0
}

    .paymentValue i.icon-currency {
        color: #333
    }

    .paymentValue i.icon-cross-circle, .paymentValue i.icon-edit {
        color: #0086ff;
        cursor: pointer;
        margin-left: 9px
    }

.total-payment-selected-holder .payment-added, .total-payment-selected-holder .paymentMethodDone {
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 5px;
    padding-bottom: 5px
}

.total-payment-selected-holder label {
    display: inline-block;
    padding-left: 5px
}

#paymentPendingModal button.close {
    position: absolute;
    right: 15px;
    top: 15px
}

    #paymentPendingModal button.close i {
        color: #ccc
    }

        #paymentPendingModal button.close i:hover {
            color: #000
        }

.return-change {
    font-size: 22px;
    color: #454e59
}

    .return-change i {
        font-size: 14px;
        color: #454e59
    }

.row-fluid-15 > .span7.manage-list-product-details-holder {
    margin-right: 45px !important
}

.breaks-word {
    word-wrap: break-word
}

.position-payment-pending {
    position: relative;
    left: 24px;
    text-transform: capitalize
}

.trashPage {
    margin-top: 20px
}

.restoreProductLink i {
    font-size: 25px
}

.restoreProductLink span {
    padding: 3px 0 0 5px
}

#enlargeImageModal .modal-image-dialog {
    width: 90%;
    margin: 30px auto
}

ul.productDetailsThumbList {
    margin: 0;
    padding: 0 5px;
    width: 21%;
    border: 1px solid #8a9299;
    min-width: 17%;
    max-width: 198px
}

    ul.productDetailsThumbList li {
        float: left;
        width: 83px;
        height: 83px;
        border: 1px solid #dae0e8;
        display: block;
        margin: 10px 5px 0;
        list-style: none;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px
    }

.productDetailImageTable {
    width: 75%;
    margin: 0 15px 0 0;
    text-align: center;
    max-width: 75%
}

.productDetailImageBox img {
    margin: 0 !important
}

.modal-backdrop-template-delete {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    opacity: .5
}

.infiniteFont {
    font-size: 21px;
    padding: 1px 10px
}

.infiniteBlock {
    position: absolute;
    left: 52px;
    z-index: 2;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 7px 9px;
    font-size: 16px;
    width: 45px;
    cursor: text;
    background: #fff;
    border: 1px solid #0086ff
}

.margin0.pull-right.txt-Bold.colOrd4.txt-right.manageOrderWidthAuto.width15 {
    width: auto
}

.productDetails .no-underline {
    text-decoration: none !important
}

.dont-track-to-track-note {
    float: left;
    min-width: 250px;
    position: relative;
    bottom: 7px
}

.icon-style-on-button {
    font-size: 16px;
    color: #fff;
    position: relative;
    padding-right: 5px;
    top: 2px
}

a.wrap_text, input[type=radio] {
    cursor: pointer
}

input[type=checkbox] {
    cursor: pointer;
    margin: 2px 0 0
}

select {
    cursor: pointer
}

.form-control[disabled], fieldset[disabled] .form-control {
    background: #ededed;
    cursor: default
}

.form-control[readonly] {
    background: none;
    cursor: default
}

.underline, .underline-on-hover:hover {
    text-decoration: underline
}

.cursor-pointer {
    cursor: pointer
}

.cursor-default {
    cursor: default
}

.outline-none {
    outline: none
}

.text-red {
    color: #de7e7e
}

.jd-overflow-auto {
    overflow: auto
}

.category-background {
    line-height: 36px;
    background-color: #efefef;
    padding-top: 3px
}

.jd-label-tag {
    background-color: #f0f0f0
}

.jd-label-tag, .jd-transparent-label-tag {
    padding: 2px 5px;
    border: 1px solid #e2dede;
    border-radius: 3px;
    color: #333;
    font-size: 14px;
    top: 5px
}

.jd-transparent-label-tag {
    background-color: #fff
}

.icon-mod {
    font-size: 15px;
    color: #545454
}

body.dashboard-theme {
    background-color: #f3f5f7
}

.jd-red-warning-div {
    background: #f3cfd0;
    color: #ea4940;
    border: 1px solid #ea4940
}

.modal-footer .cancelBtnOnCustomerModal:active {
    background: #fafcfc;
    color: #0086ff !important;
    border-color: #d5dde3;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.txt-lightGrey {
    color: #969a9c
}

.badge.badge-blue {
    background: #0086ff
}

.badge-container:hover > .badge.badge-blue {
    background: #fff;
    color: #0086ff
}

.badge.badge-red {
    background: #ee425e
}

.red-dot .badge.badge-red {
    padding: 5px;
    border-radius: 12px;
    margin-left: 4px
}

.badge.badge-red.circular-notification-count {
    padding: 4px 7px
}

.productDetailsList .badge.badge-red {
    padding-top: 5px
}

.badge {
    font-weight: 500 !important
}

h3.pageTitle {
    color: #333;
    max-width: 840px;
    max-height: 56px
}

.zIndex02 {
    z-index: 2
}

.fix-height34-label {
    height: 34px
}

.group:after {
    content: "";
    display: table;
    clear: both
}

.paddingTB20 {
    padding: 20px 0
}

.font500 {
    font-weight: 500
}

.font400 {
    font-weight: 400
}

.full-width {
    width: 100%
}

.vertical-aligned-icon {
    vertical-align: middle
}

.vertical-aligned-text {
    display: inline-block;
    vertical-align: middle
}

.btn-no-bg {
    background: transparent
}

.btn-red {
    border: 1px solid #ea4940;
    color: #ea4940
}

    .btn-red:hover {
        background: #f0f0f0;
        color: #ea4940
    }

.btn-narrow {
    padding: 3px 10px;
    max-height: 26px
}

.btn-orange {
    border: 1px solid #f90;
    color: #f90;
    background: transparent
}

    .btn-orange:hover {
        background: #f0f0f0;
        color: #f90
    }

.btn-gray {
    border: 1px solid #545964;
    color: #545964;
    background: transparent
}

    .btn-gray:hover {
        background: #f0f0f0;
        color: #545964
    }

.no-bdrs {
    border-radius: 0
}

.bdrs2 {
    border-radius: 2px
}

.activeLink {
    border-bottom: 3px solid #0086ff;
    color: #0086ff !important;
    padding-bottom: 8px
}

.activeLinkSort {
    border-bottom: 2px solid #0086ff;
    color: #0086ff !important;
    padding-bottom: 15px
}

.sticky-footer {
    position: fixed !important;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #fff
}

.credit-popover {
    max-width: none;
    width: 404px;
    top: -80px;
    left: -15px
}

.customer-detail.credit-popover {
    max-width: none;
    width: 404px;
    top: -16px;
    left: -15px
}

    .customer-detail.credit-popover.popover-for-credit-enabled {
        top: -78px
    }

    .customer-detail.credit-popover > .arrow {
        left: 60%
    }

    .customer-detail.credit-popover.popover-for-credit-enabled > .arrow {
        left: 54%
    }

.credit-popover .popover-footer {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.credit-popover-edit-button {
    cursor: pointer;
    color: #0086ff;
    margin-left: 15px
}

    .credit-popover-edit-button:hover {
        text-decoration: underline
    }

.cbheight20 {
    height: 20px
}

.cbheight23 {
    height: 23px
}

.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
    }

.radiolang {
    cursor: pointer
}

.customRadioBtn {
    position: relative
}

    .customRadioBtn label {
        display: inline-block;
        cursor: pointer;
        position: relative;
        width: 25px;
        height: 25px;
        top: 14px
    }

    .customRadioBtn input[type=radio] {
        position: absolute;
        top: 0;
        opacity: 0;
        left: 4px;
        z-index: 11
    }

    .customRadioBtn label:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 3px;
        width: 16px;
        height: 16px;
        border-radius: 8px;
        background-color: transparent;
        border: 1px solid #999
    }

    .customRadioBtn label:after {
        content: "";
        position: absolute;
        top: 5px;
        left: 2px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #0086ff;
        display: none
    }

    .customRadioBtn input[type=radio]:checked + label:after {
        display: inline-block
    }

.custom-select {
    background: url(https://image1.jdomni.in/jdomni_email/arrow_down_2011181429.png) no-repeat;
    background-size: 15px;
    background-position: 95% 50%;
    max-height: 200px;
    padding-right: 25px;
    -webkit-appearance: none;
    background-color: #fff
}

.circle {
    border-radius: 50%;
    display: table
}

    .circle span {
        display: table-cell;
        vertical-align: middle;
        text-align: center
    }

.web-location .delivery-time-container .drop-down .drop-down-div .drop-down-input, .web-location .delivery-time-container .drop-down .drop-down-div:focus .drop-down-input {
    border: 1px solid #c1cdd7;
    padding: 5px 8px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.web-location .drop-down .jd-autosuggest {
    top: 32px
}

.web-location .delivery-time-container .drop-down .icon-down-style {
    top: 13px;
    right: 10px
}

.web-notifications .center-align {
    display: flex;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    height: 63px
}

.web-notifications .btn.jd-btn-primary.blue-border {
    border-color: #0086ff
}

.border-top .btn-delete, .web-purchase-order-add .modal-footer .btn-delete {
    color: #fff !important
}

.border-top .btn-default[disabled] {
    color: #0086ff !important
}

.loadingText {
    position: fixed;
    left: 50%;
    z-index: 1051;
    top: 10px;
    background: #ffefcf;
    border: 1px solid #e5bf73;
    color: #ad7d39;
    padding: 5px;
    border-radius: 4px
}

.jd-image-loader-icon {
    width: 20px;
    margin: auto;
    position: relative
}

.jd-image-holder {
    background: #f3f3f3;
    border-radius: 3px;
    text-align: center
}

.jd-web-list-item:hover {
    background: #f5fafe
}

.isIPad .jd-web-list-item:hover {
    background: #f9f8fa
}

.visibility-hidden {
    visibility: hidden
}

.searchHighlight {
    color: #333;
    font-weight: 500
}

.jd-textarea-readonly {
    border: none;
    resize: none
}

.jd-display-block {
    display: block
}

.jd-dropdown-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    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)
}

    .jd-dropdown-menu li {
        padding: 0 5px
    }

.jd-open .jd-dropdown-menu {
    display: block
}

.jd-dropdown-menu .jd-hover:hover, .jd-hover.selected {
    background-color: #e9f3ff;
    cursor: pointer
}

.jd-dropdown-menu .jd-dropdown-label {
    color: orange;
    text-align: right;
    border-bottom: 1px solid orange;
    margin-bottom: 4px;
    font-size: 11px
}

.jd-modal-overlay {
    display: block;
    z-index: 1005;
    background-color: #000;
    opacity: .5;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    overflow-y: scroll;
    webkit-overflow-scrolling: touch;
    outline: 0
}

.jd-select-box-ct .selectBox {
    position: relative;
    height: 34px
}

.jd-select-box-ct input.form-control {
    position: absolute;
    top: 0;
    z-index: 1;
    background-color: transparent;
    color: transparent;
    cursor: pointer
}

.jd-select-box-ct .selectbox-value {
    position: absolute;
    top: 2px;
    padding: 5px 8px
}

.jd-alert-message {
    position: relative;
    text-align: left;
    bottom: -72px;
    width: 500px;
    z-index: 1100;
    color: #fff;
    padding: 11px 8px 11px 23px;
    transition: transform 1s linear;
    margin: auto
}

.jd-alert-message-parent {
    position: fixed;
    z-index: 1201;
    left: 0;
    right: 0;
    bottom: -55px;
    width: 450px;
    left: calc(50% - 225px);
    transition: transform 1s linear
}

@media print {
    .jd-alert-message-parent {
        display: none
    }
}

.jd-transition {
    transform: translateY(-72px)
}

.jd-alert-message .icon {
    font-size: 22px;
    color: #fff;
    cursor: pointer
}

    .jd-alert-message .icon:before {
        color: #fff
    }

.jd-alert-message.alert-success {
    background: #42c364
}

.jd-alert-message .message-container {
    line-height: 27px;
    font-size: 17px
}

.jd-loading {
    background: none repeat scroll 0 0 #fff;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 1001;
    top: 0;
    left: 0;
    background-color: transparent
}

    .jd-loading .jd-loading-text {
        position: relative;
        left: 50%;
        top: 10px;
        background: #ffefcf;
        border: 1px solid #e5bf73;
        color: #ad7d39;
        padding: 5px;
        border-radius: 4px
    }

.jd-animate-top-alert-danger {
    background-color: #c64c5c;
    border-color: #c64c5c
}

.jd-animate-top-alert-success {
    background-color: #00b05a;
    border-color: #00b05a;
    border-radius: 100px
}

.jd-animate-top-alert-delay {
    animation: jd-animation-alert .5s 1;
    -webkit-animation: jd-animation-alert 2s 1;
    animation-fill-mode: forwards;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
    -webkit-animation-fill-mode: forwards
}

.jd-black-alert, .jd-undo-toast {
    background-color: #000;
    opacity: .75;
    border: none
}

.jd-undo-span {
    cursor: pointer
}

@-webkit-keyframes jd-animation-alert {
    0% {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    45% {
        opacity: .55
    }

    70% {
        opacity: .3
    }

    90% {
        opacity: .1
    }

    to {
        opacity: 0
    }
}

.jd-truncate-with-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.jd-blue-link {
    text-decoration: underline;
    cursor: pointer;
    color: #0086ff
}

.jd-scroll-hover {
    background-color: #0086ff;
    color: #fff;
    cursor: pointer
}

.jd-autosuggest {
    position: absolute;
    max-height: 200px;
    top: 34px;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    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
}

.jd-open .jd-autosuggest {
    display: block
}

.jd-autosuggest li.jd-li-hover, .jd-autosuggest li.jd-li-selected, .jd-autosuggest li:hover {
    background-color: #e9f3ff
}

.jd-autosuggest li {
    padding: 0 5px;
    border-bottom: 1px solid rgba(0,0,0,.15);
    cursor: pointer
}

    .jd-autosuggest li:last-child {
        border-bottom: none
    }

.jd-autosuggest-holder {
    width: 100%;
    position: relative
}

.jd-button-cross {
    position: absolute;
    right: 4px;
    top: 7px;
    cursor: pointer
}

    .jd-button-cross .icon-cross-circle {
        color: #ea4940
    }

.jd-sml-ic {
    font-size: 11px;
    color: #333
}

.jd-header-button-plus {
    color: #fff;
    position: relative;
    right: 5px;
    top: 1px;
    font-size: 14px
}

.jd-edit-blue-link {
    color: #0086ff;
    cursor: pointer
}

    .jd-edit-blue-link:hover {
        text-decoration: underline
    }

.jd-break-word {
    width: 150px;
    word-wrap: break-word
}

.jd-break-word-120px {
    width: 120px;
    word-wrap: break-word
}

.jd-tabs {
    border-top: 0 solid #d5dde3;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    list-style: none;
    padding: 0;
    margin: 0
}

    .jd-tabs li {
        float: left;
        padding: 10px 15px;
        width: 50%;
        color: #424448;
        text-align: center;
        background: #f2f2f2;
        border-left: 0 solid #d5dde3;
        border-radius: 0 4px 0 0;
        -webkit-border-radius: 0 4px 0 0;
        -moz-border-radius: 0 4px 0 0;
        cursor: pointer;
        border-bottom: 1px solid #e3eaee;
        border-top: 1px solid #d5dde3 !important;
        border-radius: 0 !important;
        border-right: 1px solid #e3eaee
    }

        .jd-tabs li:first-child {
            border-top: 0;
            border-left: 0;
            border-bottom: 1px solid #d5dde3
        }

        .jd-tabs li.activeBorder:first-child {
            padding-top: 7px
        }

        .jd-tabs li.active {
            background-color: #fff;
            border-radius: 4px 0 0 0;
            -webkit-border-radius: 4px 0 0 0;
            -moz-border-radius: 4px 0 0 0;
            border-bottom: 1px solid transparent
        }

        .jd-tabs li.activeBorder {
            border-top: 3px solid #0086ff !important;
            padding-top: 7px
        }

        .jd-tabs li:last-child {
            border-right: 0
        }

.jd-table {
    width: 100%;
    margin-bottom: 20px
}

    .jd-table td, .jd-table th {
        border: 1px solid #e3e3e3
    }

    .jd-table th {
        background: #f2f2f2
    }

.jd-visibility-hidden {
    visibility: hidden
}

.jd-text-left {
    text-align: left
}

.jd-text-bold {
    font-weight: 600
}

.jd-font-inherit {
    font-size: inherit
}

.jd-color-inherit {
    color: inherit !important
}

.jd-modal-danger-alert {
    background: #fde3e1;
    color: #ef7d78;
    border-radius: 0;
    margin-bottom: 0;
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid
}

    .jd-modal-danger-alert .icon-cross-circle {
        color: #de7e7f;
        font-size: 30px
    }

.jd-on-hover-underline:hover {
    text-decoration: underline;
    cursor: pointer
}

.jd-manual-link {
    padding-top: 8px;
    padding-left: 10px;
    font-weight: 600
}

    .jd-manual-link .marginL5 {
        margin-left: 5px
    }

.jd-logo-image {
    padding: 10px 12px;
    width: 182px;
    z-index: 111
}

.jd-no-padding {
    padding: 0 !important
}

.jd-vertical-center {
    display: inline-block;
    vertical-align: middle;
    float: none
}

.jd-padding-top-0 {
    padding-top: 0 !important
}

.jd-padding-bottom-0 {
    padding-bottom: 0 !important
}

.jd-margin-top-0 {
    margin-top: 0 !important
}

.jd-margin-left-0 {
    margin-left: 0 !important
}

.jd-padding-left-0 {
    padding-left: 0 !important
}

.jd-container {
    width: 100%
}

.jd-right-container {
    width: 100%;
    margin: 0;
    overflow: visible;
    height: 100%
}

.jd-container.jd-submenu-fixed .jd-right-container {
    padding-left: 190px
}

.jd-validation-error, .jd-validation-error .jd-error-msg {
    color: #c64c5c
}

    .jd-validation-error .jd-error-msg {
        font-size: 13px
    }

    .jd-validation-error .form-control {
        border: 1px solid #c64c5c
    }

.jd-autosuggest-dropdown-type1 .image-container {
    float: left;
    height: 50px;
    width: 50px
}

    .jd-autosuggest-dropdown-type1 .image-container .jd-image-loader-icon {
        padding: 0;
        text-align: center;
        width: 100%
    }

.jd-autosuggest-dropdown-type1 .list-content-container {
    float: left;
    padding-left: 10px
}

.jd-autosuggest-dropdown-type1 .jd-autosuggest-item {
    padding: 5px
}

.jd-autosuggest-dropdown-type1 .image-container .jd-image-loader-icon .icon-camera {
    line-height: 50px
}

.jd-border-red {
    border: 1px solid #de7e7e
}

.jd-rs-color-green {
    color: #31b404
}

.jd-rs-color-red {
    color: #de7e7e
}

.span12.routes-content-holder.full-width, .theme2.routes-content-holder.span12.full-width {
    padding-left: 0
}

.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
    }

@media(max-width:1058px)and (min-width:1020px) {
    .jd-helper-center {
        left: 39%
    }
}

.jd-helper.jd-helper-horizontal {
    border-bottom: 0;
    bottom: 58px;
    width: 101%;
    background: #fff;
    display: block;
    right: 0;
    left: 85px
}

.routes-content-holder.customize-app-view.theme2 {
    background-color: #1d1d1d
}

.jd-helper-horizontal .helper-icon {
    top: 3px;
    position: relative;
    font-size: 25px
}

.jd-helper-horizontal .info-link, .jd-helper-horizontal .info-text {
    margin-left: 5px
}

.info-text, .jd-helper-horizontal .info-link {
    display: inline
}

.jd-helper-center .question, .jd-helper-horizontal .icon-right {
    display: none
}

.jd-helper-horizontal h4.info-text {
    font-size: 17px
}

.jd-helper.jd-helper-center {
    width: 350px;
    top: 78%;
    left: 44%
}

.jd-helper-center .info-link {
    padding-top: 5px;
    margin-right: 53px
}

.jd-helper-center .helper-icon {
    font-size: 40px;
    top: 22px;
    position: relative;
    right: 10px
}

.jd-helper-center .helper-info {
    margin-top: -10px
}

.jd-helper {
    border: 1px solid #e3eaee;
    padding: 10px;
    text-align: center;
    position: absolute
}

.posSettingModal .modal-dialog {
    width: 450px
}

table.jd-fixed-header thead {
    display: block;
    width: 100%;
    overflow: auto;
    background: #f2f5fa
}

table.jd-fixed-header tbody {
    display: block;
    width: 100%;
    height: 200px;
    overflow: auto
}

table.jd-fixed-header td, table.jd-fixed-header th {
    padding: .5em 1em;
    text-align: left;
    vertical-align: top
}

.jd-modal-center {
    margin: 20% auto
}

.jd-sprite {
    background-image: url(https://image1.jdomni.in/jdomni_email/jd-sprites_2011181438.png);
    background-color: transparent;
    background-repeat: no-repeat
}

.jd-help-on-hover {
    width: 31px;
    height: 80px;
    background-position: -2px -2px
}

.jd-normal-help {
    width: 31px;
    height: 80px;
    background-position: -38px -2px
}

.showSubCategories .padding-left-50 {
    padding-left: 50px !important
}

.showSubCategories .showSubCategories .padding-left-50 {
    padding-left: 86px !important
}

.showSubCategories .psv-image-tree-line {
    display: inline-block;
    width: 30px;
    height: 152px;
    position: absolute;
    top: -123px;
    border-left: 1px solid #529ad2;
    left: 24px;
    border-bottom: 1px solid #529ad2
}

.showSubCategories .showSubCategories .psv-image-tree-line {
    left: 58px
}

#paypal-button-container .zoid-outlet {
    width: 100% !important
}

.jd-expiry-date-holder {
    width: 100%
}

    .jd-expiry-date-holder .expiry-type-holder {
        border: 1px solid #e3eaee;
        padding: 10px;
        border-radius: 3px;
        position: relative;
        background-color: #f2f2f2
    }

body.modal-open.prevent-scroll-top {
    overflow: visible
}

.btn-skip {
    margin-right: 10px;
    padding: 3px 5px
}

.invoice-icon-style {
    font-size: 13px;
    color: inherit
}

.jd-expiry-date-holder .manufacturing-form {
    float: left
}

    .jd-expiry-date-holder .manufacturing-form.mfg-input-text {
        width: 20%
    }

    .jd-expiry-date-holder .manufacturing-form.mfg-input-select {
        width: 78%;
        margin-left: 2%
    }

.jd-expiry-date-holder .expiry-warning-icon-position {
    position: relative;
    top: 3px
}

.row-type .jd-expiry-date-holder .manufacturing-form.mfg-input-text {
    width: 60px
}

.row-type .jd-expiry-date-holder .manufacturing-form.mfg-input-select {
    width: 100px;
    margin-left: 10px
}

.row-type .jd-expiry-date-holder .date-holder {
    float: left;
    width: 200px
}

    .row-type .jd-expiry-date-holder .date-holder .form-control {
        width: 175px
    }

.row-type .jd-expiry-date-holder .mfg-bestbefore {
    float: left;
    width: 180px;
    margin-left: 10px
}

.jd-expiry-date-holder .arrow.top {
    left: 185px
}

    .jd-expiry-date-holder .arrow.top.manufacturing-arrow {
        left: 20px
    }

.jd-expiry-date-holder .select-options label {
    cursor: pointer
}

.web-left-container .web-left-header {
    height: 57px;
    border-bottom: 0;
    padding: 0 5px
}

.web-left-container a {
    color: #9e9e9e
}

.web-left-container .web-buttons-container {
    padding-top: 10px
}

    .web-left-container .web-buttons-container .dropdown-toggle .icon-moremenu {
        font-size: 18px
    }

    .web-left-container .web-buttons-container.z-index {
        position: relative;
        z-index: 3
    }

.web-left-header .web-buttons-container .btn {
    margin-right: 10px;
    height: 34px;
    padding: 5px 10px 6px 12px
}

.web-left-header .web-buttons-container .save-quote-btn {
    min-width: 54px
}

.web-left-header .web-buttons-container .order-btn-show {
    min-width: 114px
}

.web-left-header .web-buttons-container .save-quote-btn .circle-loader-order {
    border: 3px solid #0086ff;
    border-top-color: #fff;
    bottom: 1px
}

    .web-left-header .web-buttons-container .save-quote-btn .circle-loader-order:hover {
        border: 3px solid #fff;
        border-top-color: #0086ff
    }

.web-left-header .web-buttons-container .save-quote-btn:hover > .circle-loader-order {
    border: 3px solid #fff;
    border-top-color: #0086ff;
    bottom: 1px
}

.web-left-header .web-buttons-container .btn.newProductBtn {
    outline: none;
    background: #0086ff;
    border-radius: 100px;
    border-radius: 23px;
    border: 1px solid #0086ff;
    margin-right: 0;
    font-family: Gilroy;
    padding-top: 6px
}

    .web-left-header .web-buttons-container .btn.newProductBtn:hover {
        background-color: #0174dc
    }

.no-item-found .add-product .showcase-text {
    font-size: 18px;
    color: #414e59;
    font-weight: 500;
    font-family: Gilroy
}

.no-item-found .add-product .grab-text {
    font-size: 16px;
    color: #414e59;
    font-weight: 400;
    font-family: Gilroy
}

.no-item-found .add-product .blue-button {
    box-shadow: 0 11px 45px -11px rgba(60,163,255,.57);
    width: 178px;
    font-size: 18px;
    border: none;
    outline: none;
    font-family: Gilroy
}

.no-item-found .page-center .add-product .blue-button:hover {
    background-color: #0174dc !important
}

.no-item-found .learnProduct .btn.help-btn {
    position: fixed;
    bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 26px;
    height: unset;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #ededed;
    border-radius: 50px;
    background: 0 0;
    color: #0086ff;
    transition: all .3s ease;
    font-family: Gilroy
}

    .no-item-found .learnProduct .btn.help-btn:hover {
        background: #edf1f7
    }

.no-item-found .page-center {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%,-50%)
}

.web-left-header .web-buttons-container .notify-theme {
    border: 1px solid #0086ff;
    display: flex;
    border-radius: 50%;
    cursor: pointer;
    color: #0086ff;
    transition: all .3s ease;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center
}

    .web-left-header .web-buttons-container .notify-theme.red-icon {
        color: #fff;
        border: 1px solid #e6190c;
        background: #e6190c
    }

.web-left-header .web-buttons-container .theme-notif-content {
    min-height: 200px;
    max-height: 400px;
    overflow: auto;
    width: 400px;
    padding: 10px;
    line-height: 24px;
    color: #333
}

.web-left-header .web-buttons-container .theme-notif-container {
    margin-top: 45px;
    max-width: 400px;
    left: -5px;
    display: block !important;
    transform-origin: 30px 0;
    transform: scale(0);
    transition: all .3s ease
}

    .web-left-header .web-buttons-container .theme-notif-container.show {
        transform: scale(1) !important
    }

.web-left-header .web-buttons-container .theme-notif-content .block {
    padding-bottom: 20px;
    margin-bottom: 22px;
    border-bottom: 1px solid #7d7d7d
}

    .web-left-header .web-buttons-container .theme-notif-content .block:last-child {
        border-bottom: none;
        margin-bottom: 0
    }

.web-left-header .web-buttons-container .theme-notif-content .no-notifs {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 40px;
    font-size: 16px
}

    .web-left-header .web-buttons-container .theme-notif-content .no-notifs .image {
        width: 60px;
        margin-bottom: 10px
    }

.web-left-header .web-buttons-container .btn.btn-warning.jd-btn-plus-btn {
    border: none
}

.web-title-container h3 {
    font-weight: 300;
    line-height: 55px;
    font-size: 18px;
    margin: 0
}

.theme2.routes-content-holder.span12.web-payment-manage {
    padding-left: 0
}

.web-left-header.jd-header-fixed {
    left: 0
}

.web-left-container .web-left-body {
    margin-top: 70px
}

    .web-left-container .web-left-body.marginT55 {
        margin-top: 55px
    }

    .web-left-container .web-left-body.padding-bottom-75 {
        padding-bottom: 75px
    }

    .web-left-container .web-left-body .web-left-body-section {
        border-bottom: 1px solid #e3eaee;
        margin-top: 20px
    }

.web-left-body-section .col-left {
    width: 19%;
    float: left;
    padding: 0 15px
}

.web-left-body-section .col-right {
    width: 81%;
    float: left
}

.web-left-container .web-left-header.jd-header-fixed {
    position: fixed;
    z-index: 112;
    top: 0;
    background-color: #fff;
    right: 0;
    border-bottom: 1px solid #eee
}

.edit-mode .web-left-container .web-left-header.jd-header-fixed {
    z-index: 1012
}

.web-products-manage .web-left-header.jd-header-fixed {
    z-index: 112
}

.web-input-holder .form-control {
    width: 100%
}

.web-input-holder {
    padding: 0 20px 0 0;
    position: relative
}

    .web-input-holder:nth-child(3) {
        padding-right: 0
    }

.web-left-body-section.web-left-padding {
    padding-left: 15px
}

.thin-label {
    font-size: 13px;
    color: #7a8899
}

.product-table th {
    border-top: none;
    background-color: #f2f5fa
}

.col-left .control-label {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 20px
}

.web-left-container .form-group {
    margin-bottom: 20px
}

.jd-web-validation-error, .jd-web-validation-error * {
    border-color: #de7e7e
}

    .jd-web-validation-error .icon-warning {
        color: #e22323;
        font-size: 16px;
        top: 2px;
        position: relative
    }

    .jd-web-validation-error.reports-date-error {
        background-color: rgba(253,227,225,.6);
        color: #e22323
    }

.jd-section-heading-label {
    font-weight: 400;
    font-size: 16px;
    color: #66757f;
    margin-bottom: 10px;
    word-spacing: 15px;
    letter-spacing: 5px
}

.vbox > footer {
    padding-left: 190px
}

.span12.routes-content-holder.web-dashboard {
    padding-bottom: 0
}

.jd-printing-iframe {
    display: inline;
    width: 128px;
    height: 41px;
    border: none
}

.date-container {
    border: 1px solid #e5e5e5;
    margin: 15px 0;
    padding: 15px;
    background-color: #f7f7f7
}

.top-header-error-display i {
    margin-right: 5px
}

.jd-additional-btn-container .dropdown i {
    color: #757575
}

.jd-additional-btn-container > li > a {
    padding-top: 8px;
    padding-bottom: 8px
}

.jd-additional-btn-container .dropdown > .dropdown-menu {
    left: -100px
}

.jd-additional-btn-container .dropdown.open ul li a i {
    margin-right: 5px;
    font-size: 13px;
    font-weight: 700
}

.jd-additional-btn-container .dropdown-menu > li > a {
    padding: 3px 10px
}

.jd-export-modal {
    width: 600px
}

.jd-dropdown-list li.item-container > a:hover {
    cursor: pointer;
    background-color: #a1aab2;
    color: #428bca
}

.jd-dropdown-list li.item-container.menuSel a:hover {
    color: #333
}

.jd-dropdown-list .dropdown-menu {
    margin-top: 5px
}

.jd-position-relative {
    position: relative
}

.date-range-picker-table.table-condensed thead tr:first-child th:first-child, .date-range-picker-table.table-condensed thead tr:first-child th:first-child .btn.btn-default.btn-sm, .date-range-picker-table.table-condensed thead tr th .btn.btn-default.btn-sm, .date-range-picker-table th.prev.available {
    background: #0086ff;
    -moz-border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
    border-radius: 10px 0 0 0;
    height: 35px;
    border-color: #0086ff;
    color: #fff !important;
    font-size: 14px
}

.date-range-picker-table .available .btn-default {
    color: #333 !important
}

    .date-range-picker-table .available .btn-default.active {
        background: #0086ff;
        color: #fff !important
    }

.date-range-picker-table .main-header th, .date-range-picker-table .main-header th.month {
    background: #0086ff;
    border-radius: 0;
    color: #fff
}

.date-range-picker-table td.available .btn {
    background: transparent;
    border-color: transparent
}

.date-range-picker-table td.available .btn-info.active {
    color: #fff !important
}

.date-range-picker-table td.available .btn-sm.active .text-info {
    color: #fff
}

.jd-single-datepicker .form-control:focus ~ .icon-Calender-class {
    color: #0086ff !important
}

.date-range-picker-table td.available:hover .text-muted {
    color: #fff
}

.date-range-picker-table .calender-numbers td {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: #333;
    position: relative;
    height: 30px;
    padding: 0;
    width: 30px
}

    .date-range-picker-table .calender-numbers td .btn {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        border-radius: 0
    }

.web-offline-container .date-range-picker-table .calender-numbers td .btn {
    min-width: 0
}

.date-range-picker-table td.available .btn-info.active .text-info {
    color: #fff
}

.export-top-notification {
    background-color: #f3f7fb;
    margin: -15px -15px 15px;
    padding: 5px 15px;
    color: #333;
    width: 106%
}

.inline-block {
    display: inline-block
}

.exportPOModal .date-container {
    background-color: #f7f7f7
}

    .exportPOModal .date-container .form-control[readonly] {
        background: #fff
    }

.jd-export-modal {
    width: 435px
}

.date-container {
    margin-top: 5px
}

.date-value {
    padding-left: 30px
}

.date-value-calender {
    position: relative;
    top: -28px;
    left: 6px
}

.maximum-date-period-holder {
    padding-right: 0
}

.exportOnlinePaymentModal .maximum-date-period-holder, .exportPOModal .maximum-date-period-holder {
    margin-top: 38px
}

.setting-modal .modal-body {
    font-size: 14px
}

.jd-warning-text {
    color: #f8aa12
}

.exportPOModal .dropdown-menu {
    min-width: 232px
}

.font-20 {
    font-size: 20px
}

.exportPOModal .modal-body {
    padding-bottom: 5px
}

.exportPOModal .modal-footer {
    margin-top: 0
}

.jd-additional-btn-container .export-btn {
    text-align: center;
    margin-right: 10px;
    font-size: 20px;
    padding: 5px 10px
}

.jd-additional-btn-container .dropdown i {
    color: #0086ff
}

.export-import-popover.popover {
    border-radius: 2px
}

    .export-import-popover.popover.bottom > .arrow {
        left: 78%
    }

.jd-dropdown .export-import-popover.popover.bottom > .arrow {
    left: 50%
}

.export-import-popover.popover.bottom {
    top: 34px;
    left: -107px;
    border-radius: 10px
}

.export-import-popover.popover.buttonType {
    top: 30px;
    left: -8px
}

.export-import-popover.popover.border-radius {
    border-radius: 10px
}

.export-import-popover.popover .border-bottom {
    border-bottom: 1px solid #eaeef1
}

.jd-dropdown .export-import-popover.popover.bottom {
    top: 34px;
    left: 0
}

.export-import-popover .menu-list a {
    color: #333;
    font-size: 14px
}

    .export-import-popover .menu-list a i {
        font-size: inherit;
        color: #0086ff;
        margin-right: 5px
    }

.export-import-popover .menu-list {
    margin-bottom: 0
}

    .export-import-popover .menu-list li {
        width: 140px;
        padding: 5px 10px
    }

        .export-import-popover .menu-list li:hover {
            background-color: #f5fafe
        }

.jd-dropdown .export-import-popover .list-unstyled.menu-list li {
    width: 100%;
    padding: 0
}

    .jd-dropdown .export-import-popover .list-unstyled.menu-list li a {
        color: #428bca;
        font-size: 14px;
        display: block
    }

        .jd-dropdown .export-import-popover .list-unstyled.menu-list li a:hover {
            background-color: #428bca;
            cursor: pointer;
            color: #fff
        }

.jd-dropdown .export-import-popover .popover-content {
    padding: 9px 0
}

.jd-dropdown .export-import-popover {
    border-radius: 4px
}

.jd-dropdown .btn-drop-header {
    width: 168px
}

.export-import-popover .menu-list li.underline {
    border-top: 1px solid #e3eaee
}

.export-import-popover .popover-content {
    padding: 0
}

.export-import-popover {
    padding: 1px 0;
    border-radius: 2px
}

.btn-default.export-btn {
    background-color: #fff
}

.menu-list li {
    cursor: pointer
}

.export-btn {
    padding: 4.5px 12px
}

.top-header-error-display {
    background-color: #fde3e1;
    padding: 5px 15px;
    border-top: 1px solid #e94b40;
    border-bottom: 1px solid #e94b40;
    color: #e94b40
}

.jd-no-items-found-vertical-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.jd-item-not-found-icon {
    font-size: 200px;
    color: #e3e3e3
}

.jd-item-not-found-header-label {
    color: #7a8899;
    font-size: 24px;
    margin-top: 30px
}

.jd-item-not-found-sub-header-label {
    color: #0086ff;
    font-size: 16px;
    margin: 15px 0 25px
}

.jd-hover-underline:hover {
    text-decoration: underline
}

.jd-btn-plus-btn .icon-plus {
    font-size: 16px;
    top: 1px;
    position: relative
}

.jd-btn-plus-btn .btn-text, .jd-btn-plus-btn .icon-plus {
    color: #fff !important
}

.jd-btn-plus-btn .btn-text {
    margin-left: 0
}

.jd-alert-message.alert {
    z-index: 1051;
    display: flex;
    width: 450px;
    align-items: center;
    border-radius: 100px;
    border: none;
    box-shadow: none
}

.doubleLine .alert {
    height: 66px;
    line-height: 19px
}

.jd-alert-message.alert.alert-success {
    border-color: #42c364
}

.jd-alert-message.alert.alert-danger {
    border-color: rgba(248,110,100,.95)
}

.jd-alert-message.alert.jd-info-msg {
    border: none;
    background: rgba(0,0,0,.85);
    box-shadow: none;
    color: #fbf5fc
}

.jd-alert-message .display-table {
    width: 100%
}

    .jd-alert-message .display-table.toast-container {
        font-family: Gilroy
    }

.jd-alert-message .message-container {
    vertical-align: middle;
    width: calc(100% - 135px);
    font-size: 14px;
    line-height: 18px
}

.jd-alert-message .icon-close-thin {
    vertical-align: middle;
    width: 34px;
    height: 34px;
    margin-left: 10px;
    margin-right: 7px
}

.date-range-picker-table.table-condensed > thead > tr > th {
    width: 32px;
    padding: 5px 0;
    text-align: center;
    height: 32px;
    vertical-align: middle
}

.date-range-picker-table.table-condensed > thead > tr:not(:first-child) > th {
    padding-top: 8px
}

.isIPad .date-range-picker-table.table-condensed > thead > tr > th {
    padding: 0
}

.date-range-picker-table.table-condensed {
    width: 100%;
    min-width: 230px;
    margin-top: -5px;
    margin-bottom: -5px;
    outline: none
}

.row.jd-product-group-tree {
    padding: 0 15px
}

.jd-product-group-tree ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    position: relative;
    font-family: Gilroy;
    color: #414e59
}

.jd-product-group-tree .child-list li {
    list-style-type: none;
    border-left: 1px solid #e5e5e5;
    margin-left: 1.5em
}

.jd-product-group-tree li div {
    padding-left: 1em;
    position: relative
}

.jd-product-group-tree .child-list li div:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -1px;
    bottom: 50%;
    width: .75em;
    border-right: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-color: transparent transparent #e5e5e5 #e5e5e5;
    border-style: none none solid solid;
    border-width: 0 0 1px 1px
}

.jd-product-group-tree ul > li:last-child {
    border-left: 1px solid transparent
}

.jd-product-group-tree .collapse-btn {
    padding: 1px 4px;
    line-height: 1;
    position: relative;
    z-index: 1;
    top: -2px
}

.jd-product-group-tree .product-level-group-height {
    line-height: 20px;
    padding: 5px 0
}

.jd-product-group-tree .child-level-group-height {
    line-height: 20px;
    padding: 0 0 5px
}

.jd-product-group-tree .padding-adjust {
    padding: 10px 0
}

.jd-product-group-tree .add-subgroup {
    padding: 0 3px;
    font-size: 13px
}

.jd-product-group-tree .child-list.lower-level li div:before {
    content: "";
    position: absolute;
    top: -16px;
    left: -1px;
    bottom: 50%;
    width: .75em;
    border-right: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-color: transparent transparent #e5e5e5 #e5e5e5;
    border-style: none none solid solid;
    border-width: 0 0 1px 1px
}

.changeGroupModal ul li:last-child, .grand-child-list li:nth-last-child(2) {
    border-left: 1px solid transparent
}

.jd-margin-0 {
    margin: 0 !important
}

.jd-padding-0 {
    padding: 0
}

.jd-btn-striped {
    background-image: -webkit-linear-gradient(-45deg,#4c99e5 25%,transparent 0,transparent 50%,#4c99e5 0,#4c99e5 75%,transparent 0,transparent);
    background-image: -moz-linear-gradient(-45deg,#4c99e5 25%,transparent 25%,transparent 50%,#4c99e5 50%,#4c99e5 75%,transparent 75%,transparent);
    background-image: -ms-linear-gradient(-45deg,#4c99e5 25%,transparent 25%,transparent 50%,#4c99e5 50%,#4c99e5 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,#4c99e5 25%,transparent 0,transparent 50%,#4c99e5 0,#4c99e5 75%,transparent 0,transparent);
    background-image: -o-linear-gradient(-45deg,#4c99e5 25%,transparent 25%,transparent 50%,#4c99e5 50%,#4c99e5 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: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

.jd-scroll-class {
    right: 0;
    left: 190px;
    padding-left: 25px;
    padding-right: 15px;
    width: auto;
    border-bottom: none
}

.jd-delete-on-hover:not(.mobileBrowser):not(.safariBrowser) :hover {
    color: #e87674 !important
}

.jd-payment-pending-modal .payment-label i {
    font-size: 20px
}

.jd-payment-pending-modal .payment-modal-center {
    padding: 15px 30px 15px 15px;
    text-align: center
}

.jd-payment-pending-modal .pending-amoutn-holder {
    width: 100%;
    border: 1px solid #e5e5e5;
    border-bottom: none;
    padding: 15px
}

.jd-payment-pending-modal .payment-added-container {
    float: left;
    width: 100%
}

.jd-payment-pending-modal .border-bottom {
    border-bottom: 1px solid #e5e5e5
}

.jd-payment-pending-modal #deletePaymentMethod.popover {
    box-shadow: none;
    -webkit-box-shadow: none
}

.jd-payment-pending-modal .payment-label {
    font-size: 27px
}

.jd-add-new-customer-modal .add-new-customer-header-message-holder {
    margin: -15px -15px 15px;
    padding: 2px 15px 8px;
    background-color: #f3f7fb;
    color: #333;
    font-size: 15px
}

    .jd-add-new-customer-modal .add-new-customer-header-message-holder .icon-static-page {
        font-size: 22px;
        position: relative;
        top: 4px
    }

.row-fluid-15 > .span3.left-fixed-nav-container {
    display: none
}

body.left-menu-visible {
    overflow: hidden
}

    body.left-menu-visible .row-fluid-15 > .span3.left-fixed-nav-container {
        display: block
    }

.span12.theme2.routes-content-holder.web-pos {
    padding-left: 0;
    padding-bottom: 0;
    position: absolute
}

.icon-burgerCMS, .icon-menu {
    cursor: pointer
}

.web-left-header .web-title-container .icon-burgerCMS {
    z-index: 2;
    font-size: 24px;
    padding-top: 15px
}

    .web-left-header .web-title-container .icon-burgerCMS.burger-icon {
        width: 40px;
        height: 40px;
        margin: 6px 3px 0 0;
        color: #0086ff
    }

.jd-cursor-default {
    cursor: default
}

.jd-cursor-pointer {
    cursor: pointer
}

.jd-txt-black {
    color: #333
}

.jd-no-text-decoration:hover {
    text-decoration: none !important
}

.jd-payment-pending-modal .payment-complete-holder {
    min-height: 150px;
    text-align: center;
    padding-top: 45px;
    font-size: 18px
}

.web-customer-edit .jd-payment-pending-modal .payment-complete-holder {
    font-size: 16px;
    text-align: left;
    padding: 10px 15px
}

.jd-text-underline, .jd-text-underline:hover {
    text-decoration: underline
}

.jd-margin-right-0 {
    margin-right: 0 !important
}

.change-group-modal-body-height {
    max-height: 370px;
    padding-bottom: 30px !important
}

.jd-div-border {
    border: 1px solid #e3eaee
}

.daterangepicker td.off.in-range, .daterangepicker td.off.in-range:hover {
    background: none !important;
    color: #ccc
}

.daterangepicker td.available.active.start-date {
    background: #0086ff;
    border-radius: 7px 0 0 7px
}

.daterangepicker td.available.active.end-date {
    background: #0086ff;
    border-radius: 0 7px 7px 0
}

.jd-left-br0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.jd-padding-right-0 {
    padding-right: 0 !important
}

.jd-border-left {
    border-left: 1px solid #e3eaee
}

.jd-text-mute {
    color: #999
}

.text-green {
    color: #31b404
}

.text-dark-red {
    color: #bf0000
}

.jd-delivery-time-holder {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%
}

.jd-pending-time-icon {
    background: #f90
}

.jd-delay-time-icon {
    background: #ea4940
}

.jd-payment-supplier-modal input, .jd-payment-supplier-modal select {
    font-weight: 400
}

.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) {
    margin: 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: .25em 0;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #c1cdd7;
    vertical-align: bottom
}

.jd-custom-radio:not(old):checked + label > span > span {
    display: block;
    width: 9px;
    height: 9px;
    border: .0625em solid #0086ff;
    background: #0086ff;
    border-radius: 50%
}

.jd-font-roboto .control-label, .jd-font-roboto .jd-text-bold, .jd-font-roboto .semi-bold, .jd-font-roboto .text-bold, .jd-font-roboto .txt-bold, .jd-font-roboto strong, .jd-font-roboto th {
    font-weight: 500
}

.web-compose-sms {
    width: 100%
}

    .web-compose-sms textarea {
        height: 100px;
        width: 100%
    }

    .web-compose-sms .sms-count {
        margin-left: 50px
    }

    .web-compose-sms .error-message, .web-compose-sms.invalidsms label, .web-compose-sms.invalidsms textarea {
        color: #de7e7e;
        border-color: #de7e7e
    }

.web-timeslots .circularDiv {
    border-radius: 50%;
    background: #f2f2f2;
    position: relative;
    top: 8px;
    display: block;
    width: 22px;
    height: 22px;
    margin: auto;
    padding-top: 1px
}

.web-timeslots .radio-btns {
    position: relative;
    left: -8px;
    margin-bottom: 10px
}

    .web-timeslots .radio-btns input[type=radio] {
        margin-top: 12px;
        margin-right: 5px
    }

.web-timeslots .timeSelectBox {
    width: 100%;
    padding: 5px 3px !important;
    border: 0
}

.web-timeslots .border-divs {
    border: 1px solid #ddd;
    padding: 0
}

.web-timeslots .border-bottom {
    border-bottom: 0
}

.web-timeslots .left-border {
    border-left: 1px solid #ddd;
    padding: 10px 10px 10px 30px
}

.web-timeslots .padding10 {
    padding: 10px
}

.web-timeslots .select-div {
    border-left: 1px solid #ddd;
    overflow: auto;
    padding-right: 0
}

.web-timeslots .height40, .web-timeslots .select-div {
    height: 40px;
    padding-top: 1px
}

.web-timeslots .top-header-error-display {
    border: 1px solid #e94b40;
    margin-bottom: 15px
}

    .web-timeslots .top-header-error-display .icon-warning {
        color: #e94b40;
        margin-right: 6px;
        position: relative;
        top: 3px
    }

.web-timeslots .days {
    position: relative;
    top: 0;
    height: 40px;
    padding-top: 10px;
    background: #f2f2f2;
    text-align: center
}

.jd-custom-input-group {
    direction: rtl
}

    .jd-custom-input-group .input-group-addon {
        background: none;
        border: 1px solid #c1cdd7;
        border-right: 0
    }

    .jd-custom-input-group .form-control {
        border-left: 0;
        padding-left: 0
    }

        .jd-custom-input-group .form-control:focus, .jd-custom-input-group .form-control:focus ~ span, .jd-custom-input-group:focus .input-group-addon {
            border-color: #0086ff
        }

    .jd-custom-input-group .form-control {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        text-align: left
    }

    .jd-custom-input-group .input-group-addon {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

.jd-ajax-loader {
    font-size: 50px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1.6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg)
    }

    to {
        -ms-transform: rotate(1turn)
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(1turn)
    }
}

.date-container.row .col-md-5.date-picker-holder {
    width: 50%
}

.modal-header .close {
    outline: none;
    text-shadow: none;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5
}

    .modal-header .close:focus, .modal-header .close:hover {
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: 1
    }

.jd-btn-primary, .jd-btn-primary:focus {
    background: #fff;
    color: #0086ff;
    border-color: #0086ff;
    transition: background .3s ease
}

.btn-primary {
    transition: background .3s ease
}

.jd-red-btn-primary {
    background: #fff;
    border: 1px solid #df5868;
    color: #df5868 !important
}

    .jd-red-btn-primary:focus:active, .jd-red-btn-primary:hover {
        background: #df5868;
        color: #fff !important
    }

.jd-btn-primary[disabled] {
    background: #f0f0f0;
    border-color: #d9e0e8;
    color: #c6c4c5
}

.jd-btn-primary:hover {
    background: #0086ff;
    border-color: #0086ff;
    color: #fff !important
}

.jd-btn-primary:focus:active {
    background: #0086ff;
    border-color: #0086ff;
    color: #fff
}

.testimonial-slider .btn-add-new-testimonial .jd-btn-primary:active, .testimonial-slider .btn-add-new-testimonial .jd-btn-primary:focus, .testimonial-slider .btn-add-new-testimonial .jd-btn-primary:hover {
    background: #fff;
    color: #0086ff !important;
    border-color: #0086ff
}

.jd-btn-primary:active {
    background: #3491c8;
    -webkit-box-shadow: inset 0 2px 3px #2a74a0;
    -moz-box-shadow: inset 0 2px 3px #2a74a0;
    box-shadow: inset 0 2px 3px #2a74a0;
    border-color: #2a74a0;
    color: #fff
}

.pos-challan-modal-width-895 {
    width: 895px
}

.jd-full-width {
    width: 100% !important
}

.jd-help-section {
    position: fixed;
    top: 50%;
    bottom: 50%;
    right: 0;
    z-index: 1000
}

.jd-help-imgs {
    width: 31px;
    height: 80px;
    background-position: -38px -2px
}

    .jd-help-imgs:hover {
        width: 31px;
        height: 80px;
        background-position: -2px -2px
    }

.help-on-modal {
    padding: 6px;
    color: #0086ff;
    border: 1px solid #0086ff;
    font-size: 14px;
    width: 80px;
    height: 30px;
    display: inline-block;
    margin-right: 15px;
    position: relative;
    bottom: 1px
}

.help-btn-loader {
    border: 2px solid;
    border-top: 2px solid transparent;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 4px;
    left: 30px
}

.pos-rel {
    position: relative
}

.popup-alert-header .help-on-modal {
    border-radius: 100px
}

.help-on-modal:hover {
    background: #0086ff;
    color: #fff
}

.help-on-modal i.help-sm-icon {
    font-size: 16px;
    color: #0086ff;
    position: relative;
    top: 0
}

.help-on-modal:focus i.help-sm-icon, .help-on-modal:hover i.help-sm-icon {
    color: #fff
}

.help-on-modal .help-txt {
    position: relative;
    left: 4px;
    top: -2px
}

#jdPopupTypeConfirm .help-icon-only-section .icon-help {
    color: #898989
}

#jdPopupTypeConfirm {
    z-index: 10001;
    background-color: rgba(0,0,0,.5)
}

    #jdPopupTypeConfirm .overlay {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%
    }

.confirm-delete-modal .modal-title {
    position: absolute;
    left: calc(50% - 36px)
}

.success-status-bg {
    background: #fff;
    color: #8a9299;
    border: 1px solid #d9d9d9
}

.pending-status-bg {
    background: #fff;
    color: #f90;
    border: 1px solid #e58a00
}

.desktop .jd-cms .add-content-btwn-btn-parent .btn.btn-primary .icon-addSection2 {
    font-size: 15px;
    margin-top: 2px;
    padding-left: 12px
}

.font20 {
    font-size: 20px
}

.font26 {
    font-size: 26px
}

.icon-text-alignment {
    position: relative;
    top: 2px
}

.jd-font-roboto .modal-title {
    font-weight: 300;
    font-size: 20px
}

body.web-offline-container .barcode-set-up-help, body.web-offline-container .customer-help-section, body.web-offline-container .footer-help-section, body.web-offline-container .help-sec-on-draft, body.web-offline-container .jd-help-section, body.web-offline-container .supplier-help-section {
    display: none
}

.no-item-found-icon {
    font-size: 130px;
    color: #bebebe;
    text-align: center
}

.no-item-found {
    font-size: 26px;
    color: #333;
    text-align: center
}

.add-first-item {
    font-size: 16px;
    color: #7d7d7d;
    text-align: center;
    margin-bottom: 17px;
    margin-top: 9px
}

.add-first-item-btn {
    font-size: 14px;
    color: #333;
    border-radius: 2px;
    color: #fff;
    text-align: center
}

body.web-offline-container select.form-control {
    font-family: Arial !important
}

.web-left-container-full-height {
    height: 100%
}

    .web-left-container-full-height .web-left-body-full-height {
        height: 100%;
        width: 100%;
        display: table;
        margin-top: 55px !important
    }

        .web-left-container-full-height .web-left-body-full-height .module-icon-centering {
            display: table-cell;
            vertical-align: middle;
            padding-bottom: 90px
        }

.jd-server-sync-modal .modal-dialog {
    width: 530px;
    margin-top: 13%
}

.server-sync-warning {
    background-color: #f26d20
}

.server-sync-failed {
    background-color: #d12d12
}

.jd-server-sync-modal .modal-header {
    border: 0;
    color: #fff;
    font-size: 120px;
    padding: 0;
    height: 160px
}

.jd-server-sync-modal .modal-content {
    box-shadow: none;
    border-radius: 3px
}

    .jd-server-sync-modal .modal-content .header {
        font-size: 20px;
        min-height: auto
    }

    .jd-server-sync-modal .modal-content .sub-header {
        font-size: 15px
    }

    .jd-server-sync-modal .modal-content .contents {
        margin-top: 10px;
        font-size: 18px
    }

.jd-server-sync-modal .modal-footer {
    border: 0;
    margin-top: 0;
    padding-top: 0
}

    .jd-server-sync-modal .modal-footer .btnClose {
        width: 80px;
        padding: 10px;
        color: #333 !important
    }

.connect-btn-style {
    position: fixed;
    bottom: 8px;
    right: 15px;
    border: 1px solid #0086ff;
    padding: 10px;
    background: #0086ff !important;
    color: #fff !important;
    width: 165px;
    z-index: 12345
}

    .connect-btn-style.btn-pos-style {
        right: 330px
    }

    .connect-btn-style .icon-connect {
        color: #fff
    }

    .connect-btn-style:hover {
        background: #0086ff !important;
        border-color: #2a74a0 !important
    }

#paymentPendingModal .modal-dialog {
    width: 400px
}

.paymentModal {
    width: 100%;
    margin: 0;
    padding: 15px
}

#paymentPendingModal .total-payment-selected-holder.paymentModal {
    padding: 0 15px;
    background-color: #fafafa
}

#paymentPendingModal .total-payment-selected-holder .payment-added {
    margin: 0
}

#paymentPendingModal .payment-type {
    display: inline-block;
    border: 1px solid #e3e3e3;
    text-align: inherit;
    margin: 0;
    cursor: pointer;
    background-color: #fff;
    width: 50%;
    border-radius: 0;
    height: 75px;
    position: relative;
    border-collapse: collapse
}

    #paymentPendingModal .payment-type i {
        background-color: #f1f1f1;
        border-radius: 50%;
        padding: 5px
    }

    #paymentPendingModal .payment-type:hover {
        color: #f2f2f2;
        background-color: #0086ff;
        border: 1px solid #0086ff
    }

        #paymentPendingModal .payment-type:hover i {
            border-color: #0086ff;
            color: #0086ff;
            background-color: #fafafa
        }

    #paymentPendingModal .payment-type i {
        font-size: 24px
    }

#paymentPendingModal .select-payment-option {
    background: none repeat scroll 0 0 #e6eff8;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    margin: 0;
    padding: 0;
    width: 100%
}

#paymentPendingModal .payment-options-holder {
    border-top: 1px solid #d5dde3;
    padding: 0
}

#paymentPendingModal .pending-amoutn-holder .pending-footer {
    position: relative;
    top: 15px;
    margin-bottom: 10px;
    padding-top: 0
}

#paymentPendingModal .payment-outstanding {
    font-size: 16px
}

#paymentPendingModal .paymentValue i.icon-cross-circle, #paymentPendingModal .paymentValue i.icon-edit {
    margin-left: 0
}

#paymentPendingModal .subtotal-label label {
    color: #7a8899;
    display: inline-block
}

#paymentPendingModal .return-change {
    font-size: 16px
}

#paymentPendingModal .paymentValue i.icon-cross-circle {
    color: #ccc;
    font-size: 16px
}

#paymentPendingModal .amout-suggestion span {
    font-size: 14px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #d5dde3
}

    #paymentPendingModal .amout-suggestion span:hover {
        border: 1px solid #0086ff
    }

#paymentPendingModal .select-payment-header {
    font-size: 18px
}

#paymentPendingModal .payment-type .pos-middle {
    position: relative;
    top: 18px;
    padding-right: 0
}

#paymentPendingModal .amout-suggestion span i {
    font-size: 11px
}

#paymentPendingModal .paymentDetail .top3, #paymentPendingModal .paymentValue .top3 {
    top: 3px;
    position: relative
}

#paymentPendingModal .payment-outstanding i.font12, #paymentPendingModal .subtotal-value i.font12 {
    font-size: 12px
}

#paymentPendingModal .total-payment-selected-holder label {
    padding-left: 0
}

#paymentPendingModal .paymentValue input {
    width: 96px
}

body.has-update-message {
    padding-top: 37px
}

    body.has-update-message #titleSection, body.has-update-message .web-left-header {
        top: 41px !important
    }

.has-update-message .header-update-message-holder {
    padding: 10px;
    text-align: center;
    background-color: #fff9fd;
    color: #c00000;
    position: fixed;
    width: 100%;
    margin-top: -37px;
    z-index: 10;
    border-bottom: 1px solid #ccc
}

    .has-update-message .header-update-message-holder .icon-sync.offline-sync {
        color: #c00000;
        position: relative;
        top: 3px
    }

.has-update-message .hd-count-holder {
    top: 8px
}

.animation {
    -webkit-animation-name: animate;
    -webkit-animation-duration: 2s;
    animation-name: animate;
    animation-duration: 2s
}

@-webkit-keyframes animate {
    0% {
        bottom: -42px
    }

    to {
        bottom: 8px
    }
}

#deliveryDateTimeModal .width-350 {
    width: 350px
}

.popover.error-pop {
    background-color: #fde3e1;
    border: 1px solid #e94b40;
    border-radius: 0
}

.error-pop .popover-content {
    color: #e94b40;
    padding: 2px 4px 0
}

.popover.error-pop .arrow:after {
    border-bottom-color: #fde3e1
}

.popover.error-pop .arrow {
    border-bottom-color: #e94b40
}

.jd-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
}

.jd-bottom-pop-over.popover.bottom > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: rgba(0,0,0,.25);
    border-bottom-width: 0;
    border-top-width: 10px;
    top: 100%
}

.web-add-from-product-library, .web-bulk-add-edit-inventory, .web-customer-landing, .web-delivery-landing, .web-domain-landing, .web-inbox-home, .web-inventory-landing, .web-online-store-customize, .web-online-store-landing, .web-order-landing, .web-product-landing, .web-PurchaseOrder-landing, .web-quickstart-assignSupplierLanding, .web-service-landing, .web-settings-booking, .web-supplier-landing, .web-tally-export, .web-update-List-suppliers, .web-upload-products-inventory {
    background-color: #edf1f7
}

.web-customer-landing, .web-inbox-home, .web-inventory-landing, .web-online-store-landing, .web-order-landing, .web-product-landing, .web-PurchaseOrder-landing, .web-service-landing, .web-supplier-landing {
    background-color: #fff
}

@media screen and (max-height:768px) {
    .web-online-store-landing .tabs-container {
        margin-top: 50px;
        margin-bottom: 50px
    }
}

@media screen and (max-width:1024px) {
    .sm-marginT12 {
        margin-top: 12px
    }
}

.web-order-landing .tabs-container.vertical-layout {
    width: 808px
}

.web-order-landing .two-options-modal .sales-block .tab-icon {
    font-size: 65px;
    position: static
}

.web-order-landing .two-options-modal .sales-block .tab-heading {
    margin-top: 25px
}

.web-purchase-order-manage .refresh-btn {
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    margin: 7px 10px;
    color: #0086ff
}

.web-purchase-order-manage .refresh-font span {
    font-family: Roboto,"sans-serif" !important;
    font-weight: 400;
    font-size: 18px
}

.pending-notify {
    width: 500px
}

    .pending-notify .modal-footer {
        margin-top: 0
    }

.return-cash-icon-pos {
    position: relative;
    left: -2px;
    top: 3px
}

.outlet-tag {
    padding: 0 5px;
    background-color: #fff;
    border: 1px solid #8b8b8b;
    border-radius: 3px;
    color: #8b8b8b;
    font-size: 14px;
    top: 5px
}

.jd-error-border {
    border: 1px solid #de7e7e !important
}

.count-buttons .circular-notification-count {
    position: relative;
    bottom: 4px;
    height: 23px;
    width: 23px;
    border-radius: 13px
}

    .count-buttons .circular-notification-count span {
        position: relative;
        top: 3px;
        right: 2px
    }

.web-left-container .count-buttons .circular-notification-count {
    padding: 0;
    bottom: 6px
}

    .web-left-container .count-buttons .circular-notification-count .notification-count {
        display: block;
        top: 49%;
        left: 48%;
        transform: translate(-50%,-50%)
    }

.count-buttons .badge-container .badge.badge-red {
    position: absolute;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 3px 6px 0 grey;
    right: -13px;
    top: -13px;
    width: 39px;
    height: 39px;
    display: table
}

    .count-buttons .badge-container .badge.badge-red span {
        display: table-cell;
        vertical-align: middle;
        font-size: 13px
    }

.count-buttons .restock-count-position.circular-notification-count span {
    position: static;
    top: 0;
    right: 0
}

.isIOS .adjust-overflow-to-accounts {
    overflow: visible
}

.padL7 {
    padding: 0 0 0 7px !important
}

.padL75 {
    padding: 0 0 0 75px
}

.btn-transparent {
    border: 1px solid #c1cdd7;
    background: transparent
}

.btn-txt-blue {
    color: #0086ff
}

.font16 {
    font-size: 16px
}

.font600 {
    font-weight: 600
}

.marT10 {
    margin-top: 10px
}

.marT30 {
    margin-top: 30px
}

.marT35 {
    margin-top: 35px
}

.padTB10 {
    padding: 10px 0
}

.padT5 {
    padding-top: 5px
}

.text-capitalize {
    text-transform: capitalize
}

.gray-text {
    color: #7d7d7d !important
}

.jd-coming-soon {
    float: right;
    background: #0086ff;
    color: #fff;
    padding: 5px;
    margin-right: -10px;
    margin-top: 1px;
    font-size: 10px;
    border-radius: 5px
}

.exportImportHistoryModal .icon-history {
    font-size: 175px
}

.web-PurchaseOrder-landing .tabs-container .tab-box .dropdown-menu .subitems .coming-soon-parent, .web-supplier-landing .tabs-container .tab-box .dropdown-menu .subitems .coming-soon-parent {
    position: absolute;
    top: 10px;
    left: 185px
}

.web-upload-products-inventory .tabs-container .additional-msg-upload-product {
    margin-top: 15px;
    color: #545454;
    font-size: 13px;
    width: 240px;
    position: relative;
    left: -27px
}

.set-permissions .tree-child {
    margin-left: 4px;
    padding-top: 6px
}

    .set-permissions .tree-child.coming-soon-tag {
        display: none
    }

    .set-permissions .tree-child label {
        padding-left: 7px
    }

    .set-permissions .tree-child input[type=checkbox] {
        margin-top: 6px
    }

.jd-mobile-route-holder .set-permissions .tree-child:before {
    height: 40px
}

.set-permissions .tree-child:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 26px;
    border-left: 1.2px dashed #999;
    border-bottom: 1.2px dashed #999;
    position: relative;
    top: -13px;
    left: 1px;
    float: left
}

.set-permissions .tree-child.coming-soon-tag input[type=checkbox], .set-permissions .tree-chlid.coming-soon-tag input[type=checkbox] {
    pointer-events: none;
    opacity: .7
}

.jd-mobile-route-holder .tree-child .coming-soon-tag input[type=checkbox] {
    pointer-events: none
}

    .jd-mobile-route-holder .tree-child .coming-soon-tag input[type=checkbox], .jd-mobile-route-holder .tree-child .coming-soon-tag input[type=checkbox]:checked.with-font ~ label:before {
        color: #ccc
    }

.mob-staffmember-edit .set-permissions .tree-child:before, .mob-staffmembers-add .set-permissions .tree-child:before {
    top: -20px
}

.mob-staffmember-edit .set-permissions .border-left-dash, .mob-staffmembers-add .set-permissions .border-left-dash {
    border-left: 1.2px dashed #999
}

.mob-staffmember-edit .set-permissions .tree-child.childMenu, .mob-staffmembers-add .set-permissions .tree-child.childMenu {
    margin-left: 33px
}

.mob-staffmember-edit .set-permissions .tree-child, .mob-staffmembers-add .set-permissions .tree-child {
    margin-left: 10px
}

#domainModal .modal-dialog {
    width: 530px;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

#domainModal .btn-primary {
    display: block;
    margin: auto
}

#domainModal .paddingT30 {
    padding-top: 30px
}

#domainModal .icon-web {
    font-size: 27px;
    color: #fff;
    position: relative;
    top: 5px
}

.skip-cust-text {
    border: none;
    background: none;
    padding: 0;
    margin: 6px 12px
}

    .skip-cust-text:focus, .skip-cust-text:hover {
        text-decoration: underline;
        background: none;
        color: #0086ff !important
    }

.modal-content {
    border: 0;
    box-shadow: 0 0 11px rgba(0,0,0,.3)
}

.routes-content-holder.web-manage-product-category {
    padding-bottom: 0
}

.change-category-modal .add-new-cat-popover {
    top: 50px;
    margin-right: 15px;
    margin-left: 15px;
    min-width: 95%;
    max-width: 95%
}

.change-category-modal .repetitive-repeat.product-category-selection .add-subgroup-span {
    width: 97%
}

    .change-category-modal .repetitive-repeat.product-category-selection .add-subgroup-span .new-group-name {
        width: 83%
    }

.category-container .add-new-cat-popover {
    min-width: 95%;
    max-width: 95%
}

footer.main-footer {
    left: 0;
    right: 0
}

footer .broadcast-msg-section {
    cursor: pointer;
    position: relative;
    top: 10px;
    width: 63px;
    text-align: left
}

footer .product-copy-section {
    cursor: pointer;
    position: relative;
    top: 8px;
    width: 55px;
    text-align: left
}

footer .broadcast-msg-section .broadcast-msg.icon-message_2 {
    font-size: 35px;
    color: #0086ff
}

.broadcast-msg-section .broadcast-msg.icon-message_2 {
    color: #0086ff;
    font-size: 35px;
    position: fixed;
    bottom: 15px;
    cursor: pointer;
    right: 15px
}

footer .broadcast-msg-section .broadcast-msg.icon-message_2.white-color {
    color: #0086ff
}

footer.trial-expiry-account-fonts .broadcast-msg-section {
    line-height: 40px
}

footer .broadcast-msg-section .badge.badge-red {
    top: -21px;
    position: relative;
    right: 17px;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    border: 1px solid #fff
}

.broadcast-msg-section .badge.badge-red {
    position: fixed;
    right: 10px;
    bottom: 35px;
    float: left;
    height: 23px;
    width: 23px;
    border-radius: 13px;
    box-shadow: 0 3px 8px 0 grey;
    display: table
}

footer .broadcast-msg-section .badge.badge-red .count {
    vertical-align: middle;
    text-align: center
}

.broadcast-msg-section .badge.badge-red .count {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

footer .product-copy-icon {
    font-size: 27px
}

footer .product-copy-bullet-icon {
    font-size: 24px;
    position: relative;
    top: -8px;
    right: 17px;
    color: green
}

footer .custom-progress-popover {
    width: 340px;
    max-width: 340px;
    position: absolute;
    top: -164px;
    left: auto;
    right: 32px;
    display: block
}

.disable-active:active, .disable-active:focus {
    background: #fafcfc;
    color: #0086ff;
    border-color: #d5dde3
}

.disable-active:hover {
    background: #0086ff;
    border-color: #0086ff;
    color: #fff !important
}

.web-settings-tax-create .web-left-container a.remove-anchor {
    text-decoration: none
}

.jd-two-line-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all
}

    .jd-two-line-ellipsis.unset-break-all {
        word-break: unset
    }

.assign-product-to-category .jd-web-list-item .jd-two-line-ellipsis.unset-break-all {
    word-break: break-word
}

.overflow-hidden {
    overflow: hidden !important
}

.jd-text-input {
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 0
}

    .jd-text-input:focus {
        outline: none;
        border-bottom: 1px solid #0086ff
    }

.jd-control-label {
    color: #9a9a9a;
    font-weight: 500;
    font-size: 12px
}

.animate-section-overlay {
    position: fixed;
    opacity: 1;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 3;
    background: rgba(0,0,0,.5)
}

.web-settings-general .web-d-jd-discount-slider.rounding-slider .animate-section-overlay {
    background: rgba(0,0,0,.6)
}

.new-expiry-template .mfg-date-popover {
    width: 351px;
    max-width: 351px;
    left: -234px;
    top: 25px
}

    .new-expiry-template .mfg-date-popover .popover-footer {
        padding: 0 0 10px
    }

        .new-expiry-template .mfg-date-popover .popover-footer .btn {
            width: 105px;
            float: right;
            margin-right: 10px
        }

.new-expiry-template .jd-expiry-date-holder .manufacturing-form {
    float: none
}

.new-expiry-template .mfg-date-popover .table > tbody > tr > td, .new-expiry-template .mfg-date-popover .table > tbody > tr > th {
    border-top: none;
    padding-bottom: 0
}

.new-expiry-template input.validationError {
    border: none;
    border-bottom: 2px solid #de7e7e
}

input.border-bottom-error {
    border: none !important;
    border-bottom: 2px solid #de7e7e !important
}

.bottom-5 {
    bottom: 5px
}

.top-5 {
    top: 5px
}

.jd-circular-radio input[type=radio] {
    opacity: 0;
    position: absolute
}

.jd-circular-radio {
    position: relative
}

    .jd-circular-radio input[type=radio] + label span:first-of-type {
        display: inline-block;
        width: 18px;
        vertical-align: top;
        height: 18px;
        border-radius: 18px;
        border: 1px solid #c1c1c1
    }

    .jd-circular-radio input[type=radio]:checked + label span:first-of-type {
        background-color: transparent;
        border: none;
        background-image: url(https://image1.jdomni.in/jdomni_email/check-circle-blue_2009171242.png);
        background-size: 100%
    }

    .jd-circular-radio input[type=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-circular-checkbox input[type=checkbox] {
    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.square input[type=checkbox] + label span:first-of-type {
        display: inline-block;
        width: 14px;
        vertical-align: top;
        height: 14px;
        border-radius: 2px;
        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)
    }

.jd-square-checkbox input[type=checkbox]:not(.custom-check-box) {
    opacity: 0;
    position: absolute
}

.jd-square-checkbox {
    position: relative
}

    .jd-square-checkbox input[type=checkbox]:not(.custom-check-box) + label span:first-of-type {
        display: inline-block;
        width: 13px;
        height: 13px;
        border: 1px solid #c1c1c1;
        border-radius: 2px
    }

    .jd-square-checkbox input[type=checkbox]:checked:not(.custom-check-box) + label span:first-of-type {
        background-color: #0086ff;
        border-color: #0086ff;
        background-image: url(https://image1.jdomni.in/jdomni_email/check-circle-blue_2011181434.png);
        background-size: 100%;
        border-radius: 2px
    }

.jd-animate.submenu-active {
    left: 0
}

.mobile-custom-field-slider .jd-animate.submenu-active.animate-subsection-top {
    top: 0
}

.web-d-jd-select-customer-slider.mobileView .animate-div-right.animate-slider {
    z-index: 1030
}

body.IPad .animate-div-right.downloadFiles {
    overflow: unset
}

.animate-div-right {
    position: absolute;
    right: 0;
    z-index: 10;
    overflow: hidden
}

    .animate-div-right .content-div {
        background: #fff;
        border: 1px solid #e3eaee;
        margin-left: 36px;
        height: 100%
    }

.content-div#slider-container {
    overflow: scroll
}

.cc.animate-div-right .content-div#slider-container {
    overflow: hidden
}

.iosSafari .animate-div-right .content-div.active-content-videoSlider {
    border: none
}

.jd-filter-sublist {
    max-height: 300px;
    min-height: 90px;
    line-height: 1.9
}

    .jd-filter-sublist .date-type {
        height: 135px
    }

footer.jd-fixed-footer {
    background-color: #fff;
    text-align: center;
    left: 0;
    bottom: 0;
    width: inherit
}

.additional-details-slider.right-side-slider footer.jd-fixed-footer {
    line-height: unset;
    min-height: unset
}

footer.jd-fixed-footer .footer-btns-2 .footer-btns {
    width: 50%
}

.footer-btns-2 .footer-btns:nth-child(2) {
    border-left: .2px solid #659acf !important
}

footer.jd-fixed-footer button {
    border-radius: 0;
    font-size: 15px
}

footer .footer-btns-1, footer .footer-btns-1 button {
    width: 100%
}

.footer-btns-3 .footer-btns {
    width: 33.3% !important;
    white-space: normal;
    font-size: 13px
}

.footer-btns-4 .footer-btns {
    width: 25% !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
}

.web-create-order.span12.routes-content-holder {
    padding-bottom: 0
}

.creditKhata .switch {
    position: relative;
    display: inline-block;
    width: 27px;
    height: 12px;
    top: 3px
}

.creditKhata .slider {
    cursor: pointer;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc
}

    .creditKhata .slider, .creditKhata .slider:before {
        position: absolute;
        left: 0;
        -webkit-transition: .4s;
        transition: .4s
    }

        .creditKhata .slider:before {
            content: "";
            height: 16px;
            width: 16px;
            bottom: -2px;
            background-color: #ececec
        }

.creditKhata input:checked + .slider {
    background-color: rgba(57,167,255,.49)
}

.creditKhata input[type=checkbox]:focus + .slider {
    box-shadow: 0 0 4px #000
}

.creditKhata input:checked + .slider:before {
    -webkit-transform: translateX(11px);
    -ms-transform: translateX(11px);
    transform: translateX(11px);
    background-color: #0086ff
}

.dark-dot {
    position: relative;
    top: -3px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #7a8899
}

.dark-dot, .display-inline-block {
    display: inline-block
}

.creditKhata .slider.round {
    border-radius: 34px
}

    .creditKhata .slider.round:before {
        border-radius: 50%
    }

.creditKhata .borderBlue {
    border-color: #0086ff
}

.show-only-ng-view .jd-left-menu-container {
    display: none !important
}

.show-only-ng-view .web-products-add-edit {
    padding-left: 10px
}

    .show-only-ng-view .web-products-add-edit #pageTitle {
        position: static;
        padding-right: 0
    }

.help-multiple-options-container {
    position: relative
}

    .help-multiple-options-container .help-submenu-container {
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 5px;
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        margin: 15px 10px 0 0;
        position: absolute;
        right: 0;
        text-align: left;
        width: 240px
    }

    .help-multiple-options-container .help-submenu {
        border-bottom: 1px solid #dcdedd;
        cursor: pointer
    }

    .help-multiple-options-container .arrow.top {
        border-bottom-color: rgba(0,0,0,.3)
    }

.help-submenu-list .help-submenu:first-child a {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px
}

.help-submenu-list .help-submenu:last-child a {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px
}

.help-multiple-options-container .help-submenu a {
    background-color: #fff;
    color: #333;
    display: block;
    padding: 10px 12px
}

.help-multiple-options-container .help-submenu:last-child {
    border-bottom: none
}

.help-multiple-options-container .help-submenu a:hover {
    background-color: #f3f4f8
}

.password-security {
    -webkit-text-security: disc
}

.help-multiple-options-container .arrow.top {
    left: 215px
}

.web-manage-product-category .header-switch-button-container {
    padding: 6px 12px;
    position: absolute;
    left: -240px
}

    .web-manage-product-category .header-switch-button-container .manual-category {
        font-size: 14px
    }

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

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

    .jd-underlined-textbox.jd-invalid-textbox {
        border-bottom: 2px solid #e22323
    }

.jd-svg-loader {
    background-color: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: .6;
    z-index: 111
}

.jd-circled-loader {
    animation: dash 2s ease infinite,rotate 2s linear infinite;
    fill: transparent;
    height: 40px;
    left: 50%;
    position: fixed;
    stroke: #0086ff;
    stroke-width: 5;
    top: 50%;
    width: 40px;
    z-index: 112
}

.jd-btn-danger {
    background: #c64c5c;
    border: 1px solid #c64c5c;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    color: #fff
}

.whatsapp-btn {
    border: 1px solid #009d00;
    color: #009d00;
    border-radius: 100px;
    background: #fff;
    padding: 7px 10px;
    width: 100%;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.online-payment-slider .whatsapp-btn-padding {
    padding: 0 15px
}

.mobileVendorApp .whatsapp-btn {
    border-radius: 5px;
    margin-top: 9px
}

.contact-btn {
    border: 1px solid #0086ff;
    color: #0086ff;
    border-radius: 100px;
    background: #fff;
    padding: 7px 10px;
    width: 100%;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center
}

    .contact-btn:focus, .contact-btn:hover {
        background: #0086ff;
        color: #fff
    }

.whatsapp-btn:hover {
    background: #009d00;
    color: #fff
}

.mobileVendorApp .whatsapp-btn:hover {
    color: #009d00;
    background: #fff
}

.jd-btn-hollow-danger {
    border-color: #d9534f;
    color: #d9534f !important
}

    .jd-btn-hollow-danger.btn-radius {
        border-radius: 100px
    }

    .jd-btn-hollow-danger:hover {
        background-color: #d9534f;
        color: #fff !important;
        border-color: #d9534f
    }

    .jd-btn-hollow-danger.back-white {
        background-color: #fff
    }

        .jd-btn-hollow-danger.back-white:hover {
            background-color: #d9534f
        }

.jd-btn-hollow-primary {
    background: #fff;
    border-color: #0086ff;
    color: #0086ff !important
}

    .jd-btn-hollow-primary.disabled {
        border-color: #0086ff
    }

    .jd-btn-hollow-primary:hover {
        background-color: #0086ff;
        color: #fff !important;
        border-color: #0086ff
    }

.trial-account-section .upgrade-btn {
    background-color: #00b05a;
    padding: 5px;
    color: #fff;
    margin-left: 20px;
    border-radius: 100px;
    width: 120px
}

    .trial-account-section .upgrade-btn:hover {
        color: #fff
    }

.upgradeModal .modal-vertical-alignment-helper {
    display: flex;
    align-items: center
}

.trial-expiry-account-fonts {
    background-color: transparent;
    color: #fff
}

.upgradeModal .border-top {
    border-top: 0
}

.upgradeModal .modal-vertical-alignment-helper .paddingT30 {
    padding-top: 30px
}

.upgradeModal .modal-vertical-alignment-helper .paddingB30 {
    padding-bottom: 30px
}

.upgradeModal .modal-vertical-alignment-helper .trial-expiry-img {
    height: 90px;
    width: 90px
}

.upgradeModal .modal-vertical-alignment-helper .font24 {
    font-size: 24px
}

.upgradeModal .modal-vertical-alignment-helper .sub-text {
    font-size: 16px;
    color: #939393
}

footer.trial-expiry-account-fonts {
    font-family: Roboto;
    border-top: none
}

.padding12 {
    padding: 12px
}

.input-container {
    position: relative;
    contain: content;
    padding: 15px 0
}

    .input-container .disabled ~ .floating-label-placeholder, .input-container input:focus ~ .floating-label-placeholder, .input-container input:not(:focus):valid ~ .floating-label-placeholder {
        top: 0;
        left: 0;
        font-size: 12px;
        opacity: 1;
        line-height: 1.53846154
    }

    .input-container .floating-label-placeholder {
        position: absolute;
        pointer-events: none;
        left: 0;
        top: 20px;
        font-size: 16px;
        transition: all .5s ease;
        color: #6e6e6e;
        font-family: Roboto Light,sans-serif;
        max-width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
        overflow: hidden
    }

.right-side-slider {
    position: absolute
}

    .right-side-slider .animate-section-overlay {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 112;
        background-color: rgba(0,0,0,.6)
    }

    .right-side-slider .animate-slider {
        position: fixed;
        right: 0;
        top: 0;
        height: 100%;
        z-index: 1039;
        overflow: hidden
    }

    .right-side-slider .full-height {
        height: 100%
    }

    .right-side-slider .animate-slider .slider-body {
        background: #fff;
        height: calc(100% - 55px);
        width: 100%;
        overflow-y: auto
    }

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

.rounded-icon {
    font-size: 16px;
    color: #0086ff;
    display: table-cell;
    vertical-align: middle
}

.flex-vertical-align {
    display: flex;
    align-items: center;
    height: 100%
}

.no-scroll-filter-open {
    overflow: hidden
}

.web-settings-staff-members-edit input.acceptNumber.disabled {
    opacity: 1;
    background-color: #f2f2f2
}

.inventory-tab-dummy-div {
    position: fixed;
    background: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.overflow-x-hidden {
    overflow-x: hidden
}

#previewImageContainer {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 1200;
    text-align: center;
    overflow: auto
}

    #previewImageContainer .image-container {
        margin: 30px auto;
        max-width: 90%;
        display: inline-block;
        position: relative;
        max-height: calc(100vh - 60px)
    }

    #previewImageContainer img {
        max-width: 100%
    }

    #previewImageContainer .close-btn {
        position: fixed;
        top: 30px;
        right: 30px;
        padding: 5px 7px;
        background-color: rgba(0,0,0,.5);
        cursor: pointer
    }

    #previewImageContainer .icon-close-thin:before {
        color: #fff;
        font-size: 24px
    }

    #previewImageContainer .website-thumbnail {
        width: 130%;
        max-width: 130%
    }

.set-permissions .tree-child.height40 {
    height: 40px;
    margin-left: 20px
}

    .set-permissions .tree-child.height40.flex-display {
        display: flex
    }

    .set-permissions .tree-child.height40 .submenu-main-div {
        top: 20px;
        left: -15px
    }

.set-permissions .section-detail .staff-member-icon {
    color: #a9a9a9
}

.set-permissions .section-detail.edit-web-permission .staff-member-icon {
    top: 3px;
    position: relative
}

.border-left-dash {
    border-left: 1.2px dashed #999
}

.set-permissions .tree-child:before {
    left: 0
}

.set-permissions .border-left-dash.tree-child:before, .web-add-staff-members-manage.addStaffMember .setPermission .border-left-dash.tree-chlid:before {
    border-left: none
}

.jd-common-header .header-block {
    display: inline-block
}

.web-online-manageTheme .web-left-header.jd-header-fixed .jd-common-header .header-block {
    display: block
}

.jd-common-header .jd-header-breadscrumb-icon .icon-edit {
    cursor: pointer;
    color: #0086ff;
    font-size: 15px;
    padding: 7px
}

.jd-common-header .jd-header-breadscrumb-icon {
    display: inline-block
}

.web-left-container-full-height .web-left-body-full-height .comingSoonWrapper .message {
    max-width: 60%;
    text-align: center;
    margin: 25px auto 50px
}

.web-left-container-full-height .web-left-body-full-height .comingSoonWrapper .main-image {
    height: auto;
    width: auto;
    max-width: 180px
}

.web-left-container-full-height .web-left-body-full-height .comingSoonWrapper .sub-image {
    height: auto;
    width: auto;
    max-width: 250px
}

body.isIPad .set-permissions .section-detail .premium-patch.coming-soon {
    right: 60px
}

.set-permissions .section-detail .premium-patch.coming-soon {
    max-width: 80px;
    top: 13px;
    position: absolute;
    left: 160px
}

.set-permissions .setPermissionModal .section-detail .premium-patch.coming-soon {
    max-width: 60px;
    margin-left: -10px;
    right: -30px;
    top: 10px;
    float: none;
    position: absolute
}

#domainModal .add-domain-btn {
    font-size: 18px;
    padding: 7px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

    #domainModal .add-domain-btn .icon-web {
        font-size: 27px;
        color: #fff;
        position: relative;
        margin-right: 7px;
        top: 0
    }

.text-upper-case {
    text-transform: uppercase
}

.btn-white-grad {
    z-index: 0
}

    .btn-white-grad:after {
        content: "";
        width: 100%;
        position: absolute;
        bottom: -17px;
        right: 0;
        pointer-events: none;
        height: 120px;
        z-index: -1;
        background: linear-gradient(0deg,hsla(0,0%,100%,.95) 0,hsla(0,0%,100%,.68) 50%,hsla(0,0%,100%,0))
    }

.red-dot {
    font-size: 7px;
    padding-left: 1px;
    padding-top: 1px;
    vertical-align: middle;
    background-color: #c64c5c;
    border-radius: 50%;
    margin-right: 10px;
    color: transparent
}

.word-break-all {
    word-break: break-all
}

.jd-error input {
    border-color: #e22323
}

.jd-error-bg input {
    border: 1px solid #c64c5c !important;
    box-shadow: 0 0 0 1px #c64c5c !important;
    background-color: #fbe6e5
}

.jd-error-bg label {
    color: #c64c5c
}

.stop-scrollWithPosFixed {
    position: fixed !important;
    width: 100%
}

.marginR4 {
    margin-right: 4px
}

.stop-scroll, .stop-scrollWithPosFixed {
    overflow: hidden !important
}

.d-flex {
    display: flex
}

.jd-form .form-group.full-width-separator-line {
    margin-left: -15px;
    width: calc(100% + 15px)
}

.mobileVendorApp .view-order-details .whatsapp-btn.contact-btn {
    border-color: #0086ff;
    color: #0086ff;
    margin-top: 9px
}

    .mobileVendorApp .view-order-details .whatsapp-btn.contact-btn:hover {
        background-color: #0086ff;
        color: #fff
    }

.supplier-logo-holder {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #dbefff;
    display: flex;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0
}

    .supplier-logo-holder .logo-name {
        align-self: center;
        color: #0086ff
    }

    .supplier-logo-holder.large {
        width: 46px;
        height: 46px;
        border-radius: 50%;
        font-size: 25px
    }

    .supplier-logo-holder.img {
        background: unset
    }

.manage-campaign-modal .help-button {
    float: right;
    margin-top: -28px;
    min-width: 80px;
    border: 1px solid #0086ff;
    text-align: center;
    border-radius: 100px;
    color: #0086ff;
    padding: 4px 0;
    cursor: pointer;
    margin-right: 5px
}

    .manage-campaign-modal .help-button:hover {
        color: #fff;
        background-color: #0086ff
    }

.theme-notification-datetime {
    font-size: 14px;
    margin: 5px 0 10px
}

.order-container-left.web-left-body .payout-font-color {
    color: #424448
}

.order-container-left.web-left-body .payout-final-section {
    border-top: 1px dashed #ededed;
    padding-top: 15px
}

.order-container-left.web-left-body .payout-title {
    margin-bottom: 9px;
    padding-top: 12px;
    border-top: 1px solid #e5e5e5;
    margin-right: -20px;
    position: relative
}

@media (min-width:981px)and (max-width:1170px) {
    .smallScrflex {
        display: flex;
        justify-content: flex-start;
        width: fit-content;
        align-items: center
    }
}

html.desktop { /* height:auto; */
}

.web-online-store-customize .jd-padding-0 {
    padding: 0
}

.web-online-store-customize .font14 {
    margin: initial;
    float: none
}

.desktop .web-online-store-customize.IPad .widget-body.whatsapp .country-code {
    font-size: 12px !important
}

.desktop .preview.web-online-store-customize {
    margin-top: 0
}

.preview.web-online-store-customize .web-left-container {
    display: none
}

.desktop .preview.web-online-store-customize.jd-cms .edit-content.webheader.header-content.header-sticky.sticky.fixed-header {
    top: 0
}

.web-online-store-customize .font16 {
    float: none
}

.web-online-store-customize .font10 {
    font-size: 10px
}

.web-online-store-customize .adminEdit {
    display: block
}

.web-online-store-customize .admin-edit-border {
    min-height: 20px
}

.web-online-store-customize .footer3 .admin-edit-border.account-social-wrapper {
    position: relative
}

.edit-mode .edit-content.static-templates {
    min-height: 80px
}

.web-online-store-customize .webheader .account-social-wrapper {
    min-height: 17px;
    min-width: 100px;
    width: max-content
}

.web-online-store-customize .menu-social-links-sec .menu-links .footer-options-cnt {
    width: 100%
}

.editBlockModalBody .store-name a {
    visibility: initial
}

.paddingT15 {
    padding-top: 15px
}

.paddingT10 {
    padding-top: 10px
}

.web-online-store-customize .mce-btn i {
    color: #333
}

.paddingL20 {
    padding-left: 20px
}

.paddingB10 {
    padding-bottom: 10px
}

.web-online-store-customize a:hover {
    text-decoration: none
}

.web-online-store-customize .canvas-holder .panel-btn-icon {
    font-size: 18px
}

.web-online-store-customize ul {
    margin-bottom: 0
}

.web-online-store-customize .uploadedList .uploadImg img {
    max-height: 100px
}

.web-online-store-customize .paddingLR11 {
    padding: 0 11px
}

.web-online-store-customize .font-popover .popover::-webkit-scrollbar {
    width: 5px
}

.web-online-store-customize .marginL6 {
    margin-left: 6px
}

.web-online-store-customize .select-all-group {
    position: relative;
    padding: 5px 15px 0;
    border-bottom: 1px solid #ebebeb
}

.jd-cms.edit-mode .social-link-slider .select-all-group {
    margin-top: 16px;
    height: auto;
    background-color: #fff;
    border-radius: 10px;
    display: block;
    padding: 15px;
    box-shadow: 0 3px 10px rgba(0,0,0,.3)
}

.edit-mode .logo-text .jd-animate.submenu-active, .edit-mode .social-link-slider .jd-animate.submenu-active, .edit-mode .upload-logo-slider .jd-animate.submenu-active {
    left: unset;
    right: 0
}

.social-link-slider .social-fields {
    display: flex;
    align-items: center
}

.jd-cms.edit-mode .social-link-slider .setting-slider .checkbox-container {
    display: unset
}

.jd-cms.edit-mode .social-link-slider .select-all-group .show-all-txt-div, .jd-cms.edit-mode .social-link-slider .select-all-group .square {
    width: unset;
    padding: 0;
    display: flex;
    align-items: center
}

.jd-cms.edit-mode .social-link-slider .select-all-group .show-all-txt-div {
    margin-bottom: 5px
}

.jd-cms.edit-mode .social-link-slider .select-all-group .square:not(:last-child) {
    margin-bottom: 10px
}

.social-link-slider .slider-footer {
    padding: 0;
    box-shadow: 0 -1px 4px 0 rgba(0,0,0,.19)
}

.social-link-slider .no-shadow.slider-footer {
    box-shadow: unset
}

.web-online-store-customize .customise-header .social-link-slider .social-link-url-input .icon-close-thin {
    width: 34px
}

.jd-cms.edit-mode .customise-header .social-link-slider .social-parent-div.setting-slider {
    height: calc(100% - 110px)
}

    .jd-cms.edit-mode .customise-header .social-link-slider .social-parent-div.setting-slider label {
        font-size: 16px;
        color: #414e59;
        text-transform: unset
    }

.web-online-store-customize .menu-links .select-all-group {
    margin-top: 0
}

.web-online-store-customize .marginL27 {
    margin-left: 27px
}

.web-online-store-customize .marginL14 {
    margin-left: 14px
}

.web-online-store-customize .jd-circular-checkbox.square input[type=checkbox] + label span:first-of-type {
    border-radius: 0;
    width: 12px;
    height: 12px;
    vertical-align: middle
}

.web-online-store-customize .select-single-group {
    width: 86%;
    margin-left: auto;
    font-size: 12px;
    color: #333;
    display: flex;
    justify-content: space-around
}

.web-online-store-customize .width-23 {
    width: 23%
}

.web-online-store-customize .width-38 {
    width: 38%
}

.web-online-store-customize .paddingL4P {
    padding-left: 4%
}

.web-online-store-customize .paddingR1P {
    padding-right: 1%
}

body:not(.wap) .web-online-store-customize .web-footer-align {
    text-align: left !important
}

.web-online-store-customize .select-single-group.disabled {
    color: #c3c3c3
}

.web-online-store-customize .font-popover {
    cursor: pointer;
    margin-left: 15px
}

    .web-online-store-customize .font-popover .selected-font-icon {
        position: absolute;
        top: 2px;
        right: -2px;
        color: #333
    }

    .web-online-store-customize .font-popover .font-name {
        padding-left: 10px
    }

.web-online-store-customize .show-on-header {
    padding-left: 28px
}

.web-online-store-customize .font-popover .popover-content {
    padding: 0
}

.web-online-store-customize .font-popover .popover {
    top: -5px;
    left: -95px;
    height: 207px;
    width: 150px
}

.web-online-store-customize .font-popover .submenu-txt {
    padding: 5px 0
}

.uploadFaviconModal .modal-header .help-on-modal {
    top: -32px;
    right: 10px
}

.web-online-store-customize .font-popover .icon-fontDropdown:hover {
    background: #e9f3ff
}

.jd-cms.edit-mode .social-link-slider .select-single-group .checkbox-span {
    position: relative;
    bottom: 1px
}

.jd-cms.edit-mode .social-link-slider .icon-close-thin:hover {
    color: #000
}

.jd-cms.edit-mode .social-link-slider .social-parent-div .icon-close-thin {
    color: #fff;
    font-size: 20px
}

.web-online-store-customize .font-popover .submenu-txt:hover {
    background: #e9f3ff
}

.web-online-store-customize .marginTB15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.web-online-store-customize .web-slider.animate-div-right .paddingTB15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.web-online-store-customize .marginB15 {
    margin-bottom: 15px
}

.web-online-store-customize .marginT50 {
    margin-top: 50px
}

.web-online-store-customize .edit-block.footer-edit .social-links .social-fields.contactNo, .web-online-store-customize .edit-block.footer-edit .social-links .social-fields.email {
    display: none
}

.web-online-store-customize .edit-block.footer-edit .footer-cnt-us-email .editable-content, .web-online-store-customize .edit-block.footer-edit .footer-cnt-us-mobile .editable-content, .web-online-store-customize .edit-block.footer-edit .footer-cnt-us .editable-content, .web-online-store-customize .edit-block.footer-edit .mobile-email-sec .editable-content {
    min-width: 100px
}

.web-online-store-customize .customise-header .search-setting-list {
    overflow: auto;
    max-height: calc(100% - 90px)
}

.web-online-store-customize .font-popover .fake-div {
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    bottom: 6px;
    border-left: 1px solid #999
}

.web-online-store-customize .font-popover {
    border-left: none;
    padding-top: 0;
    margin-left: 30px
}

.web-online-store-customize .select-all-group {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 6px -6px #ededed
}

    .web-online-store-customize .select-all-group .header-txt-style {
        padding-left: 10px
    }

    .web-online-store-customize .select-all-group .font-icon-style {
        bottom: 2px
    }

    .web-online-store-customize .select-all-group .font-icon-holder {
        top: 3px;
        color: #7c7c7c
    }

.web-online-store-customize .font-popover .popover {
    top: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    border-radius: 8px
}

.web-online-store-customize .marginL20 {
    margin-left: 20px
}

.web-online-store-customize .inline-display {
    display: inline
}

.web-online-store-customize .openSocialLinkModal .modal-body {
    max-height: 360px;
    padding-top: 0;
    overflow: auto
}

.web-online-store-customize .website-modal-menu .modal-body .col-xs-12 {
    padding: 5px 8px
}

.web-online-store-customize .openSocialLinkModal .modal-body .col-xs-12 {
    padding: 15px 0
}

.web-online-store-customize .link-name {
    position: relative;
    top: 7px;
    color: #444
}

.web-online-store-customize .openSocialLinkModal .modal-body .col-xs-2 {
    width: 10.666667%
}

.web-online-store-customize .openSocialLinkModal .modal-body .col-xs-9 {
    width: 81%
}

    .web-online-store-customize .openSocialLinkModal .modal-body .col-xs-9 .form-control {
        width: 100%
    }

.web-online-store-customize .web-left-header .icon-menu.paddingR5.pos-rel {
    color: #ccc
}

.web-online-store-customize .headerIcon {
    display: flex;
    align-items: center;
    float: left;
    height: 100%;
    width: 50px;
    z-index: 1012
}

    .web-online-store-customize .headerIcon.header-count {
        background: #e84a45
    }

        .web-online-store-customize .headerIcon.header-count:hover {
            background: #d43934;
            cursor: pointer
        }

    .web-online-store-customize .headerIcon .icon-menu {
        padding-left: 15px
    }

    .web-online-store-customize .headerIcon .icon-burgerCMS {
        padding-left: 15px;
        font-size: 20px;
        color: #fff;
        z-index: 1
    }

.desktop .jd-webp .footer-container .paddingLR0.copyright-applinks-section {
    padding: 15px
}

.web-online-store-customize .paddingLR0 {
    padding-left: 0;
    padding-right: 0
}

.web-online-store-customize .headerIcon .count-holder {
    position: absolute;
    right: -5px;
    top: -5px;
    color: #fff;
    font-size: 12px
}

.web-online-store-customize .headerIcon .header-count-holder {
    width: 39px;
    height: 39px;
    position: absolute;
    display: table
}

body.IPad.web-online-store-customize .headerIcon .header-count-holder {
    left: 0;
    top: 10px
}

.web-online-store-customize .web-left-container a.remove-anchor {
    color: #fff
}

.web-online-store-customize .jd-content-block .animate-section-overlay {
    background: #000;
    z-index: 1024;
    position: fixed
}

.web-online-store-customize .animate-div-right .content-div {
    border: none
}

.web-online-store-customize .left-menu-online {
    width: 190px;
    position: fixed;
    height: 100%;
    background-color: #2a2c2e;
    font-size: 14px;
    padding-top: 55px;
    z-index: 3
}

.web-online-store-customize .web-left-header.jd-header-fixed {
    background-color: #383838
}

.web-online-store-customize .web-title-container h3 {
    color: #999
}

.web-online-store-customize .linkStyle {
    color: #919191;
    display: block;
    padding: 0;
    list-style: none
}

.web-online-store-customize .headMenu {
    display: flex;
    justify-content: center
}

.web-online-store-customize .home-page-submenu .headMenu {
    min-width: 218px;
    justify-content: flex-start
}

.web-online-store-customize .home-page-submenu .link-icon {
    margin-left: 15px
}

.web-online-store-customize .home-page-submenu .leftSubMenu {
    line-height: 45px
}

    .web-online-store-customize .home-page-submenu .leftSubMenu .leftMenuLinkStyle {
        width: 200px;
        font-size: 14px
    }

.web-online-store-customize .expand-links .icon-pagination-up {
    position: static
}

.web-online-store-customize .home-page-submenu .icon-pagination-down {
    position: absolute;
    right: 12px;
    left: auto;
    top: 0;
    line-height: 55px;
    margin-top: 0
}

.web-online-store-customize .linkStyle .linkStyle {
    min-width: 215px
}

.web-online-store-customize .linkStyle .home-page-submenu .linkStyle {
    min-width: 230px;
    width: 230px;
    max-height: 270px;
    overflow: auto
}

.web-online-store-customize .content-list:hover img {
    border: 2px solid #f90
}

.web-online-store-customize .content-list img {
    border: 2px solid transparent
}

.web-online-store-customize .menu-item-name {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis
}

.web-online-store-customize .link-icon {
    line-height: 20px;
    margin-right: 8px
}

.web-online-store-customize .preview-btn [class*=" icon-"], .web-online-store-customize .preview-btn [class^=icon-] {
    margin-right: 8px
}

.web-online-store-customize .leftSubMenu {
    padding-left: 0;
    list-style: none;
    background-color: #2c2c2c;
    display: flex;
    align-items: center;
    border-left: 3px solid transparent
}

.web-online-store-customize .add-new-page .leftSubMenu {
    border: none;
    border-top: 1px solid #292b2d;
    line-height: normal;
    padding: 10px 0;
    border-radius: 0 0 4px 4px
}

.web-online-store-customize .home-page-submenu .editable-menu {
    overflow: auto;
    max-height: 270px
}

    .web-online-store-customize .home-page-submenu .editable-menu, .web-online-store-customize .home-page-submenu .editable-menu::-webkit-scrollbar-track {
        background-color: #2c2c2c;
        border-radius: 4px 4px 0 0
    }

        .web-online-store-customize .home-page-submenu .editable-menu::-webkit-scrollbar-thumb {
            background-color: #565656
        }

.web-online-store-customize .edit-page-options {
    position: fixed;
    left: 231px;
    top: 15px;
    background-color: #2c2c2c;
    width: 166px;
    border-radius: 5px;
    z-index: 1;
    line-height: 35px;
    display: inherit;
    padding: 5px 0
}

    .web-online-store-customize .edit-page-options .edit-options {
        display: flex;
        align-items: center;
        padding-left: 12px;
        color: #999;
        height: 45px;
        font-size: 14px
    }

.web-online-store-customize.edit-mode .home-page-submenu .edit-page-options .arrow {
    display: inherit;
    left: -7px;
    top: 77px
}

.add-edit-page-modal .modal-body {
    padding: 10px
}

.add-edit-page-modal .image-modal-header {
    justify-content: flex-end
}

.add-edit-page-modal .icon-close-thin {
    color: #777
}

    .add-edit-page-modal .icon-close-thin:hover {
        color: #333
    }

.web-online-store-customize.edit-mode .edit-page-options .arrow {
    display: none
}

.web-online-store-customize .linkStyle .right .arrow:after {
    border-bottom-color: transparent;
    border-right-color: #2a2c2e
}

.edit-page-options .icon {
    font-size: 16px;
    margin-right: 16px;
    padding-left: 4px
}

.web-online-store-customize .edit-page-options .edit-options:hover {
    color: #fff;
    background-color: #262626
}

.web-online-store-customize .preview-btn {
    color: #999
}

.web-online-store-customize .header-customize-toggle .icon-changeTheme {
    position: relative;
    top: -2px
}

.web-online-store-customize .activeItem, .web-online-store-customize .activeItem .link-icon, .web-online-store-customize .edit-page-options .edit-options:hover [class*=" icon-"], .web-online-store-customize .edit-page-options .edit-options:hover [class^=icon-], .web-online-store-customize .headMenu:hover, .web-online-store-customize .headMenu:hover .link-icon, .web-online-store-customize .preview-btn:hover, .web-online-store-customize .preview-btn:hover [class*=" icon-"], .web-online-store-customize .preview-btn:hover [class^=icon-], .web-online-store-customize .revert-theme:hover, .web-online-store-customize .revert-theme:hover .icon-revertChanges {
    color: #fff
}

.web-online-store-customize .add-new-page {
    z-index: 2
}

    .web-online-store-customize .add-new-page .add-page-btn {
        background: transparent;
        border: 1px solid;
        margin: auto;
        padding: 6.5px 50px
    }

        .web-online-store-customize .add-new-page .add-page-btn:hover {
            color: #fff
        }

    .web-online-store-customize .add-new-page .leftMenuLinkStyle {
        padding-left: 0
    }

.add-edit-page-modal .modal-dialog {
    width: 350px
}

.add-edit-page-modal .modal-body {
    text-align: center
}

.add-edit-page-modal .modal-footer {
    padding: 0;
    margin: 0;
    overflow: hidden;
    border-radius: 0 0 10px 10px
}

    .add-edit-page-modal .modal-footer .btn {
        margin: 0;
        float: left;
        border-radius: 0;
        width: 50%;
        padding: 12px 0
    }

        .add-edit-page-modal .modal-footer .btn.confirm {
            background-color: #69be7b;
            color: #fff
        }

            .add-edit-page-modal .modal-footer .btn.confirm:hover {
                background-color: #62b373
            }

        .add-edit-page-modal .modal-footer .btn.cancel {
            background-color: #e8e8e8;
            color: #7f7f7f !important
        }

            .add-edit-page-modal .modal-footer .btn.cancel:hover {
                background-color: #dcdcdc
            }

.add-edit-page-modal .page-input {
    margin: 0 10px 10px;
    height: 40px;
    width: calc(100% - 20px)
}

.add-edit-page-modal .modal-content {
    border-radius: 10px
}

.add-edit-page-modal .heade {
    margin-bottom: 0;
    font-size: 20px
}

.add-edit-page-modal .detail {
    margin-bottom: 20px
}

.jd-cms.mobile-view-cms {
    overflow: hidden
}

    .jd-cms.mobile-view-cms.IPad {
        position: fixed !important;
        overflow: unset
    }

        .jd-cms.mobile-view-cms.IPad .mobile-view-holder {
            overflow: scroll
        }

.web-online-store-customize .leftSubMenu:hover {
    color: #fff
}

.web-online-store-customize .webheader .icon-pagination-down {
    margin-top: 0
}

.web-online-store-customize .iframe-pos {
    position: fixed;
    top: 0;
    z-index: 200;
    width: 100%;
    height: 100%;
    right: 0;
    padding-top: 55px;
    background-color: #fff
}

.web-online-store-customize .text-field {
    margin-bottom: 0
}

.web-online-store-customize .subMenuActiveItem {
    color: #fff
}

.web-online-store-customize .subMenu-icon {
    color: inherit;
    margin-right: 8px;
    font-size: 18px
}

    .web-online-store-customize .subMenu-icon.icon-more_vertical {
        margin: 0;
        padding: 5px
    }

.web-online-store-customize .leftSubMenu .subMenu-icon {
    font-size: 12px
}

.width350px {
    width: 350px !important
}

.web-online-store-customize .submenu-border-bottom {
    border-bottom: 1px solid #252729
}

.web-online-store-customize .icon-plus.font14 {
    color: inherit
}

.web-online-store-customize .social-icons {
    position: absolute;
    top: 10px;
    margin-left: 5px;
    color: #777
}

.jd-cms.edit-mode .social-link-slider .social-icons {
    position: unset;
    margin-right: 10px;
    margin-left: 0;
    font-size: 20px
}

.jd-cms.edit-mode .social-link-slider .social-link-url-input {
    width: calc(100% - 30px);
    position: relative
}

    .jd-cms.edit-mode .social-link-slider .social-link-url-input .form-control {
        background: #fff;
        border: 1px solid #eee;
        border-radius: 4px;
        padding: 5px 30px 5px 8px
    }

        .jd-cms.edit-mode .social-link-slider .social-link-url-input .form-control:focus {
            border-color: #0086ff
        }

.jd-cms.edit-mode .customise-header .social-link-slider .social-link-url-input .icon-close-thin {
    position: absolute;
    right: 0;
    left: unset;
    top: 0;
    color: #979797;
    height: 100%;
    justify-content: center;
    display: flex;
    align-items: center
}

    .jd-cms.edit-mode .customise-header .social-link-slider .social-link-url-input .icon-close-thin:hover {
        color: #333
    }

.web-online-store-customize .linkStyle .arrow {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: -11px;
    left: 18%;
    margin-left: -11px;
    border: 11px solid transparent;
    border-top-width: 0;
    border-bottom: none
}

    .web-online-store-customize .linkStyle .arrow:after {
        content: " ";
        border-bottom-color: #2a2c2e;
        border-width: 6px;
        top: -1px;
        margin-left: -6px
    }

.web-online-store-customize .home-page-submenu .leftMenuLinkStyle {
    width: 140px;
    padding-left: 8px
}

.web-online-store-customize .editable-menu .leftMenuLinkStyle {
    width: 88px;
    padding-left: 15px;
    vertical-align: middle
}

.web-online-store-customize .linkStyle .home-page-submenu .editable-menu {
    padding-top: 6px
}

.web-online-store-customize .leftMenuLinkStyle {
    display: inline-block;
    width: 104px;
    padding-left: 8px;
    vertical-align: middle
}

.web-online-store-customize .jd-web-list-item {
    padding-left: 0
}

.web-online-store-customize .paddingLR15 {
    padding: 0 15px
}

.web-online-store-customize .paddingL4 {
    padding-left: 4px
}

.web-online-store-customize .iframeClass {
    width: 100%;
    height: 100%;
    border: none
}

.web-online-store-customize .prod-detail-style {
    position: relative;
    top: 20px
}

.web-online-store-customize .btn.btn-delete.pull-left {
    margin-left: 5px
}

.web-online-store-customize .jd-web-list-item.display-none {
    display: none
}

.web-online-store-customize .left-menu-page-container::-webkit-scrollbar {
    width: 8px
}

.web-online-store-customize .left-menu-page-container::-webkit-scrollbar-thumb {
    background-color: #545454
}

.web-online-store-customize .left-menu-page-container {
    position: absolute;
    top: 65px;
    padding-left: 0
}

    .web-online-store-customize .left-menu-page-container .linkStyle.widget {
        overflow: auto;
        overflow-x: hidden;
        max-height: 340px;
        background-color: #2c2c2c
    }

        .web-online-store-customize .left-menu-page-container .linkStyle.widget::-webkit-scrollbar-thumb {
            background-color: #514d4d
        }

.web-online-store-customize .web-left-header .icon-backNew {
    color: #ccc;
    font-size: 20px
}

.web-online-store-customize .left-menu-page-container ul li:first-child .leftSubMenu {
    border-radius: 4px 4px 0 0
}

.web-online-store-customize .left-menu-page-container ul li:last-child .leftSubMenu {
    border-radius: 0 0 4px 4px
}

.web-online-store-customize .home-page-submenu .left-menu-page-container ul li:last-child .leftSubMenu {
    border-radius: 0
}

.web-online-store-customize .iframe-cover-div {
    z-index: 2;
    background-color: transparent;
    position: absolute
}

.web-online-store-customize .scroll-static-pages {
    overflow: auto;
    max-height: 300px
}

.web-online-store-customize .on-hover-name {
    display: none
}

.web-online-store-customize .leftSubMenu:hover .on-hover-name {
    display: block
}

.web-online-store-customize .text-box-style {
    width: 100%
}

.web-online-store-customize .web-left-container .web-left-header {
    border-bottom: none
}

.web-online-store-customize .left-menu-online .left-menu-switch-button {
    float: right;
    margin-right: 12px
}

.web-online-store-customize .switch-button-container {
    margin: 0
}

.web-online-store-customize .edit-btn-theme {
    display: inline-block;
    position: absolute;
    left: 56%
}

.web-online-store-customize .selected-theme-circle {
    width: 35px;
    height: 35px;
    border: 1px solid #b7b7b7;
    border-radius: 20px;
    cursor: pointer;
    float: left;
    margin: 10px;
    position: relative
}

.web-online-store-customize .jd-btn-primary.appPage {
    background: transparent;
    color: #fff;
    border-color: #d5dde3;
    width: 100px
}

    .web-online-store-customize .jd-btn-primary.appPage:hover {
        background-color: #fff;
        color: #333 !important;
        border-color: #fff
    }

.web-online-store-customize .color-container {
    width: 100%;
    height: 100%;
    border-radius: 20px
}

.web-online-store-customize .border-blue {
    border: 1px solid #0086ff !important
}

.web-online-store-customize .icon-tick-pos {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    left: 24px
}

.web-online-store-customize .color-parent-div {
    position: absolute;
    width: 100%;
    right: 0;
    padding-top: 55px;
    padding-left: 190px;
    height: auto;
    z-index: 1
}

.web-online-store-customize .edit-btn-theme.btn.jd-btn-primary {
    width: 70px;
    height: 25px;
    padding: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-color: currentcolor #0086ff #0086ff;
    border-top: #0086ff
}

.web-online-store-customize .btn-text-style {
    position: absolute;
    right: 15px;
    top: 2px
}

.web-online-store-customize .loader-div-theme {
    opacity: .9;
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0
}

.web-online-store-customize .loader-style {
    position: absolute;
    top: 50%;
    left: 56%;
    z-index: 5;
    width: 45px
}

.web-online-store-customize .loader-text {
    position: absolute;
    top: 58%;
    left: 50%;
    width: auto;
    z-index: 5;
    color: #0086ff
}

.web-online-store-customize .paddingT110 {
    padding-top: 110px
}

.web-online-store-customize .header-customize-toggle .full-height, .web-online-store-customize .pages-menu .full-height {
    height: 55px
}

.web-online-store-customize .header-customize-toggle .switch {
    position: relative
}

    .web-online-store-customize .header-customize-toggle .switch .toggle {
        position: absolute;
        height: 20px;
        width: 32px;
        z-index: 9999;
        opacity: 0;
        top: 17px
    }

        .web-online-store-customize .header-customize-toggle .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 .4s
        }

            .web-online-store-customize .header-customize-toggle .switch .toggle + label:after, .web-online-store-customize .header-customize-toggle .switch .toggle + label:before {
                display: block;
                position: absolute;
                content: ""
            }

            .web-online-store-customize .header-customize-toggle .switch .toggle + label:before {
                top: 2px;
                left: 2px;
                bottom: 2px;
                right: 2px;
                background-color: #6e6e6e;
                border-radius: 15px;
                transition: background .4s
            }

            .web-online-store-customize .header-customize-toggle .switch .toggle + label:after {
                top: 2px;
                left: 2px;
                bottom: 2px;
                width: 15px;
                height: 15px;
                background-color: #fff;
                border-radius: 50%;
                transition: margin .4s,background .4s
            }

        .web-online-store-customize .header-customize-toggle .switch .toggle:checked + label, .web-online-store-customize .header-customize-toggle .switch .toggle:checked + label:before {
            background-color: #0086ff
        }

            .web-online-store-customize .header-customize-toggle .switch .toggle:checked + label:after {
                margin-left: 13px;
                background-color: #fff
            }

.web-online-store-customize .header-customize-toggle {
    z-index: 120;
    position: fixed;
    right: 0;
    top: 0
}

.edit-mode.web-online-store-customize .header-customize-toggle {
    z-index: 1012
}

.web-online-store-customize .txt-toogle {
    display: inline-block;
    padding: 19px 15px 0 0;
    color: #999;
    vertical-align: top
}

.web-online-store-customize .header-customize-toggle .category-toggle {
    z-index: 200;
    display: inline-block;
    overflow: auto
}

.web-online-store-customize .color-white {
    color: #fff
}

.web-online-store-customize .width1000 {
    width: 1000px
}

.web-online-store-customize .pos-from-right {
    position: absolute;
    margin: 0;
    right: 12px;
    height: 45px;
    display: flex;
    align-items: center
}

.web-online-store-customize .slider-sec .jd-autosuggest-holder .icon-cross {
    position: absolute;
    top: 6px;
    right: 0;
    color: #333;
    cursor: pointer;
    font-size: 20px
}

.web-online-store-customize .select-link-menu-input {
    position: relative;
    width: 100%;
    padding: 0;
    border: none;
    border-bottom: 1px solid #ccc;
    height: 32px;
    border-radius: 0
}

    .web-online-store-customize .select-link-menu-input.disabled {
        opacity: 1;
        border-bottom: 1px solid #f2f2f2
    }

    .web-online-store-customize .border-bottom-blue, .web-online-store-customize .select-link-menu-input:focus {
        border-bottom: 2px solid #0086ff !important
    }

    .web-online-store-customize .select-link-menu-input .icon-pagination-down {
        position: absolute;
        top: 10px;
        color: #ccc;
        right: 0;
        padding-right: 6px;
        left: auto;
        cursor: pointer
    }

    .web-online-store-customize .select-link-menu-input .link-type-box {
        height: 29px;
        padding-left: 0
    }

        .web-online-store-customize .select-link-menu-input .link-type-box::-webkit-input-placeholder {
            color: #ccc
        }

        .web-online-store-customize .select-link-menu-input .link-type-box:-moz-placeholder, .web-online-store-customize .select-link-menu-input .link-type-box::-moz-placeholder {
            color: #ccc
        }

        .web-online-store-customize .select-link-menu-input .link-type-box:-ms-input-placeholder {
            color: #ccc
        }

        .web-online-store-customize .select-link-menu-input .link-type-box[disabled] {
            background: #fff
        }

    .web-online-store-customize .select-link-menu-input.disabled .link-type-box {
        background: #f2f2f2;
        height: 33px
    }

.web-online-store-customize .place-holder-color::-webkit-input-placeholder {
    color: #545454
}

.web-online-store-customize .place-holder-color:-moz-placeholder, .web-online-store-customize .place-holder-color::-moz-placeholder {
    color: #545454;
    opacity: 1
}

.web-online-store-customize .place-holder-color:-ms-input-placeholder {
    color: #545454
}

.web-online-store-customize .text-pos {
    border: none
}

.web-online-store-customize .border-none {
    border: none !important
}

.web-online-store-customize .suggestion-style {
    padding: 10px 5px
}

.web-online-store-customize .form-control.place-holder-color {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    color: #545454
}

.web-online-store-customize .static-list-style {
    padding-bottom: 5px
}

.web-online-store-customize .page-title-style {
    padding-left: 10px
}

.web-online-store-customize .icon-style-pos {
    position: relative;
    bottom: 26px;
    padding-left: 5px;
    color: #333
}

.web-online-store-customize .prod-search-input {
    padding-left: 30px !important
}

.web-online-store-customize .list-style {
    position: relative;
    top: 4px;
    margin-right: 5px;
    color: #333
}

.web-online-store-customize .selected-bread-crumb-style {
    color: #ff9a00;
    padding: 7px 0
}

.web-online-store-customize .search-results-container {
    width: 100%
}

    .web-online-store-customize .search-results-container .jd-autosuggest {
        padding: 0;
        margin: 0;
        border-bottom: none;
        border-top: none;
        max-height: 270px;
        top: 33px
    }

        .web-online-store-customize .search-results-container .jd-autosuggest li {
            padding: 15px;
            height: 90px
        }

.web-online-store-customize .inventoryImg {
    padding: 0
}

.web-online-store-customize .jd-autosuggest li .inventoryImg .jd-image-loader-icon {
    padding: 18px 0 0
}

.web-online-store-customize .paddingL5 {
    padding-left: 5px
}

.web-online-store-customize .jd-autosuggest .noProdDiv {
    height: 50px !important
}

.web-online-store-customize .website-modal-menu .icon-pos {
    display: inline-block;
    padding-top: 25px;
    font-size: 20px
}

.web-online-store-customize .website-modal-menu .menu-list .col-xs-5 {
    width: 44.666667%;
    padding: 15px
}

.approx-del-pop {
    position: relative;
    cursor: pointer
}

    .approx-del-pop .bootstrap-iso .logo-popover.popover {
        position: absolute;
        top: 15px;
        width: 133px;
        left: -50px
    }

.web-online-store-customize .website-modal-menu .menu-list .col-xs-2 {
    width: 10.666667%;
    padding: 0 0 0 20px
}

.web-online-store-customize .website-modal-menu .animate-section-overlay {
    height: 100%;
    padding-top: 58px
}

.web-online-store-customize .website-modal-menu .full-height {
    height: 100%
}

.web-online-store-customize .website-modal-menu .key-selected {
    color: #333;
    text-transform: capitalize
}

.web-online-store-customize .website-modal-menu .selected-link-style {
    padding: 5px 10px;
    width: 100%
}

.web-online-store-customize .website-modal-menu .menu-list .icon-cross {
    position: absolute;
    top: 6px;
    right: 5px;
    color: #333;
    cursor: pointer;
    font-size: 20px
}

.slider-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px
}

.static-page-list {
    padding: 13px 0;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer
}

.on-hov-color:hover {
    background-color: #f5fafe
}

.on-hov-color {
    padding: 0 15px
}

.static-page-name {
    margin-left: 25px
}

.dashed-border {
    border: 1px dashed #ccc
}

.left-menu-online.content-menu::-webkit-scrollbar-thumb {
    background-color: #535556
}

.circle-loader {
    margin-left: 50%;
    fill: transparent;
    stroke: #0086ff;
    stroke-width: 5;
    animation: dash 2s ease infinite,rotate 2s linear infinite;
    position: fixed;
    top: 50%;
    z-index: 99;
    border-radius: 50%
}

@keyframes dash {
    0% {
        stroke-dasharray: 1,95;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 85,95;
        stroke-dashoffset: -25
    }

    to {
        stroke-dasharray: 85,95;
        stroke-dashoffset: -93
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.form-control.prod-search-input.select-link-menu-input {
    height: 31px
}

.border-none {
    border: none
}

.web-online-store-customize .link-banner-option .search-results-container .jd-autosuggest {
    top: 34px
}

.web-online-store-customize .form-control.place-holder-color.padding-left-5 {
    padding-left: 5px
}

.web-online-store-customize .full-height.widget {
    height: 100%
}

.web-online-store-customize .animate-section-overlay.widget {
    opacity: .4;
    background: #333;
    z-index: 124;
    position: fixed;
    top: 0
}

.web-online-store-customize .animate-div-right.widget {
    z-index: 9998;
    position: fixed;
    top: 0
}

    .web-online-store-customize .animate-div-right.widget .jd-animate {
        background-color: #fff
    }

    .web-online-store-customize .animate-div-right.widget .header {
        z-index: 150
    }

    .web-online-store-customize .animate-div-right.widget .widget-submit-btn {
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        border-radius: 0;
        height: 46px
    }

.web-online-store-customize .widget-submenu .leftMenuLinkStyle {
    width: 197px;
    font-size: 14px
}

.web-online-store-customize .widget-submenu.help-submenu .leftMenuLinkStyle {
    width: 175px
}

.web-online-store-customize .widget-submenu .leftSubMenu {
    height: 45px
}

.web-online-store-customize .animate-div-right.widget .widget-logo {
    margin: 22px 0 2px
}

.web-online-store-customize .animate-div-right.widget .wufooForm .widget-logo img {
    height: 55px
}

.web-online-store-customize .animate-div-right.widget .widget-logo img {
    height: auto
}

.web-online-store-customize .animate-div-right.widget .word-press .widget-logo img {
    height: 90px
}

.web-online-store-customize .animate-div-right.widget .word-press .widget-logo {
    margin: 30px 0 5px
}

.web-online-store-customize .animate-div-right.widget .widget-link {
    outline: none;
    border: none;
    border-bottom: 2px solid #ccc;
    color: #545454;
    width: 100%;
    height: 26px;
    margin-top: 11px
}

    .web-online-store-customize .animate-div-right.widget .widget-link:focus {
        border-bottom: 2px solid #0086ff
    }

    .web-online-store-customize .animate-div-right.widget .widget-link::-webkit-scrollbar {
        width: 0 !important
    }

.web-online-store-customize .animate-div-right.widget .close {
    position: absolute;
    right: 15px;
    outline: none
}

.web-online-store-customize .animate-div-right.widget .clear-link-txt .code-label {
    display: inline-block;
    margin-left: 5px
}

.web-online-store-customize .animate-div-right.widget .clear-link-txt {
    position: absolute;
    right: 0;
    top: -5.5px;
    color: #545454;
    padding: 3px 8px;
    cursor: pointer
}

.web-online-store-customize .google-analytics-enabled {
    background: #0086ff;
    border-color: #2a74a0;
    padding: 0 8px;
    margin: 0 8px;
    border-radius: 15px
}

.web-online-store-customize .header-customize-toggle ul li:last-child, .web-online-store-customize .pages-menu ul li:last-child {
    border-left: none
}

.web-online-store-customize .header-customize-toggle ul li .linkStyle.page-container > li {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #2c2c2c
}

.web-online-store-customize .animate-div-right.widget a.help-link {
    color: #0086ff
}

    .web-online-store-customize .animate-div-right.widget a.help-link:hover {
        color: #0086ff;
        text-decoration: underline
    }

.web-online-store-customize .animate-div-right.widget .registerText {
    border: 1px solid #0086ff;
    border-radius: 2px;
    line-height: 34px;
    font-size: 16px;
    color: #0086ff;
    display: block
}

.web-online-store-customize .animate-div-right.widget .widget-body {
    height: 100%;
    padding-bottom: 46px;
    overflow-y: auto
}

    .web-online-store-customize .animate-div-right.widget .widget-body::-webkit-scrollbar {
        width: 3px !important;
        height: 10px;
        padding: 1px
    }

.web-online-store-customize .animate-div-right.widget .registerText:hover {
    background-color: #0086ff;
    color: #fff
}

.web-online-store-customize .m-b40 {
    margin-bottom: 40px
}

.web-online-store-customize .m-b22 {
    margin-bottom: 22px
}

.web-online-store-customize .m-b35 {
    margin-bottom: 35px
}

.web-online-store-customize .white-space-pre {
    white-space: pre-line
}

.web-online-store-customize .white-space-normal {
    white-space: normal;
    margin-top: 22px
}

.web-online-store-customize .additional-msg, .web-online-store-customize .widget-desc {
    font-size: 14px
}

.web-online-store-customize .font19 {
    font-size: 19px
}

.web-online-store-customize .paddingT17 {
    padding-top: 17px
}

.web-online-store-customize .m-tb22 {
    margin: 22px 0
}

.web-online-store-customize .paddingLR20 {
    padding-left: 20px;
    padding-right: 20px
}

.web-online-store-customize .headMenu, .web-online-store-customize .preview-btn, .web-online-store-customize .revert-theme, .web-online-store-customize .save-theme {
    min-width: 87px
}

.web-online-store-customize .revert-theme, .web-online-store-customize .save-theme {
    background-color: #ff7b05
}

.web-online-store-customize .flex-center-justify-center {
    display: flex;
    align-items: center;
    justify-content: center
}

.web-online-store-customize .header-items:hover .headMenu, .web-online-store-customize .header-items:hover .icon-customPage ~ .icon-pagination-down {
    color: #fff
}

.web-online-store-customize .revert-theme {
    background-color: #373838;
    color: #999
}

    .web-online-store-customize .revert-theme.disabled, .web-online-store-customize .save-theme.disabled {
        background-color: #373838;
        opacity: .2
    }

.web-online-store-customize .save-theme:hover {
    background-color: #e06a0b
}

.web-online-store-customize .paddingT12 {
    padding-top: 12px
}

.web-online-store-customize .left-menu-online .help-link {
    position: fixed;
    bottom: 20px;
    left: 20px
}

.web-online-store-customize .device-mode {
    position: relative;
    float: left;
    display: inline-block;
    vertical-align: top
}

.web-online-store-customize .vertical-divider {
    border-left: 1px solid #4b4b4b;
    height: 100%;
    width: 1px
}

.web-online-store-customize .icon-macCMS, .web-online-store-customize .icon-phoneCMS {
    margin: 0 13px;
    font-size: 30px;
    color: #9d9d9d
}

.web-online-store-customize .color-white, .web-online-store-customize .desktop-view:hover .icon-macCMS, .web-online-store-customize .mobile-view:hover .icon-phoneCMS {
    color: #fff
}

.web-online-store-customize .device-mode:hover .popover, .web-online-store-customize .revert-sec:hover .revert-popover {
    background: #2a2c2e;
    color: #fff;
    display: block;
    width: 160px;
    border-radius: 3px;
    top: 52px;
    left: -52px;
    font-size: 12px
}

.web-online-store-customize .revert-sec:hover .revert-popover {
    width: unset;
    left: unset;
    right: 0;
    white-space: nowrap
}

.web-online-store-customize .revert-sec .revert-theme.disabled ~ .revert-popover .cannot-undo, .web-online-store-customize .revert-sec .undo-txt {
    display: block
}

.web-online-store-customize .revert-sec .cannot-undo, .web-online-store-customize .revert-sec .revert-theme.disabled ~ .revert-popover .undo-txt {
    display: none
}

.web-online-store-customize .device-mode .popover.bottom > .arrow, .web-online-store-customize .revert-sec .revert-popover.bottom > .arrow {
    border-bottom: none
}

.web-online-store-customize .device-mode .popover .arrow:after, .web-online-store-customize .revert-sec .revert-popover .arrow:after {
    border-bottom-color: #2a2c2e;
    border-width: 6px;
    top: -1px;
    margin-left: -6px
}

.web-online-store-customize .revert-sec .revert-theme.disabled ~ .revert-popover .arrow:after {
    right: -29px
}

.web-online-store-customize .revert-sec .revert-popover .arrow:after {
    right: -14px
}

.web-online-store-customize #iframeHolderMobile .mobile-container {
    display: table;
    margin: auto
}

.web-online-store-customize .mobile-iframe {
    width: 395px;
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.IPad .web-online-store-customize .mobile-iframe {
    display: flex;
    flex-direction: column;
    padding-top: 15px
}

    .IPad .web-online-store-customize .mobile-iframe .mobile-view-holder {
        height: calc(100vh - 250px)
    }

body.isIPad .web-online-store-customize .mobile-iframe {
    width: 332px
}

body.isIPad.add-section-open {
    position: fixed
}

.web-online-store-customize .mobile-iframe .mobile-bottom, .web-online-store-customize .mobile-iframe .mobile-top, .web-online-store-customize .mobile-iframe .mobile-view-holder {
    overflow: hidden
}

body.isIPad .web-online-store-customize .mobile-iframe .mobile-view-holder {
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    overflow-y: scroll
}

.web-online-store-customize .mobile-iframe .mobile-view-holder {
    height: calc(100vh - 200px);
    border-left: 6px solid #232733;
    border-right: 6px solid #232733;
    background: #fff
}

.web-online-store-customize .mobile-iframe iframe {
    background: #fff
}

    .web-online-store-customize .mobile-iframe iframe::-webkit-scrollbar {
        width: 2px !important;
        height: 10px;
        padding: 1px
    }

.web-online-store-customize .border-radius-0 {
    -moz-border-radius: 0;
    border-radius: 0
}

.web-online-store-customize .uploadFaviconModal .modal-body {
    padding: 15px 0 0
}

    .web-online-store-customize .uploadFaviconModal .modal-body .content {
        padding: 0 15px 25px
    }

    .web-online-store-customize .uploadFaviconModal .modal-body .note-text {
        background-color: #e7e7e7;
        padding: 6px 15px
    }

.web-online-store-customize .menu-icon {
    margin-right: 12px;
    font-size: 16px;
    position: relative;
    top: 2px
}

.web-online-store-customize .custom-switch {
    float: left;
    margin: 25px 15px 0;
    width: 30px;
    height: 7px;
    background-color: #7c7c7c;
    border-radius: 7px
}

    .web-online-store-customize .custom-switch .button {
        width: 13px;
        height: 13px;
        background-color: #e3e3e3;
        position: absolute;
        border-radius: 13px;
        top: 22px;
        left: 15px;
        transition: .3s
    }

.web-online-store-customize .paddingLR30 {
    padding-left: 30px;
    padding-right: 30px
}

.web-online-store-customize .paddingL38 {
    padding-left: 38px
}

.web-online-store-customize input.toggle:checked + .custom-switch .button {
    left: 32px;
    background-color: #0086ff
}

.web-online-store-customize input.toggle:checked + .custom-switch {
    background-color: #3b5670
}

.web-online-store-customize .logoEditModal .modal-content {
    width: 356px;
    margin: auto
}

.web-online-store-customize .customHtmlBlockModal .modal-header, .web-online-store-customize .logoEditModal .modal-header {
    font-size: 20px;
    font-weight: 300
}

.web-online-store-customize .paddingT30 {
    padding-top: 30px
}

.web-online-store-customize .logoEditModal .icon-cameraNew, .web-online-store-customize .logoEditModal .icon-textNew {
    vertical-align: bottom;
    padding-right: 10px
}

.web-online-store-customize .logoEditModal .icon-cameraNew {
    font-size: 14px;
    position: relative;
    top: 1px
}

.web-online-store-customize .logoEditModal .icon-textNew {
    font-size: 10px;
    position: relative;
    bottom: 1px
}

.web-online-store-customize .canvas-holder canvas {
    background-color: #ececec;
    border: 1px solid #dadada
}

.web-online-store-customize .loader-on-btn {
    width: 16px;
    margin-right: 5px;
    position: relative;
    bottom: 1px
}

.web-online-store-customize .upload-favicon {
    width: 114.5px
}

.web-online-store-customize .marginT3 {
    margin-top: 3px
}

.web-online-store-customize .favicon-file {
    padding-left: 5px;
    display: inline-block;
    max-width: 235px;
    vertical-align: middle
}

.web-online-store-customize .customHtmlBlockModal .modal-header {
    color: #333
}

.web-online-store-customize .customHtmlBlockModal .close {
    padding-top: 3px
}

.web-online-store-customize .customHtmlBlockModal .modal-content {
    margin: auto;
    width: 525px
}

.web-online-store-customize .customHtmlBlockModal .modal-body-title {
    color: #545454;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 0 10px
}

.web-online-store-customize .customHtmlBlockModal .modal-footer {
    margin-top: 0
}

    .web-online-store-customize .customHtmlBlockModal .modal-footer .save-html[disabled] {
        background: #f0f0f0;
        border-color: #d9e0e8;
        color: #c6c4c5;
        border-radius: 100px;
        -webkit-border-radius: 100px
    }

.web-online-store-customize .customHtmlBlockModal .customHtmlBlock-textarea {
    border-color: #c1cdd7;
    height: 260px;
    padding: 10px;
    width: 100%
}

    .web-online-store-customize .customHtmlBlockModal .customHtmlBlock-textarea:focus {
        border-color: #0086ff;
        outline: none
    }

.web-online-store-customize .online-store-help-container {
    position: relative
}

.web-online-store-customize .help-icon-container {
    padding: 17px;
    color: #999
}

.web-online-store-customize .help-submenu-container {
    padding-top: 17px;
    position: absolute;
    right: 0
}

.web-online-store-customize .help-submenu-list {
    border-radius: 0 0 5px 5px;
    background-color: #212325;
    padding-left: 0
}

.web-online-store-customize .help-submenu-container li {
    border-bottom: 1px solid #252729;
    list-style: none;
    white-space: nowrap
}

    .web-online-store-customize .help-submenu-container li:last-child {
        border-bottom: none
    }

.web-online-store-customize .help-submenu-container a {
    cursor: pointer;
    display: block;
    padding: 10px 12px
}

    .web-online-store-customize .help-submenu-container a:hover {
        color: #fff
    }

.web-online-store-customize .web-slider.animate-div-right .animate-subsection-left {
    background-color: #fff;
    position: absolute;
    width: 320px;
    box-shadow: -2px 0 5px rgba(0,0,0,.175)
}

.web-online-store-customize .customise-header-color .web-slider.animate-div-right .animate-subsection-left {
    width: 320px
}

    .web-online-store-customize .customise-header-color .web-slider.animate-div-right .animate-subsection-left ::-webkit-scrollbar {
        width: 10px;
        height: 10px
    }

.desktop .IPad.web-online-store-customize .web-slider.animate-div-right .color-parent-div {
    height: calc(100vh - 50px)
}

.web-online-store-customize .web-slider.animate-div-right .color-parent-div {
    padding: 15px 10px 0;
    height: calc(100vh - 100px);
    overflow: auto;
    z-index: 1
}

body.IPad .web-online-store-customize .web-slider.animate-div-right .color-parent-div {
    height: calc(100% - 90px)
}

.web-online-store-customize .web-slider.animate-div-right .slider-header {
    padding: 15px;
    font-size: 18px
}

    .web-online-store-customize .web-slider.animate-div-right .slider-header .icon-close-thin {
        cursor: pointer
    }

        .web-online-store-customize .web-slider.animate-div-right .slider-header .icon-close-thin:hover {
            color: #333
        }

.web-slider.animate-div-right .btn.btn-common.btn-primary.pull-right.widget-submit-btn {
    position: absolute;
    bottom: 0
}

.web-full-height {
    height: calc(100vh - 55px)
}

.web-online-store-customize .confirm-theme-revert .modal-dialog {
    width: 360px
}

.web-online-store-customize .confirm-theme-revert .modal-content {
    border-radius: 4px
}

    .web-online-store-customize .confirm-theme-revert .modal-content .warning {
        color: #727272;
        padding: 25px 0 0
    }

.web-online-store-customize .confirm-theme-revert .modal-body {
    padding: 40px 30px 20px
}

.web-online-store-customize .confirm-theme-revert .revert-cancel {
    background-color: #e8e8e8;
    border-bottom-left-radius: 4px
}

    .web-online-store-customize .confirm-theme-revert .revert-cancel:hover {
        background-color: #dcdcdc
    }

.web-online-store-customize .confirm-theme-revert .revert-confirm {
    background-color: #69be7b;
    border-bottom-right-radius: 4px;
    color: #fff
}

    .web-online-store-customize .confirm-theme-revert .revert-confirm:hover {
        background-color: #62b373
    }

.web-online-store-customize .icon-revertChanges, .web-online-store-customize .icon-saveNew {
    font-size: 16px;
    padding-right: 8px
}

.web-online-store-customize .icon-saveNew {
    color: #fff
}

.web-online-store-customize .animate-section-overlay.header-color {
    height: 100%;
    left: 0;
    top: 0
}

.web-online-store-customize .favicon-image {
    height: 34px
}

.web-online-store-customize .edit-mode-switch-button-container {
    float: left;
    margin: 18px 12px
}

.jd-popup-modal .modal-footer .green {
    background-color: #69be7b;
    border-bottom-right-radius: 8px;
    color: #fff
}

    .jd-popup-modal .modal-footer .green:hover {
        background-color: #62b373
    }

.jd-popup-modal .modal-footer .red {
    background-color: #cb4a5b;
    border-bottom-right-radius: 8px
}

    .jd-popup-modal .modal-footer .red:hover {
        background-color: #b63e4c
    }

.jd-popup-modal .modal-footer .blue {
    background-color: #0086ff;
    border-bottom-right-radius: 8px
}

    .jd-popup-modal .modal-footer .blue:hover {
        background-color: #0086ff
    }

.jd-popup-modal .modal-body .header {
    font-size: 16px;
    font-weight: 500;
    color: #434343;
    min-height: 20px;
    float: none;
    background-color: initial
}

.jd-popup-modal .modal-body .description {
    font-size: 14px;
    font-weight: 400;
    color: #434343;
    padding-top: 15px
}

.jd-popup-modal .modal-footer {
    padding: 0;
    border-top: none
}

.web-online-store-customize .jd-popup-modal .modal-dialog.popup-modal .modal-body {
    padding: 17px 30px 20px;
    border-radius: 8px
}

.web-online-store-customize .jd-popup-modal .modal-dialog.popup-modal {
    width: 302px
}

    .web-online-store-customize .jd-popup-modal .modal-dialog.popup-modal .modal-content {
        width: 302px;
        border-radius: 10px
    }

.theme-background .selected-bg-circle {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    cursor: pointer;
    margin: 5px;
    position: relative
}

.selected-bg-circle.bg-circle {
    margin: 0
}

.color-container-blocks {
    width: 100%;
    height: 100%;
    border-radius: 20px
}

.theme-background {
    flex: 1;
    margin-right: 12px
}

    .theme-background .jd-color-pallete {
        left: 220px
    }

.edit-mode.web-online-store-customize .pages-menu {
    z-index: 1012
}

    .edit-mode.web-online-store-customize .pages-menu .header-items {
        position: relative
    }

.web-online-store-customize .footer-customize .jd-mobile-header {
    height: 50px
}

.web-online-store-customize .footer-customize .widget-submit-btn {
    height: 40px;
    border-radius: 0
}

.marginL24 {
    margin-left: 24px
}

.fontPop {
    top: -100px;
    position: absolute;
    z-index: 1;
    left: 262px
}

.font-weight-selection {
    top: 8px
}

    .font-weight-selection .leftArrow {
        top: 24px
    }

.lang-selection.fontPop {
    left: 36px
}

.font-option-pop {
    top: -55px;
    position: absolute;
    left: 36px
}

    .font-option-pop .leftArrow {
        top: 69px
    }

.font-selection .leftArrow {
    top: 80px
}

.fontPopNames::-webkit-scrollbar-track {
    background-color: #2a2c2e
}

.fontPopNames::-webkit-scrollbar {
    width: 12px;
    background-color: #2a2c2e
}

.fontPopNames::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #f3f3f3
}

.fontDiv {
    width: 100%;
    height: 21px;
    padding: 2px;
    color: #c0c0c1;
    display: flex;
    align-items: center
}

    .fontDiv:hover {
        background-color: #35373c;
        color: #c0780e
    }

.save-close-btn {
    background-color: #2a2c2e;
    border: 1px solid;
    border-radius: 100px;
    color: #fff;
    line-height: 15px;
    width: 47%;
    font-weight: 400
}

.btn.save-close-btn:focus, .btn.save-close-btn:hover {
    background-color: #fff;
    color: #333 !important;
    border-color: #fff
}

.save-parent-div {
    padding: 12px 15px;
    border-top: 1px solid #424448
}

.slider-new .slider-link:hover {
    text-decoration: underline
}

.slider-new .slider-link {
    color: #0086ff
}

.focusedItem {
    background-color: #555
}

.leftArrow {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #2a2c2e;
    position: relative;
    left: -5px;
    top: 115px
}

.jd-popup-modal .modal-dialog.popup-modal .modal-footer .cancel-btn {
    background: #e8e8e8;
    text-align: center;
    padding: 12px;
    border-bottom-left-radius: 8px
}

.jd-popup-modal .modal-dialog.popup-modal .modal-body .close, .jd-popup-modal .modal-dialog.popup-modal .modal-body .close:hover {
    opacity: 1
}

    .jd-popup-modal .modal-dialog.popup-modal .modal-body .close:before {
        color: #777;
        opacity: 1
    }

    .jd-popup-modal .modal-dialog.popup-modal .modal-body .close:hover:before {
        color: #333;
        opacity: 1
    }

.jd-popup-modal .modal-dialog.popup-modal .modal-footer .cancel-btn:hover {
    background: #dcdcdc
}

.web-online-store-customize .select-all-group.jd-padding-0 {
    padding: 0
}

.web-online-store-customize .select-all-group .show-all-txt-div {
    color: grey;
    width: 28%;
    padding-left: 15px
}

.web-online-store-customize .select-all-group .square {
    padding-left: 20px;
    width: 27%
}

.web-online-store-customize .font-popover {
    height: 100%;
    width: 23%;
    margin-left: 0;
    padding-left: 10px
}

.web-online-store-customize .select-all-group .font-icon-holder {
    height: 100%;
    width: 100%;
    top: auto
}

.web-online-store-customize .font-popover .fake-div {
    top: 9px
}

.web-online-store-customize .select-all-group .font-icon-style {
    height: 100%;
    width: 100%;
    bottom: auto
}

.web-online-store-customize .select-all-group .icon-font-style {
    font-size: 22px;
    top: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    left: 50%
}

.web-online-store-customize .font-icon-holder:hover {
    background: #e9f3ff
}

.web-online-store-customize .select-all-group .square label {
    margin-bottom: 0;
    font-weight: 400;
    display: flex;
    align-items: center
}

.web-online-store-customize .icon-close-thin:before {
    color: inherit
}

.web-online-store-customize .seo-modal .modal-header {
    height: 38px
}

.web-online-store-customize .seo-modal .modal-body {
    overflow: auto;
    min-height: 347px
}

.web-online-store-customize .seo-modal .modal-footer {
    height: 38px
}

.web-online-store-customize .tub-container {
    border-top: 30px solid #383838;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    content: " ";
    position: absolute;
    top: -31px;
    width: 158px;
    height: 0;
    left: -11px;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px
}

.web-online-store-customize .tub-container-outer {
    border-top: 31px solid #383838;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    position: absolute;
    top: 0;
    width: 160px;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px
}

.web-online-store-customize .seo-btn-holder {
    position: fixed;
    top: 55px;
    z-index: 100;
    left: 44%;
    width: 160px;
    height: 31px;
    cursor: pointer
}

    .web-online-store-customize .seo-btn-holder .seo-txt-div {
        position: absolute;
        top: 0;
        left: 54%;
        color: #fff;
        font-size: 14px;
        top: 42%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        width: 112px
    }

.web-online-store-customize .seo-circle {
    width: 12px;
    border: 1px solid #ffc553;
    height: 12px;
    border-radius: 50%;
    background: #ffc553;
    position: relative;
    top: 4px
}

.web-online-store-customize .green-color .seo-circle {
    background: #5eb972;
    border-color: #5eb972
}

.web-online-store-customize .leftMenuLinkStyle .seo-circle {
    top: 1px;
    display: inline-block
}

.word-press-activated .text-gray {
    color: #98999c
}

.word-press .about-wordPress {
    line-height: .8;
    white-space: pre-line;
    margin-bottom: 9px
}

.web-online-store-customize .about-wordPress .text-primary:hover {
    text-decoration: underline
}

.web-online-store-customize .about-wordPress .text-primary {
    display: block
}

.word-press-form .text-primary, .word-press .text-primary {
    color: #428bca
}

.word-press-form .tnc-text {
    position: relative;
    bottom: 3px
}

.installing-wordpress .install-text.para1 {
    position: relative;
    bottom: 92px
}

.installing-wordpress .install-text.para2 {
    position: relative;
    bottom: 60px
}

.installing-wordpress .wordPress-loader {
    position: relative;
    bottom: 115px;
    right: 12px
}

.word-press-form .text-danger, .word-press .text-danger {
    color: #e84f4f
}

.word-press .icon-wordpress {
    font-size: 8em;
    margin: 30px;
    color: #0086ff;
    display: flex;
    flex-direction: column;
    align-items: center
}

.widget .widget-logo-wordPress {
    margin: 40px auto
}

    .widget .widget-logo-wordPress .tick-mark {
        height: 20px;
        right: 26px;
        position: relative;
        top: 30px
    }

.word-press .wordPress-installation-error {
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    bottom: 60px
}

.word-press .icon-alertNew {
    color: #e84f4f;
    font-size: 18px;
    top: 2px
}

.word-press .wordPress-errorMsg {
    padding: 0 5px 10px;
    color: #e84f4f;
    font-weight: 300
}

.word-press-form .form-description {
    padding: 20px 0
}

.word-press-form .form-label {
    bottom: 22px;
    color: #999;
    position: relative;
    font-size: 1em;
    -webkit-transition: .1s ease-out
}

.word-press-form .text-disc {
    -webkit-text-security: disc !important
}

.word-press-form .widget-link:focus + .form-label {
    bottom: 45px;
    position: relative;
    font-size: .8em
}

.word-press-form .labelPos {
    bottom: 45px;
    font-size: .8em
}

.word-press-form .jd-circular-checkbox input[type=checkbox] + label span:first-of-type {
    width: 15px;
    height: 15px
}

.word-press-form label {
    margin-bottom: 0
}

.word-press-form .error-message {
    position: relative;
    bottom: 18px;
    font-size: 12px;
    height: 15px
}

.word-press-form .widget-link.border-red {
    border-bottom: 2px solid #e84f4f !important
}

.installation-loader {
    border-radius: 50%;
    border: 6px solid #f3f3f3;
    border-top-color: #3498db;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.installing-wordpress .loader-container, .sec-wordPress-activated .loader-container {
    white-space: pre-wrap
}

.sec-wordPress-activated .text-gray {
    color: #6b6c70
}

.sec-wordPress-activated .success-msg {
    color: grey
}

.sec-wordPress-activated .blog-details {
    margin-top: 10px;
    line-height: 2;
    font-weight: 400
}

.sec-wordPress-activated .icon-approved {
    color: #16be48;
    font-size: 110px
}

.sec-wordPress-activated .url {
    color: #0086ff
}

.word-press-form .blog-title {
    display: flow-root;
    width: 100%
}

.word-press-form .admin-password, .word-press-form .blog-title, .word-press-form .confirm-password, .word-press-form .email, .word-press-form .userName {
    height: 65px
}

.align-center {
    text-align: center
}

.web-online-store-customize .mobile-landing-page .gap-between-tab {
    padding: 20px 15px 0;
    background: #fff
}

.web-online-store-customize .mobile-landing-page .col-xs-1.paddingLR0 {
    border: 1px solid #0086ff;
    border-radius: 50%;
    text-align: center;
    height: 50px;
    width: 50px;
    display: table
}

.web-online-store-customize .mobile-landing-page .dividerLine {
    border-bottom: .2px solid #dcdcdc;
    margin: 8px 10px 0 55px
}

.web-online-store-customize .mobile-landing-page .landing-page-icons {
    font-size: 20px;
    color: #0086ff;
    display: table-cell;
    vertical-align: middle
}

.web-online-store-customize .mobile-landing-page .landing-page-title {
    font-size: 1.2em;
    color: #0086ff;
    width: 75%;
    top: 10px;
    padding-top: 4px
}

.web-online-store-customize .mobile-landing-page .right-icon {
    top: 10px;
    color: #0086ff
}

.web-online-store-customize .mobile-landing-page .count-holder {
    background-color: #ea4940;
    border-radius: 50%;
    color: #fff;
    height: 28px;
    width: 28px;
    padding: 0;
    display: table;
    top: 5px;
    line-height: normal
}

.web-online-store-customize .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
}

.web-online-store-customize .mobile-landing-page .disabled {
    box-shadow: none;
    cursor: not-allowed;
    opacity: .65;
    pointer-events: none
}

.web-online-store-customize .mobile-landing-page .gap-between-tab:active .landing-page-icons, .web-online-store-customize .mobile-landing-page .gap-between-tab:hover .landing-page-icons {
    font-size: 20px;
    color: #fff
}

.web-online-store-customize .mobile-landing-page .gap-between-tab:active .landing-page-title, .web-online-store-customize .mobile-landing-page .gap-between-tab:hover .landing-page-title {
    font-size: 1.2em;
    color: #fff
}

.web-online-store-customize .mobile-landing-page .gap-between-tab:active .col-xs-1.paddingLR0, .web-online-store-customize .mobile-landing-page .gap-between-tab:hover .col-xs-1.paddingLR0 {
    border: 1px solid #fff
}

.web-online-store-customize .mobile-landing-page .gap-between-tab:active .dividerLine, .web-online-store-customize .mobile-landing-page .gap-between-tab:hover .dividerLine {
    border-bottom-color: #0086ff
}

.web-online-store-customize .mobile-landing-page .gap-between-tab:active, .web-online-store-customize .mobile-landing-page .gap-between-tab:hover {
    background-color: #0086ff
}

.web-online-store-customize .mobile-landing-page .row.margin0.vert-align {
    position: relative;
    bottom: 6px
}

.web-online-store-customize .animate-div-right .companyNameBody, .web-online-store-customize .mobile-landing-page {
    margin-top: 50px
}

.web-online-store-customize .upload-logo .mobile-landing-page {
    padding: 0;
    height: auto;
    background: none
}

    .web-online-store-customize .upload-logo .mobile-landing-page .gap-between-tab {
        background: none;
        border-radius: 0;
        margin-bottom: 0;
        box-shadow: none;
        height: auto
    }

        .web-online-store-customize .upload-logo .mobile-landing-page .gap-between-tab:active, .web-online-store-customize .upload-logo .mobile-landing-page .gap-between-tab:hover {
            background-color: #0086ff
        }

    .web-online-store-customize .upload-logo .mobile-landing-page .landing-page-title {
        margin-left: 0
    }

.web-online-store-customize .animate-div-right .outletBody {
    padding: 20px 15px
}

.web-online-store-customize .animate-div-right .border-separator {
    border-bottom: 4px solid #f1f1f1;
    border-color: #f1f1f1 !important
}

.web-online-store-customize .link-type-box.store-name-input {
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    padding-left: 0
}

    .web-online-store-customize .link-type-box.store-name-input:focus {
        border: none;
        border-bottom: 2px solid #0086ff
    }

.web-online-store-customize .upload-logo .mobile-landing-page .gap-between-tab {
    padding-left: 0;
    padding-right: 0
}

.web-online-store-customize .upload-logo .mobile-landing-page .dividerLine {
    margin: 8px 10px 0 80px
}

.slider-holder .croper-loader .cropper-loader-style {
    stroke: #64b5f3
}

.slider-holder .croper-loader .overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    opacity: .8
}

.slider-holder .cropper-loader-style {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 5;
    width: 40px;
    margin: 0;
    stroke: #fff
}

.marginB30 {
    margin-bottom: 30px
}

.marginL30 {
    margin-left: 30px
}

.marginR60 {
    margin-right: 60px
}

.web-online-store-customize .btn-default .preview-btn {
    margin-right: 5px
}

.web-online-store-customize .btn-default {
    background: #fafcfc;
    color: #0086ff !important;
    border-color: #d5dde3
}

    .web-online-store-customize .btn-default:active, .web-online-store-customize .btn-default:hover {
        background: #f0f0f0;
        border-color: #d9d9d9;
        color: #0086ff !important
    }

.web-online-store-customize label {
    font-weight: 400
}

.web-online-store-customize {
    font-size: 14px;
    font-weight: 400
}

.desktop .web-online-store-customize .add-content-btwn-btn-parent .btn .icon-addSection2 {
    margin-left: 3px;
    padding-bottom: 3px
}

.desktop .edit-mode .add-content-block-container .icon-addSection2 {
    position: relative;
    display: inline-block;
    top: 1px;
    font-size: 21px
}

.web-online-store-customize .icon-addSection2 {
    color: #0086ff
}

.web-online-store-customize .footer-main .footer-mid .footer-links .b2b-lessmore .icon-double-arrowDown {
    padding-right: 3px;
    color: inherit
}

.web-online-store-customize .close i {
    color: #000
}

.web-online-store-customize .leftSubMenu:hover i {
    color: #fff
}

.web-online-store-customize .modal-header .close {
    outline: 0;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    margin-top: 6px
}

.tinyMCE-upload-image .btn-upload.chooseFile, .tinyMCE-upload-image .uploadedList .loader {
    display: flex;
    align-items: center;
    justify-content: center
}

.tinyMCE-upload-image .uploadedList .loader {
    height: 102px;
    width: 102px;
    border: 2px dashed #ddd
}

.header-customize-toggle .save-website-copy.width30 {
    width: 30px
}

.header-customize-toggle .save-website-copy .save-website-popover {
    color: #999;
    top: 56px;
    width: 158px;
    right: 7px;
    left: unset;
    background: #383838;
    border-radius: 4px
}

    .header-customize-toggle .save-website-copy .save-website-popover.bottom > .arrow {
        left: 84%
    }

        .header-customize-toggle .save-website-copy .save-website-popover.bottom > .arrow:after {
            border-bottom-color: #383838
        }

    .header-customize-toggle .save-website-copy .save-website-popover:hover {
        background: #262626;
        color: #fff
    }

    .header-customize-toggle .save-website-copy .save-website-popover.bottom:hover > .arrow:after {
        border-bottom-color: #262626
    }

.header-customize-toggle .save-website-copy .full-height:hover {
    background-color: #ff7b05
}

.web-left-header.jd-header-fixed .tag-container .tag-indicator {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 2px 0 5px;
    border-radius: 30px
}

.web-online-store-customize .font-popover .font-filter span:hover {
    color: #333
}

.web-online-store-customize .font-popover .font-filter span {
    position: absolute;
    right: 16px;
    top: 14px;
    font-size: 12px;
    color: #333
}

.web-online-store-customize .font-popover .font-filter input {
    width: 91%;
    margin: 7px 5px 5px 7px;
    border-radius: 2px;
    height: 26px
}

.customise-header .font-popover .font-filter input {
    padding-right: 25px
}

.web-online-store-customize .font-popover .font-filter {
    position: relative
}

.web-online-store-customize .font-popover .popover .font-list {
    overflow: auto;
    overflow-x: hidden;
    height: 164px
}

.fontFamily .fontFamily, .fontWeight .fontWeight {
    background-color: #35373a
}

.web-online-store-customize .social-links .btn-bottom {
    position: absolute;
    bottom: 0
}

.web-online-store-customize .social-links .social-parent-div {
    height: calc(100% - 180px)
}

.web-online-store-customize .animate-div-right.widget .close:hover {
    opacity: 1
}

.font-weight-name .selected-font-icon, .fontPopNames .selected-font-icon {
    display: none;
    position: absolute;
    right: 6px;
    top: 5px;
    color: #c0780e
}

.font-weight-name .focusedItem .selected-font-icon, .fontPopNames .focusedItem .selected-font-icon {
    display: block;
    color: #c0780e
}

.font-weight-name {
    padding: 7px 0
}

.web-online-store-customize .paddingLR5 {
    padding: 0 5px
}

.web-online-store-customize .linkStyle .theme-background-color {
    left: -196px;
    top: 5px;
    width: 100%;
    position: absolute;
    max-width: 190px;
    height: auto;
    z-index: 1;
    background-color: #2a2c2e;
    padding: 5px
}

.web-online-store-customize .theme-background-color .select-color-circle {
    display: inline-block;
    width: 100%;
    padding: 8px 0 8px 8px;
    color: #fff
}

    .web-online-store-customize .theme-background-color .select-color-circle .icon-pagination-right {
        margin-right: 2px;
        margin-top: 3px
    }

.web-online-store-customize .theme-background-slider-section.cover-img-section .cover-img:hover {
    border: 1px solid #e3eaee
}

.web-online-store-customize .theme-background-slider-section.cover-img-section .cover-img {
    height: 120px;
    overflow: hidden
}

.web-online-store-customize .theme-background-slider-section .cover-img .background-image {
    height: inherit;
    background-position: 50%;
    background-size: cover
}

.web-online-store-customize .theme-background-slider-section.cover-img-section .mobile-header-right i {
    left: 10px;
    width: 40px;
    height: 40px
}

    .web-online-store-customize .theme-background-slider-section.cover-img-section .mobile-header-right i:hover:before {
        color: #fff
    }

.web-online-store-customize .theme-background-color .div-bottom-border {
    border-bottom: 1px solid #454648;
    padding-bottom: 5px
}

.web-online-store-customize .theme-background-color .change-background-image {
    background-color: #2a2c2e;
    border: 1px solid;
    border-radius: 100px;
    color: #fff;
    width: 100%;
    line-height: 20px;
    margin-top: 10px;
    font-size: 12px;
    padding: 6px 9px;
    outline: none
}

.web-online-store-customize .theme-background-color .opacity-slider {
    padding: 7px;
    color: #c0c0c1
}

.web-online-store-customize .theme-background-color .trans-div {
    padding: 2% 0;
    text-align: left;
    display: flex
}

.web-online-store-customize .theme-background-color .bg-opacity-val {
    width: 20%;
    padding: 0 5px;
    background: #545454;
    color: #fff;
    border: none;
    box-shadow: none;
    margin-top: 3px
}

.web-online-store-customize .theme-background-color .sv-parent-div {
    padding: 7% 7% 4%
}

.web-online-store-customize .theme-background-color .change-img-btn {
    background-color: #2a2c2e;
    border: 1px solid;
    border-radius: 100px;
    color: #fff;
    line-height: 20px;
    width: 66px;
    float: right;
    margin-top: 0
}

    .web-online-store-customize .theme-background-color .change-background-image:hover, .web-online-store-customize .theme-background-color .change-img-btn:hover {
        background-color: #fff;
        color: #333 !important;
        border-color: #fff
    }

.web-online-store-customize .theme-color-pallete .jd-color-pallete.color-palette {
    left: 24%;
    position: fixed;
    top: 69px;
    z-index: 1011
}

.web-online-store-customize .theme-color-pallete .sp-container .sp-input {
    position: relative;
    top: 2px;
    padding-top: 0
}

.web-online-store-customize .theme-color-pallete .color-picker .back-button, .web-online-store-customize .theme-color-pallete .custom-color-div, .web-online-store-customize .theme-color-pallete .selected-color-text {
    color: #c0c0c1
}

.web-online-store-customize .theme-color-pallete .color-picker .back-button {
    position: relative;
    top: 10px;
    padding-left: 3px
}

    .web-online-store-customize .theme-color-pallete .color-picker .back-button span {
        padding-top: 2%
    }

    .web-online-store-customize .theme-color-pallete .color-picker .back-button .icon-pagination-left {
        font-size: 14px;
        top: 2px;
        position: relative
    }

.web-online-store-customize .theme-color-pallete .color-picker .sp-container {
    left: -5px
}

.web-online-store-customize .theme-color-pallete .jd-color-pallete .sp-picker-container {
    width: 168px
}

.web-online-store-customize .theme-color-pallete .color-picker .selected-bg-circle {
    right: -76px;
    top: -27px
}

.web-online-store-customize .theme-color-pallete .jd-color-pallete .custom-color-div {
    border-bottom: 0
}

.web-online-store-customize .theme-background-options .upload-image-slider .animate-section-overlay, .web-online-store-customize .theme-color-pallete .jd-color-pallete .sv-parent-div {
    display: none
}

.web-online-store-customize .theme-background-options .upload-image-slider .animate-slider.animate-div-right, .web-online-store-customize .theme-background-slider-section .animate-section-overlay, .web-online-store-customize .theme-background-slider-section .animate-slider.animate-div-right {
    position: fixed
}

.web-online-store-customize .theme-background-slider-section .animate-section-overlay {
    z-index: 1012;
    background: #000
}

.web-online-store-customize .theme-background-slider-section .animate-slider.animate-div-right {
    z-index: 1012
}

.theme-background-slider-section .theme-loading-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 15;
    background-color: hsla(0,0%,100%,.37)
}

    .theme-background-slider-section .theme-loading-container .circle-loader {
        margin: 0;
        left: calc(50% - 20px);
        top: calc(50% - 20px);
        position: inherit;
        transform: translate(-50%,-50%)
    }

.web-online-store-customize .category-sec-right ul.jd-product-group-tree {
    padding-bottom: 50px
}

.web-online-store-customize .add-product-modal-new .drop-down .icon-down-style, .web-online-store-customize .add-product-modal-new .select-category-or-type-section .web-get-all-categories .down-arrow-icon {
    left: auto
}

.web-online-store-customize .unit-autosuggest .arrow-button-holder .icon-pagination-down {
    position: relative;
    left: auto
}

.web-online-store-customize .animate-div-right.widget .widget-link.validation-errLabl {
    border-bottom: 2px solid #de7e7e
}

.web-online-store-customize .animate-div-right.widget .errorClass {
    color: #de7e7e !important
}

.web-online-store-customize .widget-body.whatsapp .position-dropdown {
    position: relative;
    margin-top: 30px
}

.web-online-store-customize .widget-body.whatsapp .custom-select {
    border: none;
    border-bottom: 2px solid #ccc;
    padding-left: 0;
    background: transparent;
    top: 25px;
    position: absolute;
    z-index: 6;
    border-radius: 0
}

.web-online-store-customize .widget-body.whatsapp .widget-position-label {
    color: #9a9a9a;
    font-size: 14px;
    font-weight: 500
}

.web-online-store-customize .widget-body.whatsapp .position-dropdown .dropdown-icon {
    position: absolute;
    top: 32px;
    right: 10px;
    font-size: 16px;
    z-index: 5
}

.jd-left-menu-container {
    top: 0;
    left: -240px
}

.web-online-store-customize .jd-left-menu-container .link-name {
    color: inherit
}

.web-online-store-customize .jd-left-menu-container .go-to-store-link {
    display: none
}

.web-online-store-customize .website-preview-popover {
    display: block;
    width: 365px;
    max-width: none;
    top: 59px;
    left: -237px;
    background: #0086ff;
    color: #fff;
    cursor: auto;
    border: none
}

    .web-online-store-customize .website-preview-popover .arrow {
        left: auto;
        right: 20%
    }

        .web-online-store-customize .website-preview-popover .arrow:after {
            border-bottom-color: #0086ff
        }

    .web-online-store-customize .website-preview-popover .icon-static-page {
        display: inline-block;
        font-size: 28px
    }

    .web-online-store-customize .website-preview-popover .popover-content {
        display: flex;
        align-items: center;
        padding-left: 10px
    }

    .web-online-store-customize .website-preview-popover .text {
        display: inline-block;
        padding-left: 10px;
        font-size: 14px
    }

    .web-online-store-customize .website-preview-popover .icon-close-thin {
        position: absolute;
        right: 5px;
        top: 5px;
        color: #ccc;
        cursor: pointer;
        font-size: 20px
    }

        .web-online-store-customize .website-preview-popover .icon-close-thin:hover {
            color: #fff
        }

.website-preview-popover .icon-static-page {
    font-size: 24px
}

.website-preview-toast {
    width: 410px;
    transform: translateX(-50%);
    background-color: rgba(0,0,0,.8);
    color: #fff;
    border-radius: 40px;
    position: fixed;
    z-index: 1050;
    left: 50%;
    bottom: 30px;
    height: 60px;
    display: flex;
    align-items: center;
    padding-left: 30px
}

    .website-preview-toast .icon-close-thin {
        position: absolute;
        right: 15px;
        top: 20px;
        font-size: 24px
    }

.jd-cms.edit-mode #topcontrol {
    z-index: 101 !important
}

.web-online-store-customize .jd-left-menu-container .store-name.newstorename a {
    visibility: visible
}

.jd-cms .jd-alert-message-parent.save-toast-msg.jd-transition {
    bottom: 50px
}

.jd-cms .jd-alert-message-parent.save-toast-msg .jd-alert-message {
    bottom: 0;
    border-radius: 50px;
    transition: unset;
    transform: unset
}

.jd-cms .jd-alert-message-parent.save-toast-msg {
    transition: unset;
    transform: unset
}

    .jd-cms .jd-alert-message-parent.save-toast-msg .icon-close-thin {
        padding-right: 12px
    }

.jd-alert-message-parent.save-toast-msg .message-container {
    padding-left: 20px
}

.jd-popup-modal.save-changes-modal .modal-dialog.popup-modal .modal-content {
    width: 360px;
    height: 220px
}

.web-online-store-customize .jd-popup-modal.save-changes-modal .modal-dialog.popup-modal .modal-body {
    padding: 48px 30px 32px
}

.jd-popup-modal.save-changes-modal .modal-dialog.popup-modal .modal-body .close:before {
    color: #cfcfcf
}

.jd-popup-modal.save-changes-modal .modal-body .header {
    font-size: 17px
}

.jd-popup-modal.save-changes-modal .modal-body .description {
    font-size: 15px
}

.jd-popup-modal.save-changes-modal .modal-dialog.popup-modal .modal-body .close:hover:before {
    color: #969696
}

.web-online-store-customize .jd-popup-modal.save-changes-modal .icon-close-thin {
    position: absolute;
    top: 14px;
    right: 14px;
    color: #cfcfcf !important
}

.jd-popup-modal.save-changes-modal .modal-footer .cancel-btn {
    border-bottom-left-radius: 10px
}

.jd-popup-modal.save-changes-modal .modal-footer .confirm-btn {
    border-bottom-right-radius: 10px
}

.jd-alert-message-parent.save-toast-msg .icon-close-thin:before {
    font-size: 24px;
    position: relative;
    top: -2px
}

.web-online-store-customize .customise-header .web .canvas-holder .control-popup .buttons-content.svgImage .color-popup.popover {
    top: 39px;
    left: 58px
}

.web-online-store-customize .left-menu-page-container .help-option-submenu-tooltip {
    position: relative
}

    .web-online-store-customize .left-menu-page-container .help-option-submenu-tooltip .popover {
        display: block;
        top: -37px;
        left: 53px;
        min-width: 215px;
        color: #919191;
        background: #2a2c2e;
        border-radius: 4px
    }

        .web-online-store-customize .left-menu-page-container .help-option-submenu-tooltip .popover .arrow {
            left: -8px;
            top: 50%
        }

    .web-online-store-customize .left-menu-page-container .help-option-submenu-tooltip .popover-content {
        padding: 0
    }

    .web-online-store-customize .left-menu-page-container .help-option-submenu-tooltip .data-sec {
        height: 44px;
        display: flex;
        align-items: center;
        font-size: 14px;
        padding-left: 15px
    }

.web-online-store-customize .header-items.show-seo .widget-submenu.more-items .linkStyle > li:first-child {
    display: block
}

.web-online-store-customize .header-items .widget-submenu.more-items .linkStyle > li:first-child {
    display: none
}

.desktop .IPad.web-online-store-customize .header-customize-toggle .revert-theme {
    min-width: 50px
}

    .desktop .IPad.web-online-store-customize .header-customize-toggle .revert-theme .label-sec, .desktop .web-online-store-customize .more-headeroption {
        display: none
    }

.desktop .IPad.web-online-store-customize .more-headeroption {
    display: flex
}

.search.web-online-store-customize .flex-center-justify-center.custom-code-headeroption, .web-online-store-customize .flex-center-justify-center.custom-code-headeroption {
    display: none
}

.addressDetails.web-online-store-customize .custom-code-headeroption, .bookAppointment.web-online-store-customize .custom-code-headeroption, .cartCheckout.web-online-store-customize .custom-code-headeroption, .delivery.web-online-store-customize .custom-code-headeroption, .detail-page .web-online-store-customize .custom-code-headeroption, .home-page .web-online-store-customize .custom-code-headeroption, .listing.web-online-store-customize .custom-code-headeroption {
    display: flex;
    padding-left: 15px
}

.web-online-store-customize .custom-code-headeroption .premium-patch {
    margin-left: 8px
}

.web-online-store-customize .custom-code-headeroption .icon-customeCode {
    font-size: 20px !important
}

.desktop .web-online-store-customize .header-customize-toggle .revert-theme {
    min-width: 50px
}

    .desktop .web-online-store-customize .header-customize-toggle .revert-theme .icon-revertChanges {
        padding-right: 0
    }

@media only screen and (max-width:1024px) {
    .desktop .web-online-store-customize .custom-code-headeroption, .desktop .web-online-store-customize .help-headeroption, .desktop .web-online-store-customize .seo-headeroption {
        display: none !important
    }

    .desktop .web-online-store-customize .more-headeroption {
        display: flex !important
    }
}

.web-online-store-customize .header-customize-toggle ul li .linkStyle.page-container > li:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.web-online-store-customize .header-customize-toggle ul li .linkStyle.page-container > li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.edit-mode .header-toast-message {
    z-index: 1012
}

.font-option-item {
    justify-content: space-between;
    padding: 12px 15px;
    display: flex;
    font-size: 12px;
    align-items: center
}

    .font-option-item .name-field {
        color: #c0780e;
        font-size: 14px;
        padding-top: 5px
    }

    .font-option-item div {
        display: flex;
        flex-direction: column
    }

.font-option-pop .contnr {
    padding: 5px 0
}

.IPad .settings .left-menu-page-container {
    left: 115px
}

.IPad .settings .arrow {
    left: 107px
}

.fixed-font-option-pop, .fixed-lang-selection, .fixed-theme-background-color {
    position: fixed
}

.fixed-theme-background-color, .IPad .linkStyle.page-container.more .width100perc {
    width: 100%
}

.web-online-store-customize .customise-header .animate-subsection-left {
    height: 100%
}

.jd-color-palette {
    background-clip: padding-box;
    outline: none
}

    .jd-color-palette .modal-dialog {
        top: 0;
        left: 0;
        margin: 0;
        min-width: 100%
    }

.edit-block-modal.mobileEditBlock .jd-color-palette .modal-content {
    border: none
}

.jd-color-palette .modal-dialog .modal-header {
    left: 0;
    right: 0;
    padding: 14px 10px 12px;
    background: linear-gradient(to bottom right,#014aab,#0091b7,#0091b7);
    text-align: center
}

    .jd-color-palette .modal-dialog .modal-header .icon-backNew {
        vertical-align: middle
    }

    .jd-color-palette .modal-dialog .modal-header .icon-pagination-left {
        font-size: 20px;
        position: absolute;
        left: 10px
    }

    .jd-color-palette .modal-dialog .modal-header .modal-title {
        padding: 0;
        font-size: 130%;
        font-weight: 400
    }

.jd-color-palette .modal-dialog .modal-body {
    padding: 0;
    height: 100%;
    display: block
}

    .jd-color-palette .modal-dialog .modal-body .selectedColor {
        padding: 15px;
        border-bottom: 1px solid #e5e5e5
    }

        .jd-color-palette .modal-dialog .modal-body .selectedColor .bodyTitle, .jd-color-palette .modal-dialog .modal-body .selectedColor .trans-div {
            color: #919191;
            padding-bottom: 5px
        }

        .jd-color-palette .modal-dialog .modal-body .selectedColor .selectedColorCode {
            color: #4a4a4a
        }

        .jd-color-palette .modal-dialog .modal-body .selectedColor table tr td {
            padding: 5px
        }

.jd-color-palette .modal-dialog .modal-footer .btn.btn-primary {
    width: 100%;
    height: 50px;
    border-radius: 0;
    font-size: 16px;
    font-weight: 300
}

.jd-color-palette .modal-dialog .modal-footer {
    padding: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0
}

.jd-color-palette .modal-dialog .btnCustomColor {
    border: 1px solid #0086ff;
    background: #fff;
    width: 100%;
    height: 35px;
    color: #0086ff;
    border-radius: 2px
}

.jd-color-palette .modal-dialog .customColor, .jd-color-palette .modal-dialog .modal-body .colorList {
    padding: 15px
}

    .jd-color-palette .modal-dialog .modal-body .colorList .colorBox {
        width: 16.66%;
        height: 55px
    }

        .jd-color-palette .modal-dialog .modal-body .colorList .colorBox .selected-theme-circle {
            margin: 5px auto;
            border-radius: 50%;
            border: 1px solid #e5e5e5;
            width: 42px;
            height: 42px
        }

        .jd-color-palette .modal-dialog .modal-body .colorList .colorBox .border-blue {
            border: 1px solid #0086ff
        }

        .jd-color-palette .modal-dialog .modal-body .colorList .colorBox .selected-theme-circle .colorCode {
            width: 40px;
            height: 40px;
            border-radius: 50%
        }

.jd-color-palette .modal-dialog .color-palette-popup {
    width: 86%;
    height: 60%;
    position: absolute;
    top: 20%;
    left: 7%
}

.jd-color-palette .modal-dialog .color-palette {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    background: rgba(0,0,0,.4)
}

.jd-color-palette .modal-dialog .color-palette-popup .color-selected {
    position: relative;
    height: 40%
}

.jd-color-palette .modal-dialog .color-palette-popup .select-color {
    position: relative;
    background: #fff
}

    .jd-color-palette .modal-dialog .color-palette-popup .select-color .colorSlider {
        padding: 20px
    }

        .jd-color-palette .modal-dialog .color-palette-popup .select-color .colorSlider .colorHex {
            float: left;
            width: 30%
        }

            .jd-color-palette .modal-dialog .color-palette-popup .select-color .colorSlider .colorHex input[type=text] {
                width: 85%;
                border: 0;
                border-bottom: 2px solid;
                font-size: 14px;
                transition: all .3s
            }

                .jd-color-palette .modal-dialog .color-palette-popup .select-color .colorSlider .colorHex input[type=text]:focus {
                    border-bottom: 2px solid #0086ff;
                    outline: none
                }

        .jd-color-palette .modal-dialog .color-palette-popup .select-color .colorSlider .selectBtnPosition {
            float: right
        }

        .jd-color-palette .modal-dialog .color-palette-popup .select-color .colorSlider .selectBtn {
            width: 80px;
            height: 35px;
            border: 0;
            color: #545454;
            bottom: 10px;
            position: relative;
            font-weight: 300;
            background: #ddd
        }

.jd-color-palette .modal-dialog .color-palette-popup input[type=range] {
    width: 93%;
    height: 14px;
    position: absolute;
    top: 10px;
    left: 15px;
    z-index: 2
}

    .jd-color-palette .modal-dialog .color-palette-popup input[type=range]#r::-webkit-slider-runnable-track {
        background: red
    }

    .jd-color-palette .modal-dialog .color-palette-popup input[type=range]#g::-webkit-slider-runnable-track {
        background: #0f0
    }

    .jd-color-palette .modal-dialog .color-palette-popup input[type=range]#b::-webkit-slider-runnable-track {
        background: #3983f7
    }

    .jd-color-palette .modal-dialog .color-palette-popup input[type=range]::-webkit-slider-runnable-track {
        height: 4px
    }

    .jd-color-palette .modal-dialog .color-palette-popup input[type=range]::-webkit-slider-thumb {
        height: 15px;
        width: 15px;
        border-radius: 50%;
        margin-top: -6px;
        border: 0;
        z-index: 2
    }

    .jd-color-palette .modal-dialog .color-palette-popup input[type=range]#r::-webkit-slider-thumb {
        background: red
    }

    .jd-color-palette .modal-dialog .color-palette-popup input[type=range]#g::-webkit-slider-thumb {
        background: #0f0
    }

    .jd-color-palette .modal-dialog .color-palette-popup input[type=range]#b::-webkit-slider-thumb {
        background: #3983f7
    }

.jd-color-palette .modal-dialog .color-palette-popup .blueColor, .jd-color-palette .modal-dialog .color-palette-popup .greenColor, .jd-color-palette .modal-dialog .color-palette-popup .redColor {
    display: flex;
    position: relative
}

.jd-color-palette .modal-dialog .color-palette-popup .redColor {
    color: red;
    height: 50px;
    align-items: center
}

.jd-color-palette .modal-dialog .color-palette-popup .greenColor {
    color: #0f0;
    height: 50px;
    align-items: center
}

.jd-color-palette .modal-dialog .color-palette-popup .blueColor {
    color: #3983f7;
    height: 50px;
    align-items: center
}

.jd-color-palette .modal-dialog .color-palette-popup output {
    position: relative;
    width: 25px;
    height: 25px;
    top: -18px;
    text-align: center;
    z-index: 1
}

.jd-color-palette .modal-dialog .color-palette-popup .pos-range {
    width: 100%;
    padding: 10px
}

.jd-color-palette .modal-dialog .color-palette-popup .column {
    margin-bottom: 18px
}

.jd-color-palette .modal-dialog .colorSelected {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #0086ff
}

.jd-color-palette .modal-dialog .modal-body .colorList .colorBox .selected-theme-circle .tick {
    width: 15px;
    position: relative;
    bottom: 15px;
    left: 27px
}

.jd-color-palette .modal-dialog .color-pallete-opacity-slider input {
    height: 3px;
    width: 95%;
    margin: 5px auto
}

    .jd-color-palette .modal-dialog .color-pallete-opacity-slider input::-webkit-slider-thumb {
        background: #0086ff;
        border: 2px solid #0086ff
    }

body.iosIframeApp .jd-color-palette .modal-dialog .color-pallete-opacity-slider #opacitySliderColorPallete {
    height: 4px;
    margin: 8px auto
}

body.iosIframeApp .jd-color-palette .modal-dialog .color-pallete-opacity-slider input::-webkit-slider-thumb {
    border: 8px solid #0086ff
}

.edit-block-modal.mobileEditBlock .jd-color-palette .modal-body {
    max-height: calc(100vh - 105px);
    overflow: auto
}

.wap.iosSafari .edit-block-modal.mobileEditBlock .jd-color-palette .modal-body {
    max-height: calc(100vh - 170px);
    overflow: auto
}

.jd-ios-style .jd-color-palette .modal-dialog .color-pallete-opacity-slider input::-webkit-slider-thumb {
    height: 20px;
    width: 20px
}

.jd-ios-style .jd-color-palette .modal-dialog .color-pallete-opacity-slider input {
    height: 8px
}

.jd-color-palette .trans-div {
    display: flex
}

.jd-color-palette .modal-dialog .color-pallete-opacity-slider .transparency-show-val {
    width: 12%;
    height: auto;
    background: #e9e9e9;
    border: none;
    border-bottom: 1px solid #c5c5c5;
    outline: none;
    padding: 2px 9px
}

.jd-color-palette .transparency-show-val:focus {
    outline: none
}

.custom-template {
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    padding: 45px 30px;
    width: 100%
}

    .custom-template.btn-lg, .custom-template.btn-md, .custom-template.btn-sm {
        border-radius: 0
    }

    .custom-template .container-fluid {
        padding-right: 0;
        padding-left: 0
    }

.template-main-container:not(.header-block) {
    background: #fff
}

.desktop.home-page .floating-block .template-main-container {
    border-radius: 4px;
    background-color: unset;
    overflow: hidden;
    background-origin: border-box
}

.desktop.home-page .floating-block .header-block.template-main-container {
    overflow: unset
}

.template-main-container.featuredProd .feature-product .feat-title-html .featuredProd {
    border-radius: 0
}

.IPad .template-main-container.featuredProd .feature-product .feat-title-html .featuredProd {
    overflow: visible
}

.feat-title-html .featuredCatAmz .editable-image-holder .editable-content img {
    border-radius: 0
}

.editable-content-holder {
    cursor: default
}

.link-content, a {
    cursor: pointer
}

.custom-template .alignment-container .editable-button {
    display: inline-block
}

.template-main-container .custom-template .editable-button-container:empty {
    display: none
}

.edit-mode .edit-content .custom-template .editable-button-container.alignment-container:hover {
    outline: 1px solid #4086c4
}

.bootstrap-iso.custom-template a, .bootstrap-iso.custom-template a:focus, .bootstrap-iso.custom-template a:hover {
    color: inherit;
    text-decoration: none
}

.custom-template .wysiwyg-div .mce-tinymce {
    display: block !important
}

.custom-template .wysiwyg-content table {
    width: 100% !important
}

.desktop body.wysiwyg-modal-open {
    position: static;
    overflow: hidden
}

.custom-template .editable-content.no-image {
    display: none
}

.edit-mode .custom-template .editable-content.no-image {
    position: relative;
    display: block
}

.custom-template img {
    min-width: 1px;
    min-height: 1px
}

.featuredCat .custom-template {
    padding-left: 0;
    padding-right: 0
}

.feature-product .product-list-container .qty-up-down {
    position: relative
}

.wap .featuredCat .title-html .change-color-holder {
    min-height: 150px;
    height: auto
}

    .wap .featuredCat .title-html .change-color-holder .change-color {
        position: absolute;
        height: 100%
    }

.desktop .basic-feat-prod .product-list-container, .desktop .bigThumbnail .product-list-container, .desktop .feature-product-div .product-list-container {
    display: flex;
    position: relative;
    flex: 1
}

.desktop .basic-feat-prod .product-list-container {
    width: calc(100% - 232px)
}

.desktop .basic-feat-prod .list-wrapper {
    display: flex
}

.custom-template .change-color-holder {
    border: 0 transparent;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-clip: padding-box !important;
    -moz-background-clip: padding !important;
    -webkit-background-clip: padding !important
}

.custom-template .border-radius {
    border-radius: 4px
}

.custom-template .change-color-holder {
    overflow: hidden
}

.custom-template .align-middle {
    display: flex;
    align-items: center
}

    .custom-template .align-middle.flex-direction-column {
        flex-direction: column
    }

.template-main-container .custom-template .editable-button-container {
    max-width: 100%;
    min-width: 24%;
    width: auto
}

.template-main-container .custom-template .editable-button .btn-rounded {
    border-radius: 30px !important
}

.template-main-container .custom-template .editable-button .btn-boxed {
    border-radius: 0 !important
}

.template-main-container .custom-template .editable-button .btn-curved {
    border-radius: 5px !important
}

.template-main-container .custom-template .editable-button .editable-content .btn-lg {
    font-size: 18px;
    padding: 14px 25px;
    border-width: 3px
}

.custom-template .editable-button .editable-content .btn-sm {
    font-size: 14px;
    padding: 10px 20px;
    border-width: 1px
}

.template-main-container .custom-template .editable-button .editable-content .btn-md {
    font-size: 16px;
    padding: 6px 18px;
    border-width: 2px;
}

.template-main-container .custom-template .editable-button .editable-content .btn {
    cursor: inherit
}

.iosSafari .template-main-container .custom-template .editable-button .editable-content .btn, .template-main-container .custom-template .editable-button .editable-content .contact_submit, .template-main-container .custom-template .editable-button .editable-content .link-content .btn, .template-main-container .custom-template .editable-button .editable-content a .btn {
    cursor: pointer
}

.template-main-container .custom-template .paddingLR0 {
    padding-left: 0;
    padding-right: 0
}

.wap .editable-gallery.gallery-block {
    width: auto;
    display: flex;
    float: left
}

.template-main-container .custom-template .margin0 {
    margin: 0
}

.feature-product-loader, .gallery-preview-loader {
    position: relative;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center
}

.gallery-preview-loader {
    width: 100%
}

.wap .gallery-preview-loader {
    width: 100vw
}

.feature-product-loader .circle-loader, .gallery-preview-loader .circle-loader {
    position: relative
}

.wap .featuredCat .template-main-container.no-category {
    width: calc(50% - 10px);
    padding: 10px;
    box-sizing: border-box
}

.wap .editable-content .cms-add-action-button {
    padding-right: 5px
}

.wap .featuredCat .container-fluid .cms-add-action-button {
    min-width: 100px;
    font-size: 12px;
    padding-right: 9px
}

.template-main-container:not(.coverImageHeader) {
    width: 100%;
    background-size: cover;
    background-position: 50% !important
}

.desktop .featuredCatAmz .template-main-container.no-category .editable-content {
    width: 80%
}

.desktop .featuredCatAmz .template-main-container.no-category .editable-category-holder {
    padding-right: 10px
}

.desktop .featuredCatAmz .template-main-container.no-category .main-header.editable-content, .desktop .featuredCatAmz .template-main-container.no-category .sub-header.editable-content {
    width: 100%
}

.desktop .featuredCatAmz .template-main-container .custom-template .header-subheader {
    padding: 0 30px
}

.desktop .featuredCatAmz .template-main-container.no-category .custom-template .header-subheader {
    padding: 0
}

.desktop .featuredCatAmz .template-main-container .custom-template.featured-category-block {
    padding-left: 0;
    padding-right: 0
}

.desktop .featuredCatAmz .template-main-container.no-category .custom-template.featured-category-block {
    padding: 30px
}

.desktop .featuredCat .template-main-container.no-category {
    width: 80%
}

.template-main-container.background-position:not(.coverImageHeader), .template-main-container:not(.coverImageHeader) {
    background-position: 0 0 !important
}

.template-main-container.background-position-center:not(.coverImageHeader) {
    background-position: 50% !important
}

.template-main-container.background-no-repeat {
    background-repeat: no-repeat
}

.template-main-container.background-attachment-fixed {
    background-repeat: no-repeat;
    transition: initial
}

.template-main-container.coverImageHeader.background-position-center {
    background-position: 50% !important
}

body:not(.edit-mode) .parallax-container {
    position: relative;
    perspective: 1px;
    transform-style: preserve-3d;
    display: block;
    overflow: hidden
}

body:not(.edit-mode) .parallax-div {
    position: absolute;
    height: 100vh;
    left: 50%;
    top: 0;
    z-index: -1;
    transition: none;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    position: fixed;
    transform: translateZ(0);
    object-fit: cover
}

body:not(.edit-mode) .parallax-container .background-attachment-fixed {
    background-image: none !important
}

body:not(.edit-mode) #parallax-images {
    display: block
}

    body:not(.edit-mode) #parallax-images .parallax-image-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow-x: hidden;
        overflow-y: hidden;
        -webkit-backface-visibility: hidden
    }

        body:not(.edit-mode) #parallax-images .parallax-image-container:after {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            overflow-x: hidden;
            -webkit-backface-visibility: hidden;
            content: "";
            background: inherit
        }

        body:not(.edit-mode) #parallax-images .parallax-image-container img {
            opacity: 1;
            -webkit-transition: opacity .2s;
            -moz-transition: opacity .2s;
            -o-transition: opacity .2s;
            transition: opacity .2s;
            height: 100vh;
            width: auto
        }

body.edit-mode .template-main-container.background-parallax {
    background-position: 50% !important
}

.desktop .edit-content[data-scroll-effect=reveal] .template-main-container.background-attachment-fixed {
    background-attachment: fixed;
    background-position: 50% !important
}

.desktop .IPad .template-main-container.background-attachment-fixed {
    background-attachment: unset
}

.desktop .iosIframeApp .template-main-container.background-attachment-fixed {
    background-attachment: scroll
}

.custom-template .paddingLR4 {
    padding-left: 4%;
    padding-right: 4%
}

.edit-content .template-main-container .change-color-holder > a.link-content {
    display: block;
    height: 100%;
    width: 100%
}

.desktop .edit-content[data-content-block-template=template110] .template-main-container .change-color-holder .change-color {
    height: 100%
}

.desktop .edit-content[data-content-block-template=template27] .template-main-container .change-color-holder .change-color > a {
    display: block;
    height: 100%;
    width: 100%
}

.desktop .edit-content[data-content-block-template=template110] .template-main-container .change-color-holder .change-color > a {
    display: block;
    height: 26vw
}

.custom-template .paddingR20 {
    padding-right: 20px
}

.custom-template .col-md-4.paddingLR0 {
    padding-left: 0;
    padding-right: 0
}

.custom-template .padding-0 {
    padding: 0
}

.custom-template .paddingT50 {
    padding-top: 50px
}

.custom-template .padding12 {
    padding: 12px
}

.custom-template .paddingT4 {
    padding-top: 4px
}

.custom-template .button-div {
    margin: auto
}

.custom-template .paddingLR3 {
    padding-left: 3%;
    padding-right: 3%
}

.custom-template .marginB15 {
    margin-bottom: 15px
}

.custom-template .marginB30 {
    margin-bottom: 30px
}

.custom-template .marginB20 {
    margin-bottom: 20px
}

.custom-template .editable-content {
    word-break: break-word
}

    .custom-template .change-color-holder, .custom-template .editable-background-holder, .custom-template .editable-content > img {
        border-radius: 10px
    }

.custom-template .edit-input {
    padding: 0
}

    .custom-template .edit-input.border-boxed .form-control {
        border: 1px solid #333
    }

    .custom-template .edit-input.border-curved {
        border-radius: 8px
    }

        .custom-template .edit-input.border-curved .form-control {
            border: 1px solid #333;
            border-radius: 8px
        }

    .custom-template .edit-input.border-line {
        background-color: transparent !important
    }

        .custom-template .edit-input.border-line .form-control {
            border-radius: 0;
            border: none;
            border-bottom: 1px solid #333;
            padding-left: 0
        }

.custom-template.template103 .edit-input.border-line .form-control {
    font-family: inherit
}

.custom-template .editable-button {
    margin-top: 10px;
    padding: 0
}

.template-main-container.services .services-block-container:hover {
    box-shadow: 0 0 17px rgba(23,84,116,.18)
}

.desktop :not(.button-design-modal).template-main-container .custom-template .enquire-btn .editable-content-holder.under-edit .button.btn:hover {
    background-color: hsla(0,0%,41.2%,.8);
    color: hsla(0,0%,100%,.8);
    border-color: hsla(0,0%,100%,0);
    outline-color: transparent
}

.template-main-container.services .text-cap-all {
    text-transform: uppercase
}

.template-main-container.services .text-cap-case {
    text-transform: lowercase
}

.justdial-services-block .services-image .editable-content {
    position: relative;
    overflow: hidden;
    height: 165px;
    width: 100%
}

    .justdial-services-block .services-image .editable-content img {
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        width: auto !important;
        height: 100% !important
    }

.services-block-container .hide-image.services-image.dynamic-block-image {
    display: none
}

.wap .justdial-services-block .services-image .editable-content {
    height: 130px
}

.jd-services .custom-template .services-block-slider .editable-content-holder .editable-content {
    margin-top: 10px
}

.jd-services .services-block-slider .services-desc .editable-content {
    margin-bottom: 14px
}

.jd-services .services-block-slider .services-block-container .services-desc .editable-content:empty {
    padding: 0;
    margin: 0
}

.template-main-container .services-block-container .services-image-tag {
    height: auto;
    width: 100%;
    max-width: 250px;
    max-height: 250px
}

@media(max-width:480px) {
    .editable-content-holder .editable-content.font-size-12 {
        font-size: 14px
    }

    .editable-content-holder .editable-content.font-size-14, .editable-content-holder .editable-content.font-size-16 {
        font-size: 16px
    }

    .editable-content-holder .editable-content.font-size-18, .editable-content-holder .editable-content.font-size-20 {
        font-size: 16px
    }

    .editable-content-holder .editable-content.font-size-22 {
        font-size: 20px
    }

    .editable-content-holder .editable-content.font-size-24, .editable-content-holder .editable-content.font-size-26, .editable-content-holder .editable-content.font-size-28 {
        font-size: 22px
    }

    .editable-content-holder .editable-content.font-size-30, .editable-content-holder .editable-content.font-size-32, .editable-content-holder .editable-content.font-size-34, .editable-content-holder .editable-content.font-size-36 {
        font-size: 26px
    }

    .editable-content-holder .editable-content.font-size-40 {
        font-size: 34px
    }

    .editable-content-holder .editable-content.font-size-48 {
        font-size: 40px
    }

    .editable-content-holder .editable-content.font-size-54 {
        font-size: 48px
    }

    .editable-content-holder .editable-content.font-size-60 {
        font-size: 54px
    }

    .editable-content-holder .editable-content.font-size-66 {
        font-size: 60px
    }

    .editable-content-holder .editable-content.font-size-72 {
        font-size: 66px
    }

    .feat-prod .font-size-12, .feat-prod .font-size-14 {
        font-size: 14px
    }

    .feat-prod .font-size-16 {
        font-size: 16px
    }

    .feat-prod .font-size-18, .feat-prod .font-size-20 {
        font-size: 16px
    }

    .feat-prod .font-size-22 {
        font-size: 20px
    }

    .feat-prod .font-size-24, .feat-prod .font-size-26, .feat-prod .font-size-28 {
        font-size: 22px
    }

    .feat-prod .font-size-30, .feat-prod .font-size-32, .feat-prod .font-size-34, .feat-prod .font-size-36 {
        font-size: 26px
    }

    .feat-prod .font-size-40 {
        font-size: 34px
    }

    .feat-prod .font-size-48 {
        font-size: 40px
    }

    .feat-prod .font-size-54 {
        font-size: 48px
    }

    .feat-prod .font-size-60 {
        font-size: 54px
    }

    .feat-prod .font-size-66 {
        font-size: 60px
    }

    .feat-prod .font-size-72 {
        font-size: 66px
    }
}

@media(min-width:768px) {
    .editable-content-holder .editable-content.font-size-12 {
        font-size: 12px
    }

    .editable-content-holder .editable-content.font-size-14 {
        font-size: 14px
    }

    .editable-content-holder .editable-content.font-size-16 {
        font-size: 16px
    }

    .editable-content-holder .editable-content.font-size-18 {
        font-size: 18px
    }

    .editable-content-holder .editable-content.font-size-20 {
        font-size: 20px
    }

    .editable-content-holder .editable-content.font-size-22 {
        font-size: 22px
    }

    .editable-content-holder .editable-content.font-size-24 {
        font-size: 24px
    }

    .editable-content-holder .editable-content.font-size-26 {
        font-size: 26px
    }

    .editable-content-holder .editable-content.font-size-28 {
        font-size: 28px
    }

    .editable-content-holder .editable-content.font-size-30 {
        font-size: 30px
    }

    .editable-content-holder .editable-content.font-size-32 {
        font-size: 32px
    }

    .editable-content-holder .editable-content.font-size-34 {
        font-size: 34px
    }

    .editable-content-holder .editable-content.font-size-36 {
        font-size: 36px
    }

    .editable-content-holder .editable-content.font-size-40 {
        font-size: 40px
    }

    .editable-content-holder .editable-content.font-size-48 {
        font-size: 48px
    }

    .editable-content-holder .editable-content.font-size-54 {
        font-size: 54px
    }

    .editable-content-holder .editable-content.font-size-60 {
        font-size: 60px
    }

    .editable-content-holder .editable-content.font-size-66 {
        font-size: 66px
    }

    .editable-content-holder .editable-content.font-size-72 {
        font-size: 72px
    }

    .feature-product .font-size-12 {
        font-size: 12px
    }

    .feature-product .font-size-14 {
        font-size: 14px
    }

    .feature-product .font-size-16 {
        font-size: 16px
    }

    .feature-product .font-size-18 {
        font-size: 18px
    }

    .feature-product .font-size-20 {
        font-size: 20px
    }

    .feature-product .font-size-22 {
        font-size: 22px
    }

    .feature-product .font-size-24 {
        font-size: 24px
    }

    .feature-product .font-size-26 {
        font-size: 26px
    }

    .feature-product .font-size-28 {
        font-size: 28px
    }

    .feature-product .font-size-30 {
        font-size: 30px
    }

    .feature-product .font-size-32 {
        font-size: 32px
    }

    .feature-product .font-size-34 {
        font-size: 34px
    }

    .feature-product .font-size-36 {
        font-size: 36px
    }

    .feature-product .font-size-40 {
        font-size: 40px
    }

    .feature-product .font-size-48 {
        font-size: 48px
    }

    .feature-product .font-size-54 {
        font-size: 54px
    }

    .feature-product .font-size-60 {
        font-size: 60px
    }

    .feature-product .font-size-66 {
        font-size: 66px
    }

    .feature-product .font-size-72 {
        font-size: 72px
    }
}

@media(min-width:992px) {
    .custom-template .cust-temp-prod-box:hover {
        box-shadow: 0 0 20px rgba(23,84,116,.18);
        background: #fff
    }

    .custom-template .main-image {
        float: right !important
    }

    .custom-template .image-left {
        float: left !important
    }

    .paddingL0 {
        padding-left: 0
    }

    .paddingR0 {
        padding-right: 0
    }

    .custom-template.template-28 .container-fluid {
        width: 100%
    }

    .custom-template .marginT15 {
        margin-top: 15px
    }

    .custom-template .marginT40 {
        margin-top: 40px
    }

    .confirm-dummy-popup .modal-dialog-popup {
        width: 360px
    }

    .confirm-dummy-popup .modal-content .message-text {
        padding: 25px 20px
    }

    .confirm-dummy-popup .modal-header-section .header-text {
        padding: 10px 10px 10px 20px
    }

    .template-main-container .featured-category-block .editable-content.main-header {
        line-height: 1
    }

    .template-main-container .change-color-holder.iconBox .AmenitiesIconContainer {
        padding: 18px
    }

        .template-main-container .change-color-holder.iconBox .AmenitiesIconContainer .iconEdit i {
            font-size: 28px
        }

            .template-main-container .change-color-holder.iconBox .AmenitiesIconContainer .iconEdit i.customSize {
                font-size: 26px
            }

    .custom-template.template-28:not(.display-table-cell) .container-fluid {
        margin: 0
    }

    .template-main-container.featuredCat .change-color, .template-main-container.featuredProd .change-color {
        height: 100%;
        border-radius: inherit
    }

    .template-main-container .custom-template .services-block-slider .view-more-less .view-less, .template-main-container .custom-template .services-block-slider .view-more-less .view-more {
        font-size: 16px;
        margin-right: 5px
    }

    .template-main-container .custom-template .services-block-slider .view-more-less:after, .template-main-container .custom-template .services-block-slider .view-more-less:before {
        width: calc(50% - 100px)
    }

    .template-main-container .custom-template .services-block-slider .view-more-less .icon {
        font-size: 16px;
        color: inherit
    }

    .template-main-container.featured-cat .featured-width {
        width: 20%
    }

    .custom-template.template-28:not(.display-table-cell) {
        display: flex;
        align-items: flex-end;
        min-height: 450px;
        max-height: 650px;
        padding-bottom: 45px
    }

        .custom-template.template-28:not(.display-table-cell) .editable-button-container.alignment-container {
            margin-bottom: 0
        }

    .desktop .editable-video-holder:not(.video-instagram) iframe {
        height: 100%
    }

    .desktop .edit-content .editable-video-holder.video-facebook, .desktop .edit-content .editable-video-holder.video-instagram {
        height: auto;
        max-height: unset !important
    }
}

@media(max-width:992px) {
    .template-main-container {
        border-radius: 0
    }

    .jd-amenities-slider .jd-mobile-header, .jd-services-slider .jd-mobile-header {
        z-index: 1061
    }

    .edit-amenitiesServices-section {
        height: auto
    }

    .custom-template .main-image {
        margin-top: 0
    }

    .padding0 {
        padding: 0
    }

    .template-main-container.cover-image-block {
        display: table;
        background-position: 50% !important
    }

        .template-main-container.cover-image-block .custom-template {
            display: table-cell;
            vertical-align: middle
        }

    .template-main-container.small-cover-image-block {
        height: 440px
    }

    .template-main-container.featured-cat .featured-width {
        width: 50%
    }

    .template-main-container.featured-cat .col-md-12.col-xs-12.featured-width {
        width: 100%
    }

    .custom-template .paddingT10p {
        padding-top: 10px
    }

    .template-main-container .change-color-holder.iconBox .AmenitiesIconContainer {
        padding: 15px
    }

        .template-main-container .change-color-holder.iconBox .AmenitiesIconContainer .iconEdit i {
            font-size: 24px
        }

            .template-main-container .change-color-holder.iconBox .AmenitiesIconContainer .iconEdit i.customSize {
                font-size: 22px
            }

    .confirm-dummy-popup .modal-dialog-popup {
        width: 300px
    }

    .confirm-dummy-popup .modal-content .message-text {
        padding: 20px 15px
    }

    .confirm-dummy-popup .modal-header-section .header-text {
        padding: 10px 10px 10px 15px
    }

    .wap .editable-video-holder:not(.no-video) {
        margin-left: -20px;
        margin-right: -20px
    }

    .template-main-container.featured-cat .cust-temp-prod-box .col-md-12.col-xs-8 {
        padding-right: 0
    }

    .template-main-container .custom-template .services-block-slider .view-more-less {
        margin-bottom: 30px
    }

        .template-main-container .custom-template .services-block-slider .view-more-less .view-less, .template-main-container .custom-template .services-block-slider .view-more-less .view-more {
            font-size: 14px;
            margin-right: 5px
        }

        .template-main-container .custom-template .services-block-slider .view-more-less:after, .template-main-container .custom-template .services-block-slider .view-more-less:before {
            width: calc(50% - 75px)
        }

        .template-main-container .custom-template .services-block-slider .view-more-less .icon {
            color: inherit
        }

    .wap .editGalleryTemplate .gallery-overflow::-webkit-scrollbar {
        height: 0
    }

    .amenitiesServices-save-footer button:first-child {
        display: none
    }

    .amenitiesServices-save-footer button:last-child {
        width: 100%
    }

    .custom-template.template-101 .col-md-8 .editable-content-holder.align-right {
        text-align: center
    }

    .template-main-container.featured-cat .featured-width:nth-child(2n) {
        padding-right: 0;
        padding-left: 10px
    }

    .template-main-container.featured-cat .featured-width:nth-child(odd) {
        padding-left: 0;
        padding-right: 10px
    }

    .custom-template.template-28:not(.display-table-cell) {
        height: 100%;
        display: flex;
        align-items: flex-end;
        padding-bottom: 20px
    }
}

.feat-prod-title .featuredProd.change-color-holder, .iosIframeApp .feat-cat-title .featuredCat.change-color-holder {
    position: absolute
}

    .iosIframeApp .feat-cat-title .featuredCat.change-color-holder .change-color, .iosIframeApp .feat-prod-title .featuredProd.change-color-holder .change-color {
        top: 0;
        bottom: 0
    }

.iosIframeApp .feat-cat-title .edit-content-btn-parent, .iosIframeApp .feat-prod-title .edit-content-btn-parent {
    z-index: 1
}

.isIOS .template-main-container.featuredCat .change-color, .isIOS .template-main-container.featuredProd .change-color {
    height: 100%;
    border-radius: inherit
}

.IPad .template-main-container.cover-image-block {
    background-position: 50% !important
}

@media (device-width:768px)and (device-height:1024px) {
    .iosIframeApp .template-main-container.small-cover-image-block {
        height: 665px
    }
}

@media (device-width:1024px)and (device-height:1366px) {
    .iosIframeApp .template-main-container.cover-image-block .custom-template:not(.template-98):not(.template-99):not(.template-20), .iosIframeApp .template-main-container.small-cover-image-block {
        height: 888px
    }
}

.custom-template:not(.template-25) img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%
}

.custom-template .marginT20 {
    margin-top: 20px
}

.custom-template .marginT30 {
    margin-top: 30px
}

.custom-template .marginT50 {
    margin-top: 50px
}

.custom-template .marginT5 {
    margin-top: 5px
}

.custom-template .marginT15 {
    margin-top: 15px
}

.custom-template .marginB0 {
    margin-bottom: 0
}

.align-left {
    text-align: left !important
}

.align-right {
    text-align: right !important
}

.align-center {
    text-align: center !important
}

.align-justify {
    text-align: justify !important
}

.font-light, .font-light.btn {
    font-weight: 300
}

.font-medium, .font-medium.btn {
    font-weight: 500
}

.regular, .regular.btn {
    font-weight: 400
}

.bold {
    font-weight: 700
}

.extra-light, .extra-light.btn {
    font-weight: 100
}

.semi-bold, .semi-bold.btn {
    font-weight: 500
}

.extra-bold, .extra-bold.btn {
    font-weight: 900
}

.underline {
    text-decoration: underline
}

.italic {
    font-style: italic
}

b, strong {
    font-weight: 500 !important
}

.template-main-container .bold {
    font-weight: 700 !important
}

.extra-light.btn, .template-main-container .extra-light {
    font-weight: 100 !important
}

.font-light.btn, .template-main-container .font-light {
    font-weight: 300 !important
}

.semi-bold.btn, .template-main-container .semi-bold {
    font-weight: 500 !important
}

.extra-bold.btn, .template-main-container .extra-bold {
    font-weight: 900 !important
}

.template-main-container .underline {
    text-decoration: underline !important
}

.template-main-container .italic {
    font-style: italic !important
}

.editable-button .editable-content.bold div {
    font-weight: 700
}

.template-main-container .custom-template .editable-content.btn-lg, .template-main-container .custom-template .editable-content.btn-md, .template-main-container .custom-template .editable-content.btn-sm {
    padding: 0
}

.template-main-container .custom-template .editable-content .button {
    white-space: pre-wrap;
    max-width: 100%
}

.template-main-container.cover-image-block .custom-template:not(.template-98):not(.template-99):not(.template-20) {
    height: 65vh
}

.wap .template-main-container.cover-image-block .custom-template:not(.template-98):not(.template-99):not(.template-20) {
    height: 50vh
}

.template-main-container.small-cover-image-block {
    height: 65vh
}

.display-table {
    display: table
}

.display-table-cell {
    display: table-cell
}

.vertical-align-middle {
    vertical-align: middle
}

.vertical-align-bottom {
    vertical-align: bottom
}

.pull-right {
    float: right
}

.custom-template .featured-header-center-elem, .custom-template .featured-header-left-border, .custom-template .featured-header-right-border {
    justify-content: space-between
}

.custom-template .featured-header.border {
    float: none;
    width: 12%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 5px auto
}

.custom-template .featured-header-left-border {
    order: 1;
    width: 100%;
    border-bottom: 1px solid
}

.custom-template .featured-header-right-border {
    order: 3;
    width: 100%;
    border-bottom: 1px solid
}

.custom-template .featured-header-center-elem {
    order: 2;
    width: 15%;
    display: flex;
    align-items: center
}

.custom-template .featured-header .circle-filled {
    height: 4px;
    width: 4px;
    border-radius: 50%;
    display: inline-block
}

    .custom-template .featured-header .circle-filled.center-elem-2 {
        width: 6px;
        height: 6px
    }

.custom-template .cust-temp-prod-box {
    padding-bottom: 10px
}

.edit-block .custom-template .cust-temp-prod-box:hover {
    border: 0 solid transparent;
    box-shadow: 0 0 transparent;
    background: none
}

.custom-template .marginT10 {
    margin-top: 10px
}

.custom-template .marginT4 {
    margin-top: 4px
}

.template-main-container .custom-template .paddingT10 {
    padding-top: 10px
}

.template-main-container.featuredCat, .template-main-container.featuredProd {
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow: hidden
}

.IPad .feat-title-html .featuredCat, .IPad .featuredCat .feat-cat-title {
    min-height: 360px
}

.featuredCat .template-main-container .featured-category-block .feat-cat-title .featuredCat {
    border-radius: 0
}

.desktop .cat-list-wrapper {
    display: flex
}

.desktop .withDesc .home-cat-section.desc {
    max-height: unset;
    height: auto
}

.desktop .featuredCat .cat-list-wrapper {
    margin: 10px 0
}

.desktop .featuredCat .home-cat-section .home-cat-box {
    margin: 5px 0
}

.desktop .featuredCat .home-cat-section .home-cat-box, .desktop .withDesc .home-cat-section .home-cat-box {
    max-height: none;
    height: auto;
    min-height: 378px
}

.desktop .withDesc .home-cat-section .home-cat-box {
    min-height: 0;
    height: auto;
    margin: 2px 0;
    flex-shrink: 0
}

.desktop .featuredCat .home-cat-section .home-cat-box {
    padding-bottom: 10px
}

.template-main-container.featuredCat .title .col-md-12, .template-main-container.featuredProd .title .col-md-12 {
    padding-left: 25px;
    padding-right: 25px
}

.custom-template .align-item-center {
    display: flex;
    height: 100%;
    align-items: center;
    flex: inherit;
    text-align: center
}

.content.para-2.editable-content-holder.marginB30 {
    margin-bottom: 10px
}

.confirm-dummy-popup .dummy-ok-btn:hover {
    background-color: #62b373
}

.confirm-dummy-popup.dn {
    display: none
}

.confirm-dummy-popup.dt {
    display: block;
    opacity: 1;
    z-index: 9999;
    position: fixed;
    top: 0;
    height: 100%;
    margin: 0 auto;
    width: 100%
}

.b-modal.b-popup.dt {
    background-color: #000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .8;
    height: 100%;
    width: 100%;
    z-index: 9998
}

.confirm-dummy-popup .dummy-ok-btn {
    background-color: #69be7b;
    color: #fff;
    height: 45px;
    display: table-cell;
    vertical-align: middle;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.confirm-dummy-popup .cursor-pointer {
    cursor: pointer
}

.confirm-dummy-popup .txt-center {
    text-align: center
}

.confirm-dummy-popup .paddingL10 {
    padding-left: 10px
}

.confirm-dummy-popup .modal-content .message-text {
    color: #4c4c4c;
    font-size: 14px
}

.confirm-dummy-popup .modal-body {
    background-color: #fff;
    padding: 0
}

.confirm-dummy-popup .modal-content {
    border: 0;
    box-shadow: 0 0 6px rgba(0,0,0,.5)
}

.modal-vertical-align-center {
    display: table-cell;
    vertical-align: middle
}

.modal-vertical-alignment-helper {
    display: table;
    height: 100%;
    margin: 0 auto
}

.confirm-dummy-popup .modal-footer-section {
    border-top: 1px solid #e5e5e5;
    display: table;
    width: 100%
}

.confirm-dummy-popup .modal-header-section {
    border-bottom: 2px solid #e9e9e9;
    background-color: #fff;
    display: table;
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 45px
}

    .confirm-dummy-popup .modal-header-section .header-text {
        font-size: 16px;
        color: #000;
        line-height: 1.6
    }

.template-main-container.featuredCatAmz .custom-template {
    padding: 0
}

    .template-main-container.featuredCatAmz .custom-template .container-fluid {
        padding-left: 0;
        padding-right: 0
    }

.custom-template .editable-content-holder.input-content .form-control {
    color: inherit;
    font-size: 16px;
    background: transparent;
    box-shadow: none;
    width: 100%
}

.custom-template .editable-content-holder.input-content input::-webkit-input-placeholder, .custom-template .editable-content-holder.input-content textarea::-webkit-input-placeholder {
    color: inherit;
    opacity: .5
}

.custom-template .editable-content-holder.input-content .form-control, .custom-template .editable-content-holder.input-content .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.edit-block .editable-content-holder.input-content .form-control {
    box-shadow: none
}

.custom-template .editable-content-holder.input-content .form-control ~ i {
    display: none
}

.custom-template .editable-content-holder.input-content .validation_error i {
    display: block;
    position: absolute;
    top: 17px;
    right: 10px;
    color: #e73b3c
}

.custom-template .editable-content-holder.input-content .validation_error .icon-error:before {
    color: inherit
}

.custom-template .editable-content-holder.input-content .edit-input span {
    display: none
}

.custom-template .editable-content-holder.input-content .validation_error span {
    width: 100%;
    display: inline-block;
    background-color: #ffe9eb;
    color: #e73b3c;
    padding: 2px 10px;
    font-size: 14px;
    border-radius: 0 0 4px 4px;
    font-family: roboto;
    font-weight: 400;
    font-style: normal
}

.template-main-container.cover-image-block .editable-content-holder a:hover {
    cursor: pointer
}

.template-main-container .clearfix:after, .template-main-container .clearfix:before {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.template-main-container .clearfix:after {
    clear: both
}

.template-main-container .clearfix {
    zoom: 1
}

.profile-holder {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

    .profile-holder .editable-content-holder, .profile-holder .editable-image-holder {
        display: inline-block
    }

    .profile-holder .profile-data-holder {
        display: flex;
        flex-direction: column;
        margin-left: 15px
    }

    .custom-template .profile-holder img, .profile-holder img {
        border-radius: 22px
    }

.profile-data-holder .para-2, .profile-data-holder .para-3 {
    text-align: left
}

.profile-holder .editable-image-holder .editable-content img {
    border-radius: 22px
}

.gallery-preview-next, .gallery-preview-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.gallery-preview-prev {
    left: -100px
}

.gallery-preview-next {
    right: -100px
}

    .gallery-preview-next .arrow-style, .gallery-preview-prev .arrow-style {
        font-size: 32px;
        position: static;
        color: #fff
    }

.gallery-preview-prev.disabled {
    opacity: .45
}

.gallery-preview-footer {
    position: absolute;
    padding-top: 10px;
    background: transparent;
    text-align: center;
    color: #fff;
    font-size: 18px;
    width: 100%
}

.svg-backdrop-div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10010;
    background: rgba(0,0,0,.9)
}

    .svg-backdrop-div.visible {
        z-index: 10003
    }

    .svg-backdrop-div path {
        transition: d .5s ease
    }

    .svg-backdrop-div.visible path {
        fill: transparent
    }

@media(max-width:991px) {
    .gallery-preview-footer.mobile {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 10005;
        color: #fff;
        background: #000;
        padding: 0 15px 30px
    }

    .preview-holder {
        width: 100%
    }

    .preview-gallery-container img {
        max-width: calc(100% - 2px)
    }

    .preview-gallery-container .slick-slide {
        width: auto
    }

    .preview-gallery-container .cross-holder {
        display: flex;
        right: 10px;
        top: 10px;
        width: 40px;
        height: 40px
    }

        .preview-gallery-container .cross-holder .close-image-preview {
            margin: auto
        }

    .gallery-preview-footer.web, .gallery-preview-next, .gallery-preview-prev {
        display: none
    }
}

@media(min-width:992px) {
    .preview-gallery-container .slick-initialized .slick-slide {
        min-height: 468px;
        display: flex;
        align-items: center
    }

    .preview-gallery-container .preview-holder {
        width: 800px;
        min-width: 800px
    }

    .gallery-preview-footer.mobile {
        display: none
    }
}

@media(min-width:1200px) {
    .preview-gallery-container .preview-holder {
        width: 1024px;
        min-width: 1024px
    }
}

@media(min-width:1500px) {
    .preview-gallery-container .preview-holder {
        width: 1366px;
        min-width: 1366px
    }
}

body.IPad .template-main-container.editGalleryTemplate .slider-arrow-circle {
    padding: 0
}

    body.IPad .template-main-container.editGalleryTemplate .slider-arrow-circle:before {
        margin: auto
    }

.editGalleryTemplate .content.para-1 {
    margin-bottom: 12px
}

.wap .editGalleryTemplate .content.para-1 {
    margin-bottom: 15px
}

.custom-template .jd-cms-tag-working-hours .contact-day-holder {
    display: inline-block
}

.custom-template .jd-cms-tag-working-hours .contact-timing-holder {
    padding-left: 0
}

.home-page .slider-arrow-circl.slick-disablede:hover .icon-pagination-right:before, .home-page .slider-arrow-circle.slick-disabled:hover .icon-pagination-left:before, .home-page .slider-arrow-circle.slick-disabled:hover:before, .listing .edit-content .slider-arrow-circle.slick-disabled:hover .icon-pagination-right:before, .listing .edit-content .slider-arrow-circle.slick-disabled:hover .slider-left-arrow:before, .listing .edit-content .slider-arrow-circle.slick-disabled:hover:before {
    color: #b9b6b6
}

.editable-category-holder, .editable-product-holder, .no-editable-amenities-holder, .no-editable-services-holder {
    min-height: 300px;
    width: 100%;
    position: relative
}

.editable-category-holder {
    height: 100%
}

.template-main-container .no-editable-amenities-holder {
    min-height: 110px !important;
    display: flex;
    align-items: center;
    justify-content: center
}

.jd-cms .template-main-container .no-editable-services-holder, .jd-cms .template-main-container .no-editable-services-holder > .editable-content {
    min-height: 200px !important
}

.template-main-container .no-editable-amenities-holder .click-to-edit, .template-main-container .no-editable-services-holder .click-to-edit {
    display: none
}

.editable-category-holder > .editable-content, .editable-product-holder > .editable-content, .no-editable-services-holder > .editable-content {
    padding: 0;
    height: 100%;
    width: 100%;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.no-editable-amenities-holder > .editable-content, .wap .no-editable-amenities-holder > .editable-content {
    height: 130px
}

.editable-category-holder > .editable-content, .editable-product-holder > .editable-content {
    border: 1px dashed #0086ff;
    border-radius: 10px
}

.editable-category-holder > .editable-content {
    background: #fff
}

.editable-product-holder > .editable-content {
    background: hsla(0,0%,100%,.8)
}

    .desktop .editable-category-holder > .editable-content:hover, .editable-product-holder > .editable-content:hover {
        border: 1px dashed #0086ff !important
    }

.desktop .editable-content:hover .add-image-gallery-btn .cms-add-action-button .icon {
    color: #0086ff
}

.desktop .editable-content:hover .add-image-gallery-btn .cms-add-action-button {
    color: #0086ff;
    background: #f4f9ff
}

.desktop .editable-content .gallery-img-container:hover .cms-add-action-button .icon {
    color: #f4f9ff
}

.desktop .editable-content .gallery-img-container:hover .cms-add-action-button {
    background: #0086ff;
    color: #f4f9ff
}

.editable-category-holder > .editable-content > .icon-holder, .editable-product-holder > .editable-content > .icon-holder, .no-editable-amenities-holder > .editable-content > .icon-holder, .no-editable-services-holder > .editable-content > .icon-holder {
    height: 68px;
    width: 68px;
    border-radius: 50%;
    background: #ebebeb;
    display: table;
    border: 1px solid #d6d6d6;
    margin-bottom: 25px
}

.no-editable-amenities-holder > .editable-content .icon-order-fulfillment, .no-editable-services-holder > .editable-content .icon-order-fulfillment {
    font-size: 30px;
    display: table-cell;
    vertical-align: middle;
    color: #949494;
    text-align: center
}

.editable-category-holder > .editable-content .icon-categoryRight, .editable-product-holder > .editable-content .icon-fillProduct, .gallery-img-container .icon-cameraNew {
    color: #0086ff;
    font-size: 16px
}

.gallery-img-container .icon-cameraNew {
    padding-right: 8px
}

.desktop .editable-category-holder > .editable-content .icon-categoryRight, .editable-product-holder > .editable-content .icon-fillProduct, .wap .bigThumbnailBlock .editable-category-holder > .editable-content .icon-categoryRight, .wap .no-cat-block.editable-category-holder .icon-categoryRight {
    padding: 0 8px 0 0
}

.editable-category-holder > .editable-content .text-holder {
    color: #606060;
    font-size: 20px
}

.editable-category-holder a.home-cat-box {
    display: inline-block;
    width: 216px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 20px;
    border: none;
    height: 310px;
    position: relative
}

.editable-category-holder .home-cat-box .cat-prod {
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
    position: relative;
    overflow: hidden;
    height: 200px
}

.editable-category-holder .home-cat-box .category-image-holder {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

    .editable-category-holder .home-cat-box .category-image-holder img {
        min-height: 1px;
        min-width: 1px;
        max-width: 100%
    }

.editable-category-holder .cat-prod-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    line-height: 1.3;
    padding: 15px 8px 0;
    font-size: 16px;
    color: #424448;
    text-align: center
}

.editable-category-holder .home-cat-row {
    height: 310px;
    width: 100%;
    transform: translateX(0)
}

.editable-category-holder .wrpr {
    width: 100%;
    float: left
}

.editable-product-holder .prd_outer.grid_view {
    overflow: hidden;
    white-space: nowrap
}

.edit-block .feature-product .click-to-edit, .edit-block .featured-category-block .click-to-edit {
    font-size: 16px;
    height: 24px;
    line-height: 24.6154px
}

.feature-product .main-header {
    padding: 0 30px
}

    .feature-product .main-header a {
        color: inherit
    }

.edit-block .quote-image ~ .click-to-edit .icon-uploadImage {
    padding: 0;
    font-size: 14px
}

.user-image.hide ~ .profile-data-holder .para-2, .user-image.hide ~ .profile-data-holder .para-3 {
    text-align: center;
    justify-content: center
}

.preview-gallery .preview-gallery-slick.slick-initialized .slick-slide {
    height: auto
}

    .preview-gallery .preview-gallery-slick.slick-initialized .slick-slide img {
        max-height: 90vh;
        width: auto;
        height: auto
    }

.home-page .edit-block .home-cat-section.wrpr {
    padding: 1px
}

.edit-block .custom-template.featured-category-block .col-xs-12 {
    padding: 0
}

.bigThumbnail .feature-product .prd_box {
    width: 100% !important
}

.bigThumbnail .grid_view .prod-image-container {
    max-width: 100%;
    max-width: none;
    height: auto
}

.feature-product .addMinBx .inpBx {
    position: relative;
    top: 3px
}

.desktop .feature-product .qty-up-down {
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 36px
}

.feature-product .prd_box .product-box-div .addMinBx .inpBx {
    top: unset;
    display: flex;
    justify-content: center
}

.feature-product .addMinBx .inpBx input {
    background: transparent
}

.feature-product .addMinBx .inpBx.has-loader {
    align-self: center
}

.feature-product .loading-span {
    vertical-align: unset
}

.feature-product .grid-rfqBtnWrp, .feature-product .nm_box, .feature-product .prd_box .nm, .feature-product .rpe, .feature-product .rpe_outer, .feature-product .wrpr {
    float: none
}

.bigThumbnail .grid-rfqBtnWrp, .bigThumbnail .rpe_outer, .bigThumbnail .wrpr {
    margin: 0
}

.home-page .bigThumbnail .jd-rating {
    margin-bottom: 10px
}

.product-list-container .bigThumbnail .editable-content-holder.para-1:first-child {
    margin-bottom: 0
}

.home-page .product-list-container .jd-rating {
    margin-bottom: 6px
}

.home-page .bigThumbnail .prd_box, .home-page .bigThumbnail .prd_outer .prd_box, .listing .bigThumbnail .edit-content .prd_outer .prd_box, .listing .bigThumbnail .prd_box {
    height: 100%
}

.bigThumbnail .prd_outer.grid_view {
    display: flex;
    flex-wrap: wrap
}

.bigThumbnail .prd_box, .bigThumbnail .prd_box > .product-box-div, .bigThumbnail aside, .bigThumbnail aside > .product-box-div {
    height: 100%
}

.feature-product .cutPric-nw, .feature-product .price-nw {
    display: flex;
    align-items: center;
    min-height: 21px
}

.feature-product .price-value {
    margin-left: 2px
}

.feature-product .cutPric-nw {
    color: #919191
}

    .feature-product .cutPric-nw span {
        font-size: inherit;
        color: inherit
    }

.mobile-feat-prod-react.feature-product .editable-content .icon-currency {
    font-weight: inherit;
    font-size: inherit;
    color: inherit
}

.feature-product .cutPric-nw .icon-currency {
    padding: 0;
    font-size: inherit
}

.feature-product .discountOff {
    border-color: #919191
}

    .feature-product .discountOff .svng-nw1 {
        border-color: inherit
    }

.editGalleryTemplate .gallery-img-container {
    font-size: 8px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #ccc
}

.template-main-container .custom-template .services-block-slider .view-more-less {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 100%
}

    .template-main-container .custom-template .services-block-slider .view-more-less.less-services-block .icon {
        transform: rotate(180deg)
    }

    .template-main-container .custom-template .services-block-slider .view-more-less:after, .template-main-container .custom-template .services-block-slider .view-more-less:before {
        display: inline-block;
        content: "";
        transform: translateY(-1px);
        border-top: 1px solid;
        border-color: inherit;
        opacity: .2
    }

    .template-main-container .custom-template .services-block-slider .view-more-less .view-less, .template-main-container .custom-template .services-block-slider .view-more-less .view-more {
        border-bottom: 1px solid;
        color: inherit
    }

    .template-main-container .custom-template .services-block-slider .view-more-less .buttonContainer {
        display: flex;
        align-items: center;
        margin-left: 10px;
        margin-right: 10px;
        opacity: 1
    }

        .template-main-container .custom-template .services-block-slider .view-more-less .buttonContainer:hover {
            color: #0086ff
        }

.template-main-container.services .custom-template .editable-button .editable-content .btn-sm {
    font-size: 12px !important;
    padding: 10px 24px !important
}

.template-main-container.services .custom-template .editable-button .editable-content .btn-md {
    font-size: 14px !important;
    padding: 14px 25px !important
}

.template-main-container.services .custom-template .editable-button .editable-content .btn-lg {
    font-size: 18px !important;
    padding: 18px 26px 18px 25px !important
}

.gallery-img-container {
    border: 1px solid #ccc;
    height: inherit
}

.jd-h2 {
    font-family: inherit;
    font-weight: 500;
    color: inherit
}

.feature-product .nmbx-nw label {
    font-weight: 400
}

.custom-template .header-subheader .editable-content-holder:last-child .editable-content {
    margin-bottom: 10px
}

.template-main-container .featured-category-block .editable-content.main-header a {
    color: inherit
}

.basic-feat-prod .feature-product .feature-html {
    padding-top: 0
}

.edit-block .custom-template:not(.notification1) .editable-content a:empty {
    display: block;
    padding: 12px
}

.edit-mode .notification-container .contact-mob [contenteditable] {
    outline: none
}

.custom-template .align-item-flex {
    display: flex;
    align-items: center
}

.notification1.content-align-right {
    right: 60px
}

.notification1.content-align-left {
    left: 25px
}

.blue-border.notification1 {
    position: fixed;
    bottom: 25px;
    width: auto;
    height: auto;
    z-index: 1008;
    border-bottom: 2px solid #0086ff
}

.jd-cms .blue-border.notification1 {
    z-index: 1011
}

    .jd-cms .blue-border.notification1.edit-block {
        z-index: 1009
    }

body.IPad.jd-cms.edit-mode .blue-border.notification1.notification-card, body.jd-cms.edit-mode .blue-border.notification1.notification-card:hover {
    min-height: 0;
    border: none
}

.template-main-container.notification1, body.IPad.jd-cms.edit-mode .template-main-container.notification1 {
    position: fixed;
    bottom: 25px;
    z-index: 10;
    max-width: 312px;
    width: auto;
    min-height: 117px;
    background-color: transparent
}

.coverImageHeader .template-main-container.notification1, .coverImageMiddleHeader .template-main-container.notification1, body.IPad.jd-cms.edit-mode .coverImageHeader .template-main-container.notification1, body.IPad.jd-cms.edit-mode .coverImageMiddleHeader .template-main-container.notification1 {
    z-index: 1020
}

.notification1 .notification-container {
    display: flex;
    min-height: 117px;
    padding-left: 0;
    min-width: 200px;
    float: right;
    padding-right: 0;
    width: auto;
    box-shadow: 0 0 5px 1px rgba(0,0,0,.25);
    border-radius: 8px
}

.edit-mode .edit-content.notification.blue-border, .edit-mode .edit-content.notification.blue-border:hover {
    border: none
}

.notification1 .notification-container .contact-holder:first-child {
    width: 100%
}

.edit-block .notification1 .notification-container {
    overflow: visible
}

.notification1 .img-holder .change-color {
    display: flex;
    align-items: center;
    min-height: 125px;
    justify-content: center;
    width: 99px
}

.notification1 .img-holder {
    padding: 0;
    display: flex;
    height: inherit;
    width: auto
}

.static-templates ol, .static-templates ol li {
    list-style-type: decimal
}

.static-templates ul, .static-templates ul li {
    list-style-type: disc
}

.static-templates ul {
    padding-left: 20px
}

.notification1 .contact-holder .change-color {
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: 125px;
    padding: 15px 10px;
    width: 203px;
    height: 100%;
    border-radius: inherit;
    overflow: hidden
}

.notification1 .contact-holder {
    padding: 0;
    float: right;
    border-radius: 0 8px 8px 0
}

.blue-border.content-align-left .left-align-btn, .blue-border.content-align-right .right-align-btn, .edit-content.notification1 .add-content-btwn-btn-parent {
    display: none
}

.desktop .floating-block .edit-content.notification-card {
    margin: 0
}

.desktop .floating-block .edit-content.notification1 {
    width: auto
}

.custom-template.notification1 {
    padding: 0
}

.desktop.home-page .floating-block .template-main-container.notification1 {
    overflow: visible
}

.edit-content.notification1 .edit-content-btn .icon-customize {
    margin-right: 5px !important;
    font-size: 13px
}

.edit-content.notification1 .edit-content-btn-parent .edit-content-btn {
    padding: 1px;
    height: 20px;
    font-size: 12px;
    width: 96px
}

.edit-content.notification1 .show-edit-menu .edit-action-btns .btn {
    padding: 4.6px 10px 4.6px 6px;
    margin-bottom: 1px
}

.edit-content.notification1 .show-edit-menu {
    right: 4px;
    top: 2px
}

.edit-content.notification1 .edit-action-btns span {
    font-size: 12px;
    margin-top: 2px;
    margin-right: 6px !important
}

.content-block-menu .icon-bell {
    font-size: 14px;
    margin-left: 2px
}

.btn.btn-border-rad:focus {
    outline: none
}

.notification1 .contact-mob {
    margin-bottom: 5px
}

.cover-image-block .width980 {
    max-width: 980px;
    margin-left: auto !important;
    margin-right: auto !important
}

.custom-template .gallery-overflow {
    padding: 0
}

.linked-section .editable-content a {
    color: inherit
}

.gallery-block .imgRow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.wap .gallery-block .mobileImgRow {
    display: flex
}

.imgRow .gallery-img-container {
    height: 225px !important;
    overflow: hidden;
    position: relative
}

    .imgRow .gallery-img-container img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        border-radius: 0;
        min-height: 100%;
        min-width: 100%;
        height: 100%;
        width: unset;
        max-height: unset;
        max-width: unset
    }

.IPad .imgRow .gallery-img-container img {
    pointer-events: none
}

.home-page .prd_outer .prd_box .product-box-div .para-1 .editable-content {
    width: 100%
}

.home-page .para-1 .editable-content:hover .product-rating {
    text-decoration: none !important
}

.home-page .para-1 .editable-content .product-rating {
    display: contents;
    width: 100%
}

.align-center .react-rating.product-rating {
    justify-content: center
}

.align-left .react-rating.product-rating {
    justify-content: flex-start
}

.align-right .react-rating.product-rating {
    justify-content: flex-end
}

.product-list-container .editable-content.underline {
    text-decoration: none
}

    .product-list-container .editable-content.underline a {
        text-decoration: underline
    }

.product-list-container .editable-content.text-cap-all {
    text-transform: uppercase !important
}

.product-list-container .editable-content.text-cap-case {
    text-transform: capitalize !important
}

.header-content .custom-template {
    font-family: unset !important
}

.header-content .custom-template, .omni-header .custom-template {
    font-size: medium;
    -webkit-font-smoothing: antialiased;
    padding: 0;
    width: 100%
}

    .header-content .custom-template .editable-button {
        margin-top: 0
    }

.template-main-container .custom-template .wysiwyg-content {
    overflow-x: auto
}

.template-main-container.notification1.min-view {
    min-height: 50px;
    width: 50px;
    min-width: 50px
}

.template-main-container.notification1 .notification-container {
    transition: all .5s;
    transform-origin: right bottom
}

.template-main-container.notification1.content-align-left .notification-container {
    transform-origin: left bottom;
    float: left
}

.template-main-container.notification1.min-view .notification-container {
    transform: scale(.5);
    border-radius: 50px !important;
    min-height: 100px;
    width: 100px;
    min-width: 100px;
    height: 100px;
    cursor: pointer
}

.template-main-container.notification1 .change-color-holder.contact-holder {
    overflow: visible;
    width: auto
}

.template-main-container.notification1.min-view .change-color-holder.contact-holder {
    overflow: hidden;
    transition: width .15s
}

.template-main-container.notification1.min-view.hide-change-color-holder .change-color-holder.contact-holder {
    width: 0;
    height: 0;
    min-height: 0;
    border: 0 !important
}

.template-main-container.notification1.min-view.hide-change-color-holder .custom-template.notification1 {
    border-radius: 50px
}

.template-main-container.notification1.min-view.hide-change-color-holder .img-holder {
    border-radius: 50px !important
}

.template-main-container.notification1.min-view .img-holder .change-color {
    min-height: 100px;
    width: 100px
}

.notification1.min-view .editable-image-holder {
    pointer-events: none
}

.notification1 .no-block-data .cms-add-action-button {
    min-width: 40px;
    width: 100%;
    height: 100%;
    border-radius: 0;
    border: none
}

.notification1 .cms-add-action-button .button-text {
    margin-left: 0
}

.template-main-container.notification1 .minimize-notification {
    position: absolute;
    right: -10px;
    top: -10px;
    background: #fff;
    display: flex;
    align-items: center;
    border-radius: 50px;
    justify-content: center;
    height: 25px;
    width: 25px;
    box-shadow: 0 0 14px 1px rgba(0,0,0,.2);
    cursor: pointer
}

    .template-main-container.notification1 .minimize-notification .icon-minus {
        color: inherit;
        font-weight: bolder
    }

.desktop .template-main-container .positionTopLeft {
    align-items: flex-start !important;
    justify-content: flex-start !important
}

.desktop .template-main-container .positionTopCenter {
    align-items: flex-start !important;
    justify-content: center !important
}

.desktop .template-main-container .positionTopRight {
    align-items: flex-start !important;
    justify-content: flex-end !important
}

.desktop .template-main-container .positionCenterLeft {
    align-items: center !important;
    justify-content: flex-start !important
}

.desktop .template-main-container .positionCenter {
    align-items: center !important;
    justify-content: center !important
}

.desktop .template-main-container .positionCenterRight {
    align-items: center !important;
    justify-content: flex-end !important
}

.desktop .template-main-container .positionBottomLeft {
    align-items: flex-end !important;
    justify-content: flex-start !important
}

.desktop .template-main-container .positionBottomCenter {
    align-items: flex-end !important;
    justify-content: center !important
}

.desktop .template-main-container .positionBottomRight {
    align-items: flex-end !important;
    justify-content: flex-end !important
}

.positionBottomCenter .contentPosition-pop .positionBottomCenter-div, .positionBottomLeft .contentPosition-pop .positionBottomLeft-div, .positionBottomRight .contentPosition-pop .positionBottomRight-div, .positionCenter .contentPosition-pop .positionCenter-div, .positionCenterLeft .contentPosition-pop .positionCenterLeft-div, .positionCenterRight .contentPosition-pop .positionCenterRight-div, .positionTopCenter .contentPosition-pop .positionTopCenter-div, .positionTopLeft .contentPosition-pop .positionTopLeft-div, .positionTopRight .contentPosition-pop .positionTopRight-div {
    color: #fea702
}

.popover.template28 .positionBottomLeft-div, .popover.template28 .positionBottomRight-div, .popover.template28 .positionCenterLeft-div, .popover.template28 .positionCenterRight-div, .popover.template28 .positionTopLeft-div, .popover.template28 .positionTopRight-div, .popover.template98 .positionBottomCenter-div, .popover.template98 .positionBottomLeft-div, .popover.template98 .positionBottomRight-div, .popover.template98 .positionTopCenter-div, .popover.template98 .positionTopLeft-div, .popover.template98 .positionTopRight-div, .popover.template99 .positionBottomCenter-div, .popover.template99 .positionBottomLeft-div, .popover.template99 .positionBottomRight-div, .popover.template99 .positionTopCenter-div, .popover.template99 .positionTopLeft-div, .popover.template99 .positionTopRight-div {
    color: #c0c0c1 !important;
    opacity: .4;
    pointer-events: none
}

.desktop .edit-content .editable-video-holder {
    height: 300px
}

body:not(.edit-mode) .custom-template .editable-video-holder.no-video {
    display: none
}

.IPad .video-player-holder video {
    height: 100%
}

.editable-video-holder.video-facebook:not(.no-video) .video-player-holder {
    overflow: hidden;
    position: relative
}

.editable-video-holder.video-facebook:not(.no-video) iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute
}

.wap .video-facebook .video-player-holder {
    text-align: center
}

.video-instagram:not(.no-video) .video-player-holder {
    width: 330px;
    margin: auto
}

.editable-video-holder.video-vimeo iframe {
    width: 100%
}

.jd-font-roboto {
    font-weight: inherit
}

.editGalleryTemplate .custom-template {
    background-color: #fff
}

.custom-template .change-color-holder.linked-section a[linktype] {
    width: 100%;
    height: 100%
}

.editable-video-holder:not(.video-instagram) iframe {
    background: #000
}

.wap .btn:active {
    box-shadow: none;
    -webkit-box-shadow: none
}

.template-28 .editable-button-container .editable-button:first-child {
    margin-left: 0
}

.desktop .template-main-container .custom-template.template-28 .editable-button-container.three-btns .cover-buttons-container {
    display: inline-block
}

.desktop .template-main-container .custom-template.template-28 .editable-button-container > .editable-button {
    margin-right: 15px
}

.editable-content-holder .content, .editable-content-holder .editable-content {
    font-size: 16px
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: local("Roboto Thin"),local("Roboto-Thin"),url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"),local("Roboto-Light"),url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"),local("Roboto-Regular"),url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"),local("Roboto-Medium"),url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"),local("Roboto-Bold"),url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: local("Roboto Black"),local("Roboto-Black"),url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Roboto Slab;
    font-style: normal;
    font-weight: 100;
    src: local("Roboto Slab Thin"),local("RobotoSlab-Thin"),url(https://fonts.gstatic.com/s/robotoslab/v7/BngOUXZYTXPIvIBgJJSb6u-u1qeh5A.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Roboto Slab;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Slab Light"),local("RobotoSlab-Light"),url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u9mxLCGwR0.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Roboto Slab;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto Slab Regular"),local("RobotoSlab-Regular"),url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufN5qU.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Roboto Slab;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Slab Bold"),local("RobotoSlab-Bold"),url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CGwR0.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Oswald;
    font-style: normal;
    font-weight: 300;
    src: local("Oswald Light"),local("Oswald-Light"),url(https://fonts.gstatic.com/s/oswald/v16/TK3hWkUHHAIjg75-sh0Tus9C.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Oswald;
    font-style: normal;
    font-weight: 400;
    src: local("Oswald Regular"),local("Oswald-Regular"),url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752GT8G.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Oswald;
    font-style: normal;
    font-weight: 500;
    src: local("Oswald Medium"),local("Oswald-Medium"),url(https://fonts.gstatic.com/s/oswald/v16/TK3hWkUHHAIjg75-6hwTus9C.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Oswald;
    font-style: normal;
    font-weight: 700;
    src: local("Oswald Bold"),local("Oswald-Bold"),url(https://fonts.gstatic.com/s/oswald/v16/TK3hWkUHHAIjg75-ohoTus9C.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Work Sans;
    font-style: normal;
    font-weight: 100;
    src: local("Work Sans Thin"),local("WorkSans-Thin"),url(https://fonts.gstatic.com/s/worksans/v3/QGYqz_wNahGAdqQ43Rh3H5Drv_0.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Work Sans;
    font-style: normal;
    font-weight: 300;
    src: local("Work Sans Light"),local("WorkSans-Light"),url(https://fonts.gstatic.com/s/worksans/v3/QGYpz_wNahGAdqQ43Rh314L8mNhN.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Work Sans;
    font-style: normal;
    font-weight: 400;
    src: local("Work Sans"),local("WorkSans-Regular"),url(https://fonts.gstatic.com/s/worksans/v3/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Work Sans;
    font-style: normal;
    font-weight: 500;
    src: local("Work Sans Medium"),local("WorkSans-Medium"),url(https://fonts.gstatic.com/s/worksans/v3/QGYpz_wNahGAdqQ43Rh3j4P8mNhN.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Work Sans;
    font-style: normal;
    font-weight: 700;
    src: local("Work Sans Bold"),local("WorkSans-Bold"),url(https://fonts.gstatic.com/s/worksans/v3/QGYpz_wNahGAdqQ43Rh3x4X8mNhN.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Work Sans;
    font-style: normal;
    font-weight: 900;
    src: local("Work Sans Black"),local("WorkSans-Black"),url(https://fonts.gstatic.com/s/worksans/v3/QGYpz_wNahGAdqQ43Rh3_4f8mNhN.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Exo;
    font-style: normal;
    font-weight: 100;
    src: local("Exo Thin"),local("Exo-Thin"),url(https://fonts.gstatic.com/s/exo/v7/4UaMrEtFpBIaEE6h0Dc.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Exo;
    font-style: normal;
    font-weight: 300;
    src: local("Exo Light"),local("Exo-Light"),url(https://fonts.gstatic.com/s/exo/v7/4UaDrEtFpBIa2Fy29xLj.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Exo;
    font-style: normal;
    font-weight: 400;
    src: local("Exo Regular"),local("Exo-Regular"),url(https://fonts.gstatic.com/s/exo/v7/4UaOrEtFpBISc36j.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Exo;
    font-style: normal;
    font-weight: 500;
    src: local("Exo Medium"),local("Exo-Medium"),url(https://fonts.gstatic.com/s/exo/v7/4UaDrEtFpBIagF229xLj.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Exo;
    font-style: normal;
    font-weight: 700;
    src: local("Exo Bold"),local("Exo-Bold"),url(https://fonts.gstatic.com/s/exo/v7/4UaDrEtFpBIayFu29xLj.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Exo;
    font-style: normal;
    font-weight: 900;
    src: local("Exo Black"),local("Exo-Black"),url(https://fonts.gstatic.com/s/exo/v7/4UaDrEtFpBIa8Fm29xLj.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Advent Pro;
    font-style: normal;
    font-weight: 100;
    src: local("Advent Pro Thin"),local("AdventPro-Thin"),url(https://fonts.gstatic.com/s/adventpro/v9/V8mCoQfxVT4Dvddr_yOwjVmdKpZd.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Advent Pro;
    font-style: normal;
    font-weight: 300;
    src: local("Advent Pro Light"),local("AdventPro-Light"),url(https://fonts.gstatic.com/s/adventpro/v9/V8mDoQfxVT4Dvddr_yOwjZGPPbF4Cw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Advent Pro;
    font-style: normal;
    font-weight: 400;
    src: local("Advent Pro Regular"),local("AdventPro-Regular"),url(https://fonts.gstatic.com/s/adventpro/v9/V8mAoQfxVT4Dvddr_yOwhTqtKA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Advent Pro;
    font-style: normal;
    font-weight: 500;
    src: local("Advent Pro Medium"),local("AdventPro-Medium"),url(https://fonts.gstatic.com/s/adventpro/v9/V8mDoQfxVT4Dvddr_yOwjcmOPbF4Cw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Advent Pro;
    font-style: normal;
    font-weight: 700;
    src: local("Advent Pro Bold"),local("AdventPro-Bold"),url(https://fonts.gstatic.com/s/adventpro/v9/V8mDoQfxVT4Dvddr_yOwjYGIPbF4Cw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Overpass;
    font-style: normal;
    font-weight: 100;
    src: local("Overpass Thin"),local("Overpass-Thin"),url(https://fonts.gstatic.com/s/overpass/v3/qFdB35WCmI96Ajtm81nGY9nqxw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Overpass;
    font-style: normal;
    font-weight: 300;
    src: local("Overpass Light"),local("Overpass-Light"),url(https://fonts.gstatic.com/s/overpass/v3/qFdA35WCmI96Ajtm81kOcc7N4ho.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Overpass;
    font-style: normal;
    font-weight: 400;
    src: local("Overpass Regular"),local("Overpass-Regular"),url(https://fonts.gstatic.com/s/overpass/v3/qFdH35WCmI96Ajtm81GlU9s.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Overpass;
    font-style: normal;
    font-weight: 700;
    src: local("Overpass Bold"),local("Overpass-Bold"),url(https://fonts.gstatic.com/s/overpass/v3/qFdA35WCmI96Ajtm81keds7N4ho.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Overpass;
    font-style: normal;
    font-weight: 900;
    src: local("Overpass Black"),local("Overpass-Black"),url(https://fonts.gstatic.com/s/overpass/v3/qFdA35WCmI96Ajtm81kmdM7N4ho.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Sansita;
    font-style: normal;
    font-weight: 400;
    src: local("Sansita Regular"),local("Sansita-Regular"),url(https://fonts.gstatic.com/s/sansita/v3/QldONTRRphEb_-V7LB6xTA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Sansita;
    font-style: normal;
    font-weight: 700;
    src: local("Sansita Bold"),local("Sansita-Bold"),url(https://fonts.gstatic.com/s/sansita/v3/QldLNTRRphEb_-V7JKWUWX5-ww.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Sansita;
    font-style: normal;
    font-weight: 900;
    src: local("Sansita Black"),local("Sansita-Black"),url(https://fonts.gstatic.com/s/sansita/v3/QldLNTRRphEb_-V7JJ2WWX5-ww.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 400;
    src: local("Playfair Display Regular"),local("PlayfairDisplay-Regular"),url(https://fonts.gstatic.com/s/playfairdisplay/v13/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 700;
    src: local("Playfair Display Bold"),local("PlayfairDisplay-Bold"),url(https://fonts.gstatic.com/s/playfairdisplay/v13/nuFlD-vYSZviVYUb_rj3ij__anPXBYf9lW4e5g.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 900;
    src: local("Playfair Display Black"),local("PlayfairDisplay-Black"),url(https://fonts.gstatic.com/s/playfairdisplay/v13/nuFlD-vYSZviVYUb_rj3ij__anPXBb__lW4e5g.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Bitter;
    font-style: normal;
    font-weight: 400;
    src: local("Bitter Regular"),local("Bitter-Regular"),url(https://fonts.gstatic.com/s/bitter/v13/rax8HiqOu8IVPmn7f4xp.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Bitter;
    font-style: normal;
    font-weight: 700;
    src: local("Bitter Bold"),local("Bitter-Bold"),url(https://fonts.gstatic.com/s/bitter/v13/rax_HiqOu8IVPmnzxKl8Axhf.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: "Noto Serif";
    font-style: normal;
    font-weight: 400;
    src: local("Noto Serif"),local("NotoSerif"),url(https://fonts.gstatic.com/s/notoserif/v6/ga6Iaw1J5X9T9RW6j9bNfFcWaA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: "Noto Serif";
    font-style: normal;
    font-weight: 700;
    src: local("Noto Serif Bold"),local("NotoSerif-Bold"),url(https://fonts.gstatic.com/s/notoserif/v6/ga6Law1J5X9T9RW6j9bNdOwzfReecQ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Crete Round;
    font-style: normal;
    font-weight: 400;
    src: local("Crete Round"),local("CreteRound-Regular"),url(https://fonts.gstatic.com/s/creteround/v6/55xoey1sJNPjPiv1ZZZrxK170b0.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Taviraj;
    font-style: normal;
    font-weight: 100;
    src: local("Taviraj Thin"),local("Taviraj-Thin"),url(https://fonts.gstatic.com/s/taviraj/v4/ahcbv8Cj3ylylTXzRIobUMl0.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Taviraj;
    font-style: normal;
    font-weight: 300;
    src: local("Taviraj Light"),local("Taviraj-Light"),url(https://fonts.gstatic.com/s/taviraj/v4/ahccv8Cj3ylylTXzREIJR-5RgA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Taviraj;
    font-style: normal;
    font-weight: 400;
    src: local("Taviraj Regular"),local("Taviraj-Regular"),url(https://fonts.gstatic.com/s/taviraj/v4/ahcZv8Cj3ylylTXzTOkrUg.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Taviraj;
    font-style: normal;
    font-weight: 500;
    src: local("Taviraj Medium"),local("Taviraj-Medium"),url(https://fonts.gstatic.com/s/taviraj/v4/ahccv8Cj3ylylTXzRBoIR-5RgA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Taviraj;
    font-style: normal;
    font-weight: 700;
    src: local("Taviraj Bold"),local("Taviraj-Bold"),url(https://fonts.gstatic.com/s/taviraj/v4/ahccv8Cj3ylylTXzRFIOR-5RgA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Taviraj;
    font-style: normal;
    font-weight: 900;
    src: local("Taviraj Black"),local("Taviraj-Black"),url(https://fonts.gstatic.com/s/taviraj/v4/ahccv8Cj3ylylTXzRGoMR-5RgA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: BioRhyme;
    font-style: normal;
    font-weight: 300;
    src: local("BioRhyme Light"),local("BioRhyme-Light"),url(https://fonts.gstatic.com/s/biorhyme/v3/1cX3aULHBpDMsHYW_ETqjUGHocU.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: BioRhyme;
    font-style: normal;
    font-weight: 400;
    src: local("BioRhyme"),local("BioRhyme-Regular"),url(https://fonts.gstatic.com/s/biorhyme/v3/1cXwaULHBpDMsHYW_ExBr1Q.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: BioRhyme;
    font-style: normal;
    font-weight: 700;
    src: local("BioRhyme Bold"),local("BioRhyme-Bold"),url(https://fonts.gstatic.com/s/biorhyme/v3/1cX3aULHBpDMsHYW_ET6ikGHocU.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Maitree;
    font-style: normal;
    font-weight: 300;
    src: local("Maitree Light"),local("Maitree-Light"),url(https://fonts.gstatic.com/s/maitree/v3/MjQDmil5tffhpBrklnWOaJaivQ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Maitree;
    font-style: normal;
    font-weight: 400;
    src: local("Maitree"),url(https://fonts.gstatic.com/s/maitree/v3/MjQGmil5tffhpBrknt6sfQ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Maitree;
    font-style: normal;
    font-weight: 500;
    src: local("Maitree Medium"),local("Maitree-Medium"),url(https://fonts.gstatic.com/s/maitree/v3/MjQDmil5tffhpBrkli2PaJaivQ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Maitree;
    font-style: normal;
    font-weight: 700;
    src: local("Maitree Bold"),local("Maitree-Bold"),url(https://fonts.gstatic.com/s/maitree/v3/MjQDmil5tffhpBrklmWJaJaivQ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Abril Fatface;
    font-style: normal;
    font-weight: 400;
    src: local("Abril Fatface"),local("AbrilFatface-Regular"),url(https://fonts.gstatic.com/s/abrilfatface/v9/zOL64pLDlL1D99S8g8PtiKchq-dmjQ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Limelight;
    font-style: normal;
    font-weight: 400;
    src: local("Limelight"),url(https://fonts.gstatic.com/s/limelight/v9/XLYkIZL7aopJVbZJHDuoOulH.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Caveat;
    font-style: normal;
    font-weight: 400;
    src: local("Caveat Regular"),local("Caveat-Regular"),url(https://fonts.gstatic.com/s/caveat/v5/Wnz6HAc5bAfYB2Q7ZjYY.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Caveat;
    font-style: normal;
    font-weight: 700;
    src: local("Caveat Bold"),local("Caveat-Bold"),url(https://fonts.gstatic.com/s/caveat/v5/Wnz5HAc5bAfYB2Qz3RMNpS7R.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Crushed;
    font-style: normal;
    font-weight: 400;
    src: local("Crushed Regular"),local("Crushed-Regular"),url(https://fonts.gstatic.com/s/crushed/v9/U9Mc6dym6WXImTlFf14VuQ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Lemon;
    font-style: normal;
    font-weight: 400;
    src: local("Lemon Regular"),local("Lemon-Regular"),url(https://fonts.gstatic.com/s/lemon/v7/HI_EiYEVKqRMq3jGQ5Q.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Flavors;
    font-style: normal;
    font-weight: 400;
    src: local("Flavors"),local("Flavors-Regular"),url(https://fonts.gstatic.com/s/flavors/v7/FBV2dDrhxqmveJTpXkvvNw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Questrial;
    font-style: normal;
    font-weight: 400;
    src: local("Questrial"),local("Questrial-Regular"),url(https://fonts.gstatic.com/s/questrial/v7/QdVUSTchPBm7nuUeVf70viFl.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Righteous;
    font-style: normal;
    font-weight: 400;
    src: local("Righteous"),local("Righteous-Regular"),url(https://fonts.gstatic.com/s/righteous/v6/1cXxaUPXBpj2rGoU7C9WiHGF.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Adamina;
    font-style: normal;
    font-weight: 400;
    src: local("Adamina Regular"),local("Adamina-Regular"),url(https://fonts.gstatic.com/s/adamina/v12/j8_r6-DH1bjoc-dwi-3UEA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Oregano;
    font-style: normal;
    font-weight: 400;
    src: local("Oregano"),local("Oregano-Regular"),url(https://fonts.gstatic.com/s/oregano/v6/If2IXTPxciS3H4S2oZDVPg.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Mitr;
    font-style: normal;
    font-weight: 300;
    src: local("Mitr Light"),local("Mitr-Light"),url(https://fonts.gstatic.com/s/mitr/v4/pxiEypw5ucZF8ZcaJJfecg.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Mitr;
    font-style: normal;
    font-weight: 400;
    src: local("Mitr Regular"),local("Mitr-Regular"),url(https://fonts.gstatic.com/s/mitr/v4/pxiLypw5ucZF-Tw4MQ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Mitr;
    font-style: normal;
    font-weight: 500;
    src: local("Mitr Medium"),local("Mitr-Medium"),url(https://fonts.gstatic.com/s/mitr/v4/pxiEypw5ucZF8c8bJJfecg.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Mitr;
    font-style: normal;
    font-weight: 700;
    src: local("Mitr Bold"),local("Mitr-Bold"),url(https://fonts.gstatic.com/s/mitr/v4/pxiEypw5ucZF8YcdJJfecg.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Aclonica;
    font-style: normal;
    font-weight: 400;
    src: local("Aclonica Regular"),local("Aclonica-Regular"),url(https://fonts.gstatic.com/s/aclonica/v9/K2FyfZJVlfNNSEBXGY7UAo8.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Headland One;
    font-style: normal;
    font-weight: 400;
    src: local("Headland One"),local("HeadlandOne-Regular"),url(https://fonts.gstatic.com/s/headlandone/v6/yYLu0hHR2vKnp89Tk1TCq3TB1_NS.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Courgette;
    font-style: normal;
    font-weight: 400;
    src: local("Courgette Regular"),local("Courgette-Regular"),url(https://fonts.gstatic.com/s/courgette/v6/wEO_EBrAnc9BLjLQAUk1VvoK.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Merienda;
    font-style: normal;
    font-weight: 400;
    src: local("Merienda"),local("Merienda-Regular_0_wt"),url(https://fonts.gstatic.com/s/merienda/v7/gNMHW3x8Qoy5_mf8uWMFMIqY_svh.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Merienda;
    font-style: normal;
    font-weight: 700;
    src: local("Merienda Bold"),local("Merienda-Bold"),url(https://fonts.gstatic.com/s/merienda/v7/gNMAW3x8Qoy5_mf8uWu-FZ-13MbLP1S5.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 300;
    src: local("Ubuntu Light"),local("Ubuntu-Light"),url(https://fonts.gstatic.com/s/ubuntu/v12/4iCv6KVjbNBYlgoC1CzjsGyNPYZvgw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 400;
    src: local("Ubuntu Regular"),local("Ubuntu-Regular"),url(https://fonts.gstatic.com/s/ubuntu/v12/4iCs6KVjbNBYlgoKfw72nU6AFw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 500;
    src: local("Ubuntu Medium"),local("Ubuntu-Medium"),url(https://fonts.gstatic.com/s/ubuntu/v12/4iCv6KVjbNBYlgoCjC3jsGyNPYZvgw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 700;
    src: local("Ubuntu Bold"),local("Ubuntu-Bold"),url(https://fonts.gstatic.com/s/ubuntu/v12/4iCv6KVjbNBYlgoCxCvjsGyNPYZvgw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Ubuntu Mono;
    font-style: normal;
    font-weight: 400;
    src: local("Ubuntu Mono"),local("UbuntuMono-Regular"),url(https://fonts.gstatic.com/s/ubuntumono/v8/KFOjCneDtsqEr0keqCMhbCc6CsTYl4BO.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Ubuntu Mono;
    font-style: normal;
    font-weight: 700;
    src: local("Ubuntu Mono Bold"),local("UbuntuMono-Bold"),url(https://fonts.gstatic.com/s/ubuntumono/v8/KFO-CneDtsqEr0keqCMhbC-BL9H1tY1keXO0.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Dancing Script;
    font-style: normal;
    font-weight: 400;
    src: local("Dancing Script Regular"),local("DancingScript-Regular"),url(https://fonts.gstatic.com/s/dancingscript/v9/If2RXTr6YS-zF4S-kcSWSVi_szLgiuEHiC4W.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Dancing Script;
    font-style: normal;
    font-weight: 700;
    src: local("Dancing Script Bold"),local("DancingScript-Bold"),url(https://fonts.gstatic.com/s/dancingscript/v9/If2SXTr6YS-zF4S-kcSWSVi_szpbr_QqqiM8rebB.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Comfortaa;
    font-style: normal;
    font-weight: 300;
    src: local("Comfortaa Light"),local("Comfortaa-Light"),url(https://fonts.gstatic.com/s/comfortaa/v19/1Ptpg8LJRfWJmhDAuUsw5qN_AtCb71ka4Q.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Comfortaa;
    font-style: normal;
    font-weight: 400;
    src: local("Comfortaa Regular"),local("Comfortaa-Regular"),url(https://fonts.gstatic.com/s/comfortaa/v19/1Ptsg8LJRfWJmhDAuUs4TYFqL_KWxQ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Comfortaa;
    font-style: normal;
    font-weight: 700;
    src: local("Comfortaa Bold"),local("Comfortaa-Bold"),url(https://fonts.gstatic.com/s/comfortaa/v19/1Ptpg8LJRfWJmhDAuUsw9qR_AtCb71ka4Q.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Lemonada;
    font-style: normal;
    font-weight: 300;
    src: local("Lemonada Light"),local("Lemonada-Light"),url(https://fonts.gstatic.com/s/lemonada/v6/0QIkMXFD9oygTWy_R8PineGp07n8-gpG.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Lemonada;
    font-style: normal;
    font-weight: 400;
    src: local("Lemonada"),local("Lemonada-Regular"),url(https://fonts.gstatic.com/s/lemonada/v6/0QIjMXFD9oygTWy_R8tJv_SE8bTW.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Lemonada;
    font-style: normal;
    font-weight: 700;
    src: local("Lemonada Bold"),local("Lemonada-Bold"),url(https://fonts.gstatic.com/s/lemonada/v6/0QIkMXFD9oygTWy_R8PymuGp07n8-gpG.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Pridi;
    font-style: normal;
    font-weight: 300;
    src: local("Pridi Light"),local("Pridi-Light"),url(https://fonts.gstatic.com/s/pridi/v4/2sDdZG5JnZLfkc02i30kT0CWAbUd.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Pridi;
    font-style: normal;
    font-weight: 400;
    src: local("Pridi Regular"),local("Pridi-Regular"),url(https://fonts.gstatic.com/s/pridi/v4/2sDQZG5JnZLfkcWdqWgJbU28.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Pridi;
    font-style: normal;
    font-weight: 500;
    src: local("Pridi Medium"),local("Pridi-Medium"),url(https://fonts.gstatic.com/s/pridi/v4/2sDdZG5JnZLfkc1uin0kT0CWAbUd.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Pridi;
    font-style: normal;
    font-weight: 700;
    src: local("Pridi Bold"),local("Pridi-Bold"),url(https://fonts.gstatic.com/s/pridi/v4/2sDdZG5JnZLfkc0mjH0kT0CWAbUd.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Arima Madurai;
    font-style: normal;
    font-weight: 100;
    src: local("Arima Madurai Thin"),local("ArimaMadurai-Thin"),url(https://fonts.gstatic.com/s/arimamadurai/v4/t5t4IRoeKYORG0WNMgnC3seB1V3_rbuDUB0Trw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Arima Madurai;
    font-style: normal;
    font-weight: 300;
    src: local("Arima Madurai Light"),local("ArimaMadurai-Light"),url(https://fonts.gstatic.com/s/arimamadurai/v4/t5t7IRoeKYORG0WNMgnC3seB1ZXtupymfzUZp2Y.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Arima Madurai;
    font-style: normal;
    font-weight: 400;
    src: local("Arima Madurai"),local("ArimaMadurai-Regular"),url(https://fonts.gstatic.com/s/arimamadurai/v4/t5tmIRoeKYORG0WNMgnC3seB3T7Pr7GEch8.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Arima Madurai;
    font-style: normal;
    font-weight: 500;
    src: local("Arima Madurai Medium"),local("ArimaMadurai-Medium"),url(https://fonts.gstatic.com/s/arimamadurai/v4/t5t7IRoeKYORG0WNMgnC3seB1c3supymfzUZp2Y.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Arima Madurai;
    font-style: normal;
    font-weight: 700;
    src: local("Arima Madurai Bold"),local("ArimaMadurai-Bold"),url(https://fonts.gstatic.com/s/arimamadurai/v4/t5t7IRoeKYORG0WNMgnC3seB1YXqupymfzUZp2Y.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Arima Madurai;
    font-style: normal;
    font-weight: 900;
    src: local("Arima Madurai Black"),local("ArimaMadurai-Black"),url(https://fonts.gstatic.com/s/arimamadurai/v4/t5t7IRoeKYORG0WNMgnC3seB1b3oupymfzUZp2Y.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: El Messiri;
    font-style: normal;
    font-weight: 400;
    src: local("El Messiri"),local("ElMessiri-Regular"),url(https://fonts.gstatic.com/s/elmessiri/v5/K2F0fZBRmr9vQ1pHEey6Mo2AAgDwbWs.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: El Messiri;
    font-style: normal;
    font-weight: 500;
    src: local("El Messiri Medium"),local("ElMessiri-Medium"),url(https://fonts.gstatic.com/s/elmessiri/v5/K2F3fZBRmr9vQ1pHEey6On6jFy3SYEGPhuU.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: El Messiri;
    font-style: normal;
    font-weight: 700;
    src: local("El Messiri Bold"),local("ElMessiri-Bold"),url(https://fonts.gstatic.com/s/elmessiri/v5/K2F3fZBRmr9vQ1pHEey6OjalFy3SYEGPhuU.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Overpass Mono;
    font-style: normal;
    font-weight: 300;
    src: local("Overpass Mono Light"),local("OverpassMono-Light"),url(https://fonts.gstatic.com/s/overpassmono/v4/_Xm3-H86tzKDdAPa-KPQZ-AC3oSWo_CXBlRc4EU.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Overpass Mono;
    font-style: normal;
    font-weight: 400;
    src: local("Overpass Mono Regular"),local("OverpassMono-Regular"),url(https://fonts.gstatic.com/s/overpassmono/v4/_Xmq-H86tzKDdAPa-KPQZ-AC1i-0tt21C34.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Overpass Mono;
    font-style: normal;
    font-weight: 700;
    src: local("Overpass Mono Bold"),local("OverpassMono-Bold"),url(https://fonts.gstatic.com/s/overpassmono/v4/_Xm3-H86tzKDdAPa-KPQZ-AC3pSRo_CXBlRc4EU.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Space Mono;
    font-style: normal;
    font-weight: 400;
    src: local("Space Mono"),local("SpaceMono-Regular"),url(https://fonts.gstatic.com/s/spacemono/v4/i7dPIFZifjKcF5UAWdDRYEF8RXi4EwQ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Space Mono;
    font-style: normal;
    font-weight: 700;
    src: local("Space Mono Bold"),local("SpaceMono-Bold"),url(https://fonts.gstatic.com/s/spacemono/v4/i7dMIFZifjKcF5UAWdDRaPpZUFWaHi6WZ3Q.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: ABeeZee;
    font-style: normal;
    font-weight: 400;
    src: local("ABeeZee Regular"),local("ABeeZee-Regular"),url(https://fonts.gstatic.com/s/abeezee/v12/esDR31xSG-6AGleN2tWkkJUEGpA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Abhaya Libre;
    font-style: normal;
    font-weight: 400;
    src: local("Abhaya Libre Regular"),local("AbhayaLibre-Regular"),url(https://fonts.gstatic.com/s/abhayalibre/v4/e3tmeuGtX-Co5MNzeAOqinEQfEnXgPRE4g.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Abhaya Libre;
    font-style: normal;
    font-weight: 500;
    src: local("Abhaya Libre Medium"),local("AbhayaLibre-Medium"),url(https://fonts.gstatic.com/s/abhayalibre/v4/e3t5euGtX-Co5MNzeAOqinEYj2rCrdZJyIU9BQ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Abhaya Libre;
    font-style: normal;
    font-weight: 700;
    src: local("Abhaya Libre Bold"),local("AbhayaLibre-Bold"),url(https://fonts.gstatic.com/s/abhayalibre/v4/e3t5euGtX-Co5MNzeAOqinEYx2zCrdZJyIU9BQ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Alegreya Sans;
    font-style: normal;
    font-weight: 100;
    src: local("Alegreya Sans Thin"),local("AlegreyaSans-Thin"),url(https://fonts.gstatic.com/s/alegreyasans/v9/5aUt9_-1phKLFgshYDvh6Vwt5Tldv21TpG1Lsw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Alegreya Sans;
    font-style: normal;
    font-weight: 300;
    src: local("Alegreya Sans Light"),local("AlegreyaSans-Light"),url(https://fonts.gstatic.com/s/alegreyasans/v9/5aUu9_-1phKLFgshYDvh6Vwt5fFPqEp2i0VBuxM.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Alegreya Sans;
    font-style: normal;
    font-weight: 400;
    src: local("Alegreya Sans Regular"),local("AlegreyaSans-Regular"),url(https://fonts.gstatic.com/s/alegreyasans/v9/5aUz9_-1phKLFgshYDvh6Vwt7VptvWdUhm8.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Alegreya Sans;
    font-style: normal;
    font-weight: 500;
    src: local("Alegreya Sans Medium"),local("AlegreyaSans-Medium"),url(https://fonts.gstatic.com/s/alegreyasans/v9/5aUu9_-1phKLFgshYDvh6Vwt5alOqEp2i0VBuxM.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Alegreya Sans;
    font-style: normal;
    font-weight: 700;
    src: local("Alegreya Sans Bold"),local("AlegreyaSans-Bold"),url(https://fonts.gstatic.com/s/alegreyasans/v9/5aUu9_-1phKLFgshYDvh6Vwt5eFIqEp2i0VBuxM.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Alegreya Sans;
    font-style: normal;
    font-weight: 900;
    src: local("Alegreya Sans Black"),local("AlegreyaSans-Black"),url(https://fonts.gstatic.com/s/alegreyasans/v9/5aUu9_-1phKLFgshYDvh6Vwt5dlKqEp2i0VBuxM.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Anton;
    font-style: normal;
    font-weight: 400;
    src: local("Anton Regular"),local("Anton-Regular"),url(https://fonts.gstatic.com/s/anton/v9/1Ptgg87LROyAm3Kz-C8CSKlv.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Arimo;
    font-style: normal;
    font-weight: 400;
    src: local("Arimo Regular"),local("Arimo-Regular"),url(https://fonts.gstatic.com/s/arimo/v11/P5sMzZCDf9_T_10ZxCFuj5-v.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Arimo;
    font-style: normal;
    font-weight: 700;
    src: local("Arimo Bold"),local("Arimo-Bold"),url(https://fonts.gstatic.com/s/arimo/v11/P5sBzZCDf9_T_1Wi4TRDrZKF09E3.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Arvo;
    font-style: normal;
    font-weight: 400;
    src: local("Arvo"),url(https://fonts.gstatic.com/s/arvo/v10/tDbD2oWUg0MKqScQ7Z7o_vo.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Arvo;
    font-style: normal;
    font-weight: 700;
    src: local("Arvo Bold"),local("Arvo-Bold"),url(https://fonts.gstatic.com/s/arvo/v10/tDbM2oWUg0MKoZw1-LPK89D4hAA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Asap;
    font-style: normal;
    font-weight: 400;
    src: local("Asap Regular"),local("Asap-Regular"),url(https://fonts.gstatic.com/s/asap/v8/KFOoCniXp96ayzse4GZNCzc.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Asap;
    font-style: normal;
    font-weight: 500;
    src: local("Asap Medium"),local("Asap-Medium"),url(https://fonts.gstatic.com/s/asap/v8/KFOnCniXp96aw8g99UtvBh0_IsE.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Asap;
    font-style: normal;
    font-weight: 700;
    src: local("Asap Bold"),local("Asap-Bold"),url(https://fonts.gstatic.com/s/asap/v8/KFOnCniXp96aw4A79UtvBh0_IsE.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: "Bree Serif";
    font-style: normal;
    font-weight: 400;
    src: local("Bree Serif Regular"),local("BreeSerif-Regular"),url(https://fonts.gstatic.com/s/breeserif/v7/4UaHrEJCrhhnVA3DgluA96rp57F2IwM.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Cabin;
    font-style: normal;
    font-weight: 400;
    src: local("Cabin"),local("Cabin-Regular"),url(https://fonts.gstatic.com/s/cabin/v12/u-4x0qWljRw-Pd8w__1ImSRu.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Cabin;
    font-style: normal;
    font-weight: 500;
    src: local("Cabin Medium"),local("Cabin-Medium"),url(https://fonts.gstatic.com/s/cabin/v12/u-480qWljRw-PdfD3OhluylEeQ5J.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Cabin;
    font-style: normal;
    font-weight: 700;
    src: local("Cabin Bold"),local("Cabin-Bold"),url(https://fonts.gstatic.com/s/cabin/v12/u-480qWljRw-PdeL2uhluylEeQ5J.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Catamaran;
    font-style: normal;
    font-weight: 100;
    src: local("Catamaran Thin"),local("Catamaran-Thin"),url(https://fonts.gstatic.com/s/catamaran/v4/o-0OIpQoyXQa2RxT7-5jhgRCQ_mu72Bi.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Catamaran;
    font-style: normal;
    font-weight: 300;
    src: local("Catamaran Light"),local("Catamaran-Light"),url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jThZVZNyBx2pqPA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Catamaran;
    font-style: normal;
    font-weight: 400;
    src: local("Catamaran Regular"),local("Catamaran-Regular"),url(https://fonts.gstatic.com/s/catamaran/v4/o-0IIpQoyXQa2RxT7-5r5TRASf6M7Q.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Catamaran;
    font-style: normal;
    font-weight: 500;
    src: local("Catamaran Medium"),local("Catamaran-Medium"),url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jFhdVZNyBx2pqPA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Catamaran;
    font-style: normal;
    font-weight: 700;
    src: local("Catamaran Bold"),local("Catamaran-Bold"),url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jXhFVZNyBx2pqPA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Catamaran;
    font-style: normal;
    font-weight: 900;
    src: local("Catamaran Black"),local("Catamaran-Black"),url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jZhNVZNyBx2pqPA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Cinzel;
    font-style: normal;
    font-weight: 400;
    src: local("Cinzel Regular"),local("Cinzel-Regular"),url(https://fonts.gstatic.com/s/cinzel/v7/8vIJ7ww63mVu7gt79mT7PkRXMw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Cinzel;
    font-style: normal;
    font-weight: 700;
    src: local("Cinzel Bold"),local("Cinzel-Bold"),url(https://fonts.gstatic.com/s/cinzel/v7/8vIK7ww63mVu7gtzTUHuE2ZaGf_4-g.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Cinzel;
    font-style: normal;
    font-weight: 900;
    src: local("Cinzel Black"),local("Cinzel-Black"),url(https://fonts.gstatic.com/s/cinzel/v7/8vIK7ww63mVu7gtzdUPuE2ZaGf_4-g.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Domine;
    font-style: normal;
    font-weight: 400;
    src: local("Domine"),local("Domine-Regular"),url(https://fonts.gstatic.com/s/domine/v5/L0x8DFMnlVwD4h3hu_qnZypEiw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Domine;
    font-style: normal;
    font-weight: 700;
    src: local("Domine Bold"),local("Domine-Bold"),url(https://fonts.gstatic.com/s/domine/v5/L0x_DFMnlVwD4h3pAN-ySghJoXi-Xw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Droid Sans;
    font-style: normal;
    font-weight: 400;
    src: local("Droid Sans Regular"),local("DroidSans-Regular"),url(https://fonts.gstatic.com/s/droidsans/v8/SlGVmQWMvZQIdix7AFxXkHNSbRYXags.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Droid Sans;
    font-style: normal;
    font-weight: 700;
    src: local("Droid Sans Bold"),local("DroidSans-Bold"),url(https://fonts.gstatic.com/s/droidsans/v8/SlGWmQWMvZQIdix7AFxXmMh3eDs1ZyHKpWg.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: "Droid Serif";
    font-style: normal;
    font-weight: 400;
    src: local("Droid Serif Regular"),local("DroidSerif-Regular"),url(https://fonts.gstatic.com/s/droidserif/v8/tDbI2oqRg1oM3QBjjcaDkOr9rAXWGQyH.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: "Droid Serif";
    font-style: normal;
    font-weight: 700;
    src: local("Droid Serif Bold"),local("DroidSerif-Bold"),url(https://fonts.gstatic.com/s/droidserif/v8/tDbV2oqRg1oM3QBjjcaDkOJGiRD7OwGtT0rU.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Fira Sans;
    font-style: normal;
    font-weight: 100;
    src: local("Fira Sans Thin"),local("FiraSans-Thin"),url(https://fonts.gstatic.com/s/firasans/v8/va9C4kDNxMZdWfMOD5Vn9LjJYTLVdlTO.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Fira Sans;
    font-style: normal;
    font-weight: 300;
    src: local("Fira Sans Light"),local("FiraSans-Light"),url(https://fonts.gstatic.com/s/firasans/v8/va9B4kDNxMZdWfMOD5VnPKreRhf6Xl7Glw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Fira Sans;
    font-style: normal;
    font-weight: 400;
    src: local("Fira Sans Regular"),local("FiraSans-Regular"),url(https://fonts.gstatic.com/s/firasans/v8/va9E4kDNxMZdWfMOD5Vvl4jLazX3dA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Fira Sans;
    font-style: normal;
    font-weight: 500;
    src: local("Fira Sans Medium"),local("FiraSans-Medium"),url(https://fonts.gstatic.com/s/firasans/v8/va9B4kDNxMZdWfMOD5VnZKveRhf6Xl7Glw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Fira Sans;
    font-style: normal;
    font-weight: 700;
    src: local("Fira Sans Bold"),local("FiraSans-Bold"),url(https://fonts.gstatic.com/s/firasans/v8/va9B4kDNxMZdWfMOD5VnLK3eRhf6Xl7Glw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Fira Sans;
    font-style: normal;
    font-weight: 900;
    src: local("Fira Sans Black"),local("FiraSans-Black"),url(https://fonts.gstatic.com/s/firasans/v8/va9B4kDNxMZdWfMOD5VnFK_eRhf6Xl7Glw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Gloria Hallelujah;
    font-style: normal;
    font-weight: 400;
    src: local("Gloria Hallelujah"),local("GloriaHallelujah"),url(https://fonts.gstatic.com/s/gloriahallelujah/v9/LYjYdHv3kUk9BMV96EIswT9DIbW-MIS11zOmvVCE.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Inconsolata;
    font-style: normal;
    font-weight: 400;
    src: local("Inconsolata Regular"),local("Inconsolata-Regular"),url(https://fonts.gstatic.com/s/inconsolata/v16/QldKNThLqRwH-OJ1UHjlKGlZ5qhExfHw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Inconsolata;
    font-style: normal;
    font-weight: 700;
    src: local("Inconsolata Bold"),local("Inconsolata-Bold"),url(https://fonts.gstatic.com/s/inconsolata/v16/QldXNThLqRwH-OJ1UHjlKGHiw71p5_zaDpwm.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Josefin Sans;
    font-style: normal;
    font-weight: 100;
    src: local("Josefin Sans Thin"),local("JosefinSans-Thin"),url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3EZQNVED7rKGKxtqIqX5Ecbkx6XHgOiJM6.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Josefin Sans;
    font-style: normal;
    font-weight: 300;
    src: local("Josefin Sans Light"),local("JosefinSans-Light"),url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3FZQNVED7rKGKxtqIqX5Ecpl5te10hoJky_A.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Josefin Sans;
    font-style: normal;
    font-weight: 400;
    src: local("Josefin Sans Regular"),local("JosefinSans-Regular"),url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3aZQNVED7rKGKxtqIqX5EUDXx4Vn8sig.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Josefin Sans;
    font-style: normal;
    font-weight: 700;
    src: local("Josefin Sans Bold"),local("JosefinSans-Bold"),url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3FZQNVED7rKGKxtqIqX5Ectllte10hoJky_A.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Karla;
    font-style: normal;
    font-weight: 400;
    src: local("Karla"),local("Karla-Regular"),url(https://fonts.gstatic.com/s/karla/v6/qkBbXvYC6trAT7RVLtyU5rZP.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Karla;
    font-style: normal;
    font-weight: 700;
    src: local("Karla Bold"),local("Karla-Bold"),url(https://fonts.gstatic.com/s/karla/v6/qkBWXvYC6trAT7zuC8m5xLtlmgzD.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 100;
    src: local("Lato Hairline"),local("Lato-Hairline"),url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHh30AXC-qNiXg7Q.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 300;
    src: local("Lato Light"),local("Lato-Light"),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
    src: local("Lato Regular"),local("Lato-Regular"),url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 700;
    src: local("Lato Bold"),local("Lato-Bold"),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 900;
    src: local("Lato Black"),local("Lato-Black"),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh50XSwiPGQ3q5d0.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Libre Baskerville;
    font-style: normal;
    font-weight: 400;
    src: local("Libre Baskerville"),local("LibreBaskerville-Regular"),url(https://fonts.gstatic.com/s/librebaskerville/v5/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNZaxMaC82U.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Libre Baskerville;
    font-style: normal;
    font-weight: 700;
    src: local("Libre Baskerville Bold"),local("LibreBaskerville-Bold"),url(https://fonts.gstatic.com/s/librebaskerville/v5/kmKiZrc3Hgbbcjq75U4uslyuy4kn0qviTgY3KcC-wLOj.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Libre Franklin;
    font-style: normal;
    font-weight: 100;
    src: local("Libre Franklin Thin"),local("LibreFranklin-Thin"),url(https://fonts.gstatic.com/s/librefranklin/v2/jizBREVItHgc8qDIbSTKq4XkRi186zUTjnTLgNs.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Libre Franklin;
    font-style: normal;
    font-weight: 300;
    src: local("Libre Franklin Light"),local("LibreFranklin-Light"),url(https://fonts.gstatic.com/s/librefranklin/v2/jizAREVItHgc8qDIbSTKq4XkRi20-SI0q1vjitOh.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Libre Franklin;
    font-style: normal;
    font-weight: 400;
    src: local("Libre Franklin"),local("LibreFranklin-Regular"),url(https://fonts.gstatic.com/s/librefranklin/v2/jizDREVItHgc8qDIbSTKq4XkRiUf2zcZiVbJ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Libre Franklin;
    font-style: normal;
    font-weight: 500;
    src: local("Libre Franklin Medium"),local("LibreFranklin-Medium"),url(https://fonts.gstatic.com/s/librefranklin/v2/jizAREVItHgc8qDIbSTKq4XkRi3s-CI0q1vjitOh.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Libre Franklin;
    font-style: normal;
    font-weight: 700;
    src: local("Libre Franklin Bold"),local("LibreFranklin-Bold"),url(https://fonts.gstatic.com/s/librefranklin/v2/jizAREVItHgc8qDIbSTKq4XkRi2k_iI0q1vjitOh.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Libre Franklin;
    font-style: normal;
    font-weight: 900;
    src: local("Libre Franklin Black"),local("LibreFranklin-Black"),url(https://fonts.gstatic.com/s/librefranklin/v2/jizAREVItHgc8qDIbSTKq4XkRi2c_CI0q1vjitOh.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Lobster;
    font-style: normal;
    font-weight: 400;
    src: local("Lobster Regular"),local("Lobster-Regular"),url(https://fonts.gstatic.com/s/lobster/v20/neILzCirqoswsqX9zoKmM4MwWJU.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Lobster Two;
    font-style: normal;
    font-weight: 400;
    src: local("Lobster Two"),local("LobsterTwo"),url(https://fonts.gstatic.com/s/lobstertwo/v11/BngMUXZGTXPUvIoyV6yN5-fN5qWr4xCC.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Lobster Two;
    font-style: normal;
    font-weight: 700;
    src: local("Lobster Two Bold"),local("LobsterTwo-Bold"),url(https://fonts.gstatic.com/s/lobstertwo/v11/BngRUXZGTXPUvIoyV6yN5-92w7CGwR2oefDo.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Lora;
    font-style: normal;
    font-weight: 400;
    src: local("Lora Regular"),local("Lora-Regular"),url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMwr7I_FMl_E.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Lora;
    font-style: normal;
    font-weight: 700;
    src: local("Lora Bold"),local("Lora-Bold"),url(https://fonts.gstatic.com/s/lora/v12/0QIgMX1D_JOuO7HeNtxumtus-7w.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 300;
    src: local("Merriweather Light"),local("Merriweather-Light"),url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l521wRZWMf6hPvhPQ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 400;
    src: local("Merriweather Regular"),local("Merriweather-Regular"),url(https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-fCZMdeX3rg.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 700;
    src: local("Merriweather Bold"),local("Merriweather-Bold"),url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l52xwNZWMf6hPvhPQ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 900;
    src: local("Merriweather Black"),local("Merriweather-Black"),url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l52_wFZWMf6hPvhPQ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Merriweather Sans;
    font-style: normal;
    font-weight: 300;
    src: local("Merriweather Sans Light"),local("MerriweatherSans-Light"),url(https://fonts.gstatic.com/s/merriweathersans/v9/2-c49IRs1JiJN1FRAMjTN5zd9vgsFH1eYCDE0hZ0z5qZ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Merriweather Sans;
    font-style: normal;
    font-weight: 400;
    src: local("Merriweather Sans"),local("MerriweatherSans-Regular"),url(https://fonts.gstatic.com/s/merriweathersans/v9/2-c99IRs1JiJN1FRAMjTN5zd9vgsFHX1QjXp8Bte.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Merriweather Sans;
    font-style: normal;
    font-weight: 700;
    src: local("Merriweather Sans Bold"),local("MerriweatherSans-Bold"),url(https://fonts.gstatic.com/s/merriweathersans/v9/2-c49IRs1JiJN1FRAMjTN5zd9vgsFH1OZyDE0hZ0z5qZ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 100;
    src: local("Montserrat Thin"),local("Montserrat-Thin"),url(https://fonts.gstatic.com/s/montserrat/v12/JTUQjIg1_i6t8kCHKm45_QpRyS7m0dR9pA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    src: local("Montserrat Light"),local("Montserrat-Light"),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gnD_vx3rCs.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    src: local("Montserrat Regular"),local("Montserrat-Regular"),url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    src: local("Montserrat Medium"),local("Montserrat-Medium"),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_ZpC3gnD_vx3rCs.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    src: local("Montserrat Bold"),local("Montserrat-Bold"),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gnD_vx3rCs.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 900;
    src: local("Montserrat Black"),local("Montserrat-Black"),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_epG3gnD_vx3rCs.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Muli;
    font-style: normal;
    font-weight: 300;
    src: local("Muli Light"),local("Muli-Light"),url(https://fonts.gstatic.com/s/muli/v12/7Au_p_0qiz-adZnkOCX2z24PMFk.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Muli;
    font-style: normal;
    font-weight: 400;
    src: local("Muli Regular"),local("Muli-Regular"),url(https://fonts.gstatic.com/s/muli/v12/7Auwp_0qiz-afTLGLQjUwkQ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Muli;
    font-style: normal;
    font-weight: 700;
    src: local("Muli Bold"),local("Muli-Bold"),url(https://fonts.gstatic.com/s/muli/v12/7Au_p_0qiz-adYnjOCX2z24PMFk.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Muli;
    font-style: normal;
    font-weight: 900;
    src: local("Muli Black"),local("Muli-Black"),url(https://fonts.gstatic.com/s/muli/v12/7Au_p_0qiz-adbHhOCX2z24PMFk.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 300;
    src: local("Open Sans Light"),local("OpenSans-Light"),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUuhpKKSTjw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans Regular"),local("OpenSans-Regular"),url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"),local("OpenSans-Bold"),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhpKKSTjw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Oxygen;
    font-style: normal;
    font-weight: 300;
    src: local("Oxygen Light"),local("Oxygen-Light"),url(https://fonts.gstatic.com/s/oxygen/v7/2sDcZG1Wl4LcnbuCJW8zaGW5Kb8VZA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Oxygen;
    font-style: normal;
    font-weight: 400;
    src: local("Oxygen Regular"),local("Oxygen-Regular"),url(https://fonts.gstatic.com/s/oxygen/v7/2sDfZG1Wl4LcnbuKjk0mRUe0Aw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Oxygen;
    font-style: normal;
    font-weight: 700;
    src: local("Oxygen Bold"),local("Oxygen-Bold"),url(https://fonts.gstatic.com/s/oxygen/v7/2sDcZG1Wl4LcnbuCNWgzaGW5Kb8VZA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Pacifico;
    font-style: normal;
    font-weight: 400;
    src: local("Pacifico Regular"),local("Pacifico-Regular"),url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Pontano Sans;
    font-style: normal;
    font-weight: 400;
    src: local("Pontano Sans"),local("PontanoSans-Regular"),url(https://fonts.gstatic.com/s/pontanosans/v6/qFdD35GdgYR8EzR6oBLDHa3axT8NoVgyNA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 100;
    src: local("Poppins Thin"),local("Poppins-Thin"),url(https://fonts.gstatic.com/s/poppins/v5/pxiGyp8kv8JHgFVrLPTucHtAOvWDSA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    src: local("Poppins Light"),local("Poppins-Light"),url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLDz8Z1xlFd2JQEk.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    src: local("Poppins Regular"),local("Poppins-Regular"),url(https://fonts.gstatic.com/s/poppins/v5/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    src: local("Poppins Medium"),local("Poppins-Medium"),url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    src: local("Poppins Bold"),local("Poppins-Bold"),url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 900;
    src: local("Poppins Black"),local("Poppins-Black"),url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLBT5Z1xlFd2JQEk.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Proza Libre;
    font-style: normal;
    font-weight: 400;
    src: local("Proza Libre"),local("ProzaLibre-Regular"),url(https://fonts.gstatic.com/s/prozalibre/v3/LYjGdGHgj0k1DIQRyUEyyEoodNr1Wpyy.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Proza Libre;
    font-style: normal;
    font-weight: 500;
    src: local("Proza Libre Medium"),local("ProzaLibre-Medium"),url(https://fonts.gstatic.com/s/prozalibre/v3/LYjbdGHgj0k1DIQRyUEyyELbV8_YeJGY9T6M.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Proza Libre;
    font-style: normal;
    font-weight: 700;
    src: local("Proza Libre Bold"),local("ProzaLibre-Bold"),url(https://fonts.gstatic.com/s/prozalibre/v3/LYjbdGHgj0k1DIQRyUEyyEKTUc_YeJGY9T6M.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: PT Sans;
    font-style: normal;
    font-weight: 400;
    src: local("PT Sans"),local("PTSans-Regular"),url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0KExcOPIDU.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: PT Sans;
    font-style: normal;
    font-weight: 700;
    src: local("PT Sans Bold"),local("PTSans-Bold"),url(https://fonts.gstatic.com/s/ptsans/v9/jizfRExUiTo99u79B_mh0O6tLR8a8zI.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: PT Sans Caption;
    font-style: normal;
    font-weight: 400;
    src: local("PT Sans Caption"),local("PTSans-Caption"),url(https://fonts.gstatic.com/s/ptsanscaption/v10/0FlMVP6Hrxmt7-fsUFhlFXNIlpcaeg_xYS2ixw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: PT Sans Caption;
    font-style: normal;
    font-weight: 700;
    src: local("PT Sans Caption Bold"),local("PTSans-CaptionBold"),url(https://fonts.gstatic.com/s/ptsanscaption/v10/0FlJVP6Hrxmt7-fsUFhlFXNIlpcSwSrkTA-v7XwDgw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: PT Sans Narrow;
    font-style: normal;
    font-weight: 400;
    src: local("PT Sans Narrow"),local("PTSans-Narrow"),url(https://fonts.gstatic.com/s/ptsansnarrow/v9/BngRUXNadjH0qYEzV7ab-oWlsbCGwR2oefDo.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: PT Sans Narrow;
    font-style: normal;
    font-weight: 700;
    src: local("PT Sans Narrow Bold"),local("PTSans-NarrowBold"),url(https://fonts.gstatic.com/s/ptsansnarrow/v9/BngSUXNadjH0qYEzV7ab-oWlsbg95AiFW_3CRs-2.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: "PT Serif";
    font-style: normal;
    font-weight: 400;
    src: local("PT Serif"),local("PTSerif-Regular"),url(https://fonts.gstatic.com/s/ptserif/v9/EJRVQgYoZZY2vCFuvAFWzr-_dSb_.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: "PT Serif";
    font-style: normal;
    font-weight: 700;
    src: local("PT Serif Bold"),local("PTSerif-Bold"),url(https://fonts.gstatic.com/s/ptserif/v9/EJRSQgYoZZY2vCFuvAnt66qSVyvVp8NA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Raleway;
    font-style: normal;
    font-weight: 100;
    src: local("Raleway Thin"),local("Raleway-Thin"),url(https://fonts.gstatic.com/s/raleway/v12/1Ptsg8zYS_SKggPNwE44TYFqL_KWxQ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Raleway;
    font-style: normal;
    font-weight: 300;
    src: local("Raleway Light"),local("Raleway-Light"),url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwIYqWqZPANqczVs.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Raleway;
    font-style: normal;
    font-weight: 400;
    src: local("Raleway"),local("Raleway-Regular"),url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    src: local("Raleway Medium"),local("Raleway-Medium"),url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwN4rWqZPANqczVs.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Raleway;
    font-style: normal;
    font-weight: 700;
    src: local("Raleway Bold"),local("Raleway-Bold"),url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwJYtWqZPANqczVs.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Raleway;
    font-style: normal;
    font-weight: 900;
    src: local("Raleway Black"),local("Raleway-Black"),url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwK4vWqZPANqczVs.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Rokkitt;
    font-style: normal;
    font-weight: 100;
    src: local("Rokkitt Thin"),local("Rokkitt-Thin"),url(https://fonts.gstatic.com/s/rokkitt/v13/qFdG35qfgYFjGy5hmCWydP7P6B0Aiw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Rokkitt;
    font-style: normal;
    font-weight: 300;
    src: local("Rokkitt Light"),local("Rokkitt-Light"),url(https://fonts.gstatic.com/s/rokkitt/v13/qFdB35qfgYFjGy5hmO2gY9nqxzUKg1o.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Rokkitt;
    font-style: normal;
    font-weight: 400;
    src: local("Rokkitt Regular"),local("Rokkitt-Regular"),url(https://fonts.gstatic.com/s/rokkitt/v13/qFdE35qfgYFjGy5hkEaCdvTIyh8.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Rokkitt;
    font-style: normal;
    font-weight: 500;
    src: local("Rokkitt Medium"),local("Rokkitt-Medium"),url(https://fonts.gstatic.com/s/rokkitt/v13/qFdB35qfgYFjGy5hmLWhY9nqxzUKg1o.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Rokkitt;
    font-style: normal;
    font-weight: 700;
    src: local("Rokkitt Bold"),local("Rokkitt-Bold"),url(https://fonts.gstatic.com/s/rokkitt/v13/qFdB35qfgYFjGy5hmP2nY9nqxzUKg1o.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Rokkitt;
    font-style: normal;
    font-weight: 900;
    src: local("Rokkitt Black"),local("Rokkitt-Black"),url(https://fonts.gstatic.com/s/rokkitt/v13/qFdB35qfgYFjGy5hmMWlY9nqxzUKg1o.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    src: local("Rubik Light"),local("Rubik-Light"),url(https://fonts.gstatic.com/s/rubik/v7/iJWHBXyIfDnIV7Fqj2md8WD07oB-.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 400;
    src: local("Rubik"),local("Rubik-Regular"),url(https://fonts.gstatic.com/s/rubik/v7/iJWKBXyIfDnIV7nBrXyw023e.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    src: local("Rubik Medium"),local("Rubik-Medium"),url(https://fonts.gstatic.com/s/rubik/v7/iJWHBXyIfDnIV7Eyjmmd8WD07oB-.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 700;
    src: local("Rubik Bold"),local("Rubik-Bold"),url(https://fonts.gstatic.com/s/rubik/v7/iJWHBXyIfDnIV7F6iGmd8WD07oB-.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 900;
    src: local("Rubik Black"),local("Rubik-Black"),url(https://fonts.gstatic.com/s/rubik/v7/iJWHBXyIfDnIV7FCimmd8WD07oB-.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 300;
    src: local("Source Sans Pro Light"),local("SourceSansPro-Light"),url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu3cOWxw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 400;
    src: local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7lujVj9w.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 700;
    src: local("Source Sans Pro Bold"),local("SourceSansPro-Bold"),url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu3cOWxw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 900;
    src: local("Source Sans Pro Black"),local("SourceSansPro-Black"),url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwlxdu3cOWxw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: "Source Serif Pro";
    font-style: normal;
    font-weight: 400;
    src: local("Source Serif Pro"),local("SourceSerifPro-Regular"),url(https://fonts.gstatic.com/s/sourceserifpro/v5/neIQzD-0qpwxpaWvjeD0X88SAOeauXQ-oAGIyY0.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: "Source Serif Pro";
    font-style: normal;
    font-weight: 700;
    src: local("Source Serif Pro Bold"),local("SourceSerifPro-Bold"),url(https://fonts.gstatic.com/s/sourceserifpro/v5/neIXzD-0qpwxpaWvjeD0X88SAOeasc8btSyqxKcsdrM.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 300;
    src: local("Titillium Web Light"),local("TitilliumWeb-Light"),url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPDcZTIAOhVxoMyOr9n_E7ffGjEGItzY5abuWI.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 400;
    src: local("Titillium Web Regular"),local("TitilliumWeb-Regular"),url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPecZTIAOhVxoMyOr9n_E7fdMPmDaZRbrw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 700;
    src: local("Titillium Web Bold"),local("TitilliumWeb-Bold"),url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGItzY5abuWI.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 900;
    src: local("Titillium Web Black"),local("TitilliumWeb-Black"),url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPDcZTIAOhVxoMyOr9n_E7ffEDBGItzY5abuWI.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Trirong;
    font-style: normal;
    font-weight: 100;
    src: local("Trirong Thin"),local("Trirong-Thin"),url(https://fonts.gstatic.com/s/trirong/v4/7r3EqXNgp8wxdOdOl-gY2o5kyOv3gg.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Trirong;
    font-style: normal;
    font-weight: 300;
    src: local("Trirong Light"),local("Trirong-Light"),url(https://fonts.gstatic.com/s/trirong/v4/7r3DqXNgp8wxdOdOlyAKzalB58P9ito.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Trirong;
    font-style: normal;
    font-weight: 400;
    src: local("Trirong Regular"),local("Trirong-Regular"),url(https://fonts.gstatic.com/s/trirong/v4/7r3GqXNgp8wxdOdOn4so2IRj6uk.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Trirong;
    font-style: normal;
    font-weight: 500;
    src: local("Trirong Medium"),local("Trirong-Medium"),url(https://fonts.gstatic.com/s/trirong/v4/7r3DqXNgp8wxdOdOl3gLzalB58P9ito.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Trirong;
    font-style: normal;
    font-weight: 700;
    src: local("Trirong Bold"),local("Trirong-Bold"),url(https://fonts.gstatic.com/s/trirong/v4/7r3DqXNgp8wxdOdOlzANzalB58P9ito.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Trirong;
    font-style: normal;
    font-weight: 900;
    src: local("Trirong Black"),local("Trirong-Black"),url(https://fonts.gstatic.com/s/trirong/v4/7r3DqXNgp8wxdOdOlwgPzalB58P9ito.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Ubuntu Condensed;
    font-style: normal;
    font-weight: 400;
    src: local("Ubuntu Condensed"),local("UbuntuCondensed-Regular"),url(https://fonts.gstatic.com/s/ubuntucondensed/v8/u-4k0rCzjgs5J7oXnJcM_0kACGMtT-Dfq9PrNX0.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Varela Round;
    font-style: normal;
    font-weight: 400;
    src: local("Varela Round Regular"),local("VarelaRound-Regular"),url(https://fonts.gstatic.com/s/varelaround/v10/w8gdH283Tvk__Lua32TysjIfp8uPLdshZg.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Vollkorn;
    font-style: normal;
    font-weight: 400;
    src: local("Vollkorn Regular"),local("Vollkorn-Regular"),url(https://fonts.gstatic.com/s/vollkorn/v8/0yb9GDoxxrvAnPhYGxkpaE0Urhg0.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Vollkorn;
    font-style: normal;
    font-weight: 700;
    src: local("Vollkorn Bold"),local("Vollkorn-Bold"),url(https://fonts.gstatic.com/s/vollkorn/v8/0yb6GDoxxrvAnPhYGxGSTVg5jBUe_z_2.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Vollkorn;
    font-style: normal;
    font-weight: 900;
    src: local("Vollkorn Black"),local("Vollkorn-Black"),url(https://fonts.gstatic.com/s/vollkorn/v8/0yb6GDoxxrvAnPhYGxGqT1g5jBUe_z_2.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Yanone Kaffeesatz;
    font-style: normal;
    font-weight: 300;
    src: local("Yanone Kaffeesatz Light"),local("YanoneKaffeesatz-Light"),url(https://fonts.gstatic.com/s/yanonekaffeesatz/v9/3y9-6aknfjLm_3lMKjiMgmUUYBs04YewPf-qPNOmNvNo.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Yanone Kaffeesatz;
    font-style: normal;
    font-weight: 400;
    src: local("Yanone Kaffeesatz Regular"),local("YanoneKaffeesatz-Regular"),url(https://fonts.gstatic.com/s/yanonekaffeesatz/v9/3y976aknfjLm_3lMKjiMgmUUYBs04Y8bH-qHHt6M.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Yanone Kaffeesatz;
    font-style: normal;
    font-weight: 700;
    src: local("Yanone Kaffeesatz Bold"),local("YanoneKaffeesatz-Bold"),url(https://fonts.gstatic.com/s/yanonekaffeesatz/v9/3y9-6aknfjLm_3lMKjiMgmUUYBs04YegOv-qPNOmNvNo.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Dosis;
    font-style: normal;
    font-weight: 300;
    src: local("Dosis Light"),local("Dosis-Light"),url(https://fonts.gstatic.com/s/dosis/v7/HhyXU5sn9vOmLzHDKeCFMItgT7kJ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Dosis;
    font-style: normal;
    font-weight: 400;
    src: local("Dosis Regular"),local("Dosis-Regular"),url(https://fonts.gstatic.com/s/dosis/v7/HhyaU5sn9vOmLzloC_WoEoZK.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Dosis;
    font-style: normal;
    font-weight: 500;
    src: local("Dosis Medium"),local("Dosis-Medium"),url(https://fonts.gstatic.com/s/dosis/v7/HhyXU5sn9vOmLzGbKOCFMItgT7kJ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Dosis;
    font-style: normal;
    font-weight: 700;
    src: local("Dosis Bold"),local("Dosis-Bold"),url(https://fonts.gstatic.com/s/dosis/v7/HhyXU5sn9vOmLzHTLuCFMItgT7kJ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Changa One;
    font-style: normal;
    font-weight: 400;
    src: local("Changa One"),local("ChangaOne"),url(https://fonts.gstatic.com/s/changaone/v11/xfu00W3wXn3QLUJXhzq42AHiuZXYO68.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Tangerine;
    font-style: normal;
    font-weight: 400;
    src: local("Tangerine Regular"),local("Tangerine-Regular"),url(https://fonts.gstatic.com/s/tangerine/v10/IurY6Y5j_oScZZow4VOxCZZMprNA4A.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Tangerine;
    font-style: normal;
    font-weight: 700;
    src: local("Tangerine Bold"),local("Tangerine-Bold"),url(https://fonts.gstatic.com/s/tangerine/v10/Iurd6Y5j_oScZZow4VO5srNZi5FNym499g.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Squada One;
    font-style: normal;
    font-weight: 400;
    src: local("Squada One"),local("SquadaOne-Regular"),url(https://fonts.gstatic.com/s/squadaone/v7/BCasqZ8XsOrx4mcOk6Mtaac2WRJnDgo.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Amaranth;
    font-style: normal;
    font-weight: 400;
    src: local("Amaranth Regular"),local("Amaranth-Regular"),url(https://fonts.gstatic.com/s/amaranth/v9/KtkuALODe433f0j1zMnFHdCIwWzX.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Amaranth;
    font-style: normal;
    font-weight: 700;
    src: local("Amaranth Bold"),local("Amaranth-Bold"),url(https://fonts.gstatic.com/s/amaranth/v9/KtkpALODe433f0j1zMF-OMWl42H9FYud.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Pompiere;
    font-style: normal;
    font-weight: 400;
    src: local("Pompiere "),local("Pompiere-Regular"),url(https://fonts.gstatic.com/s/pompiere/v8/VEMyRoxis5Dwuyeov5Wq7DHPrvOK.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Aladin;
    font-style: normal;
    font-weight: 400;
    src: local("Aladin Regular"),local("Aladin-Regular"),url(https://fonts.gstatic.com/s/aladin/v7/ZgNSjPJFPrvJV5fF7i35hmfmNw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Jomhuria;
    font-style: normal;
    font-weight: 400;
    src: local("Jomhuria"),local("Jomhuria-Regular"),url(https://fonts.gstatic.com/s/jomhuria/v6/Dxxp8j-TMXf-llKur1byOuC5CGDg.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Chela One;
    font-style: normal;
    font-weight: 400;
    src: local("Chela One"),local("ChelaOne-Regular"),url(https://fonts.gstatic.com/s/chelaone/v7/6ae-4KC7Uqgdz_JZdPIC2FHXFzAgoA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Passion One;
    font-style: normal;
    font-weight: 400;
    src: local("Passion One Regular"),local("PassionOne-Regular"),url(https://fonts.gstatic.com/s/passionone/v9/PbynFmL8HhTPqbjUzux3JEuR9lvC6poU.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Passion One;
    font-style: normal;
    font-weight: 700;
    src: local("Passion One Bold"),local("PassionOne-Bold"),url(https://fonts.gstatic.com/s/passionone/v9/Pby6FmL8HhTPqbjUzux3JEMq007vyJc-u28z.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Passion One;
    font-style: normal;
    font-weight: 900;
    src: local("Passion One Black"),local("PassionOne-Black"),url(https://fonts.gstatic.com/s/passionone/v9/Pby6FmL8HhTPqbjUzux3JEMS0U7vyJc-u28z.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Katibeh;
    font-style: normal;
    font-weight: 400;
    src: local("Katibeh-Regular"),url(https://fonts.gstatic.com/s/katibeh/v6/ZGjXol5MQJog4bxDWCpbVRFeCDo.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    src: local("Russo One"),local("RussoOne-Regular"),url(https://fonts.gstatic.com/s/russoone/v7/Z9XUDmZRWg6M1LvRYsHOz8mJvLuL9A.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Chewy;
    font-style: normal;
    font-weight: 400;
    src: local("Chewy Regular"),local("Chewy-Regular"),url(https://fonts.gstatic.com/s/chewy/v10/uK_94ruUb-k-wn52KjI9OPec.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Oleo Script Swash Caps;
    font-style: normal;
    font-weight: 400;
    src: local("Oleo Script Swash Caps"),local("OleoScriptSwashCaps-Regular"),url(https://fonts.gstatic.com/s/oleoscriptswashcaps/v6/Noaj6Vb-w5SFbTTAsZP_7JkCS08K-jCzDn_HAX2kSK8Ek9w.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Oleo Script Swash Caps;
    font-style: normal;
    font-weight: 700;
    src: local("Oleo Script Swash Caps Bold"),local("OleoScriptSwashCaps-Bold"),url(https://fonts.gstatic.com/s/oleoscriptswashcaps/v6/Noag6Vb-w5SFbTTAsZP_7JkCS08K-jCzDn_HCcaBXYImnvb6Ztw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Jockey One;
    font-style: normal;
    font-weight: 400;
    src: local("Jockey One"),local("JockeyOne-Regular"),url(https://fonts.gstatic.com/s/jockeyone/v8/HTxpL2g2KjCFj4x8WI6AnIHxHKGn8xY.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Berkshire Swash;
    font-style: normal;
    font-weight: 400;
    src: local("Berkshire Swash Regular"),local("BerkshireSwash-Regular"),url(https://fonts.gstatic.com/s/berkshireswash/v7/ptRRTi-cavZOGqCvnNJDl5m5XmN_qs4zT305QQ.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Happy Monkey;
    font-style: normal;
    font-weight: 400;
    src: local("Happy Monkey"),local("HappyMonkey-Regular"),url(https://fonts.gstatic.com/s/happymonkey/v7/K2F2fZZcl-9SXwl5F_C4R_OwAAr3T2mFjg.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Keania One;
    font-style: normal;
    font-weight: 400;
    src: local("Keania One"),local("KeaniaOne-Regular"),url(https://fonts.gstatic.com/s/keaniaone/v6/zOL54pXJk65E8pXardnu-cNkvspEgOo.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Kaushan Script;
    font-style: normal;
    font-weight: 400;
    src: local("Kaushan Script"),local("KaushanScript-Regular"),url(https://fonts.gstatic.com/s/kaushanscript/v7/vm8vdRfvXFLG3OLnsO15WYS5DG74wNJVMJ8b.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Fredoka One;
    font-style: normal;
    font-weight: 400;
    src: local("Fredoka One"),local("FredokaOne-Regular"),url(https://fonts.gstatic.com/s/fredokaone/v6/k3kUo8kEI-tA1RRcTZGmTlHGCaen8wf-.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Hind Madurai;
    font-style: normal;
    font-weight: 300;
    src: local("Hind Madurai Light"),local("HindMadurai-Light"),url(https://fonts.gstatic.com/s/hindmadurai/v3/f0Xu0e2p98ZvDXdZQIOcpqjfXaUXfsEpEp4L_w.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Hind Madurai;
    font-style: normal;
    font-weight: 400;
    src: local("Hind Madurai Regular"),local("HindMadurai-Regular"),url(https://fonts.gstatic.com/s/hindmadurai/v3/f0Xx0e2p98ZvDXdZQIOcpqjX9ocCU-MkOA.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Hind Madurai;
    font-style: normal;
    font-weight: 500;
    src: local("Hind Madurai Medium"),local("HindMadurai-Medium"),url(https://fonts.gstatic.com/s/hindmadurai/v3/f0Xu0e2p98ZvDXdZQIOcpqjfBaQXfsEpEp4L_w.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Hind Madurai;
    font-style: normal;
    font-weight: 700;
    src: local("Hind Madurai Bold"),local("HindMadurai-Bold"),url(https://fonts.gstatic.com/s/hindmadurai/v3/f0Xu0e2p98ZvDXdZQIOcpqjfTaIXfsEpEp4L_w.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Hind Vadodara;
    font-style: normal;
    font-weight: 300;
    src: local("Hind Vadodara Light"),local("HindVadodara-Light"),url(https://fonts.gstatic.com/s/hindvadodara/v5/neIQzCKvrIcn5pbuuuriV9tTSDn3uXQ-oAGIyY0.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Hind Vadodara;
    font-style: normal;
    font-weight: 400;
    src: local("Hind Vadodara Regular"),local("HindVadodara-Regular"),url(https://fonts.gstatic.com/s/hindvadodara/v5/neINzCKvrIcn5pbuuuriV9tTQJLVrFkcrSs.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Hind Vadodara;
    font-style: normal;
    font-weight: 500;
    src: local("Hind Vadodara Medium"),local("HindVadodara-Medium"),url(https://fonts.gstatic.com/s/hindvadodara/v5/neIQzCKvrIcn5pbuuuriV9tTSGH2uXQ-oAGIyY0.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Hind Vadodara;
    font-style: normal;
    font-weight: 700;
    src: local("Hind Vadodara Bold"),local("HindVadodara-Bold"),url(https://fonts.gstatic.com/s/hindvadodara/v5/neIQzCKvrIcn5pbuuuriV9tTSCnwuXQ-oAGIyY0.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Shadows Into Light Two;
    font-style: normal;
    font-weight: 400;
    src: local("Shadows Into Light Two"),local("ShadowsIntoLightTwo-Regular"),url(https://fonts.gstatic.com/s/shadowsintolighttwo/v6/4iC86LVlZsRSjQhpWGedwyOoW-0A6_kpsyNmpAzHGZFkMFw.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 300;
    src: local("Source Sans Pro Light"),local("SourceSansPro-Light"),url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 400;
    src: local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 700;
    src: local("Source Sans Pro Bold"),local("SourceSansPro-Bold"),url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 900;
    src: local("Source Sans Pro Black"),local("SourceSansPro-Black"),url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwlxdu.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: San Francisco;
    font-weight: 100;
    src: url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff2)
}

@font-face {
    font-family: San Francisco;
    font-weight: 400;
    src: url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.woff2)
}

@font-face {
    font-family: San Francisco;
    font-weight: 500;
    src: url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff2)
}

@font-face {
    font-family: San Francisco;
    font-weight: 700;
    src: url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff2)
}

@font-face {
    font-family: Exo two;
    font-style: normal;
    font-weight: 100;
    src: local("Exo 2 Thin"),local("Exo2-Thin"),url(https://fonts.gstatic.com/s/exo2/v5/7cHov4okm5zmbt5LG-wc5Q.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Exo two;
    font-style: normal;
    font-weight: 300;
    src: local("Exo 2 Light"),local("Exo2-Light"),url(https://fonts.gstatic.com/s/exo2/v5/7cHrv4okm5zmbt6DCfs7wH8.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Exo two;
    font-style: normal;
    font-weight: 400;
    src: local("Exo 2"),local("Exo2-Regular"),url(https://fonts.gstatic.com/s/exo2/v5/7cHmv4okm5zmbtYoK-4.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Exo two;
    font-style: normal;
    font-weight: 500;
    src: local("Exo 2 Medium"),local("Exo2-Medium"),url(https://fonts.gstatic.com/s/exo2/v5/7cHrv4okm5zmbt7bCPs7wH8.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Exo two;
    font-style: normal;
    font-weight: 700;
    src: local("Exo 2 Bold"),local("Exo2-Bold"),url(https://fonts.gstatic.com/s/exo2/v5/7cHrv4okm5zmbt6TDvs7wH8.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Exo two;
    font-style: normal;
    font-weight: 900;
    src: local("Exo 2 Black"),local("Exo2-Black"),url(https://fonts.gstatic.com/s/exo2/v5/7cHrv4okm5zmbt6rDPs7wH8.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

.booking-menu-slider .black-overlay {
    opacity: .5;
    background: #000;
    z-index: 1001;
    position: fixed
}

.booking-menu-slider .footer-visible {
    height: calc(100% - 13vw) !important
}

.booking-menu-slider .main-tab-lists {
    position: relative;
    border: 0;
    margin-left: 0;
    padding-bottom: 35px;
    background: #fff;
    overflow: auto;
    height: 100%
}

.booking-menu-slider .footer-visible .main-tab-lists {
    height: calc(100% - 9px - var(--jdnotchheight))
}

.booking-menu-slider .list-container {
    display: flex;
    align-items: center;
    padding: 21px 15px;
    height: 100%
}

    .booking-menu-slider .list-container .text-container {
        padding-left: 10px
    }

    .booking-menu-slider .list-container .forward-icon {
        -webkit-transform: rotate(-90deg);
        position: absolute;
        right: 8px
    }

.booking-menu-slider .separator-line {
    border-bottom: 1px solid #edf1f7;
    margin-left: 58px
}

.booking-menu-slider .web-jd-delivery-settings.animate-slider .animate-subsection-left.iphone-hard-back {
    transition: unset
}

.booking-menu-slider .content {
    position: relative;
    padding-bottom: unset;
    height: 64px
}

    .booking-menu-slider .content:hover {
        cursor: pointer;
        background: #f5fafe
    }

.booking-menu-slider.mobile-custom-field-slider .main-tab-lists {
    padding: 3px 15px 15px;
    animation: slideIn 1.5s cubic-bezier(.11,.3,.25,.92)
}

.booking-menu-slider.mobile-custom-field-slider .mobile-booking {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    height: calc(100% - 13vw - var(--jdnotchheight));
    z-index: 1030
}

.booking-menu-slider.mobile-custom-field-slider .content {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.23);
    margin-bottom: 10px;
    height: 57px
}

.booking-menu-slider.mobile-custom-field-slider .list-container {
    padding: 15px;
    color: #333;
    font-size: 1.2em
}

.booking-menu-slider.mobile-custom-field-slider .icon-pagination-down {
    color: #0086ff
}

.booking-menu-slider.mobile-custom-field-slider .list-container .text-container {
    padding-left: 15px;
    width: 100%;
    color: #414e59;
    font-size: .875rem;
    font-weight: 400
}

.booking-menu-slider.mobile-custom-field-slider .jd-animate-new .jd-mobile-header .mobile-header-left .flex-display {
    width: unset !important
}

.booking-menu-slider.mobile-custom-field-slider .jd-animate-new .booking-setting-body {
    padding: 0 15px 110px
}

    .booking-menu-slider.mobile-custom-field-slider .jd-animate-new .booking-setting-body.online-booking-hours {
        padding-bottom: 130px
    }

    .booking-menu-slider.mobile-custom-field-slider .jd-animate-new .booking-setting-body.group-time-slot {
        padding-bottom: 180px
    }

.hide-universal-search-footer .jd-toast-holder {
    bottom: 0
}

.booking-menu-slider.mobile-custom-field-slider .jd-animate-new {
    width: 100% !important;
    font-family: Gilroy,sans-serif
}

.booking-menu-slider .jd-animate-new .btn-full-width {
    width: 100%
}

.booking-menu-slider.mobile-custom-field-slider .booking-setting-body .booking-time.online-booking-setup {
    padding-bottom: unset
}

.booking-menu-slider.mobile-custom-field-slider .jd-animate-new .animate-subsection-left {
    position: fixed
}

.booking-menu-slider.mobile-custom-field-slider .jd-mobile-header {
    border-bottom: none
}

@keyframes slideIn {
    0% {
        transform: translateY(100px);
        opacity: .3
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.field-types-container .main-type-list-container {
    padding: 0;
    cursor: pointer
}

.field-types-container .text-container {
    display: inline-block
}

.field-types-container .multi-values-container {
    margin-top: 16px;
    padding: 0 15px
}

    .field-types-container .multi-values-container i {
        color: #4a4a4a;
        cursor: pointer;
        opacity: .8;
        position: absolute
    }

    .field-types-container .multi-values-container .icon-trash {
        font-size: 18px;
        right: 0;
        top: 2px
    }

    .field-types-container .multi-values-container .icon-MoveUpDown {
        font-size: 16px;
        right: 25px;
        top: 4px
    }

.field-types-container .field-name-textbox {
    width: 100%
}

.field-types-container .multi-values-textbox {
    width: 82%
}

.field-types-container .vertically-center-table-cell {
    display: table-cell;
    vertical-align: middle
}

.field-types-container .field-list {
    display: table;
    cursor: pointer;
    width: 100%;
    padding: 12px 0;
    height: 48px
}

.field-types-container .dividerLine {
    border-bottom: 1px solid #979797;
    opacity: .3;
    margin-left: 32px
}

.field-types-container .field-icon-container i {
    color: #424448
}

.field-types-container .textbox-container {
    padding: 12px 15px
}

.field-types-container .multi-values-container .icon-trash.disabled-trash-icon {
    color: #ccc;
    cursor: default
}

.field-types-container .input-value-container {
    margin-bottom: 25px;
    position: relative
}

.field-types-container .mobile-header-right {
    cursor: pointer
}

.field-types-container .padding-dummy-div {
    padding-top: 1px
}

.field-types-container .custom-field-label {
    color: #9b9b9b;
    font-size: 12px;
    padding-bottom: 3px;
    position: relative
}

    .field-types-container .custom-field-label .icon-static-page {
        color: #9b9b9b;
        font-size: 12px;
        position: absolute;
        top: 3px
    }

.field-types-container .info-text-container {
    margin-top: 10px
}

.field-types-container .field-icon-container i.icon-dropdownNew {
    font-size: 22px;
    position: relative;
    top: 2px
}

.field-types-container .field-icon-container i.icon-textNew {
    font-size: 14px
}

.field-types-container .field-icon-container i.icon-calender19, .field-types-container .field-icon-container i.icon-multipleChoice, .field-types-container .field-icon-container i.icon-timeCustome {
    font-size: 18px;
    position: relative;
    top: 1px
}

.field-types-container .field-icon-container i.icon-paragraph {
    font-size: 16px;
    top: 3px;
    left: 2px;
    position: relative
}

.field-types-container .draggableContainer {
    padding-top: 5px
}

.field-types-container .cancel-btn {
    background-color: #fff;
    color: #545454
}

    .field-types-container .cancel-btn:hover {
        background-color: #dcdcdc
    }

.field-types-container .field-type-save-btn[disabled] {
    background-color: #e8e8e8 !important;
    border-color: #e8e8e8 !important;
    color: #9a9a9a !important
}

.field-types-container .switch-buttons-container {
    padding: 0 5px 10px
}

    .field-types-container .switch-buttons-container label {
        cursor: pointer
    }

        .field-types-container .switch-buttons-container label.disabled {
            pointer-events: none;
            cursor: default
        }

.field-types-container .conditional-fields-container {
    padding: 10px 15px
}

.field-types-container .conditional-field-name {
    width: 49%;
    float: left;
    padding-right: 5px
}

.field-types-container .conditional-field-options {
    width: 49%;
    float: left;
    padding-left: 5px
}

.field-types-container .conditional-fields-container .drop-down .jd-autosuggest li {
    padding: 0
}

.field-types-container .conditional-fields-container .drop-down .jd-autosuggest {
    top: 27px;
    min-width: 100%
}

    .field-types-container .conditional-fields-container .drop-down .jd-autosuggest > li > div .icon-clickNew {
        display: none
    }

.field-types-container .conditional-fields-container .jd-autosuggest {
    font-size: 12px
}

.field-types-container .conditional-fields-container .drop-down .jd-autosuggest li div {
    padding: 5px 7px
}

.field-types-container .conditional-fields-container .drop-down .jd-autosuggest .drop-down-li .label-style {
    left: 5px
}

.field-types-container .conditional-fields-container .drop-down .drop-down-div .drop-down-input {
    font-size: 12px;
    padding: 2px 5px;
    height: auto;
    min-height: 26px;
    text-overflow: ellipsis;
    background-color: #fff
}

.field-types-container .conditional-fields-container .drop-down .icon-down-style {
    top: 6px;
    right: -1px;
    cursor: pointer
}

.field-types-container .drop-down-error .drop-down .drop-down-div .drop-down-input {
    border-bottom: 2px solid #e22323
}

.field-types-container footer.jd-fixed-footer button {
    height: 50px
}

.field-types-container.mobile-field-types .text-container {
    color: #424448;
    padding: 0 6px;
    font-size: 1.2em
}

.field-types-container.mobile-field-types .field-list {
    padding: 15px 0
}

.field-types-container.mobile-field-types .dividerLine {
    margin-left: 41px;
    margin-bottom: 1px;
    margin-top: 1px
}

.field-types-container.mobile-field-types .field-name-textbox {
    font-size: 1.3em
}

.field-types-container.mobile-field-types .multi-values-textbox {
    font-size: 1.3em;
    width: 77%
}

.field-types-container.mobile-field-types .custom-field-label {
    font-size: 14px
}

.field-types-container.mobile-field-types .multi-values-container .icon-MoveUpDown {
    font-size: 22px;
    right: 34px;
    bottom: 7px;
    opacity: 1
}

.field-types-container.mobile-field-types .multi-values-container .icon-trash {
    font-size: 22px;
    right: 0;
    bottom: 6px;
    opacity: 1
}

.field-types-container.mobile-field-types .conditional-fields-container select {
    width: 100%;
    height: 25px;
    background: #fff;
    border: 0;
    border-bottom: 1px solid;
    outline: none
}

.jd-color-pallete .selected-bg-circle {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    cursor: pointer;
    margin: 5px;
    position: relative
}

    .jd-color-pallete .selected-bg-circle.bg-circle {
        margin: 0
    }

.jd-color-pallete .color-container-blocks {
    width: 100%;
    height: 100%;
    border-radius: 20px
}

.jd-color-pallete.color-palette {
    position: absolute;
    width: 190px;
    height: auto;
    z-index: 1;
    background-color: #2a2c2e;
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2)
}

.jd-color-pallete .custom-color-picker .bg-color {
    right: 197px;
    padding: 0;
    position: absolute;
    top: 30px;
    left: auto
}

.jd-color-pallete .bg-color .color-kit {
    padding: 5px
}

.jd-color-pallete .border-radius3 {
    border-radius: 3px
}

.jd-color-pallete .custom-color-div {
    margin-top: 10px;
    margin-left: 6px;
    margin-right: 6px;
    border-top: 1px solid #454648;
    border-bottom: 1px solid #454648;
    padding: 3px 0;
    display: flex;
    align-items: center
}

.jd-color-pallete .marginT5 {
    margin-top: 5px
}

.jd-color-pallete .marginL5 {
    margin-left: 5px
}

.jd-color-pallete .bg-color {
    left: 192px;
    padding: 0;
    position: absolute
}

.jd-color-pallete .color-circle {
    display: inline;
    float: left
}

.jd-color-pallete .icon-pagination-right {
    flex: 1;
    text-align: right;
    font-size: 14px;
    color: inherit;
    margin-right: 0;
    margin-top: 0
}

.jd-color-pallete .color-picker .back-button {
    align-items: center;
    cursor: pointer;
    display: flex;
    text-align: left;
    padding-left: 7px;
    margin-top: -8px
}

.jd-color-pallete .sp-picker-container {
    width: 163px;
    height: 172px
}

.jd-color-pallete .bg-opacity {
    opacity: .6;
    z-index: 1;
    top: 0;
    position: absolute;
    background: #000;
    border: 1px solid #fff
}

.jd-color-pallete .color-container-blocks.icon-clickNew:before {
    top: -3px;
    position: relative;
    left: -3px
}

.jd-color-pallete .icon-clickNew {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    z-index: 2;
    font-size: 20px
}

.jd-color-pallete .sv-parent-div {
    padding: 10px 6px 5px
}

.jd-color-pallete .sv-btn {
    background-color: #2a2c2e;
    border: 1px solid;
    color: #fff;
    line-height: 15px;
    width: 47%
}

    .jd-color-pallete .sv-btn:hover {
        background-color: #fff;
        color: #333 !important;
        border-color: #fff
    }

.web-product-search .jd-dropdown-list {
    list-style: none
}

.web-product-search .autosuggest-positioning {
    position: absolute;
    left: 10px;
    top: 7px;
    z-index: 2;
    display: none
}

.web-product-search .input-product-search {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.web-product-search .search-product-name .input-product-search {
    padding-left: 40px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.web-enquiry-manage .web-product-search .search-product-name .search-right-icons, .web-product-search .search-product-name .clear-product-search {
    position: absolute;
    right: 15px;
    z-index: 3
}

.web-product-search .search-product-name .autosuggest-positioning {
    display: block
}

.web-product-search .dropdown-button {
    width: 200px
}

.web-product-search .search-filter {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0 18px
}

.web-product-search .search-result-container {
    position: absolute;
    max-height: 200px;
    top: 34px;
    left: 0;
    z-index: 1000;
    width: 100%
}

    .web-product-search .search-result-container ul.jd-autosuggest {
        position: relative;
        top: 0
    }

.feature-product-div .product-search-section .web-product-search .search-product-name .input-product-search {
    border-radius: 0
}

.search-result-container .search-message-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 16px;
    color: #333
}

    .search-result-container .search-message-container img {
        max-height: 120px;
        max-width: 138px;
        margin-bottom: 10px
    }

.web-product-search .create-product-div {
    min-height: 60px;
    padding: 15px 0 0 15px;
    background: #f2f2f2;
    width: 100%;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    list-style: none;
    cursor: pointer;
    color: #424448
}

    .web-product-search .create-product-div.fixed-footer {
        position: absolute;
        z-index: 1001;
        left: 0
    }

.web-product-search .jd-autosuggest {
    max-height: 220px;
    overflow: auto;
    padding-left: 1px;
    margin-top: 0;
    border-top: 0;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    box-shadow: 0 2px 4px rgba(0,0,0,.2)
}

.web-product-search .search-filter .icon-HDRsearch, .web-product-search .search-filter .icon-search {
    line-height: 32px;
    font-weight: 600
}

.web-product-search .search-filter .font14 {
    font-size: 14px
}

.web-product-search .create-product-div.jd-li-hover, .web-product-search .create-product-div:hover {
    background-color: #e9f3ff
}

.web-product-search .hide-search-option .dropdown-button {
    width: 0;
    visibility: hidden
}

.web-product-search .search-result-holder {
    max-height: 232px;
    overflow: auto;
    padding-left: 1px
}

.web-product-search .icon-plus-position {
    position: relative;
    font-size: inherit;
    color: inherit;
    margin-right: 5px
}

.web-product-search .product-not-found {
    min-height: 50px;
    list-style-type: none;
    padding: 0 10px;
    line-height: 50px;
    outline: none
}

.web-product-search .jd-autosuggest-item {
    min-height: 70px;
    list-style-type: none;
    padding: 5px 10px;
    border-bottom: 1px solid rgba(0,0,0,.15)
}

.web-product-search .no-border-bottom {
    border-bottom: none
}

.web-inventory-addEditStockTransfer .web-product-search .search-barcode .input-group .input-product-search {
    border-radius: 0
}

.filter-products .input-group .product-search-div .productSearchBar {
    border-radius: 100px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #cfcfcf;
    border-left-color: #04a2dc
}

    .filter-products .input-group .product-search-div .productSearchBar::placeholder {
        font-size: 14px;
        color: #9e9e9e
    }

.web-inventory-pendingPO .filter-products .input-group .product-search-div .productSearchBar {
    border-radius: 0
}

.web-vendor-supply #addProductForSupplier .modal-body .jd-autosuggest-holder .input-product-search.inputSearchBar.productSearchBar {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px
}

.search-holder .web-product-search .suggestions-scrolled .input-product-search {
    border: none;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.17)
}

.web-product-search .create-product-div + .jd-autosuggest.search-result-holder {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.web-product-search .create-product-div.fixed-header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

    .web-product-search .create-product-div.fixed-header .create-new-prod-txt {
        font-size: 10px;
        color: #0086ff
    }

    .web-product-search .create-product-div.fixed-header .left-sec {
        padding-right: 10px
    }

    .web-product-search .create-product-div.fixed-header .icon-plus-position {
        margin-left: auto;
        color: #0086ff;
        font-size: 18px;
        margin-right: 0
    }

.row-fluid-15 > .span-inv-details {
    width: 44%
}

.row-fluid-15 > .span-QtyTextLabel {
    padding-right: 50px;
    width: 259px
}

.web-payment-manage .row-fluid-15.pgTitleFixed {
    z-index: 111
}

.inv-qty {
    width: 65px
}

.inv-pagination {
    width: 150px
}

.inventoryTextbox {
    width: 45px !important;
    border-color: #0086ff
}

.updateInventory {
    width: 462px;
    padding: 10px
}

.active-inventory-row.jd-web-list-item {
    background: #f5f8fa
}

.active-inventory-row .activeBlock {
    border: 1px solid #e3eaee;
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.inventoryCancel {
    color: #0086ff;
    text-decoration: underline;
    background: none;
    border: 0
}

.inventory-form-action .btn-primary {
    width: 145px
}

.inventoryImg {
    padding: 10px 0 0;
    height: 60px;
    white-space: normal;
    width: 60px
}

    .inventoryImg i {
        color: #d5d5d5
    }

#tabs {
    border-bottom: 1px solid #d5dde3;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-top: 0 solid #d5dde3
}

    #tabs ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

        #tabs ul li:first-child {
            border: 0;
            border-right: 1px solid #d5dde3 !important
        }

        #tabs ul li {
            float: left;
            padding: 10px 15px;
            width: 50%;
            color: #424448;
            text-align: center;
            background: #f2f2f2;
            border-left: 0 solid #d5dde3;
            border-radius: 0 4px 0 0;
            -webkit-border-radius: 0 4px 0 0;
            -moz-border-radius: 0 4px 0 0;
            cursor: pointer;
            border-bottom: 1px solid #e3eaee;
            border-top: 1px solid #d5dde3 !important;
            border-radius: 0 !important
        }

#mainView {
    clear: both;
    padding: 15px;
    background: #fff;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px
}

#tabs ul li.active {
    background-color: #fff;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    border-bottom: 1px solid transparent
}

#tabs ul li.activeBorder {
    border-top: 3px solid #0086ff !important;
    padding-top: 7px
}

.iconTextbox {
    position: relative
}

    .iconTextbox .form-control {
        padding-right: 64px
    }

.listDetails {
    cursor: pointer;
    position: absolute;
    right: 6px;
    top: 36px
}

    .listDetails > i, .listDetailsMore > i {
        color: #0086ff
    }

    .listDetails > span, .listDetailsMore > span {
        display: block;
        float: left;
        font-size: 9px;
        line-height: 11px;
        margin: 0 0 0 4px;
        width: 34px;
        color: #0086ff;
        text-transform: uppercase
    }

.listDetailsMore {
    cursor: pointer;
    position: absolute;
    right: 6px;
    top: 8px
}

.qtyText p {
    font-size: 16px;
    margin: 0
}

.qtyText i {
    font-size: 16px;
    color: #333
}

.sales-order-table-modal th {
    text-align: center
}

.selected-product {
    visibility: hidden
}

.selected .selected-product {
    visibility: visible
}

.order-table-modal tr td {
    padding: 3px 8px !important;
    vertical-align: middle !important
}

.order-table-modal th i {
    color: #333
}

.order-table-modal tr td.amount-cell {
    padding-left: 5px !important;
    padding-right: 5px !important;
    white-space: nowrap
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.highlightText {
    background: #de7e7f;
    color: #fff;
    padding: 0 6px;
    margin: 0 5px 0 0
}

.width270 {
    width: 270px;
    position: relative
}

.width60 {
    width: 60px
}

.search-term-form .form-control {
    display: inline-block;
    width: 93%
}

.quantity-row {
    padding-top: 10px
}

    .quantity-row .quantity-cell {
        display: table-cell;
        width: 160px
    }

.product-row .product-cell {
    display: inline-block
}

    .product-row .product-cell.product-details {
        max-width: 500px
    }

.product-row {
    border-bottom: 2px solid #d5dde3;
    position: relative;
    padding: 10px
}

    .product-row:hover {
        background-color: #e9f3ff;
        cursor: pointer
    }

.product-search-Result {
    border: 1px solid #d5dde3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

    .product-search-Result.product-search {
        overflow: auto;
        max-height: 300px;
        border-bottom: none
    }

    .product-search-Result.barcode-search {
        margin-top: 15px
    }

        .product-search-Result.barcode-search .barcode-search-results {
            overflow: auto;
            max-height: 200px
        }

.product-row .product-cell.product-image {
    width: 50px
}

.search-term-form .close {
    color: #000;
    position: relative;
    left: -57px;
    top: 5px
}

.search-holder .select-product {
    margin: 40px auto auto;
    position: relative;
    width: 256px
}

.saving-product {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    color: #00f;
    padding: 207px 0 0 279px
}

.search-holder .expiery-form .form-control {
    width: 60px
}

.search-holder .button-holder {
    margin-top: 10px;
    border-top: 1px solid #d5dde3;
    padding: 10px;
    margin-left: -10px;
    margin-right: -10px
}

#stockSuccess div {
    width: 255px
}

.unitOfMeasurement {
    margin: 0 0 0 55px
}

#singleInventoryData ul li {
    margin: 0;
    padding: 7px 0;
    list-style: none;
    border-bottom: 1px solid #e3eaee
}

#singleInventoryData ul {
    margin: 0;
    padding: 0 15px 0 10px
}

    #singleInventoryData ul li:first-child {
        border-top: 1px solid #e3eaee
    }

#filterProduct .input-group {
    position: relative
}

.listIcon {
    position: absolute;
    top: 7px;
    right: 61px;
    z-index: 2;
    cursor: pointer
}

input#filterBatchInv {
    padding-right: 30px
}

.product-image i.icon-plus-circle {
    font-size: 34px;
    color: #333
}

#quickAddInventoryModal #tabs ul li:first-child {
    border: 0;
    border-bottom: 1px solid #d5dde3
}

#quickAddInventoryModal #tabs ul li.activeBorder:first-child {
    padding-top: 7px
}

.soldOfflineAddMore {
    margin: 0 0 5px
}

.iconTextbox .soldOfflineQty {
    padding: 5px 8px
}

.close i {
    font-size: 22px
}

.width200 .btn-danger i.icon-cross-circle, .width200 .btn-warning i.icon-hide {
    color: #fff
}

.wrap_text {
    width: 90px;
    cursor: pointer
}

.borderT {
    border-top: 1px solid #e3eaee
}

.noproducts, .orText {
    text-align: center
}

.orText {
    position: relative;
    width: 16%;
    margin: 0 auto 13px;
    font-size: 10px
}

    .orText span:after, .orText span:before {
        border-top: 1px solid #ccc;
        display: block;
        height: 1px;
        content: " ";
        width: 40%;
        position: absolute;
        left: 0;
        top: .8em
    }

    .orText span:after {
        right: 0;
        left: auto
    }

#inventoryDetailsTable .modal-header {
    border-bottom: 1px solid #e5e5e5
}

.width905 {
    width: 905px
}

.width837 {
    width: 837px
}

.width845 {
    width: 845px
}

#inventoryList select.form-control[disabled] {
    background: #f9f9f9;
    color: #c1c1c1
}

#inventoryList .icon-cloud, #inventoryList .icon-sync {
    float: left;
    color: grey;
    position: relative;
    top: 19px
}

#inventoryList .icon-sync {
    color: #ff7d76
}

.noright_padding {
    padding-right: 0 !important
}

@media(max-width:1400px)and (min-width:1301px) {
    .row-fluid-15 > .span-QtyTextLabel {
        padding-right: 40px !important
    }
}

@media(max-width:1058px)and (min-width:1020px) {
    .qtyHolder {
        width: 112px !important;
        margin: 0 auto !important;
        padding-left: 25px
    }

    .row-fluid-15 > .span-QtyTextLabel {
        padding-right: 4px !important;
        width: 60px;
        margin: 0 auto !important
    }

    .remainderVal {
        display: block;
        text-align: center;
        margin-top: 5px
    }
}

.pgTitleFixed > .marginTop0 {
    margin-top: 0
}

#totalStockData {
    border: 1px solid #e3eaee
}

.totalStockSummary {
    border-right: 1px solid #e3eaee;
    min-height: 46px;
    font-weight: 400 !important
}

.font21 {
    font-size: 21px
}

.inventoryHighlight {
    color: #0086ff
}

.inventoryReason {
    font-weight: 700
}

.quickAddInventoryModalDialog .quickAddInventoryModalBody {
    padding: 0 !important
}

.quickAddInventoryModalHeader {
    border-bottom: 0;
    height: 50px
}

.quickAddInventoryModalDialog .activeBorder {
    border-bottom: 0 !important
}

.quickAddInventoryLabel {
    margin-bottom: 0 !important
}

.price-tooltip {
    position: absolute;
    border: 1px medium;
    background-color: rgba(50,50,50,.05);
    color: #000;
    z-index: 11;
    border-radius: 4px
}

.popover-for-SP.popover.fade.bottom.in {
    width: 222px;
    height: 25px;
    top: 73px
}

.popover-for-edit-inventory.popover.fade.bottom.in, .popover-for-quick-add.popover.fade.bottom.in {
    width: 222px;
    height: 25px;
    top: 33px
}

.inventory_pagination {
    width: auto !important;
    display: flex;
    align-items: center
}

.tabChildHolder {
    padding-top: 20px !important
}

.web-inventory-manage .popover-for-SP.popover.fade.bottom.in .arrow {
    left: 36%
}

.popover-for-edit-inventory.popover.fade.bottom.in .arrow, .popover-for-quick-add.popover.fade.bottom.in .arrow {
    left: 27%
}

.popover-for-edit-inventory.popover.fade.bottom.in .popover-content, .popover-for-quick-add.popover.fade.bottom.in .popover-content, .popover-for-SP.popover.fade.bottom.in .popover-content {
    padding: 2px 4px 0;
    color: #f90
}

    .popover-for-edit-inventory.popover.fade.bottom.in .popover-content .icon-warning, .popover-for-quick-add.popover.fade.bottom.in .popover-content .icon-warning, .popover-for-SP.popover.fade.bottom.in .popover-content .icon-warning {
        color: #f90;
        font-size: 16px
    }

.web-inventory-manage .popover-for-SP.popover.fade.bottom.in.inventory-pop.error-pop.mrp-pop {
    width: 156px
}

.web-inventory-manage .popover-for-SP.popover.fade.bottom.in.inventory-pop.error-pop.sp-error-pop {
    width: 198px
}

.cost-price-block:hover .popover {
    display: block;
    max-width: 306px;
    top: -5px
}

    .cost-price-block:hover .popover .arrow {
        left: 90%
    }

    .cost-price-block:hover .popover .popover-content {
        width: 306px
    }

.marginL10 {
    margin-left: 10px
}

.marginL2 {
    margin-left: 2px
}

.selling-price-warning-display {
    display: block
}

.font14, .font14 p {
    font-size: 14px !important
}

.padding2 {
    padding: 2px !important
}

.infinity {
    background: #f2f2f2;
    padding: 2px;
    margin-left: 0;
    margin-top: 0
}

@media(max-width:1050px) {
    .width67 {
        width: 67% !important
    }
}

.addSetInventoryTooltip .arrow.top:after {
    border-bottom-color: #f2f2f2
}

.batchCrossIcon {
    position: relative;
    top: -27px;
    float: right;
    margin-right: 8px
}

.productStatusContainer {
    width: 250px
}

.topStat {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 5px
}

.cost-price {
    height: 50px !important
}

@media(max-width:980px)and (min-width:10px) {
    .container {
        width: 100% !important
    }
}

#edit-inventory-CP-input:focus ~ .popover.fade.bottom.in, #quick-add-CP-input:focus ~ .popover.fade.bottom.in, #quick-add-SP-input:focus ~ .popover.fade.bottom.in {
    display: block !important
}

.position-of-block {
    position: relative;
    right: 10px;
    border: 1px solid transparent
}

.addNewCP:focus ~ .popover.fade.bottom.in, .addNewSP:focus ~ .popover.fade.bottom.in {
    display: block !important
}

.jd-web-list-item .infiniteBlock {
    padding: 5px 15px;
    font-size: 18px
}

span.purchase-only-btn {
    padding: 2px 5px !important;
    background-color: #f0f0f0 !important;
    border: 1px solid #e2dede !important;
    border-radius: 3px !important;
    color: #333 !important;
    font-size: 14px !important
}

.input-disallow {
    background: #f2f2f2 !important;
    cursor: not-allowed !important
}

.width300 {
    width: 300px
}

.width100 {
    width: 100%
}

.show-hide-track-inventory {
    display: none
}

.jd-web-list-item:hover .show-hide-track-inventory {
    display: block
}

.marginB0 {
    margin-bottom: 0
}

.marginB100 {
    margin-bottom: 100px
}

.marginB20 {
    margin-bottom: 20px
}

.quickAddInventoryModalDialog .inventory-policy-section select {
    width: 300px
}

.editInventoryTable .product-inventory-section-form {
    width: 100%
}

.editInventoryTable .inventory-policy-section select {
    width: 334px
}

.editInventoryTable .width-342 {
    width: 342px
}

.editInventoryTable .width-325 {
    width: 325px
}

.jd-edit-blue-link .icon-edit.txt-Blue {
    font-size: 13px
}

.paddingL10 {
    padding-left: 10px
}

.low-inventory-quantity-background-color {
    background-color: #fef3df;
    padding: 5px 8px;
    border-radius: 4px
}

.low-inventory-quantity-color {
    color: #fe6d00
}

.out-of-stock-quantity-label-style {
    background-color: #ffe4e3;
    padding: 5px 8px;
    border-radius: 4px;
    color: #fe6d00
}

.icon-noinventory-style {
    font-size: 60px;
    color: #545454
}

.font18 {
    font-size: 18px
}

.no-inventory-modal-width {
    width: 500px;
    margin: auto
}

.paddingR5 {
    padding-right: 5px
}

.display-block {
    display: block
}

.padding-2-5 {
    padding: 2px 5px !important
}

.padding-right-11 {
    padding-right: 11px
}

.padding-right-10 {
    padding-right: 10px
}

@media(max-width:1058px)and (min-width:1020px) {
    .row-fluid-15 > .quantity-holder.span-QtyTextLabel {
        width: 117px !important;
        padding-left: 0
    }

    .quantity-holder, .quantity-status-holder {
        text-align: center
    }
}

.inventory_pagination > span > em {
    line-height: normal
}

#consignmentOrderDetailsModal .modal-content .modal-header {
    height: 50px
}

.expiry-type-holder .arrow.top:after {
    border-bottom-color: #f2f2f2
}

.input-group-btn:last-child > .clear-search.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.expiry-checkbox-holder {
    margin-top: 15px;
    margin-bottom: 0
}

.padding-top-0 {
    padding-top: 0
}

.expiry-date-holder .expiryDateLabel {
    display: none
}

.margin-bottom-0 {
    margin-bottom: 0
}

.margin-top-0 {
    margin-top: 0
}

.padding5 {
    padding: 5px
}

.web-inventory-manage .same-product-holder {
    padding: 5px;
    z-index: 2051;
    box-shadow: 0 2px 15px rgba(0,0,0,.5);
    border-radius: 5px;
    position: relative;
    background: #fff;
    top: -75px;
    width: 535px;
    left: -73px
}

.web-inventory-manage .quickAddInventoryModalDialog .barcode-search-results {
    border-bottom: 1px solid #ddd
}

.web-inventory-manage .quickAddInventoryModalDialog .bottom-button-holder {
    padding: 10px 0 5px
}

.web-inventory-manage .quickAddInventoryModalDialog .barcode-conflict-header-count {
    font-weight: 600;
    font-size: 16px
}

.web-inventory-manage .quickAddInventoryModalDialog .barcode-conflict-header {
    padding-bottom: 10px
}

.web-inventory-manage .inv-pop-content {
    width: 222px
}

.web-inventory-manage .inventory-pop {
    width: 222px;
    height: auto;
    z-index: 7;
    top: 75px !important
}

.receivedQuantity:focus ~ .inventory-pop.error-pop.show-qty-popup {
    display: none
}

.inventory-pop.error-pop.show-qty-popup {
    display: block
}

.width65px {
    width: 65px
}

.width100px {
    width: 100px
}

.width95px {
    width: 95px
}

.width85px {
    width: 85px
}

.width90px {
    width: 90px
}

.width92px {
    width: 92px
}

.width112px {
    width: 112px
}

.width80px {
    width: 80px
}

.width97px {
    width: 97px
}

.width122px {
    width: 122px
}

.width115px {
    width: 115px
}

.web-inventory-manage .web-left-body .nav-tabs > li {
    padding-right: 23px
}

    .web-inventory-manage .web-left-body .nav-tabs > li:last-child {
        padding-right: 0
    }

.pad5 {
    padding: 5px
}

.padding-left-15 {
    padding-left: 15px !important
}

.font11 {
    font-size: 11px
}

.icon-paper-light {
    padding: 40px 0;
    color: #ededed;
    font-size: 175px
}

.header-more-button {
    padding: 2px 10px;
    position: relative;
    top: -2px
}

    .header-more-button.btn-default:active, .header-more-button.btn-default:hover {
        background: #fff
    }

.export-import-popover.popover.bottom.more-filter-popup {
    top: 30px;
    right: 0;
    left: auto;
    border-radius: 2px
}

.more-filter-popup label {
    margin-bottom: 0;
    border-bottom: 0
}

.more-filter-popup .popover-content {
    font-size: inherit
}

.web-inventory-manage .dropdown-button {
    width: 200px;
    border-radius: 3px 0 0 3px
}

.web-inventory-manage .dropdown-menu {
    width: 200px
}

.quantity-cell.quantity-holder.jd-text-left {
    text-align: left
}

.web-inventory-manage .export-import-popover .menu-list li {
    width: 160px
}

.validation-msg {
    padding: 5px 15px;
    background-color: #f3f7fa;
    border-radius: 3px
}

.validation-msg-icon {
    position: relative;
    top: 3px;
    right: 2px
}

.padding0 {
    padding: 0
}

.paddingTB10 {
    padding: 10px 0
}

.marginT5 {
    margin-top: 5px
}

.helptextColor {
    color: #428bca !important
}

.export-top-notification .marginTB5 {
    margin: 5px 0
}

.inventHistoryModalHgt {
    max-height: 400px;
    overflow: auto
}

.nav-tabs label.activeLink {
    border-bottom: 4px solid #0086ff
}

.jd-import-modal {
    width: 42%
}

.jd-import-history-modal {
    width: 70%
}

.web-inventory-manage .icon-inventory-history {
    padding: 40px 0;
    color: #ededed;
    font-size: 175px
}

.web-inventory-manage .paddingL30 {
    padding-left: 30px
}

.web-inventory-manage .search-icon {
    position: absolute;
    top: 34px;
    left: 23px;
    z-index: 2
}

.width-per-10 {
    width: 10%
}

.width153 {
    width: 153px
}

.width350 {
    width: 350px
}

.width180 {
    width: 180px
}

.width75 {
    width: 75px
}

.width650 {
    width: 650px
}

.web-inventory-manage .width1026 {
    width: 1026px
}

.web-inventory-manage .width926 {
    width: 926px
}

.web-inventory-manage .width745 {
    width: 745px
}

.web-inventory-manage .width775 {
    width: 775px
}

.paddingT5 {
    padding-top: 5px
}

.paddingB2 {
    padding-bottom: 2px !important
}

.paddingT20 {
    padding-top: 20px
}

.marginR10 {
    margin-right: 10px
}

.web-inventory-manage .or-center {
    height: 45px;
    width: 45px;
    background-color: #ecf2f9;
    border-radius: 25px;
    margin: 0 auto;
    padding: 12px;
    top: 16px;
    position: relative
}

.web-inventory-manage .add-inventory .product-details-table td input {
    border: none
}

    .web-inventory-manage .add-inventory .product-details-table td input:focus {
        border: 2px solid #0086ff;
        box-shadow: none;
        border-radius: 0
    }

.web-inventory-manage .deleteBtn:hover {
    color: #e94b40
}

.web-inventory-manage .padL5 {
    padding-left: 5px
}

.invisible, .web-inventory-manage .expiry-section, .web-inventory-manage .gen-barcode-btn, .web-inventory-manage .outlet-section {
    visibility: hidden
}

.web-inventory-manage .expiry-td:focus .expiry-section, .web-inventory-manage .gen-barcode-section:focus .gen-barcode-btn, .web-inventory-manage .outlet-td:focus .outlet-section {
    visibility: visible
}

.web-inventory-manage .width16 {
    width: 16%
}

.web-inventory-manage .width25 {
    width: 25%
}

.web-inventory-manage .width30 {
    width: 30%
}

.web-inventory-manage .width35 {
    width: 35%
}

.web-inventory-manage .width400 {
    width: 400px
}

.web-inventory-manage .mL3 {
    margin-left: 3px
}

.web-inventory-manage .width45 {
    width: 45.8%
}

.web-inventory-manage .prod-table-bg {
    background-color: #ecf2f5
}

.web-inventory-manage .prod-tbl-header-bg {
    background-color: #f4f6f7
}

.web-inventory-manage .searchBtn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    height: 34px;
    border: 1px solid #c1cdd7;
    background: #ecf2f9
}

.web-inventory-manage .paddingL15 {
    padding-left: 15px
}

.web-inventory-manage .border-top {
    border-top: 1px solid #ddd
}

.web-inventory-manage .add-inventory .product-details-table td:focus, .web-inventory-manage .set-focus-to-td:focus {
    border: 2px solid #0086ff;
    box-shadow: none
}

.web-inventory-manage .border-left {
    border-left: 0
}

.web-inventory-manage .web-inventory-manage .add-inventory .btn.search-filter {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px
}

.web-inventory-manage .gen-barocode-pos {
    position: relative;
    top: 5px
}

.web-inventory-manage .searchIcon {
    position: relative;
    top: 2px
}

.web-inventory-manage .add-inv-image .icon-camera {
    position: relative;
    left: 5px
}

.web-inventory-manage .unit-align {
    padding: 5px 10px 5px 0
}

.web-inventory-manage .uom {
    padding-right: 10px;
    padding-top: 5px
}

.web-inventory-manage .jd-scroll-class {
    left: 0
}

.width926 {
    width: 926px
}

.padding15 {
    padding: 15px
}

.width1007 {
    width: 1007px
}

.web-inventory-manage .marginR16 {
    margin-right: 16px
}

.web-inventory-single .order-table-modal th {
    vertical-align: top
}

.web-inventory-manage .refresh-btn {
    padding: 10px 0
}

.web-inventory-manage .product-image {
    width: 48px;
    height: 48px
}

.web-inventory-manage .create-product-div-by-name {
    background: #fff;
    margin-top: 30px;
    z-index: 1
}

.web-inventory-manage .create-product-div-by-barcode {
    background: #fff
}

.web-inventory-manage .product_text {
    display: inline-block;
    width: 154px
}

.web-inventory-manage .add-inventory .inv-search .icon-camera, .web-inventory-manage .add-inventory tr div.prod-img-inv .icon-camera {
    position: relative;
    right: 5px;
    bottom: 5px
}

.web-inventory-manage .add-inventory {
    padding-top: 15px
}

.web-inventory-manage .width20 {
    width: 20%
}

.web-inventory-manage .width18 {
    width: 18%
}

.web-inventory-manage .width12 {
    width: 12%
}

.control-label-inventory {
    font-weight: 400;
    font-size: 12px;
    color: #979797
}

.web-inventory-manage .border-red:not(:focus) {
    border: 2px solid #de7e7e !important;
    border-radius: 0
}

.web-inventory-manage .margin-left25 {
    margin-left: 25px
}

.web-inventory-manage .errorMsg {
    border: 1px solid #e94b40;
    margin-top: 25px
}

.web-inventory-manage .detect-focus:not(:focus) ~ .show-on-input-focus {
    display: none
}

.web-inventory-manage .jd-autosuggest {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid rgba(0,0,0,.15)
}

.web-inventory-manage .inventory-sp:not(:focus) ~ .popover-inventory-SP {
    display: none !important
}

.web-inventory-manage .icon-style {
    font-size: 14px
}

.web-inventory-manage .inactive-btn {
    margin-left: 10px;
    position: relative;
    top: 5px
}

.web-inventory-manage .purchase-btn-inv {
    width: 130px;
    margin-left: 57px;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px
}

.web-inventory-manage .width240 {
    width: 240px !important
}

.jd-select-button, .jd-select-button:hover {
    color: #fff !important;
    background-color: #428bca;
    border-color: #357ebd
}

.web-inventory-manage .inv-search .input-product-search:focus {
    box-shadow: none;
    border: 2px solid #0086ff
}

.web-inventory-manage .add-inventory-footer {
    background-color: #e4e8f0;
    border-bottom: 1px solid #e3e3e3;
    padding: 0;
    position: fixed;
    z-index: 13;
    width: 100%;
    bottom: 0;
    margin: 0
}

.web-inventory-manage .footer-label {
    font-weight: 400;
    background-color: #fff;
    padding: 2px 7px;
    border-radius: 3px;
    margin-bottom: 0;
    border: 1px solid #d5dde3
}

.web-inventory-manage .inventory-key-table.table > tbody > tr > td, .web-inventory-manage .inventory-key-table.table > tbody > tr > th {
    border-top: none
}

.web-inventory-manage .inventory-key-table.table > tbody > tr > th {
    padding-bottom: 0
}

.web-inventory-manage .inventory-key-table.table > tbody > tr > td {
    padding-top: 0
}

.web-inventory-manage .inv-search .input-group.search-barcode.hide-search-option, .web-inventory-manage .inv-search .input-group.search-product-name.hide-search-option {
    width: 100%
}

    .web-inventory-manage .inv-search .input-group.search-barcode.hide-search-option > .input-group-btn, .web-inventory-manage .inv-search .input-group.search-product-name.hide-search-option > .input-group-btn {
        display: none
    }

.web-inventory-manage .error-pop {
    background-color: #fde3e1;
    border: 1px solid #e94b40;
    border-radius: 0
}

.web-inventory-manage .popover-for-SP.popover.fade.bottom.in.error-pop .popover-content {
    color: #e94b40
}

.web-inventory-manage .popover-for-SP.popover.fade.bottom.in.error-pop .arrow:after {
    border-bottom-color: #fde3e1
}

.web-inventory-manage .popover-for-SP.popover.fade.bottom.in.error-pop .arrow {
    border-bottom-color: #e94b40
}

.web-inventory-manage .web-left-container .form-group {
    margin-bottom: 10px
}

.web-inventory-manage .inv-search .jd-autosuggest-item {
    padding: 5px 0
}

.web-inventory-manage .barcode-input {
    width: 100%;
    padding-left: 15px
}

    .web-inventory-manage .barcode-input:focus {
        box-shadow: none;
        border: 2px solid #0086ff
    }

.web-inventory-manage .search-filter {
    padding: 0 18px;
    background-color: #ecf2f9
}

    .web-inventory-manage .search-filter .icon-search {
        line-height: 32px;
        font-weight: 600
    }

.web-inventory-manage .catalogue {
    width: 118px;
    background: #e3e2e4;
    margin-left: 58px;
    padding-left: 7px;
    padding-top: 1px;
    padding-bottom: 2px;
    font-size: 12px;
    margin-top: 9px
}

    .web-inventory-manage .catalogue .icon-not_in_catalouge {
        color: #333;
        font-size: 15px;
        margin-right: 6px;
        position: relative;
        top: 2px
    }

.web-inventory-manage .marginT25 {
    margin-top: 25px
}

.web-inventory-manage .add-edit-style {
    padding-right: 0;
    position: static;
    width: auto
}

    .web-inventory-manage .add-edit-style > button:first-child {
        margin-right: 10px
    }

.web-inventory-manage .add-inventory .quick-inv-table {
    margin-top: 20px
}

.web-inventory-manage .export-text, .web-inventory-manage .modal-message-style {
    font-weight: 400
}

.web-inventory-manage #autoPO .product-image {
    height: 60px
}

.web-inventory-manage .inventory-pop.pop-sp {
    top: 32px !important
}

.dropdown.filterDropdown.jd-dropdown-list.ng-scope {
    list-style-type: none !important
}

.daterangepicker.dropdown-menu, .web-payment-manage .dropdown.filterDropdown.jd-dropdown-list.open {
    z-index: 110
}

.padding10 {
    padding: 10px
}

@media(max-width:1024px)and (min-width:970px) {
    .web-inventory-manage .web-left-body .nav-tabs > li {
        padding-right: 9px
    }

    .web-inventory-manage .refresh-btn {
        width: 79px;
        padding: 0
    }

    .web-inventory-manage .add-inv-table-section {
        width: 32%
    }
}

.web-inventory-manage .add-inventory .fix-inv-btn {
    position: fixed;
    bottom: 65px;
    width: calc(100% - 30px);
    background: #fff
}

.paddingB70 {
    padding-bottom: 70px
}

.editInventoryTable .barcode-batch-info .auto-generate-link-barcode {
    right: 16px;
    top: 33px
}

.editInventoryTable .z-index-zero {
    z-index: 0
}

.editInventoryTable .discount-symbol {
    position: absolute;
    right: 8px;
    top: 8px
}

.editInventoryTable .icon-res-style {
    font-size: 14px;
    position: absolute;
    z-index: 10
}

.all_inventory_modal .icon-currency, .all_inventory_modal .icon-currencyB, .all_inventory_modal .icon-percent, .all_inventory_modal .uom {
    color: #545454
}

.all_inventory_modal .divider-line-right.span-percent {
    right: 3px
}

.editInventoryTable .inputs {
    position: relative
}

.txt-dark {
    font-size: 14px;
    color: #333
}

.width840 {
    width: 840px
}

.width800 {
    width: 800px
}

.width750 {
    width: 750px
}

.width885 {
    width: 885px
}

.modal .modal-dialog.width900, .width900 {
    width: 900px
}

.modal .modal-dialog.width885 {
    width: 885px
}

.modal .modal-dialog.width750 {
    width: 750px
}

.modal .modal-dialog.width800 {
    width: 800px
}

.modal .modal-dialog.width930 {
    width: 930px
}

.modal .modal-dialog.width1020 {
    width: 1020px
}

.font-regular {
    font-family: roboto regular;
    font-size: 15px
}

.editInventoryTable .icon-static-page:hover .popover {
    display: block
}

.editInventoryTable .icon-static-page:hover {
    cursor: pointer
}

.editInventoryTable .popover-style {
    right: 0;
    left: -121px;
    top: 16px;
    color: #333;
    width: 252px;
    border-radius: 2px
}

.editInventoryTable .cost-price-block .popover-style {
    right: 0;
    left: -136px;
    top: 16px;
    color: #333;
    width: 288px;
    border-radius: 2px
}

.editInventoryTable .cost-price-block .popover.bottom > .arrow {
    left: 50%
}

body.isIPad .web-inventory-manage .product-name-inline {
    width: 80%
}

.web-inventory-manage .product-name-inline {
    display: inline-block;
    width: 88%
}

.paddingT2 {
    padding-top: 2px
}

.paddingLeft35 {
    padding-left: 35px
}

#inventoryDetailsTable .modal-body .variant-list-content {
    width: calc(100% - 30px);
    padding-bottom: 10px;
    margin: 0 15px 10px;
    display: flex;
    align-items: center
}

#inventoryDetailsTable .modal-body .variant-list-content-value {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: 15px
}

    #inventoryDetailsTable .modal-body .variant-list-content-value .variant-list-content-name {
        padding-right: 5px;
        word-break: break-all
    }

.web-order-view .order-container-left .icon-pluseLine-minusLine {
    position: relative;
    top: 2px;
    color: #333 !important;
    font-size: 17px
}

.web-products-manage .productDetailsList #productList {
    font-size: 14px
}

html {
    background: #fff
}

body {
    font-size: 14px
}

.desktop body {
    overflow-x: hidden
}

#angularApp, .add-video-btn, .cms-add-action-button, .cms-add-action-button + .drag-drop-text, .edit-action-btns, .edit-popover .line-height-div, .fake-div .add-img-btn, .no-editable-amenities-holder, .popover.edit-popover, .popover .popover.info-text-pop, body {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,sans-serif !important
}

    body > .vbox > .hbox.stretch {
        margin-bottom: 60px
    }

a {
    color: #666
}

    a:focus, a:hover, a:visited {
        text-decoration: none;
        outline: none
    }

.btn.active:focus, .btn:active:focus, .btn:focus {
    outline: none
}

.form-control:focus {
    box-shadow: none;
    border-color: #0086ff
}

label {
    font-weight: 400
}

.col-md-offset-3 {
    margin-left: 215px
}

.nav-primary > ul.nav-main > li.active > a, .nav-primary > ul.nav-main > li.active > a i, .nav-primary > ul.nav-main > li:active > a, .nav-primary > ul.nav-main > li:active > a i, .nav-primary > ul.nav-main > li:focus > a, .nav-primary > ul.nav-main > li:focus > a i, .nav-primary > ul.nav-main > li:hover > a, .nav-primary > ul.nav-main > li:hover > a i {
    background-color: none;
    color: #0086ff
}

.nav > li > a:focus, .nav > li > a:hover {
    background: none
}

.nav > li.active > a, .nav > li:active > a, .nav > li:focus > a, .nav > li:hover > a {
    color: #00a6de
}

.nav-primary li > a > i {
    width: 25px
}

.nav-primary ul.nav > li > a {
    padding-right: 2px;
    border-left: 3px solid transparent
}

    .nav-primary ul.nav > li > a:hover {
        color: #1c1c1c
    }

.mobileVendorApp .product-details-scroller .selected-product-details .hsn-block .data-value .icon.icon-pagination-right {
    color: #555
}

.desktop .link-menu .header-right-icon .icon-closeLight {
    color: #fff
}

.hover:hover .hover-rotate {
    -webkit-transition: all .2s ease-in-out .1s;
    transition: all .2s ease-in-out .1s;
    -moz-transition: all .2s ease-in-out .1s
}

.hover:active .hover-rotate, .hover:hover .hover-rotate {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.form-control {
    padding: 5px 8px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #ededed;
    width: 99%
}

.btn {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.btn-default {
    background: #fff;
    color: #0086ff !important;
    border-color: #d5dde3
}

    .btn-default:active, .btn-default:hover {
        background: #f0f0f0;
        border-color: #d9d9d9;
        color: #0086ff !important
    }

    .btn-default:active {
        -webkit-box-shadow: inset 0 2px 3px #bfbfbf;
        -moz-box-shadow: inset 0 2px 3px #bfbfbf;
        box-shadow: inset 0 2px 3px #bfbfbf
    }

    .btn-default i {
        color: #0086ff
    }

.btn-default-new {
    background: #fff;
    color: #0086ff !important;
    border-color: #0086ff
}

    .btn-default-new:active, .btn-default-new:hover {
        background: #0086ff;
        border-color: #0086ff;
        color: #fff !important
    }

    .btn-default-new:active {
        -webkit-box-shadow: inset 0 2px 3px #bfbfbf;
        -moz-box-shadow: inset 0 2px 3px #bfbfbf;
        box-shadow: inset 0 2px 3px #bfbfbf
    }

    .btn-default-new i {
        color: #0086ff
    }

.btn-primary {
    background: #0086ff !important;
    border-color: #0086ff !important;
    color: #fff !important
}

    .btn-primary:active, .btn-primary:focus {
        color: #fff !important
    }

    .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
        background: #0174dc !important;
        border-color: #0174dc !important
    }

    .btn-primary:hover {
        transition: all .3s ease
    }

.btn-danger {
    color: #fff;
    border: 1px solid #ea4940;
    background: #ea4940
}

    .btn-danger:hover {
        background: #cc3f37;
        border: 1px solid #cc3f37
    }

    .btn-danger:active {
        background: #da4943;
        -webkit-box-shadow: inset 0 2px 3px #9c211a;
        -moz-box-shadow: inset 0 2px 3px #9c211a;
        box-shadow: inset 0 2px 3px #9c211a;
        border: 1px solid #b23730
    }

.btn-warning {
    background: #f90;
    border: 1px solid #f90;
    color: #fff
}

    .btn-warning:active, .btn-warning:hover {
        background: #ff7f00;
        border: 1px solid #d96416
    }

    .btn-warning:active {
        -webkit-box-shadow: inset 0 2px 5px #d96416;
        -moz-box-shadow: inset 0 2px 5px #d96416;
        box-shadow: inset 0 2px 5px #d96416
    }

.btn-disabled {
    background: #f0f0f0 !important;
    border: 1px solid #d9d9d9 !important;
    color: #d8d8d8 !important
}

    .btn-disabled i {
        color: #4d4d4d
    }

.form-inline .form-control {
    width: 100%
}

.pagination > li > a, .pagination > li > span {
    padding: 1px 3px;
    line-height: 14px
}

.i-s-2x .i-s-base {
    font-size: 1.5em
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background: none
}

.arrow.top {
    left: 11%
}

.dropdown-menu {
    min-width: 180px
}

.navbar-nav > li > .dropdown-menu {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.dropdown-menu > li > a {
    color: #428bca
}

.col-sm-3 {
    width: 19%;
    padding: 0
}

.col-sm-4 {
    width: 29.5%
}

.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
    margin: 0 10px 0 0
}

.nav-tabs > li > a, .nav-tabs > li > a:hover {
    border: 0;
    padding: 0
}

div.fancy-select select:focus + div.trigger {
    box-shadow: 0 0 0 1px #0086ff
}

div.fancy-select ul.options.overflowing, div.fancy-select ul.options.overflowing.open {
    bottom: auto
}

div.fancy-select div.trigger, div.fancy-select div.trigger.open {
    background: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 7px 8px;
    color: #555;
    font-weight: 400;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    text-transform: none;
    width: 100%
}

div.fancy-select div.trigger {
    border: 1px solid transparent;
    color: #0086ff;
    font-size: 14px
}

    div.fancy-select div.trigger.open {
        border: 1px solid #0086ff
    }

    div.fancy-select div.trigger:after {
        font-family: icomoon;
        content: "";
        top: 5px;
        border: none;
        right: 20px
    }

div.fancy-select ul.options {
    background: #f5f6f7;
    max-width: 150px;
    max-height: 190px;
    text-transform: none;
    font-weight: 400;
    background: #fff;
    box-shadow: 0 3px 5px #999;
    -moz-box-shadow: 0 3px 5px #999;
    -webkit-box-shadow: 0 3px 5px #999;
    border: 1px solid #dae0e8
}

    div.fancy-select ul.options li {
        padding: 2px 10px;
        color: #111;
        background: #fff;
        border: none
    }

        div.fancy-select ul.options li:hover {
            color: #fff;
            background: #0086ff
        }

.modal-body, .modal-footer {
    padding: 15px
}

.modal-header .close {
    margin-top: 6px
}

.close i {
    font-size: 24px;
    color: #000
}

.prog-circle {
    background: #e6e6e6;
    margin: 5px
}

    .prog-circle .bar, .prog-circle .fill {
        height: 1em !important;
        width: 1em !important
    }

    .prog-circle .percenttext {
        top: -25px
    }

.input-group-addon {
    background: #fafcfc;
    border: 1px solid #d5dde3
}

.alert {
    padding: 6px 12px;
    font-size: 14px
}

.alert-danger {
    background: rgba(248,110,100,.95);
    height: 70px;
    font-size: 18px
}

.nav-primary ul.nav > li li a, ul.nav {
    font-weight: inherit
}

    ul.nav li a {
        color: #a1aab2
    }

.web-products-manage ul.nav li a {
    color: #666
}

.nav-primary ul.nav > li li a {
    color: #737a80
}

.mce-divider, .mce-path-item {
    display: none !important
}

.icon-static-page {
    color: #b3cde7
}

.alert-warning {
    color: #ad7d39;
    border: 1px solid #f0d8a8;
    background: #fdfbe4
}

.ui-widget {
    font-size: 14px;
    font-family: inherit
}

.m-b {
    margin-bottom: 15px !important
}

.close {
    opacity: 1
}

.ui-widget-content {
    background: #fff
}

.btn-small {
    background: #fafcfc;
    border: 1px solid #e3eaee;
    color: #58a5d1;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.btn-small, .btn-xs {
    line-height: 24px;
    padding: 0 6px
}

.wrap_text {
    width: 148px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default
}

.marginR20 {
    margin-right: 20px
}

div.quick-add-prod > ul.ui-autocomplete {
    max-height: 130px;
    overflow: auto
}

.auto-generate-input-code-holder-barcode {
    position: relative
}

.auto-generate-link-barcode {
    position: absolute;
    right: 10px;
    color: #0086ff;
    top: 32px
}

    .auto-generate-link-barcode:hover {
        text-decoration: underline;
        cursor: pointer;
        color: #0086ff
    }

.padding3L10 {
    padding: 3px 10px
}

.exportSMSReportModal .form-control.date-value {
    padding-left: 30px;
    color: #000
}

#exportSMSReportModal .date-container.row {
    border: none
}

.assign-delivery-boy-mobile .jd-mobile-header .mobile-header-right a {
    display: flex;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center
}

.overflow-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.divider-line-web {
    border: 1px solid #eee;
    margin: 0 15.5px;
    padding: 0
}

.divider-currency {
    background-color: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    padding: 0 14px;
    height: 34px;
    min-width: 43px;
    border: 1px solid #ededed;
    border-right: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    top: 0
}

.web-product-landing #jdAddProduct .display-price-on-qty .price-range-holder .price-icon-in-input-div .divider-currency, .web-product-landing #jdAddProduct .display-price-range .price-icon-in-input-div .divider-currency, .web-service-landing #jdAddProduct .display-price-on-qty .price-icon-in-input-div .divider-currency, .web-service-landing #jdAddProduct .display-price-range .price-icon-in-input-div .divider-currency {
    top: 1px;
    left: 1px
}

input:focus + span.divider-currency {
    box-shadow: none;
    border-color: #0086ff;
    border-right: 1px solid #ededed
}

.web-product-landing #jdAddProduct .display-price-range .price-icon-in-input-div input:focus + span.divider-currency, .web-service-landing #jdAddProduct .display-price-on-qty .price-icon-in-input-div input:focus + span.divider-currency, .web-service-landing #jdAddProduct .display-price-range .price-icon-in-input-div input:focus + span.divider-currency {
    border-color: #ededed
}

input:focus + span.divider-line-right {
    box-shadow: none;
    border-color: #0086ff;
    border-left: 1px solid #ededed
}

.input-error + span.divider-currency {
    border: 1px solid #c64c5c;
    border-right-color: #ededed
}

.divider-line-right {
    background-color: #f9f9f9;
    border: 1px solid #ededed;
    right: 15px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    position: absolute;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    min-width: 43px;
    top: 0
}

.currency-style {
    font-size: 14px;
    color: #424448
}

.modal .btn:active {
    box-shadow: none
}

.create-invoice-slider-hide-overflow {
    overflow: hidden
}

    .create-invoice-slider-hide-overflow .universal-search-footer {
        z-index: 1031
    }

.isIPad.create-invoice-slider-hide-overflow {
    position: fixed;
    width: 100%
}

body.settings-page .universal-search-footer {
    z-index: 1031
}

.modal-body .icon-close-thin {
    position: relative;
    right: 10px
}

    .modal-body .icon-close-thin.token-cross-mark {
        right: 0
    }

.web-online-manageTheme .web-left-header.jd-header-fixed {
    background-color: #000
}

.web-online-manageTheme .web-left-header .icon-menu.paddingR5.pos-rel {
    color: #ccc
}

.web-online-manageTheme .web-left-container a.remove-anchor {
    color: #fff
}

.web-online-manageTheme .web-title-container h3 {
    color: #999
}

.web-online-manageTheme .btn-class-0 button {
    border-radius: 0
}

.web-online-manageTheme .left-menu-online {
    width: 190px;
    position: fixed;
    height: calc(100% - 54px);
    background-color: #2a2c2e;
    font-size: 14px;
    z-index: 150;
    margin-top: 54px;
    top: 0;
    overflow: auto;
    color: #fff
}

    .web-online-manageTheme .left-menu-online::-webkit-scrollbar-thumb {
        background-color: hsla(0,8.7%,91%,.25)
    }

.web-online-manageTheme .linkStyle {
    color: #919191;
    display: block;
    padding: 0;
    list-style: none
}

.web-online-manageTheme .selected-vertical {
    display: inline-block;
    background: #0086ff;
    border-color: #2a74a0;
    padding: 3px 12px;
    border-radius: 14px
}

.web-online-manageTheme .leftMenu {
    padding: 6px 0 6px 15px;
    display: block;
    border-left: 3px solid transparent
}

    .web-online-manageTheme .leftMenu.txt-white .searchHighlight {
        color: #fff;
        font-weight: 600
    }

.web-online-manageTheme .theme-block {
    margin-left: 190px
}

.web-online-manageTheme .theme-list {
    padding-left: 30px;
    max-height: calc(100vh - 221px);
    overflow: auto
}

.web-online-manageTheme .paddingL2 {
    padding-left: 2px
}

.web-online-manageTheme .theme-container {
    display: inline-block;
    width: 322px;
    height: 100%;
    position: relative;
    margin: 10px
}

.web-online-manageTheme .theme-holder {
    height: 240px;
    border: 1px solid;
    position: relative
}

.web-online-manageTheme .theme-holder-hover-block {
    opacity: 0;
    transition: .3s;
    background-color: hsla(0,0%,100%,.8);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

    .web-online-manageTheme .theme-holder-hover-block .theme-preview-btn {
        height: 40px;
        padding: 7px 12px;
        background: #54596a;
        border-radius: 22px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 120px;
        color: #dadce1;
        margin: 5px
    }

        .web-online-manageTheme .theme-holder-hover-block .theme-preview-btn:hover {
            background: #3d3f46
        }

.web-online-manageTheme .theme-holder:hover .theme-holder-hover-block {
    opacity: 1
}

a.activeLink {
    border-bottom: 3px solid #0086ff !important;
    color: #0086ff !important
}

.theme-container .bottom-buttons {
    position: relative;
    border: 1px solid;
    border-top: none;
    text-align: justify;
    padding: 10px
}

.theme-container .tagged-info {
    display: flex
}

.theme-container .action-btns {
    background: #447ecb;
    border-left: 1px solid;
    border-right: 1px solid;
    display: flex;
    height: 50px
}

.theme-container .iconContainer {
    border: 1px solid #fff;
    height: 34px;
    width: 34px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

    .theme-container .iconContainer:hover {
        background: #355d91
    }

.theme-container .dark-gray-popover {
    display: none;
    min-width: 40px;
    height: 29px;
    background: #252729;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: #b9b8ba;
    position: absolute;
    top: -26px;
    padding: 0 15px;
    left: calc(-50% + 7px)
}

.theme-container .action-btns-container:hover .dark-gray-popover {
    display: flex
}

.theme-container .iconContainer i {
    font-size: 18px;
    color: #fff
}

.theme-container .action-btns-container {
    display: flex;
    align-items: center;
    margin-left: 15px;
    position: relative
}

.theme-container .action-btns .arrow-down {
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #252729;
    top: 3px;
    left: calc(50% - 5px)
}

.theme-container .action-btns-container:hover .arrow-down {
    display: block
}

.theme-container .tagged-info-txt {
    color: #969696;
    font-size: 12px;
    position: relative;
    top: 2px;
    margin-right: 8px
}

.web-order-manage .nav-tabs > li > a:hover {
    border-bottom: 4px solid #0086ff;
    color: #0086ff !important;
    padding-bottom: 5px
}

.jd-theme-info .modal-body {
    height: 450px;
    padding: 0
}

.jd-theme-info .modal-footer {
    margin-top: 0
}

.jd-theme-info .theme-image {
    max-width: 300px;
    min-height: 120px;
    max-height: 350px;
    overflow: hidden
}

.jd-theme-info .close-icon-container {
    float: right;
    cursor: pointer;
    top: 6px;
    position: relative
}

.jd-theme-info .icon-close-thin {
    color: #333;
    font-size: 20px
}

.jd-theme-info li {
    list-style: none
}

.jd-theme-info .switch {
    top: -19px
}

    .jd-theme-info .switch .toggle {
        position: absolute;
        height: 20px;
        width: 32px;
        z-index: 9999;
        opacity: 0;
        top: 17px
    }

        .jd-theme-info .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 .4s
        }

            .jd-theme-info .switch .toggle + label:after, .jd-theme-info .switch .toggle + label:before {
                display: block;
                position: absolute;
                content: ""
            }

            .jd-theme-info .switch .toggle + label:before {
                top: 2px;
                left: 2px;
                bottom: 2px;
                right: 2px;
                background-color: #6e6e6e;
                border-radius: 15px;
                transition: background .4s
            }

            .jd-theme-info .switch .toggle + label:after {
                top: 2px;
                left: 2px;
                bottom: 2px;
                width: 15px;
                height: 15px;
                background-color: #fff;
                border-radius: 50%;
                transition: margin .4s,background .4s
            }

        .jd-theme-info .switch .toggle:checked + label, .jd-theme-info .switch .toggle:checked + label:before {
            background-color: #0086ff
        }

            .jd-theme-info .switch .toggle:checked + label:after {
                margin-left: 13px;
                background-color: #fff
            }

.jd-theme-info .left-side-container {
    width: 285px;
    float: left;
    padding-left: 15px;
    padding-top: 15px;
    height: 100%;
    background-color: #f3f3f3
}

.jd-theme-info .right-side-container {
    width: 615px;
    float: left;
    overflow-y: auto;
    padding: 15px;
    height: 100%
}

.jd-theme-info .image-preview-thumbnail-box {
    padding-right: 15px;
    float: left
}

    .jd-theme-info .image-preview-thumbnail-box label {
        font-size: 12px
    }

.jd-theme-info .modal-dialog {
    display: table-cell;
    vertical-align: middle
}

.jd-theme-info .icon-uploadImage {
    font-size: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.jd-theme-info .theme-image-container {
    width: 120px;
    height: 120px;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: relative;
    background-color: #eaeaea
}

.jd-theme-info .header-text {
    font-size: 16px
}

.jd-theme-info .website-info {
    padding-bottom: 20px
}

.jd-theme-info .right-side-label {
    font-size: 16px
}

.jd-theme-info textarea.comments {
    height: 72px;
    color: #545454;
    font-size: 14px
}

    .jd-theme-info textarea.comments.error {
        border: 1px solid #de7e7e
    }

.jd-theme-info .validation-error {
    color: #de7e7e
}

.jd-theme-info .actual-checkbox, .jd-theme-info .actual-radio {
    opacity: 0;
    z-index: 1;
    position: relative
}

.jd-theme-info .actual-radio {
    margin-right: 7px
}

.jd-theme-info .custom-checkbox, .jd-theme-info .wrap-radio-btn {
    height: 12px;
    width: 12px;
    border-radius: 2px;
    top: 5px;
    left: 0;
    position: absolute;
    margin-bottom: 0;
    border: 1px solid #999
}

.jd-theme-info .question-set-container .wrap-radio-btn {
    border-radius: 50%;
    top: 5px;
    height: 14px;
    width: 14px
}

.jd-theme-info .actual-checkbox:checked ~ .custom-checkbox {
    border-color: #0086ff
}

.jd-theme-info .checkbox-label-container {
    position: relative
}

.jd-theme-info .actual-radio:checked ~ .wrap-radio-btn {
    border-color: #0086ff
}

.jd-theme-info .icon-clickNew {
    display: none;
    background-color: #0086ff;
    color: #fff;
    margin-left: -16px;
    font-size: 12px
}

.jd-theme-info .checkbox-label-container .actual-checkbox:checked ~ .icon-clickNew {
    display: inline-block
}

.jd-theme-info .actual-radio:checked ~ .icon-clickNew {
    display: inline-block;
    border-radius: 50%;
    margin-left: 0;
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 14px
}

.jd-theme-info .checkbox-label {
    cursor: pointer
}

.jd-theme-info .answer-set {
    display: inline-block;
    margin: 0 10px;
    position: relative
}

.tag-indicator.jd-cms-tag-company-address {
    background: #9c27b0
}

.tag-indicator.jd-cms-tag-company-description {
    background: #3f51b5
}

.tag-indicator.jd-cms-tag-contact-no {
    background: #00bcd4
}

.tag-indicator.jd-cms-tag-email {
    background: #4caf50
}

.tag-indicator.jd-cms-tag-working-hours {
    background: #fb8c00
}

.tag-indicator.jd-cms-tag-contact-email {
    background: #c0ca33
}

.jd-theme-info .tag-indicator {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%;
    margin-top: 3px
}

.jd-theme-info .tag-alert-text {
    display: table-cell;
    vertical-align: middle
}

.jd-theme-info .zoom-icon-container {
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,.5);
    right: 0;
    border-top-left-radius: 2px;
    padding: 6px 5px 0 6px;
    cursor: pointer
}

    .jd-theme-info .zoom-icon-container:hover {
        background: #333
    }

.jd-theme-info .icon-search {
    font-size: 16px;
    color: #fff
}

.web-online-manageTheme .header-holder li {
    list-style: none
}

.web-online-manageTheme .header-holder .header-item {
    width: 500px;
    min-height: 60px
}

.web-online-manageTheme .header-holder .header-image {
    width: 100%;
    height: 100px
}

    .web-online-manageTheme .header-holder .header-image img {
        max-width: 100%;
        max-height: 100%
    }

.tokenfield.form-control {
    padding: 6px 6px 0;
    float: left
}

.web-online-manageTheme .tag-list-icon {
    width: 20px
}

.web-online-manageTheme .tag-info-class {
    background-color: #000;
    color: #fff !important;
    border-color: #000;
    box-shadow: none
}

.web-online-manageTheme .export-import-popover.popover {
    border: none;
    top: 50px;
    left: -53px
}

    .web-online-manageTheme .export-import-popover.popover, .web-online-manageTheme .export-import-popover.popover .popover-content {
        background-color: #262626
    }

        .web-online-manageTheme .export-import-popover.popover.bottom > .arrow:after {
            border-bottom-color: #262626
        }

        .web-online-manageTheme .export-import-popover.popover.bottom > .arrow {
            left: 50%
        }

        .web-online-manageTheme .export-import-popover.popover .tag-indicator {
            width: 10px;
            height: 10px;
            margin-top: 4px
        }

        .web-online-manageTheme .export-import-popover.popover .menu-list li span {
            color: #999;
            font-size: 12px;
            width: calc(100% - 24px)
        }

        .web-online-manageTheme .export-import-popover.popover .menu-list li {
            border: none;
            width: 200px
        }

.web-online-manageTheme .additional-menus .tag-info-class {
    margin-right: 20px;
    margin-top: 2px;
    display: flex;
    align-items: baseline;
    flex-direction: row-reverse
}

    .web-online-manageTheme .additional-menus .tag-info-class .tag-list-icon {
        margin-right: 8px
    }

.web-online-manageTheme .export-import-popover.popover .menu-list a {
    display: flex
}

.web-online-manageTheme .additional-menus ul {
    padding: 5px 0
}

.fatch-theme-modal .invalid-id input, .fatch-theme-modal .invalid-id input:focus {
    border-color: #de7e7e
}

.fatch-theme-modal .error-msg {
    color: #de7e7e;
    display: none
}

.fatch-theme-modal .invalid-id .error-msg {
    display: block
}

.web-online-manageTheme .off-on-display-theme {
    padding-left: 38px
}

    .web-online-manageTheme .off-on-display-theme.scrolled {
        box-shadow: 0 3px 12px -3px rgba(0,0,0,.2)
    }

.theme-history-modal .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: none;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.theme-history-modal .header-details {
    width: 81%
}

    .theme-history-modal .header-details .header-title {
        margin: 0
    }

    .theme-history-modal .header-details .font-thin {
        margin: 6px 0 0
    }

.theme-history-modal .modal-header .icon-history {
    font-size: 28px;
    color: #bdbdbc
}

.theme-history-modal .modal-header .close {
    margin-top: 0
}

    .theme-history-modal .modal-header .close .icon-close-thin {
        font-size: 26px;
        position: relative;
        left: 4px
    }

.theme-history-modal .modal-body {
    padding: 0;
    max-height: 520px;
    overflow: auto;
    margin-top: 3px
}

    .theme-history-modal .modal-body .col-md-12:hover {
        background: #f5fafe
    }

    .theme-history-modal .modal-body .col-md-12:last-child:hover {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px
    }

    .theme-history-modal .modal-body .history {
        width: 328px
    }

    .theme-history-modal .modal-body .history-data {
        padding: 12px 0;
        display: flex;
        border-bottom: 1px solid #dbdbdb
    }

    .theme-history-modal .modal-body .preview {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 10px
    }

    .theme-history-modal .modal-body .preview-btn {
        border: 1px solid #4f85ce;
        border-radius: 10px;
        color: #4f85ce;
        padding: 2px 8px;
        font-size: 11px;
        cursor: pointer
    }

        .theme-history-modal .modal-body .preview-btn:hover {
            background: #4f85ce;
            color: #fff
        }

.theme-history-modal .history .time {
    font-size: 16px
}

.theme-history-modal .history .details {
    font-size: 12px
}

    .theme-history-modal .history .details .owner {
        color: #333
    }

.jd-theme-info .error-container {
    color: #d0011b;
    font-size: 14px
}

    .jd-theme-info .error-container .error-msg {
        margin: 10px 0
    }

.web-online-manageTheme .upload-image-modal .modal-body {
    height: 475px;
    width: 100%;
    overflow: auto;
    overflow-x: hidden;
    padding: 0 20px 25px
}

    .web-online-manageTheme .upload-image-modal .modal-body .imageDivHeader {
        color: #0086ff;
        font-size: 14px;
        padding: 15px 0 10px
    }

        .web-online-manageTheme .upload-image-modal .modal-body .imageDivHeader .icon-image {
            float: left;
            color: #0086ff;
            font-size: 20px;
            margin-right: 6px;
            position: relative;
            top: -1px
        }

    .web-online-manageTheme .upload-image-modal .modal-body .image-area {
        min-height: 194px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 5px;
        width: auto
    }

    .web-online-manageTheme .upload-image-modal .modal-body .image-container-border {
        border: 1px dashed #b2b2b2;
        border-radius: 10px
    }

        .web-online-manageTheme .upload-image-modal .modal-body .image-container-border:hover {
            border: 1px dashed #0086ff
        }

    .web-online-manageTheme .upload-image-modal .modal-body .image-area .no-image-div {
        height: auto
    }

        .web-online-manageTheme .upload-image-modal .modal-body .image-area .no-image-div .url-btn-as-link {
            top: 0;
            right: 0
        }

            .web-online-manageTheme .upload-image-modal .modal-body .image-area .no-image-div .url-btn-as-link .add-image-from-url {
                width: 100%
            }

                .web-online-manageTheme .upload-image-modal .modal-body .image-area .no-image-div .url-btn-as-link .add-image-from-url .upload-url-image {
                    margin-left: 0;
                    width: 100%
                }

                    .web-online-manageTheme .upload-image-modal .modal-body .image-area .no-image-div .url-btn-as-link .add-image-from-url .upload-url-image .btn-upload {
                        border: none;
                        height: auto;
                        width: 105px;
                        float: right !important
                    }

.web-online-manageTheme .upload-image-modal .url-btn-as-link .upload-url-image .icon-link-style {
    color: #0086ff;
    float: left;
    font-size: 13px;
    padding: 3px 5px 0 0
}

.web-online-manageTheme .upload-image-modal .url-btn-as-link .upload-url-image .url-label > span {
    float: left
}

.web-online-manageTheme .upload-image-modal .url-btn-as-link .upload-url-image .url-label.popover {
    left: auto;
    top: 16px;
    bottom: auto;
    width: 545px;
    right: 0;
    display: unset
}

.web-online-manageTheme .upload-image-modal .upload-url-image .url-label.popover {
    left: -270px;
    bottom: auto;
    width: 361px;
    min-height: 98px;
    max-width: 545px;
    padding: 8px 15px 15px;
    border: 1px solid #e1e1e1
}

.web-online-manageTheme .upload-image-modal .url-btn-as-link .upload-url-image .url-div {
    width: 377px
}

.web-online-manageTheme .upload-image-modal .upload-url-image .url-div {
    width: 194px;
    margin-right: 14px
}

.web-online-manageTheme .upload-image-modal.add-product-bottom-div input[type=text].form-control {
    height: 32px;
    border: 1px solid #e1e1e1;
    padding: 0 0 0 6px
}

.web-online-manageTheme .upload-image-modal .upload-url-image .btn-div {
    width: 121px;
    height: 36px
}

.web-online-manageTheme .upload-image-modal .jd-validation-error {
    margin-top: 0 !important;
    font-size: 12px
}

.web-online-manageTheme .upload-image-modal .image-area .no-image-div .no-image-icon-div {
    text-align: center
}

    .web-online-manageTheme .upload-image-modal .image-area .no-image-div .no-image-icon-div .icon-style {
        font-size: 60px
    }

.web-online-manageTheme .upload-image-modal .image-area .no-image-div .txt-div-first {
    padding-top: 2px;
    color: #7d7d7d;
    margin-top: 10px;
    margin-bottom: 9px
}

.web-online-manageTheme .upload-image-modal .singleUploadButton .upload-image-btn {
    width: 186px;
    height: 37px;
    border: none;
    background: #0086ff;
    color: #fff;
    padding-top: 8px;
    float: none;
    margin: 6px auto auto
}

.web-online-manageTheme .upload-image-modal .singleUploadButton .icon-cameraNew {
    float: left;
    font-size: 16px;
    color: #fff;
    padding-top: 2px;
    padding-left: 33px;
    padding-right: 5px
}

.web-online-manageTheme .upload-image-modal .singleUploadButton .underline-on-hover div {
    float: left;
    padding-left: 4px
}

.web-online-manageTheme .upload-image-modal .upload-url-image .popover .arrow {
    left: 445px
}

.web-online-manageTheme .upload-image-modal .modal-dialog {
    width: 870px
}

    .web-online-manageTheme .upload-image-modal .modal-dialog .modal-content .modal-header {
        border-bottom: 1px solid #fff;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.2)
    }

.upload-image-modal .tokenfield .token {
    background-color: #29bc94;
    border-color: #29bc94
}

.upload-image-modal .tokenfield.focus {
    box-shadow: none
}

.upload-image-modal .tokenfield .token {
    border-radius: 19px;
    color: #fff !important
}

.web-online-manageTheme .duplicate-image-modal .modal-body .imageDivHeader {
    color: #0086ff;
    font-size: 14px;
    padding: 10px 0;
    background: #e7e7e7
}

.web-online-manageTheme .duplicate-image-modal .modal-dialog {
    width: 550px
}

.web-online-manageTheme .duplicate-image-modal .modal-body {
    max-height: 475px;
    width: 100%;
    overflow: auto;
    overflow-x: hidden;
    padding: 0 20px 25px
}

    .web-online-manageTheme .duplicate-image-modal .modal-body .image-area {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 5px;
        width: auto
    }

        .web-online-manageTheme .duplicate-image-modal .modal-body .image-area .no-image-div {
            height: auto;
            padding-top: 27px
        }

    .web-online-manageTheme .duplicate-image-modal .modal-body .imageDivHeader div {
        width: 33%;
        float: left;
        color: #6f6f70;
        text-align: center
    }

    .web-online-manageTheme .duplicate-image-modal .modal-body .duplicate-image {
        width: 33%;
        float: left;
        text-align: center;
        height: 150px;
        padding: 25px
    }

        .web-online-manageTheme .duplicate-image-modal .modal-body .duplicate-image .jd-image-holder {
            height: 100px
        }

    .web-online-manageTheme .duplicate-image-modal .modal-body .duplicate-image-radio {
        width: 33%;
        float: left;
        height: 100%;
        padding: 25px
    }

.web-online-manageTheme .upload-image-modal .modal-body .icon-trash {
    float: right;
    position: relative;
    left: 65px;
    top: -36px;
    border-radius: 50%;
    color: #cd5d68;
    border: 1px solid #cd5d68;
    padding: 7px
}

.web-online-manageTheme .url-upload-modal .modal-dialog {
    min-width: 0;
    width: 526px
}

    .web-online-manageTheme .url-upload-modal .modal-dialog .modal-content {
        min-height: 0;
        background: #fff;
        height: auto
    }

        .web-online-manageTheme .url-upload-modal .modal-dialog .modal-content .popup-alert-body {
            height: 150px;
            padding: 0
        }

            .web-online-manageTheme .url-upload-modal .modal-dialog .modal-content .popup-alert-body .progress-bar-holder {
                background: #eaf7ff;
                width: 100%;
                padding: 15px;
                border-bottom: 1px solid #e5e5e5
            }

                .web-online-manageTheme .url-upload-modal .modal-dialog .modal-content .popup-alert-body .progress-bar-holder .progress-bar {
                    width: 100%;
                    height: 10px;
                    background: #fff;
                    border-radius: 10px;
                    float: none;
                    margin-top: 5px
                }

                    .web-online-manageTheme .url-upload-modal .modal-dialog .modal-content .popup-alert-body .progress-bar-holder .progress-bar .status-bar {
                        height: 100%;
                        background: #0086ff;
                        border-radius: 10px
                    }

            .web-online-manageTheme .url-upload-modal .modal-dialog .modal-content .popup-alert-body .file-status-holder {
                max-height: 285px;
                overflow: auto
            }

                .web-online-manageTheme .url-upload-modal .modal-dialog .modal-content .popup-alert-body .file-status-holder .file-status {
                    min-height: 67px;
                    padding: 0 7px 0 20px;
                    display: flex;
                    align-items: center
                }

                    .web-online-manageTheme .url-upload-modal .modal-dialog .modal-content .popup-alert-body .file-status-holder .file-status .flip-card-container {
                        width: 34px;
                        height: 34px
                    }

                        .web-online-manageTheme .url-upload-modal .modal-dialog .modal-content .popup-alert-body .file-status-holder .file-status .flip-card-container .flip-card {
                            height: 100%;
                            width: 100%
                        }

                            .web-online-manageTheme .url-upload-modal .modal-dialog .modal-content .popup-alert-body .file-status-holder .file-status .flip-card-container .flip-card .success-icon-holder {
                                height: 34px;
                                width: 34px;
                                border-radius: 50%;
                                background: #6dbb7d;
                                position: relative
                            }

                                .web-online-manageTheme .url-upload-modal .modal-dialog .modal-content .popup-alert-body .file-status-holder .file-status .flip-card-container .flip-card .success-icon-holder .icon-click-style {
                                    position: absolute;
                                    left: 50%;
                                    top: 48%;
                                    transform: translate(-50%,-50%);
                                    color: #fff;
                                    font-size: 25px;
                                    display: block;
                                    background-color: unset;
                                    margin-left: unset
                                }

                    .web-online-manageTheme .url-upload-modal .modal-dialog .modal-content .popup-alert-body .file-status-holder .file-status .file-info-holder {
                        padding-left: 19px;
                        padding-top: 2px;
                        width: 89%
                    }

                        .web-online-manageTheme .url-upload-modal .modal-dialog .modal-content .popup-alert-body .file-status-holder .file-status .file-info-holder .file-name-div {
                            word-break: break-all;
                            font-size: 14px
                        }

                        .web-online-manageTheme .url-upload-modal .modal-dialog .modal-content .popup-alert-body .file-status-holder .file-status .file-info-holder .file-status-div {
                            font-size: 13px;
                            color: #a5a5a5
                        }

.web-online-manageTheme .upload-image-modal .image-list-section .jd-image-holder {
    height: 100px;
    width: 100px
}

    .web-online-manageTheme .upload-image-modal .image-list-section .jd-image-holder .inventoryImg {
        height: 100%;
        width: 100%
    }

.web-online-manageTheme .upload-image-modal .tokenfield .token-input {
    max-width: 233px
}

.web-online-manageTheme .center-vertical {
    margin: auto
}

.web-online-manageTheme .jd-custom-radio:not(old) + label > span {
    margin: 0 0 .25em
}

.web-online-manageTheme .jd-btn-primary[disabled] {
    background: #f0f0f0;
    color: grey;
    border-color: grey
}

.web-online-manageTheme .jd-font-roboto .modal-title {
    font-weight: 300;
    font-size: 20px;
    margin: 0 0 0 2px
}

.web-online-manageTheme .inventoryImg {
    height: 100px;
    white-space: normal;
    width: 100px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.web-online-manageTheme .modal-header .close {
    margin-top: 1px;
    margin-right: -3px
}

.btn-upload, .web-online-manageTheme .uploadPhoto ul li {
    border: 2px dashed #ddd;
    width: 102px;
    height: 102px;
    list-style: none;
    display: block;
    float: left;
    margin: 0 2px 0 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #fff;
    position: relative
}

.isIPad .web-online-manageTheme .web-left-header.jd-header-fixed {
    height: unset;
    position: relative;
    border-bottom: none
}

.isIPad .web-online-manageTheme .web-left-container .web-buttons-container.z-index {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.isIPad .web-online-manageTheme .web-left-header .web-buttons-container .btn {
    margin-bottom: 10px
}

.isIPad .web-online-manageTheme .web-left-container .web-left-body {
    margin-top: 15px;
    position: relative
}

.isIPad .web-online-manageTheme .left-menu-online {
    position: absolute;
    top: -15px;
    margin-top: 0
}

@media(min-width:970px)and (max-width:1211px) {
    .web-online-manageTheme .web-left-container .web-left-header .jd-header-fixed {
        height: max-content
    }

    .web-online-manageTheme .web-left-container .web-left-body {
        margin-top: 130px !important
    }

    .web-online-manageTheme .left-menu-online {
        margin-top: 103px !important
    }

    .web-online-manageTheme .web-left-container .web-buttons-container.z-index > * {
        padding-top: 7px;
        padding-bottom: 7px
    }
}
/*!
 * bootstrap-tokenfield
 * https://github.com/sliptree/bootstrap-tokenfield
 * Copyright 2013-2014 Sliptree and other contributors; Licensed MIT
 */ @-webkit-keyframes blink {
    0% {
        border-color: #ededed
    }

    to {
        border-color: #b94a48
    }
}

@-moz-keyframes blink {
    0% {
        border-color: #ededed
    }

    to {
        border-color: #b94a48
    }
}

@keyframes blink {
    0% {
        border-color: #ededed
    }

    to {
        border-color: #b94a48
    }
}

.tokenfield {
    height: auto;
    min-height: 34px;
    padding-bottom: 0
}

    .tokenfield.focus {
        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)
    }

    .tokenfield .token {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        display: inline-block;
        border: 1px solid #d9d9d9;
        background-color: #ededed;
        white-space: nowrap;
        margin: -1px 5px 5px 0;
        height: 22px;
        vertical-align: top;
        cursor: default
    }

        .tokenfield .token:hover {
            border-color: #b9b9b9
        }

        .tokenfield .token.active {
            border-color: #52a8ec;
            border-color: rgba(82,168,236,.8)
        }

        .tokenfield .token.duplicate {
            border-color: #ebccd1;
            -webkit-animation-name: blink;
            animation-name: blink;
            -webkit-animation-duration: .1s;
            animation-duration: .1s;
            -webkit-animation-direction: normal;
            animation-direction: normal;
            -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite
        }

        .tokenfield .token.invalid {
            background: none;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            border: 1px solid transparent;
            border-bottom: 1px dotted #d9534f
        }

            .tokenfield .token.invalid.active {
                background: #ededed;
                border: 1px solid #ededed;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px
            }

        .tokenfield .token .token-label {
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-left: 4px;
            vertical-align: top
        }

        .tokenfield .token .close {
            font-family: Arial;
            display: inline-block;
            line-height: 100%;
            font-size: 1.1em;
            line-height: 1.49em;
            margin-left: 5px;
            float: none;
            height: 100%;
            vertical-align: top;
            padding-right: 4px
        }

    .tokenfield .token-input {
        background: none;
        width: 60px;
        min-width: 60px;
        border: 0;
        height: 20px;
        padding: 0;
        margin-bottom: 6px;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .tokenfield .token-input:focus {
            border-color: transparent;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }

    .tokenfield.disabled {
        cursor: not-allowed;
        background-color: #eee
    }

        .tokenfield.disabled .token-input {
            cursor: not-allowed
        }

        .tokenfield.disabled .token:hover {
            cursor: not-allowed;
            border-color: #d9d9d9
        }

            .tokenfield.disabled .token:hover .close {
                cursor: not-allowed;
                opacity: .2;
                filter: alpha(opacity=20)
            }

.has-warning .tokenfield.focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
}

.has-error .tokenfield.focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}

.has-success .tokenfield.focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
}

.input-group-sm .tokenfield, .tokenfield.input-sm {
    min-height: 30px;
    padding-bottom: 0
}

    .input-group-sm .token, .tokenfield.input-sm .token {
        height: 20px;
        margin-bottom: 4px
    }

    .input-group-sm .token-input, .tokenfield.input-sm .token-input {
        height: 18px;
        margin-bottom: 5px
    }

.input-group-lg .tokenfield, .tokenfield.input-lg {
    min-height: 45px;
    padding-bottom: 4px
}

    .input-group-lg .token, .tokenfield.input-lg .token {
        height: 25px
    }

    .input-group-lg .token-label, .tokenfield.input-lg .token-label {
        line-height: 23px
    }

    .input-group-lg .token .close, .tokenfield.input-lg .token .close {
        line-height: 1.3em
    }

    .input-group-lg .token-input, .tokenfield.input-lg .token-input {
        height: 23px;
        line-height: 23px;
        margin-bottom: 6px;
        vertical-align: top
    }

.tokenfield.rtl {
    direction: rtl;
    text-align: right
}

    .tokenfield.rtl .token {
        margin: -1px 0 5px 5px
    }

        .tokenfield.rtl .token .token-label {
            padding-left: 0;
            padding-right: 4px
        }

.upload-lib-image .jd-animate {
    background-color: #fff
}

.upload-lib-image .animate-slider.animate-div-right {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 1066
}

.upload-lib-image.mobile .animate-slider.animate-div-right {
    position: fixed;
    width: 100% !important
}

.upload-lib-image .slider-shadow {
    -webkit-box-shadow: -4px 0 4px rgba(0,0,0,.175);
    box-shadow: -4px 0 4px rgba(0,0,0,.175)
}

.upload-lib-image .jd-animate .slider-content .slider-header {
    padding: 0;
    display: flex;
    align-items: center;
    text-align: center;
    height: 56px;
    background-color: #424448;
    color: #fff
}

    .upload-lib-image .jd-animate .slider-content .slider-header .icon-HDRcross {
        width: 50px;
        font-size: 27px;
        color: #fff
    }

    .upload-lib-image .jd-animate .slider-content .slider-header .modal-title {
        width: calc(100% - 100px)
    }

.upload-lib-image .data-div .image-container {
    padding: 0;
    text-align: center
}

.upload-lib-image .inventoryImg {
    opacity: 0
}

.upload-lib-image.mobile .animate-subsection-left {
    margin-left: 0;
    width: 100%;
    position: relative;
    height: 100vh
}

.upload-lib-image .full-screen-image-view {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2040;
    background-color: rgba(0,0,0,.8)
}

.upload-lib-image.mobile .full-screen-image-view .modal-vertical-alignment-helper {
    margin: unset
}

.upload-lib-image.mobile .full-screen-image-view .modal-vertical-align-center {
    display: table-cell;
    vertical-align: middle
}

.upload-lib-image .full-screen-image-view .close-container {
    position: absolute;
    right: 0;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 20px
}

    .upload-lib-image .full-screen-image-view .close-container .icon-HDRcross {
        color: #fff;
        font-size: 30px
    }

.upload-lib-image .full-screen-image-view .full-screen-image-container {
    position: relative;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.upload-lib-image .full-screen-image-view .select-btn .btn {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.24)
}

.upload-lib-image.mobile .full-screen-image-view .select-btn .btn {
    width: 150px
}

.upload-lib-image .full-screen-image-view .select-btn {
    position: absolute;
    bottom: 50px;
    transform: translateX(-50%);
    left: 50%;
    width: 150px
}

body.IPad .upload-lib-image .full-screen-image-view .select-btn {
    bottom: 30px
}

.upload-lib-image.mobile .full-screen-image-view .select-btn {
    position: relative;
    transform: none;
    left: unset;
    bottom: 50px;
    width: 100%;
    text-align: center
}

.upload-lib-image .search-input {
    position: relative;
    width: 100%;
    height: 56px
}

    .upload-lib-image .search-input .icon-HDRback, .upload-lib-image .search-input .icon-HDRcross, .upload-lib-image .search-input .icon-HDRsearch {
        position: absolute !important;
        top: 0;
        font-size: 14px;
        padding-top: 0;
        line-height: 50px;
        height: 40px;
        width: 38px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 2px;
        margin-top: 8px;
        margin-left: 2px;
        outline: none
    }

.upload-lib-image.mobile .search-input .icon-HDRback, .upload-lib-image.mobile .search-input .icon-HDRcross, .upload-lib-image.mobile .search-input .icon-HDRsearch {
    height: 46px;
    margin-top: 5px
}

.upload-lib-image.mobile .search-input .icon-HDRback {
    color: #333
}

.upload-lib-image .search-input .form-control::-webkit-input-placeholder {
    color: #afafaf
}

.upload-lib-image .search-input .form-control:-moz-placeholder, .upload-lib-image .search-input .form-control::-webkit-input-placeholder {
    color: #afafaf
}

.upload-lib-image .data-div::-webkit-scrollbar {
    width: 7px
}

.upload-lib-image .data-div .image-style {
    border-radius: 2px;
    margin-left: auto;
    margin-bottom: 15px;
    background-color: #f4f4f4 !important;
    overflow: hidden
}

.upload-lib-image .data-div .image-list {
    padding: 15px
}

.upload-lib-image .data-div .image-container:nth-child(odd) .image-style {
    margin-right: 15px
}

.upload-lib-image .search-input .icon-HDRcross {
    right: 0;
    padding-right: 2px;
    padding-left: 0;
    color: #7d7d7d
}

.upload-lib-image .search-input .form-control {
    outline: none;
    border: none;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.19);
    height: 100%;
    width: 100%;
    padding: 0 35px 0 40px;
    -webkit-appearance: none
}

.upload-lib-image .slider-content .loading-container, .upload-lib-image .slider-content .no-image-container {
    position: absolute;
    top: 100px;
    height: 50%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.upload-lib-image.mobile .slider-content .no-image-container {
    top: 50%;
    transform: translateY(-50%)
}

.upload-lib-image .slider-content .loading-container {
    z-index: 10
}

.upload-lib-image .slider-content .no-image-container .no-image-icon {
    font-size: 50px;
    height: 80px;
    width: 80px;
    color: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    margin: auto
}

.upload-lib-image .slider-content .no-image-container .no-image-text {
    font-size: 16px;
    margin-top: 15px;
    color: #999;
    font-weight: 300;
    text-align: center
}

.upload-lib-image .slider-content .search-with-google-images {
    font-size: 16px;
    margin-top: 20px;
    color: #999;
    font-weight: 300
}

    .upload-lib-image .slider-content .search-with-google-images .text-blue a {
        color: #3c80c6;
        font-weight: 400
    }

    .upload-lib-image .slider-content .search-with-google-images .google-logo {
        width: 45px;
        height: 15px
    }

    .upload-lib-image .slider-content .search-with-google-images .search-image-container {
        display: inline-block;
        position: relative
    }

    .upload-lib-image .slider-content .search-with-google-images .text-blue:hover .fake-underline-div {
        position: absolute;
        border-bottom: 1px solid;
        width: 100%
    }

.upload-lib-image .slider-content .loading-container .circle-load-contain {
    height: 40px;
    width: 40px
}

    .upload-lib-image .slider-content .loading-container .circle-load-contain .circle-loader {
        margin: 0;
        stroke-width: 3
    }

.upload-lib-image .animate-subsection-left {
    height: 100%;
    margin-left: 25px;
    width: calc(100% - 25px)
}

.upload-lib-image .circle-loader {
    animation: dash 2s ease infinite,rotate 2s linear infinite;
    fill: transparent;
    stroke: #0086ff;
    stroke-width: 5;
    position: absolute;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 105
}

.company-name .animate-div-right, .customise-header-color .animate-div-right, .customize-logo .animate-div-right, .logo-text.animate-div-right, .onlineStoreMenuLink .animate-div-right, .select-logo.animate-div-right, .social-link-slider .animate-div-right, .upload-logo-slider.animate-div-right {
    z-index: 1055;
    display: none;
    position: fixed;
    height: 100%;
    top: 0
}

.editable-logo-holder {
    position: relative
}

.desktop .footer-container.edit-content, .webheader.edit-content.header-content {
    border: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.machinery2 .account-social-wrapper .social-wrapper {
    width: 100%
}

.menuLink-wrapper .icon-pagination-down {
    position: static
}

.web-online-store-customize .webheader .second-block .icon-pagination-down, .web-online-store-customize .webheader .second-block .icon-pagination-up {
    left: auto
}

.desktop .floating-block .footer-container.edit-content {
    margin-bottom: 0
}

.desktop .web-online-store-customize .edit-content.webheader {
    border: none;
    float: none
}

.webheader .icon-holder .iconEdit:hover, .webheader .store-Outlet .change-outlet:hover {
    outline: none
}

.desktop .edit-mode.web-online-store-customize .edit-content.webheader:hover {
    outline: 1px solid #0086ff
}

.header-theme-btn {
    display: none;
    font-size: 12px
}

.account-social-wrapper:hover .header-theme-btn, .footer-container:hover .footer-color, .IPad.edit-mode .header-theme-btn, .logo-wrapper:hover .header-theme-btn, .menuLink-wrapper:hover .header-theme-btn, .webheader.edit-content.header-content:hover .header-color {
    display: block
}

.web-online-store-customize .customise-header .modal-dialog {
    width: 100%;
    max-width: 1280px
}

.edit-block.customise-header .editable-content {
    color: inherit
}

.edit-block.customise-header .btmblk.webheader.header-content {
    min-width: auto
}

.web-online-store-customize .customise-header .first-block, .web-online-store-customize .customise-header .second-block {
    padding-left: 20px;
    padding-right: 20px
}

.web-online-store-customize .customise-header .footer-company-name .delete {
    display: none
}

.web-online-store-customize .customise-header .contact-details .footer-cnt-color {
    color: inherit
}

.web-online-store-customize .customise-header .footer-cnt-us .footer-cnt-ic {
    margin-right: 5px
}

.web-online-store-customize .customise-header .footer-cnt-us-email .delete, .web-online-store-customize .customise-header .footer-cnt-us-email .link, .web-online-store-customize .customise-header .footer-cnt-us-mobile .delete, .web-online-store-customize .customise-header .footer-cnt-us-mobile .link, .web-online-store-customize .customise-header .footer-cnt-us .delete, .web-online-store-customize .customise-header .footer-cnt-us .link {
    display: none
}

.edit-block.customise-header .editBlockModalBody > div {
    min-width: 100%
}

.customise-header .event-disabled {
    cursor: not-allowed;
    pointer-events: none
}

.customise-header .changeBg {
    display: none
}

.customise-header .animate-section-overlay {
    z-index: 3
}

.web-online-store-customize .customise-header .circle-loader {
    margin-left: 0;
    left: 50%
}

.customise-header .btmblk.webheader.header-content {
    z-index: 1
}

.web-online-store-customize .customise-header .icon-cross-right {
    padding-top: 3px;
    padding-right: 0 !important;
    padding-left: 32px
}

@media(width:1024px) {
    .web-online-store-customize .customise-header .modal-body {
        padding-left: 0;
        padding-right: 0
    }
}

.web-online-store-customize .customise-header .iframeClass {
    min-height: 395px
}

.web-online-store-customize .customise-header .iframe-holder {
    width: 100%
}

.web-online-store-customize .customise-header .header-color, .web-online-store-customize .customise-header .social-link {
    position: absolute;
    top: 0
}

.web-online-store-customize .customise-header .animate-section-overlay {
    top: 0
}

.web-online-store-customize .customise-header .animate-div-right {
    height: 100%;
    top: 0
}

.web-online-store-customize .customise-header .widget-submit-btn {
    position: absolute;
    bottom: 0;
    box-shadow: 0 -1px 8px #ebebeb;
    z-index: 2
}

.web-online-store-customize .customise-header-color .animate-subsection-left {
    position: relative;
    height: 100%
}

.web-online-store-customize .customise-header .social-parent-div {
    overflow: auto
}

.web-online-store-customize .customise-header .animate-subsection-left {
    background-color: #fff;
    position: absolute;
    width: 320px;
    box-shadow: -2px 0 5px rgba(0,0,0,.175)
}

.web-online-store-customize .customise-header .jd-animate.animate-subsection-left .btn-bottom {
    box-shadow: 0 -1px 8px #ebebeb
}

.web-online-store-customize .customise-header .search-setting-list .opacity4 {
    opacity: .4
}

.web-online-store-customize .customise-header .modal-body {
    min-height: 430px;
    display: flex
}

    .web-online-store-customize .customise-header .modal-body > .iframe-holder {
        align-self: center
    }

.web-online-store-customize .customise-header .btn-block {
    height: 40px;
    border-radius: 0;
    width: 160px;
    float: left;
    margin-top: 0
}

    .web-online-store-customize .customise-header .btn-block.btn-default {
        border: 0;
        background: #fff
    }

        .web-online-store-customize .customise-header .btn-block.btn-default:hover {
            background: #f0f0f0;
            color: #0086ff
        }

        .web-online-store-customize .customise-header .btn-block.btn-default:active {
            box-shadow: none
        }

.web-online-store-customize .customise-header .selected-theme-circle {
    width: 48px;
    height: 48px;
    border: 1px solid #ebebeb;
    border-radius: 24px;
    cursor: pointer;
    float: left;
    margin: 12px;
    position: relative
}

.web-online-store-customize .customise-header .color-container {
    width: 100%;
    height: 100%;
    border-radius: 24px
}

.web-online-store-customize .customise-header .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
}

.web-online-store-customize .customise-header .slider-header {
    background-color: #373838;
    color: #fff
}

.web-online-store-customize .customise-header .custom-input {
    border-radius: 0;
    outline: none;
    border: none;
    border-bottom: 1px solid #ccc;
    padding-left: 0;
    width: 85%;
    margin-left: auto
}

.web-online-store-customize .customise-header .social-error {
    margin-left: auto;
    width: 85%
}

.web-online-store-customize .customise-header .custom-input:focus {
    border-bottom: 2px solid #0086ff
}

.web-online-store-customize .customise-header .custom-input::-webkit-input-placeholder {
    color: #ccc
}

.web-online-store-customize .customise-header .custom-input:-ms-input-placeholder {
    color: #ccc
}

.web-online-store-customize .customise-header .custom-input:-moz-placeholder, .web-online-store-customize .customise-header .custom-input::-moz-placeholder {
    color: #ccc
}

.isIOS .web-online-store-customize .customise-header .modal-dialog {
    height: 100%;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

    .isIOS .web-online-store-customize .customise-header .modal-dialog .modal-content {
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)
    }

.web-online-store-customize .customise-header .icon-tick-pos {
    width: 18px;
    height: 18px;
    top: -2px;
    left: 34px
}

.web-online-store-customize .customise-header .onlineStoreMenuLink .jd-animate.submenu-active .submenu-active {
    left: 0
}

.web-online-store-customize .customise-header .animate-section-overlay {
    background: #000;
    position: fixed
}

.web-online-store-customize .customise-header .icon-close-thin:hover {
    color: #000
}

.customise-header .jd-mobile-header .btn-animate-hover.icon-closeLight {
    font-size: 14px;
    color: #fff
}

.customise-header .jd-mobile-header .btn-animate-hover {
    width: 40px;
    height: 40px;
    color: #fff;
    position: relative;
    right: 0
}

.web-online-store-customize .customise-header .animate-div-right .animate-subsection-left .header-right-icon .icon-close-thin:hover {
    color: #fff
}

.web-online-store-customize .customise-header .icon-close-thin.text-black {
    color: #333
}

.web-online-store-customize .customise-header .animate-subsection-left .font-popover .icon-close-thin:hover {
    color: #545454
}

.web-online-store-customize .customise-header .showSelectedLink .jd-mobile-header {
    height: auto
}

.web-online-store-customize .customise-header .upload-multiple-file-modal .modal-body {
    min-height: auto;
    display: block
}

.web-online-store-customize .customise-header .upload-multiple-file-modal .modal-dialog {
    min-width: 0;
    width: 526px;
    max-width: none
}

.edit-block .shop-footer .editable-content-holder .edit-popover .icon-pagination-up {
    border-right: none
}

.edit-block .shop-footer .editable-content-holder .edit-popover .buttons-content .delete {
    display: none
}

.footer-container.edit-block .dark-gray-pop.bottom.split-pop:not(.no-list-popup) {
    top: auto;
    bottom: 35px;
    left: -100px
}

.footer-container.edit-block .dark-gray-pop.split-pop .arrow {
    left: 85%;
    top: 68px
}

.footer-container.edit-block .bootstrap-iso .dark-gray-pop.popover.bottom > .arrow:after, .footer-container.edit-block .dark-gray-pop.popover.bottom > .arrow:after {
    border-top-color: #2a2c2e
}

.footer-container.edit-block .popover.bottom > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0
}

.footer-container.edit-block .dark-gray-pop.split-pop .custom-color-selection {
    top: auto;
    bottom: 0
}

.footer-container.edit-block .dark-gray-pop.no-list-popup .custom-color-selection {
    top: auto !important;
    bottom: 55px !important
}

.footer-container.edit-block .split-pop.popover .custom-color-selection.popover.right .arrow {
    top: auto;
    bottom: 50px
}

.footer-container .editable-content {
    min-height: 22px;
    min-width: 100px
}

.footer-container .footer-cnt-us-email .link, .footer-container .footer-cnt-us-mobile .link {
    display: none !important
}

.footer-container .menuLink-wrapper {
    min-height: 20px;
    min-width: 200px
}

.web-online-store-customize .admin-edit-border.logo-wrapper {
    min-height: 50px
}

.desktop .myOrders .footer-container.lastContent {
    position: static
}

.desktop .floating-block .footer-container.edit-content {
    border-bottom: none
}

.header-block .account-info-sec .header-theme-btn.social-link-edit {
    left: 0;
    right: auto
}

.prog-circle .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0,1em,1em,.5em)
}

    .prog-circle .slice.clipauto {
        clip: rect(auto,auto,auto,auto)
    }

.prog-circle .bar, .prog-circle .fill {
    position: absolute;
    border: .08em solid #0086ff;
    width: .84em;
    height: .84em;
    clip: rect(0,.5em,1em,0);
    border-radius: 50%;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
    width: 100% !important;
    height: 100% !important
}

.prog-circle, .prog-circle .bar, .prog-circle .fill {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.prog-circle {
    position: relative;
    font-size: 120px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    float: left;
    margin: 0 .1em .1em 0;
    background-color: #e5e5e5
}

    .prog-circle .percenttext {
        position: absolute;
        width: 100%;
        height: 1em;
        z-index: 1;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        font-size: .2em;
        color: #0086ff;
        display: block;
        text-align: center;
        white-space: nowrap;
        line-height: 100%;
        -webkit-transition-duration: .2s;
        -moz-transition-duration: .2s;
        -o-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .prog-circle .after {
        position: absolute;
        top: .08em;
        left: .08em;
        display: block;
        content: " ";
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        background-color: #fff;
        width: .84em;
        height: .84em
    }

.ng-cloak, .ng-hide, .x-ng-cloak, [data-ng-cloak], [ng-cloak], [ng\:cloak], [x-ng-cloak] {
    display: none !important
}

ng\:form {
    display: block
}

.ng-animate-start {
    clip: rect(0,auto,auto,0);
    -ms-zoom: 1.0001
}

.ng-animate-active {
    clip: rect(-1px,auto,auto,0);
    -ms-zoom: 1
}

.opacity0 {
    opacity: 0
}

.desktop .jd-cms .edit-content .editable-button .editable-content .link-content [contenteditable], .desktop .jd-cms .edit-content .editable-content .link-content[contenteditable] {
    cursor: text
}

.marginT60 {
    margin-top: 60px
}

.edit-popover.popover.top > .arrow {
    left: auto;
    right: 100px
}

.editable-content .btn {
    line-height: inherit
}

.editable-content {
    line-height: 1.42857143
}

.firstContent .edit-action-btns.move-up, .jd-cms.preview .adminEdit, .jd-cms.preview .click-to-edit, .jd-cms.preview .edit-content-btn-parent, .jd-cms.preview .show-edit-menu, .lastContent .edit-action-btns.move-down {
    display: none !important
}

.ctrl-toolBar.edit-popover {
    text-transform: none !important;
    font-weight: 400
}

.edit-content .show-edit-menu {
    position: absolute;
    right: 10px;
    z-index: 2;
    top: 5px;
    display: none
}

.editGalleryModal .noImagesPresent, .services-amenities-slider .noAmenitiesServiceData, .uploadbanner .noBannersToSort {
    width: 100%;
    text-align: center;
    z-index: 10;
    top: 100px;
    color: #000;
    position: absolute
}

.edit-content .edit-action-btns button:not(.custom-button) {
    width: 100%;
    text-align: left;
    background-color: #2a2b2d;
    color: #c0c0c1;
    margin-bottom: 2px;
    border-radius: 2px;
    display: flex
}

.edit-content .edit-action-btns button span {
    vertical-align: middle
}

.edit-content .marginR5 {
    margin-right: 5px
}

.edit-content .marginR10 {
    margin-right: 10px
}

.edit-content .edit-action-btns button:focus, .edit-content .edit-action-btns button:hover {
    cursor: pointer;
    color: #fff
}

.desktop .custom-template .enquiry-form .popover-content .block-width.button.btnstyle {
    margin-right: 8px
}

.desktop .edit-content .dark-gray-pop .popover-content .button.btnstyle {
    margin-left: 3px
}

.desktop .edit-content .dark-gray-pop .popover-content .delete {
    margin-left: 2px
}

.desktop .edit-content .coverImageHeader .dark-gray-pop .popover-content .icon-textNew {
    margin-left: 3px
}

.jd-cms.edit-mode .edit-content .custom-template .no-image img[data-src]:not([src$="default_img.gif"]):not([src$="default_img.png"]):not(.il-catimg).jd-img-loaded {
    background: url(http://image1.jdomni.in/jdomni_email/cms_noimg_addimage_1805301856.png);
    background-size: 100% 100%;
    cursor: pointer
}

body.wap.jd-cms .mobile-sub-control-panel .auto-capitalize {
    text-transform: capitalize
}

.desktop .jd-cms .edit-content .edit-content-btn-parent {
    display: none
}

.desktop .jd-cms .edit-content .edit-action-btns {
    height: 40px
}

    .desktop .jd-cms .edit-content .edit-action-btns button:not(.custom-button) {
        margin-bottom: 0;
        border-radius: 0;
        height: 100%;
        position: relative;
        font-size: 16px;
        outline: none;
        box-shadow: none;
        padding: 0;
        justify-content: center;
        display: flex;
        align-items: center
    }

    .desktop .jd-cms .edit-content .edit-action-btns button:hover span {
        color: #fea702
    }

    .desktop .jd-cms .edit-content .edit-action-btns .edit-block-detail-popover {
        width: auto;
        right: calc(100% + 8px);
        left: unset;
        background-color: #2a2c2e;
        color: #c0c0c1;
        border-radius: 4px;
        display: none;
        font-size: 12px;
        top: 7px;
        position: absolute;
        height: 24px;
        align-items: center;
        justify-content: center;
        padding: 1px 10px 0;
        font-weight: 400
    }

.desktop .jd-cms:not(.IPad) .edit-content .edit-action-btns:not(.popup-opened):hover .edit-block-detail-popover {
    display: flex
}

.desktop .jd-cms .edit-content .edit-action-btns:hover .edit-block-detail-popover .arrow {
    right: 0;
    bottom: 16px;
    border-width: 0;
    border-top-color: rgba(0,0,0,.25)
}

    .desktop .jd-cms .edit-content .edit-action-btns:hover .edit-block-detail-popover .arrow:after {
        border-width: 4px 0 5px 6px;
        content: "";
        border-left-color: #2a2c2e
    }

.desktop .jd-cms .edit-content .show-edit-menu:hover {
    z-index: 1011
}

.desktop .jd-cms .edit-content .show-edit-menu {
    width: 40px;
    top: 20px;
    right: 0;
    display: none;
    z-index: 1009
}

.desktop .jd-cms .edit-content .edit-action-btns:first-child button:not(.custom-button) {
    border-top-left-radius: 4px
}

.desktop .jd-cms .edit-content .edit-action-btns:last-child button {
    border-bottom-left-radius: 4px
}

.desktop .jd-cms .edit-content.edit-block .show-edit-menu, .desktop .jd-cms .edit-content:hover .show-edit-menu, .edit-mode .custom-template .editable-content.no-image {
    display: block
}

.edit-mode .custom-template .editable-content.no-image {
    outline: none
}

.edit-mode .custom-template.map-with-contact .editable-content.no-image {
    min-height: 40px
}

.desktop .jd-cms .edit-content .edit-action-btns .btn:hover .cms-icons {
    color: #fea702
}

.desktop .jd-cms .edit-content .bg-image-add-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

    .desktop .jd-cms .edit-content .bg-image-add-btn button {
        padding: 8px 12px;
        border-radius: 2px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        height: 100%;
        font-size: 14px
    }

        .desktop .jd-cms .edit-content .bg-image-add-btn button, .desktop .jd-cms .edit-content .bg-image-add-btn button:hover {
            background: #0086ff !important;
            border-color: #0086ff !important;
            color: #fff !important
        }

            .desktop .jd-cms .edit-content .bg-image-add-btn button:hover span {
                color: #fff !important
            }

            .desktop .jd-cms .edit-content .bg-image-add-btn button .icon {
                margin-right: 10px;
                font-size: 16px;
                color: #fff;
                margin-top: 2px
            }

.desktop .jd-cms .edit-content .sub-popover-content {
    display: flex;
    justify-content: space-around;
    min-width: 90px;
    align-items: center;
    padding: 0 5px;
    font-size: 12px;
    line-height: inherit
}

.desktop .jd-cms .edit-content .popover .arrow-pos-right {
    right: 0;
    top: unset;
    bottom: 25px;
    border-width: 0;
    border-top-color: rgba(0,0,0,.25)
}

    .desktop .jd-cms .edit-content .popover .arrow-pos-right:after {
        content: "";
        border-left-color: #2a2c2e
    }

.desktop .jd-cms .edit-content .popover .block-width {
    padding: 8px
}

.dark-gray-pop.bg-border-sub-popup .popup-content-sec {
    padding: 10px
}

.desktop .jd-cms.edit-mode .button-design-modal .click-to-edit span, .desktop .jd-cms.edit-mode .edit-content .click-to-edit span, .desktop .jd-cms.edit-mode .logo-wrapper .click-to-edit span {
    padding: 2px;
    font-size: 13px;
    color: #fff;
    font-family: Roboto;
    font-weight: 400
}

.addCustomPage .main-content .pageNameErr {
    color: red
}

.desktop .jd-cms.edit-mode .button-design-modal .click-to-edit span.icon-edit, .desktop .jd-cms.edit-mode .edit-content .click-to-edit span.icon-edit {
    padding: 0 2px 0 3px;
    font-size: 11px
}

.desktop .jd-cms.edit-mode .edit-content .change-color-holder .click-to-edit span.icon-edit {
    padding: 0 5px 0 4px
}

.desktop .jd-cms.edit-mode .template-107 .editable-image-holder .click-to-edit > span, .desktop .jd-cms.edit-mode .template-108 .editable-image-holder .click-to-edit > span {
    padding: 0
}

.desktop .jd-cms.edit-mode .template-107 .editable-image-holder .click-to-edit.icon-edit:before {
    padding-right: 0
}

.desktop .edit-mode.jd-cms .opacity-box {
    display: none
}

.desktop .jd-cms.edit-mode .edit-content .change-color-holder > .click-to-edit {
    right: auto;
    width: 57px;
    left: 50%;
    transform: translateX(-50%);
    border-bottom-right-radius: 3px
}

.image-upload-popup.black-popover.custom-image-options.set-to-left {
    left: 0
}

body.IPad .edit-content .edit-action-btns button {
    font-size: 14px
}

body.IPad.jd-cms.edit-mode .edit-content .show-edit-menu {
    display: block
}

body.IPad.jd-cms.edit-mode .account-social-wrapper, body.IPad.jd-cms.edit-mode .footer-container, body.IPad.jd-cms.edit-mode .logo-wrapper, body.IPad.jd-cms.edit-mode .menuLink-wrapper, body.IPad.jd-cms.edit-mode .webheader.header-content {
    outline: 1px solid #0086ff;
    position: relative;
    color: #424242
}

body.IPad .header-block.machinery3 .second-block .account-social-wrapper {
    position: absolute
}

body.IPad.jd-cms.edit-mode .edit-content.static-templates {
    min-height: 225px
}

    body.IPad.jd-cms.edit-mode .edit-content.static-templates .template-101 {
        min-height: 225px;
        display: flex;
        align-items: center
    }

        body.IPad.jd-cms.edit-mode .edit-content.static-templates .template-101 .container-fluid {
            width: 100%
        }

.lang-change-toast {
    display: none;
    position: fixed;
    height: 45px;
    width: 100%;
    bottom: 75px;
    background-color: rgba(0,0,0,.8);
    color: #fff;
    font-size: 14px;
    align-items: center;
    padding-left: 21px;
    z-index: 1000
}

body.wap.jd-cms.edit-mode .edit-content .click-to-edit {
    bottom: 0;
    height: 20px;
    top: auto;
    width: auto;
    align-items: center;
    justify-content: center;
    color: #fff;
    display: flex;
    border-bottom-left-radius: 0;
    border-top-left-radius: 4px
}

body.wap.jd-cms.edit-mode .shop-footer .editable-content-holder {
    outline: none
}

body.wap.jd-cms.edit-mode .shop-footer .click-to-edit {
    display: none
}

body.wap .edit-content .show-edit-menu {
    font-family: Gilroy,sans-serif;
    position: absolute;
    top: 5px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    background-clip: padding-box;
    color: #8a8a8a;
    width: 200px;
    border-radius: 10px;
    height: auto;
    right: 5px;
    border: none;
    overflow: hidden;
    z-index: 12;
    padding: 0;
    box-shadow: 1px 1px 20px hsla(0,0%,54.1%,.57);
    display: block;
    animation: scale-up-tr .25s cubic-bezier(.075,.82,.165,1) 0s 1 normal forwards running
}

    body.wap .edit-content .show-edit-menu .edit-action-btns {
        color: #424448;
        font-size: 14px;
        outline: none;
        height: 44px;
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: left;
        background: #fff;
        box-shadow: none;
        border: none
    }

        body.wap .edit-content .show-edit-menu .edit-action-btns:active, body.wap .edit-content .show-edit-menu .edit-action-btns:hover {
            background: #ebebeb
        }

body.wap .edit-content .edit-action-btns button {
    background-color: transparent !important;
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
    display: flex;
    text-align: center;
    outline: none;
    box-shadow: none;
    height: 100%;
    margin-bottom: 0;
    align-items: center;
    padding: 6px 12px;
    justify-content: flex-start;
    font-family: inherit !important
}

    body.wap .edit-content .edit-action-btns button:active:focus {
        outline: none
    }

    body.wap .edit-content .edit-action-btns button .icon-btn-cms {
        margin-right: 15px;
        color: #424448;
        font-size: 16px
    }

body.wap .edit-content .edit-action-btns.header-icons-btn button .icon-btn-cms, body.wap.jd-cms .edit-action-btns .icon-btn-cms .icon-HDRburger {
    font-size: 11.5px
}

body.wap .edit-content .edit-action-btns button .center-align {
    display: flex;
    align-items: center;
    justify-content: center
}

body.wap .edit-content .edit-action-btns button span {
    color: #424448;
    font-weight: 400;
    font-family: Gilroy
}

body.wap .edit-content-btn-parent .edit-content-btn {
    padding: 6px 10px;
    height: 37px;
    width: 35px;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-family: Roboto;
    display: flex;
    align-items: center;
    justify-content: center
}

body.wap.jd-cms .edit-content-btn-parent {
    display: block;
    z-index: 4;
    top: 15px
}

body.wap.jd-cms .sticky-footer .edit-content-btn-parent {
    top: 50%;
    transform: translateY(-50%)
}

body.wap.jd-cms.hide-omniheader .edit-content.mobileHeaderBlock .edit-content-btn-parent {
    display: none
}

body.wap.jd-cms .popover.edit-popover .toolbar-action .active-icon.icon-borderOne, body.wap.jd-cms .popover.edit-popover .toolbar-action .active-icon.icon-button, body.wap.jd-cms .popover.edit-popover .toolbar-action .active-icon.icon-colourNew, body.wap.jd-cms .popover.edit-popover .toolbar-action .active-icon.icon-editImage, body.wap.jd-cms .popover.edit-popover .toolbar-action .active-icon.icon-textEdit, body.wap.jd-cms .popover.edit-popover .toolbar-action .icon-button.edit-text.highlight, body.wap.jd-cms .popover.edit-popover .toolbar-action .icon-textEdit.edit-text.highlight, body.wap.jd-cms .popover.edit-popover .toolbar-action:hover .icon-borderOne, body.wap.jd-cms .popover.edit-popover .toolbar-action:hover .icon-button, body.wap.jd-cms .popover.edit-popover .toolbar-action:hover .icon-colourNew, body.wap.jd-cms .popover.edit-popover .toolbar-action:hover .icon-editImage, body.wap.jd-cms .popover.edit-popover .toolbar-action:hover .icon-textEdit {
    color: #fea702
}

.section-user-options .edit-menu-btn-holder {
    padding: 20px 0 10px
}

    .section-user-options .edit-menu-btn-holder:focus {
        outline: none
    }

.section-user-options .selection-btn {
    margin: 0 19px;
    padding-top: 6px;
    height: 36px;
    color: #fff;
    border: 1px solid
}

.section-user-options .icomoon-edit {
    padding-right: 6px;
    font-size: 14px;
    bottom: 1px
}

.wap .edit-popover {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.desktop .edit-mode.IPad .add-content-block#bottomContentAdd, .desktop .edit-mode.IPad .add-content-block#topContentAdd {
    border-radius: 0
}

.desktop .edit-mode.IPad.floating-block .add-content-block#bottomContentAdd, .desktop .edit-mode.IPad.floating-block .add-content-block#topContentAdd {
    border-radius: 10px
}

.add-content-block-container {
    border: 1px solid #0086ff;
    padding: 20px;
    font-size: 20px;
    text-align: center;
    color: #0086ff;
    margin: 20px 30px;
    background: #f4f9ff;
    border-radius: 10px
}

.listing .add-content-block-container {
    margin-left: 0;
    margin-right: 0
}

.color-inherit {
    color: inherit
}

.add-content-block {
    border-left: 1px solid #ebebeb
}

.listing .add-content-block {
    border-left: none
}

.add-content-block-container:hover {
    color: #428bca;
    cursor: pointer;
    border-color: #428bca
}

.edit-content {
    width: 100%;
    float: left;
    position: relative;
    box-sizing: border-box;
    padding: 10px 45px;
}

.edit-content-btn-parent {
    position: absolute;
    right: 0;
    top: 0;
    display: none
}

.edit-content .edit-content-btn {
    display: block
}

.edit-mode:not(.IPad) .edit-content.banner-content-block:hover.blue-border, .edit-mode:not(.IPad) .edit-content[data-content-block-template=template22]:hover {
    outline-offset: 0
}

.desktop .edit-mode:not(.IPad) .edit-content.banner-content-block:hover.blue-border, .desktop .edit-mode:not(.IPad) .edit-content[data-content-block-template=template22]:hover.blue-border {
    z-index: 1
}

    .desktop .edit-mode:not(.IPad) .edit-content.banner-content-block:hover.blue-border ~ .banner-content-block, .desktop .edit-mode:not(.IPad) .edit-content[data-content-block-template=template22]:hover.blue-border ~ [data-content-block-template=template22] {
        z-index: 0
    }

.edit-mode:not(.IPad) .edit-content:hover {
    outline: 1px solid #0086ff;
    outline-offset: -1px
}

.IPad.edit-mode .edit-content {
    border: 1px solid #4a90e2
}

.IPad.edit-mode:not(.floating-block) .edit-content {
    border-bottom: none
}

.edit-mode .edit-content.mobileHeaderBlock:hover {
    outline: none
}

.blue-border-right {
    border-right: 2px solid #0086ff
}

.edit-content-btn .icon-customize {
    vertical-align: middle;
    font-size: 15px
}

.edit-action-btns .icon-moveDown, .edit-action-btns .icon-moveUp, .edit-action-btns .icon-trash {
    font-size: 15px
}

.edit-action-btns .icon-copyStyle {
    font-size: 18px
}

.wap.voice-search-modal-open.edit-mode.mobile-cms .customize-sticky-footer {
    z-index: 1012 !important
}

.paste-content-block-btn {
    position: absolute;
    right: 30px;
    top: 20px;
    padding: 7px 11px;
    background-color: #2a2b2d;
    color: #999;
    cursor: pointer;
    font-size: 12px;
    display: none
}

    .paste-content-block-btn span {
        font-size: 14px;
        padding: 0 8px 2px 1px
    }

.edit-mode.jd-cms .edit-content.banner-content-block[data-content-block-template=large] .add-content-btwn-btn-parent.bottom-btn, .edit-mode.jd-cms .edit-content.banner-content-block[data-content-block-template=small] .add-content-btwn-btn-parent.bottom-btn {
    bottom: -13px
}

.jd-cms .edit-content .add-content-btwn-btn-parent.top-btn {
    top: -12px
}

.jd-cms .edit-content .add-content-btwn-btn-parent {
    position: absolute;
    top: -11px;
    display: none;
    left: 50%;
    transform: translateX(-50%)
}

.IPad.jd-cms .edit-content .add-content-btwn-btn-parent {
    display: flex;
    z-index: 1
}

.jd-cms .edit-content .add-content-btwn-btn-parent.bottom-btn {
    bottom: -13px;
    top: auto;
    z-index: 10
}

.jd-cms .edit-content .add-content-btwn-btn-parent .btn-primary {
    padding: 3px;
    height: 25px;
    font-size: 12px;
    width: 130px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-family: Gilroy,sans-serif;
    background-color: #0086ff !important;
    border-color: #0086ff !important
}

.jd-cms:not(.IPad) .edit-content .add-content-btwn-btn-parent .btn-primary:hover {
    background-color: #0174dc !important;
    border-color: #0174dc !important
}

.jd-cms .edit-content .add-content-btwn-btn-parent .btn-primary.btn-copy, .jd-cms .edit-content .add-content-btwn-btn-parent .btn-primary.btn-copy:hover {
    margin-left: 6px
}

.jd-cms .edit-content .add-content-btwn-btn-parent .btn-primary.btn-copy {
    width: 140px
}

.edit-content .add-content-btwn-btn-parent .btn-primary.btn-copy i {
    font-size: 14px;
    margin-top: 2px;
    margin-left: 3px;
    padding-bottom: 3px
}

.edit-mode .edit-content:hover .add-content-btwn-btn-parent {
    display: flex;
    justify-content: center;
    left: 50%;
    align-content: center;
    transform: translateX(-50%);
    z-index: 84
}

.edit-mode .firstContent.edit-content:hover .add-content-btwn-btn-parent.top-btn {
    top: 0
}

    .edit-mode .firstContent.edit-content:hover .add-content-btwn-btn-parent.top-btn .btn-primary, .IPad .firstContent .add-content-btwn-btn-parent.top-btn .btn-primary {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important
    }

.IPad.edit-mode .edit-content:hover .add-content-btwn-btn-parent {
    z-index: 84 !important
}

.firstContent .add-content-btwn-btn-parent.top-btn, .lastContent .add-content-btwn-btn-parent.bottom-btn {
    display: none
}

.IPad .firstContent .add-content-btwn-btn-parent.top-btn {
    top: 0
}

.jd-cms.edit-mode.desktop .editable-image-holder:hover.no-image {
    outline: none;
    border: none
}

.desktop .edit-mode.jd-cms .edit-content[data-content-block-template=bigThumbnail] .template-main-container .product-box-div .editable-image-holder.feat-prod-image {
    margin: 1px
}

.desktop .edit-mode.jd-cms .edit-content[data-content-block-template=bigThumbnail] .template-main-container .product-box-div .editable-content {
    outline: 0
}

.web-online-store-customize .customise-header .animate-div-right .animate-subsection-left .icon-close-thin:hover {
    color: #000
}

.desktop .edit-mode.sitemap .footer-container .account-social-wrapper:hover, .desktop .edit-mode.sitemap .footer-container .editable-content-holder:hover, .desktop .edit-mode.sitemap .footer-container:hover {
    outline: none
}

.desktop .edit-mode.sitemap .footer-container {
    border: none
}

    .desktop .edit-mode.sitemap .footer-container .account-social-wrapper:hover .header-theme-btn, .desktop .edit-mode.sitemap .footer-container .menuLink-wrapper:hover .header-theme-btn {
        display: none
    }

.edit-mode .change-color-holder:hover, .edit-mode .editable-background-holder:hover, .edit-mode .editable-content-holder:hover, .edit-mode .editable-content:hover, .edit-mode .editable-image-holder:hover, .edit-mode .editable-video-holder:hover, .edit-mode .footer-container .account-social-wrapper:hover, .edit-mode .logo-wrapper:hover, .edit-mode .menuLink-wrapper:hover, .edit-mode .under-edit, .edit-mode .wysiwyg-content:hover, .wap.edit-mode .editable-video-holder:not(.no-video) {
    outline: 1px solid #0086ff;
    position: relative
}

.edit-mode.checkoutFlow .footer-container .editable-content-holder:hover, .edit-mode.checkoutFlow .footer-container .editable-content:hover, .edit-mode.checkoutFlow .footer-container:hover, .edit-mode .editable-content-holder .editable-content, .edit-mode .header-content:not(.edit-content) .editable-content, .edit-mode .header-content:not(.edit-content) .editable-content-holder, .edit-mode .header-content:not(.edit-content) .menuLink-wrapper:hover {
    outline: none
}

.edit-mode.checkoutFlow .footer-container .click-to-edit {
    display: none !important
}

.edit-mode .min-view.notification .change-color-holder:hover, .edit-mode .notification.min-view .editable-content:hover, .edit-mode .template-main-container.notification.min-view:hover {
    outline: none
}

.edit-mode .featuredCat .change-color-holder:hover, .edit-mode .featuredProd .change-color-holder:hover, .edit-mode .gallery-block .editable-content.under-edit, .edit-mode .gallery-block .editable-content:hover, .edit-mode .gallery-block .editable-image-holder:hover, .edit-mode .template-43 .change-color-holder:hover, .edit-mode .template-43 .editable-image-holder:hover {
    outline-offset: -1px
}

.edit-mode .template-main-container .custom-template.template-39 .col-md-12 .change-color-holder {
    outline-offset: -2px
}

.edit-mode .template-main-container.notification:hover {
    position: fixed;
    outline: 1px solid #0086ff
}

.edit-mode .edit-block.admin-user .under-edit {
    outline: none
}

.edit-mode .admin-user .under-edit .editable-content:not(.jd-cms-tag) {
    outline: 1px solid #0086ff
}

.edit-mode .editable-video-holder.no-video:hover, .wap.edit-mode .shop-footer .account-social-wrapper, .wap.edit-mode .shop-footer .menuLink-wrapper {
    outline: none !important
}

.edit-mode .notification.min-view .change-color-holder:hover > .click-to-edit, .edit-mode .notification.min-view .editable-content-holder:hover > .click-to-edit, .edit-mode .notification.min-view .editable-image-holder:hover > .click-to-edit {
    display: none
}

.cover-img-section .scroll-effect, .gallery-image-container .effect-container {
    background-image: url(https://image1.jdomni.in/jdomni_email/50px2_1812201959_1901141635.png);
    background-repeat: no-repeat;
    width: 51px;
    height: 51px
}

.banner-detail-modal .gallery-image-container .effect-container {
    background-image: url(https://image1.jdomni.in/jdomni_email/cms-scroll-effect-sprite-1_2011191456.png);
    width: 64px;
    height: 64px
}

.cover-img-section .scroll-effect-options {
    width: 100%
}

.cover-img-section .scroll-effect.none-effect {
    background-position: 0 -334px
}

.cover-img-section .scroll-effect.parallax {
    background-position: 0 -84px
}

.scroll-effect-options label {
    width: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 11px
}

.wap .scroll-effect-options label {
    display: inline-block
}

.scroll-effect-options {
    display: flex;
    justify-content: space-around;
    padding: 15px 6px
}

.wap .scroll-effect-options {
    padding: 15px 10px;
    justify-content: space-between
}

.cover-img-section .scroll-effect.reveal {
    background-position: 0 -167px
}

.cover-img-section .scroll-effect.zoom-in {
    background-position: 0 -250px
}

.cover-img-section .scroll-effect.fade-in {
    background-position: 0 -1px
}

.cover-img-section .scroll-effect-options input.scroll-effect-radio {
    display: none
}

.cover-img-section .disabled-label input.scroll-effect-radio {
    pointer-events: none
}

.cover-img-section .disabled-label {
    opacity: .4;
    pointer-events: none
}

.cover-img-section .effect-container:hover .scroll-effect.parallax, .cover-img-section .scroll-effect-options input:checked + .scroll-effect.parallax {
    background-position: -84px -84px
}

.cover-img-section .effect-container:hover .scroll-effect.reveal, .cover-img-section .scroll-effect-options input:checked + .scroll-effect.reveal {
    background-position: -84px -167px
}

.cover-img-section .effect-container:hover .scroll-effect.zoom-in, .cover-img-section .scroll-effect-options input:checked + .scroll-effect.zoom-in, .wap .cover-img-section .effect-container:hover .scroll-effect.zoom-in, .wap .cover-img-section .scroll-effect-options input:checked + .scroll-effect.zoom-in {
    background-position: -84px -250px
}

.cover-img-section .effect-container:hover .scroll-effect.fade-in, .cover-img-section .scroll-effect-options input:checked + .scroll-effect.fade-in {
    background-position: -83px -1px
}

.wap .cover-img-section .effect-container:hover .scroll-effect.fade-in, .wap .cover-img-section .scroll-effect-options input:checked + .scroll-effect.fade-in {
    background-position: -84px -1px
}

.cover-img-section .effect-container:hover .scroll-effect.none-effect, .cover-img-section .scroll-effect-options input:checked + .scroll-effect.none-effect {
    background-position: -84px -334px
}

.desktop .cover-img-section .effect-container:hover .scroll-effect.fade-in, .desktop .cover-img-section .effect-container:hover .scroll-effect.none-effect, .desktop .cover-img-section .effect-container:hover .scroll-effect.parallax, .desktop .cover-img-section .scroll-effect-options input:checked + .scroll-effect.fade-in, .desktop .cover-img-section .scroll-effect-options input:checked + .scroll-effect.none-effect, .desktop .cover-img-section .scroll-effect-options input:checked + .scroll-effect.parallax {
    width: 52px
}

.cover-img-section .effect-container:hover .label-text, .cover-img-section .scroll-effect-options input:checked ~ .label-text {
    color: #0086ff
}

.cover-img-section .animate-slider {
    display: none;
    z-index: 30
}

.cover-img-section .scroll-effect-repeat {
    width: fit-content;
    position: relative
}

.wap .cover-img-section .scroll-effect-repeat {
    float: left
}

.wap .jd-toast-holder.animation-toast {
    bottom: 0
}

.cover-img-section .jd-animate.full-height.animate-subsection-left {
    z-index: 15;
    background-color: #eee;
    height: 100%;
    box-shadow: -2px 0 12px -4px #333;
    padding-bottom: 0
}

.cover-img-section.imageSeo .jd-animate.full-height.animate-subsection-left {
    background-color: #fff
}

.cover-img-section.imageSeo:not(.mobile-slider) .jd-animate.full-height.animate-subsection-left {
    width: 100%;
    margin-left: unset
}

.link-menu .header-right-icon .icon-closeLight {
    width: 40px;
    height: 40px;
    font-size: 16px
}

.wap .link-menu .mobile-header-right .icon-close-thin, .wap .link-menu .mobile-header-right .icon-closeLight {
    right: 5px
}

.cover-img-section .mobile-header-right i {
    position: relative;
    cursor: pointer;
    font-size: 22px;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 20px
}

    .cover-img-section .mobile-header-right i:hover:before {
        color: #ccc
    }

    .cover-img-section .link-holder, .cover-img-section .mobile-header-right i.icon-close-thin {
        display: flex;
        align-items: center;
        justify-content: center
    }

.cover-img-section .link-holder {
    height: 120px;
    border-top: 1px solid #e3eaee;
    color: #0086ff;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 16px;
    flex-direction: column
}

    .cover-img-section .link-holder i {
        padding: 0 25px;
        color: #0086ff;
        font-size: 36px;
        margin-bottom: 5px
    }

.cover-img-section .jd-animate .slider-body {
    font-size: 12px;
    height: 100%;
    overflow: auto;
    overflow: overlay;
    padding: 10px 15px 70px
}

.cover-img-section.imageSeo .jd-animate .slider-body {
    overflow-x: hidden
}

.theme-background-slider-section.cover-img-section .jd-animate .slider-body {
    background-color: #eee
}

.cover-img-section.changeImg:not(.animate) .jd-animate .slider-body {
    background-color: #eef1f8
}

.iosSafari .cover-img-section.changeImg:not(.animate) .jd-animate .slider-body, .IPad .cover-img-section.changeImg:not(.animate) .jd-animate .slider-body {
    position: relative;
    z-index: 1;
    height: calc(100% - 70px)
}

.iosSafari .cover-img-section.changeImg:not(.animate) .slider-footer, .IPad .cover-img-section.changeImg:not(.animate) .slider-footer {
    z-index: 2
}

.wap .cover-img-section.changeImg:not(.animate) .jd-animate .slider-body {
    overflow: auto;
    height: calc(100% - 110px)
}

.wap .cover-img-section.animate .slider-body {
    max-height: 100%
}

.cover-img-section .scroll-animation-effects .scroll-effect-options {
    padding: 11px 0
}

.cover-img-section .scroll-animation-effects .scroll-effect-holder {
    padding: 4px 0;
    color: #7a8994;
    line-height: 10px;
    font-size: 12px
}

    .cover-img-section .scroll-animation-effects .scroll-effect-holder .popover-content {
        color: #545454
    }

.cover-img-section .footer {
    background-color: #0086ff;
    width: calc(100% - 30px);
    border-radius: 25px;
    height: 36px;
    min-height: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer
}

.cover-img-section .scroll-effect-holder .info-popover-detail:hover .show-scroll-popover {
    display: block
}

.cover-img-section .scroll-effect-holder .info-popover-detail:hover .icon-static-page {
    color: #444
}

.cover-img-section .margin-bottom-48 {
    margin-bottom: 48px
}

.cover-img-section .btn-primary.footer:hover {
    background: #0086ff;
    border-color: #0086ff
}

.cover-img-section .upload-link {
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #0086ff;
    font-size: 16px
}

    .cover-img-section .upload-link div {
        border: 1px solid #0086ff;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 20px
    }

    .cover-img-section .upload-link i {
        color: #0086ff
    }

    .cover-img-section .upload-link span {
        border-bottom: 1px solid #ddd;
        flex-grow: 1;
        padding: 20px 0
    }

.cover-img-section .cover-img {
    margin-bottom: 15px;
    position: relative;
    height: auto;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    cursor: pointer
}

    .cover-img-section .cover-img:hover {
        box-shadow: 0 0 0 1px #0086ff
    }

        .cover-img-section .cover-img:hover .trash-container-icon {
            display: flex
        }

.cover-img-section.mobile-slider .cover-img, body.IPad .cover-img-section .cover-img {
    border: 1px solid #0086ff
}

    .cover-img-section.mobile-slider .cover-img .trash-container-icon, body.IPad .cover-img-section .cover-img .trash-container-icon {
        display: flex
    }

.cover-img-section .cover-img img {
    width: 100%;
    height: auto;
    max-width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.cover-img-section .cover-img .icon-edit, .cover-img-section .cover-img .icon-uploadImage {
    color: #fff
}

.cover-img-section .cover-img i {
    font-size: 18px
}

.cover-img-section .add-mul-img {
    display: block;
    border: 1px solid #ccc;
    height: inherit;
    cursor: default
}

    .cover-img-section .add-mul-img:hover {
        border: 1px solid #0086ff
    }

    .cover-img-section .add-mul-img div {
        text-align: center
    }

.cover-img-section .btn-holder div {
    width: 40%;
    margin: 2% 5%;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 4px 0;
    cursor: pointer
}

.cover-img-section .trash-container-icon {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    background-color: #0086ff;
    width: 70px;
    height: 22px;
    justify-content: center;
    align-items: center;
    display: none;
    border-bottom-left-radius: 3px;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase
}

    .cover-img-section .trash-container-icon i {
        font-size: 12px;
        padding-right: 5px
    }

    .cover-img-section .trash-container-icon:hover {
        background-color: #0086ff
    }

.cover-img-section .scroll-effect-holder {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 12px
}

    .cover-img-section .scroll-effect-holder .info-popover-detail {
        width: 22px;
        height: 21px;
        display: inline-block
    }

.cover-img-section .border-bottom {
    border-bottom: 1px solid #ddd
}

.cover-img-section .scroll-effect-holder .show-scroll-popover {
    position: absolute;
    top: 19px;
    border: none;
    box-shadow: 0 1px 14px rgba(0,0,0,.2)
}

.wap .cover-img-section .scroll-effect-holder .show-scroll-popover {
    width: 80%;
    max-width: unset
}

.cover-img-section .scroll-effect-holder .show-scroll-popover .arrow {
    left: 107px;
    border-bottom-color: rgba(0,0,0,.08)
}

.desktop .cover-img-section .scroll-effect-options .animation-helper-popover.show-popover.show, .desktop .cover-img-section .scroll-effect-options .disabled-label:hover ~ .animation-helper-popover {
    display: block
}

.scroll-effect-options .fake-click-div {
    width: 50px;
    position: absolute;
    z-index: 100;
    height: 72px;
    cursor: pointer;
    top: 0
}

.wap .scroll-effect-options .fake-click-div {
    width: 64px
}

.cover-img-section .scroll-effect-options .animation-helper-popover {
    top: 85px;
    left: 0;
    border: none;
    box-shadow: 0 1px 14px rgba(0,0,0,.2)
}

.wap .cover-img-section .scroll-effect-options .animation-helper-popover {
    top: 81px
}

.cover-img-section .scroll-effect-options .animation-helper-popover.fade-in-pop {
    left: unset;
    right: 14px
}

    .cover-img-section .scroll-effect-options .animation-helper-popover.fade-in-pop .arrow {
        left: 90%
    }

.cover-img-section .scroll-effect-options .animation-helper-popover i {
    color: #000
}

.cover-img-section .scroll-effect-options .animation-helper-popover .arrow {
    left: 42%;
    border-bottom-color: rgba(0,0,0,.08)
}

.wap .cover-img-section .scroll-effect-options .animation-helper-popover .arrow {
    left: 50%
}

.cover-img-section.animate .footer-btn-holder {
    box-shadow: none
}

    .cover-img-section.animate .footer-btn-holder .btn-primary {
        box-shadow: 0 3px 6px 0 rgba(0,0,0,.4);
        border-radius: 20px
    }

.cover-img-section .scroll-effect-options .parallax-pop.animation-helper-popover .arrow {
    left: 54%
}

.cover-img-section .scroll-effect-holder .icon-static-page:hover {
    color: #444
}

.cover-img-section .edit-option {
    position: absolute;
    right: 0;
    top: 0;
    box-shadow: -1px 1px 2px 2px #ebecee
}

    .cover-img-section .edit-option button i {
        color: #7f7f7f;
        font-size: 15px;
        margin-right: 7px
    }

    .cover-img-section .edit-option button {
        width: 100%;
        display: flex;
        align-items: center;
        color: #7f7f7f;
        background: #fff;
        border-radius: 0
    }

        .cover-img-section .edit-option button:hover {
            background: #f2f0f0
        }

.cover-img-section.mobile-slider .animate-slider, .cover-img-section.mobile-slider .footer {
    position: fixed
}

.cover-img-section .white-card-holder {
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
    border-radius: 10px;
    position: relative
}

.cover-img-section .backaground-image-label {
    padding: 9px 20px;
    font-size: 14px;
    color: #333;
    font-weight: 400
}

.cover-img-section .backaground-icon-label {
    width: 40px;
    display: flex;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #e3eaee
}

    .cover-img-section .backaground-icon-label .icon-trash {
        color: #979797;
        font-size: 18px
    }

        .cover-img-section .backaground-icon-label .icon-trash:hover {
            color: #c84b59
        }

.cover-img-section .align-flex {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.cover-img-section .delete-background-image-modal {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 15
}

    .cover-img-section .delete-background-image-modal .image-modal-content {
        position: relative;
        width: 300px;
        height: 186px;
        background-color: #fff;
        z-index: 1;
        box-shadow: 0 3px 9px rgba(0,0,0,.5);
        border-radius: 10px;
        overflow: hidden
    }

.cover-img-section .link-holder:hover .cover-add-text {
    text-decoration: underline
}

.cover-img-section .delete-background-image-modal .image-modal-header {
    height: 40px;
    justify-content: flex-end
}

.cover-img-section .delete-background-image-modal .justify-center {
    justify-content: center
}

.cover-img-section .delete-background-image-modal .image-modal-header .icon-close-thin {
    height: 100%;
    width: 40px;
    font-size: 25px;
    color: #777
}

    .cover-img-section .delete-background-image-modal .image-modal-header .icon-close-thin:hover {
        color: #333
    }

.cover-img-section .delete-background-image-modal .image-modal-body {
    height: calc(100% - 85px);
    padding-bottom: 28px
}

.cover-img-section .delete-background-image-modal .image-modal-footer {
    height: 45px;
    background-color: #c84b59;
    color: #fff
}

    .cover-img-section .delete-background-image-modal .image-modal-footer:hover {
        background-color: #c14453
    }

.cover-img-section .delete-background-image-modal .image-modal-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.65);
    opacity: .6;
    z-index: 0
}

.cover-img-section.mobile-slider .jd-animate.animate-subsection-left {
    width: 100%
}

.cover-img-section.mobile-slider.animate .jd-animate.animate-subsection-left {
    padding-bottom: 0
}

.cover-img-section.mobile-slider .background-style-holder-mobile {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #0086ff;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #0086ff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    border-radius: 10px
}

.cover-img-section .footer-btn-holder {
    height: 66px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 -2px 4px 0 rgba(0,0,0,.18)
}

.cover-img-section .cover-add-text {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: .3px
}

.bootstrap-iso .dark-gray-pop.popover, .dark-gray-pop, .dark-gray-pop.popover {
    background-color: #2a2c2e;
    color: #c0c0c1;
    border-radius: 4px
}

    .dark-gray-pop.popover.edit-popover {
        height: 38px
    }

.desktop .popover.edit-popover .toolbar-action.font-text:hover i, .desktop body:not(.IPad) .popover.edit-popover .toolbar-action:not(.btn):hover {
    color: #fea702
}

.desktop .popover.edit-popover .disabled.toolbar-action.font-text:hover i, .desktop .popover.edit-popover .disabled.toolbar-action .toolbar-action:hover {
    color: #c0c0c1
}

.popover.edit-popover .toolbar-action .icon-borderHight ~ .icon-pagination-up, .popover.edit-popover .toolbar-action .icon-borderTwo ~ .icon-pagination-up {
    display: none !important
}

.desktop .notification1.edit-popover .imageBorderWidth-pop {
    top: -215px
}

.desktop .notification1.edit-popover .font-text .dark-gray-pop {
    top: -205px
}

.desktop .edit-popover .font-text .dark-gray-pop.top {
    bottom: 37px;
    top: unset
}

.desktop .notification1 .img-holder .editable-image-holder:hover, .desktop .notification1.edit-block .editable-image-holder.under-edit {
    outline: none
}

.customise-header-color .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
}

.wap .customise-header-color .color-container {
    width: 100%;
    height: 100%;
    border-radius: 50px
}

.wap .customise-header-color .selected-theme-circle img {
    position: absolute;
    bottom: 45px;
    width: 20px;
    height: 20px;
    left: 22px;
    top: 0
}

.customise-header-color .background-color-popover {
    background-color: #2a2b2d;
    max-height: 300px;
    width: 385px;
    left: unset;
    height: auto;
    max-width: 385px;
    position: absolute
}

.customise-header-color.edit-tooltip .background-color-popover {
    right: 0;
    top: 45px
}

.customise-header-color .selected-theme-circle img {
    width: 15px;
    height: 15px;
    top: 0;
    left: 25px;
    position: absolute
}

.customise-header-color.jd-right-child .background-color-popover {
    left: 100%;
    margin-left: 10px
}

.customise-header-color.jd-left-child .background-color-popover {
    right: 100%;
    margin-right: 10px
}

.coverImageHeader .customise-header-color .background-color-popover {
    right: 243px;
    top: 0
}

.background-color-popover .popover-content::-webkit-scrollbar-thumb {
    background-color: #9b9b9b;
    border: none;
    border-radius: 100px;
    height: 50px
}

.background-color-popover .popover-content::-webkit-scrollbar-track {
    background: #4f4f4f;
    border-radius: 100px
}

.background-color-popover .popover-content::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

.background-color-popover .popover-content {
    overflow: auto;
    height: 205px;
    border-bottom: 1px solid #454648;
    padding: 0
}

    .background-color-popover .popover-content .margin5 {
        margin: 2px 3px
    }

.background-color-popover .popoverHead {
    border-bottom: 1px solid #454648;
    color: #f7f7f7;
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.background-color-popover .popover-content .selected-theme-circle {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 10px;
    cursor: pointer;
    float: left;
    margin: 12px;
    position: relative
}

.background-color-popover .popover-content .icon-tick-pos {
    width: 15px;
    height: 15px;
    top: 0;
    left: 25px
}

.background-color-popover .popoverFooter {
    background-color: #000
}

    .background-color-popover .popoverFooter .buttonHolder .apply-btn {
        font-weight: 400;
        line-height: 20px;
        padding: 1px 17px;
        outline: none;
        text-shadow: none;
        border-radius: 12px;
        width: auto;
        float: right;
        cursor: pointer;
        color: #fff;
        background-color: transparent;
        border: 1px solid #fff;
        font-size: 11px;
        margin: 8px
    }

        .background-color-popover .popoverFooter .buttonHolder .apply-btn:hover {
            color: #2a2b2d;
            background: #fff;
            border: 1px solid #2a2b2d
        }

.edit-mode .webheader.edit-block ~ .background-container .firstContent .show-edit-menu {
    z-index: 98
}

.desktop .edit-mode .header-block.apparel .searchBar-wrapper .editable-content:hover {
    outline: none;
    position: static
}

.desktop .edit-mode .all-sections .header-block .first-block, .desktop .edit-mode .all-sections .header-block .second-block, .desktop .edit-mode .all-sections .header-block .third-block {
    cursor: pointer
}

.desktop .edit-mode .header-block.coverImageHeader .third-block .editable-content, .desktop .edit-mode .header-block.coverImageHeader .third-block .editable-content-holder {
    cursor: auto
}

.desktop .edit-mode .header-content .show-edit-menu {
    right: 0
}

.header-block.b2b .userAccount-wrapper .my-account-div.editable-content:hover, .header-block.mobile .input-content .editable-content:hover {
    outline: none
}

.desktop .edit-mode .header-content .account-social-wrapper .click-to-edit {
    height: 100%;
    max-height: 22px
}

.desktop body.IPad.edit-mode .header-content .editable-content.contact-link a {
    pointer-events: none
}

.desktop .edit-mode .header-content .account-info-sec .editable-content-holder.header-links {
    min-width: 120px
}

.cmsheader .socialiconcolor .custom-color-selection {
    top: 5px
}

.desktop .jd-cms.edit-mode .header-block .leftNavigationLeftContainer .nav.editable-content:hover {
    outline: none
}

.mobile-header-options-wrapper:empty {
    display: none
}

.wap.jd-cms.edit-mode .omni-header.webheader .edit-content .right-icons {
    margin-left: auto;
    margin-right: 34px
}

body.wap.jd-cms .omni-header.webheader .edit-content-btn-parent {
    top: 10px
}

body.wap.jd-cms.edit-mode .edit-content.mobileHeaderBlock .left-icons .burger-icon-btn, body.wap.jd-cms.edit-mode .edit-content.mobileHeaderBlock .left-icons .editable-content-holder, body.wap.jd-cms.edit-mode .edit-content.mobileHeaderBlock .right-icons .editable-content-holder {
    height: 100%
}

body.wap.jd-cms.coverImageHeaderHeader.fixed-omniheader .edit-content.mobileHeaderBlock .edit-content-btn-parent {
    top: 3px
}

body.wap.change-password .webheader .edit-content .edit-content-btn-parent .edit-content-btn, body.wap.login .webheader .edit-content .edit-content-btn-parent .edit-content-btn, body.wap.my-account .webheader .edit-content .edit-content-btn-parent .edit-content-btn, body.wap.profile-details .webheader .edit-content .edit-content-btn-parent .edit-content-btn, body.wap.set-password .webheader .edit-content .edit-content-btn-parent .edit-content-btn, body.wap.wishlist .webheader .edit-content .edit-content-btn-parent .edit-content-btn {
    display: none
}

.edit-mode .edit-content:hover.blue-border.mobileHeaderBlock, body.wap.bookAppointment .webheader .edit-block .editable-content-holder.under-edit, body.wap.change-password .webheader .edit-block .editable-content-holder.under-edit, body.wap.login .webheader .edit-block .editable-content-holder.under-edit, body.wap.my-account .webheader .edit-block .editable-content-holder.under-edit, body.wap.profile-details .webheader .edit-block .editable-content-holder.under-edit, body.wap.set-password .webheader .edit-block .editable-content-holder.under-edit {
    outline: none
}

body.wap.headerEditBgImage .mobile-sub-control-panel {
    height: 300px
}

    body.wap.headerEditBgImage .mobile-sub-control-panel .submenu-items-container .customise-header-color .popover.background-color-popover .popover-content {
        height: 250px
    }

.edit-content .btn-container {
    height: 65px;
    width: 89%;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 14px 15px 15px
}

.edit-mode .toggle-button-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px
}

.cms-animate-slider .toggle-button-container.settingsCard {
    box-shadow: none
}

.edit-mode .toggle-button-container .autoplay-toggle {
    padding: 0;
    top: 9px
}

.edit-mode .toggle-button-container .switch {
    width: 100%
}

.desktop .edit-mode .switch {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 9px;
    margin-bottom: 0
}

.edit-mode .switch .toggle + label:before {
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: #6e6e6e;
    border-radius: 15px;
    transition: background .4s
}

.edit-mode .switch .toggle + label:after {
    top: 2px;
    left: 2px;
    bottom: 2px;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 50%;
    transition: margin .4s,background .4s
}

.edit-mode .switch .toggle:checked + label, .edit-mode .switch .toggle:checked + label:before {
    background-color: #0086ff
}

    .edit-mode .switch .toggle:checked + label:after {
        margin-left: 13px;
        background-color: #fff
    }

.wap .videoBlock-mobile .save-btn {
    bottom: 0;
    width: 100%;
    position: absolute;
    left: 0;
    height: 50px;
    font-size: 16px;
    background-color: #3882c0;
    color: #fff
}

.wap .video-error-toast.animate-to-view {
    bottom: 0
}

.wap.social .video-save-toast, .wap[pagename=social] .video-save-toast {
    bottom: 0 !important
}

.wap .videoBlock-mobile .save-btn.disabled-btn {
    pointer-events: none;
    cursor: not-allowed;
    box-shadow: none;
    opacity: .65
}

.wap .video-link-input {
    margin: 0;
    height: 34px;
    outline: none;
    font-size: 14px;
    width: 100%;
    border: 1px solid #ccc
}

    .wap .video-link-input.red-bottom-border {
        border: 1px solid red
    }

    .wap .video-link-input::-webkit-input-placeholder {
        color: #afafaf
    }

    .wap .video-link-input.focus {
        color: #4a4a4a
    }

.wap .video-url {
    color: #919191;
    margin: 0;
    padding-top: 10px;
    font-size: 12px
}

.iosSafari .wap .videoBlock-mobile .video-url {
    width: 100%
}

.iosSafari .wap .videoBlock-mobile .video-link-input {
    position: absolute
}

.edit-mode .editable-video-holder.no-video .edit-video-click-div {
    display: none
}

.edit-mode .editable-video-holder .edit-video-click-div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: block
}

.edit-content .edit-popover .video, .edit-content .editable-video-holder .edit-popover .block-width {
    display: none
}

.edit-content .editable-video-holder .edit-popover .video {
    display: inline
}

.desktop .edit-content .editable-video-holder .edit-popover .video button {
    height: 38px
}

.edit-content .editable-video-holder .edit-popover .arrow {
    right: 100px !important;
    left: auto !important
}

.edit-mode .editable-video-holder.under-edit > .click-to-edit, .edit-mode .editable-video-holder:not(.no-video):hover > .click-to-edit, body.wap.edit-mode .editable-video-holder:not(.no-video) > .click-to-edit {
    padding: 5px 10px;
    display: flex;
    align-items: center;
    height: 30px;
    color: #fff
}

.edit-mode .editable-video-holder .click-to-edit .icon-videoNew {
    color: #fff;
    position: relative;
    font-size: 15px;
    top: -1px
}

.edit-mode .editable-video-holder .click-to-edit span {
    line-height: 10px
}

.edit-mode .switch-button-container .custom-switch-btn:before {
    line-height: 5px;
    top: .5rem
}

.edit-mode .switch-button-container .switch-btn-checkbox:checked + .custom-switch-btn:before {
    top: .5rem
}

.edit-mode .edit-content .editable-video-holder.under-edit > .click-to-edit span, .edit-mode .edit-content .editable-video-holder:hover > .click-to-edit span, body.wap.edit-mode .edit-content .editable-video-holder > .click-to-edit span {
    padding: 0 0 0 5px
}

.edit-content .editable-video-holder {
    cursor: pointer
}

    .edit-content .editable-video-holder.no-video iframe {
        display: none
    }

.jd-cms .edit-content .editable-video-holder .pop-btns.video {
    width: 42px
}

.jd-cms.edit-mode .jd-alert-message-parent {
    z-index: 1251;
    width: 450px
}

.jd-cms.edit-mode .bg-border-sub-popup .popover.custom-color-selection.right .arrow {
    left: -11px
}

.jd-cms.edit-mode .bg-border-sub-popup .popover.custom-color-selection .arrow:after {
    margin-left: 0
}

.jd-cms.edit-mode .bg-border-sub-popup .popover.custom-color-selection.right {
    left: 150px;
    right: unset
}

.jd-cms.edit-mode .bg-border-sub-popup .popover.custom-color-selection.left {
    right: 159px;
    left: unset
}

    .jd-cms.edit-mode .bg-border-sub-popup .popover.custom-color-selection.left .arrow {
        left: auto
    }

.edit-mode .notification1 .contact-mob {
    margin-bottom: 0;
    min-height: 24px !important
}

.edit-mode .notification1 .contact-mail {
    min-height: 24px !important
}

    .edit-mode .notification1 .contact-mail.align-center, .edit-mode .notification1 .contact-mob.align-center {
        justify-content: center
    }

    .edit-mode .notification1 .contact-mail.align-left, .edit-mode .notification1 .contact-mob.align-left {
        justify-content: flex-start
    }

    .edit-mode .notification1 .contact-mail.align-right, .edit-mode .notification1 .contact-mob.align-right {
        justify-content: flex-end
    }

.wap .dark-gray-pop.edit-popover {
    height: 40px;
    min-width: unset;
    width: calc(100% - 12px);
    animation: scale-up-center .15s ease-in-out 0s 1 normal forwards running
}

    .wap .dark-gray-pop.edit-popover i {
        font-size: 16px
    }

.wap .edit-content .change-color-holder .click-to-edit span, .wap .edit-content .editable-content-holder .click-to-edit span, .wap .edit-content .editable-image-holder .click-to-edit span {
    font-size: 12px
}

.wap .edit-content .click-to-edit span.icon-edit:before, .wap .edit-content .click-to-edit span.icon-uploadImage:before {
    font-size: 10px;
    padding-right: 0
}

.wap .custom-template .editable-content, .wap .custom-template .editable-content .button {
    outline: none
}

.close-tooltip-container {
    position: absolute;
    right: 2px;
    top: -40px;
    font-size: 14px;
    padding: 7px 7px 6px
}

.bottom.edit-popover .close-tooltip-container {
    top: auto;
    bottom: -35px
}

.close-tooltip-container .text-container {
    padding-right: 4px
}

.dark-gray-pop.edit-popover .close-tooltip-container .icon-close-thin {
    font-size: 18px;
    vertical-align: middle
}

.edit-content .change-color-holder > .click-to-edit {
    right: calc(50% - 39px)
}

.edit-content .click-to-edit span {
    padding: 5px;
    font-size: 13px;
    color: #fff;
    font-family: Roboto;
    font-weight: 400
}

.auto-rotate-wrapper {
    display: none
}

.wap .auto-rotate-wrapper {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(left top,#014aab,#0091b7,#0091b7);
    background: -o-linear-gradient(bottom right,#014aab,#0091b7,#0091b7);
    background: -moz-linear-gradient(bottom right,#014aab,#0091b7,#0091b7);
    background: linear-gradient(to bottom right,#014aab,#0091b7,#0091b7);
    z-index: 1250;
    pointer-events: none;
    align-items: center;
    justify-content: center
}

    .wap .auto-rotate-wrapper .inner-div {
        width: 80%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .wap .auto-rotate-wrapper .text-1 {
        color: #f1f1f1;
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 30px
    }

    .wap .auto-rotate-wrapper .auto-rotate-icon {
        font-size: 45px;
        color: #fff
    }

    .wap .auto-rotate-wrapper .text-2 {
        color: #f1f1f1;
        font-size: 14px;
        text-align: center
    }

@media(min-width:480px)and (orientation:landscape) {
    .wap .auto-rotate-wrapper {
        display: flex;
        pointer-events: auto
    }
}

.edit-content .template-main-container .editable-image-holder .no-image ~ .click-to-edit, body.wap.jd-cms.edit-mode .template-main-container .editable-image-holder .no-image ~ .click-to-edit {
    display: none
}

.mobile-sub-control-panel .selected {
    color: #fea702
}

.mobile-sub-control-panel .seo-selection .custom-link .dropdown-text {
    color: #fff
}

.ios-popover-shown {
    position: relative;
    overflow-x: visible !important;
    overflow-y: visible !important
}

.dark-gray-pop .edit-detail-popover .popover-content {
    padding: 5px 10px
}

.input-content .dark-gray-pop .edit-detail-popover .popover-content {
    padding: 3px 10px 5px
}

.desktop .popover.edit-popover .pop-btns.paste-style {
    border-right: 1px solid #46494c;
    height: 22px;
    margin-right: 10px;
    margin-top: .5px;
    padding: 3px !important
}

.desktop .popover.edit-popover.buttonDesign-block {
    padding: 10px
}

.dark-gray-pop.borderRadius-pop .popover-content, .dark-gray-pop.imgBorderRadius-pop .popover-content {
    padding: 5px 7px 7px
}

.edit-popover.notification .border-pop.top {
    top: -72px
}

.desktop .popover.edit-popover button.toolbar-action, .desktop .popover.edit-popover button.toolbar-action:hover {
    outline: none;
    color: #fff;
    border-radius: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

    .desktop .popover.edit-popover button.toolbar-action:hover {
        background: #0174dc !important
    }

.popover-content .font-popover-content .icon-holder {
    position: absolute;
    top: 17px;
    right: 17px;
    font-size: 10px;
    color: #757577
}

    .popover-content .font-popover-content .icon-holder.icon-close-thin {
        top: 14px;
        right: 14px;
        font-size: 15px
    }

.popover-content .font-popover-content input {
    margin: 8px 8px 0;
    width: 91%;
    border-radius: 2px
}

.editable-content-holder, .editable-image-holder, .editable-video-holder {
    position: relative
}

.edit-content .editable-image-holder .editable-content, .edit-content .editable-video-holder .editable-content {
    padding: 0
}

.desktop .floating-block .background-container .listing-outerDiv {
    margin-bottom: 15px
}

.editable-image-holder {
    text-align: center
}

body.jd-cms .animate-section-overlay {
    background: #000;
    opacity: .8
}

.body-position-fixed {
    position: fixed !important
}

.wap.jd-cms input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #fff;
    cursor: pointer
}

@media(max-device-width:480px) {
    .wap.jd-cms .sp-fill {
        padding-top: 45%
    }
}

.wap.jd-cms.bookAppointment.contactDetails .omni-container {
    z-index: unset
}

.wap.jd-cms .featured-category-block .title-html > .template-main-container {
    background: transparent;
    height: 100%
}

body.IPad.jd-cms.edit-mode .change-color-holder, body.IPad.jd-cms.edit-mode .edit-block .under-edit, body.IPad.jd-cms.edit-mode .editable-background-holder, body.IPad.jd-cms.edit-mode .editable-content, body.IPad.jd-cms.edit-mode .footer-container, body.IPad.jd-cms.edit-mode .template-main-container, body.IPad.jd-cms.edit-mode .wysiwyg-content, body.wap.jd-cms.edit-mode .change-color-holder, body.wap.jd-cms.edit-mode .editable-content-holder, body.wap.jd-cms.edit-mode .editable-gallery, body.wap.jd-cms.edit-mode .editable-image-holder {
    outline: 1px solid transparent
}

body.IPad.jd-cms.edit-mode .edit-block .under-edit, body.wap.jd-cms.edit-mode .edit-block .under-edit {
    outline: 1px solid #0086ff
}

.desktop .edit-mode.IPad .add-content-block-container .icon-addSection2 {
    color: #0086ff;
    margin-right: 2px
}

.desktop .edit-mode.IPad .add-content-block-container {
    height: 70px
}

.wap.edit-mode .omni-container .add-content-block .add-content-block-container .icon-addSection2 {
    margin-bottom: 2px
}

.wap.edit-mode .add-content-block .row .col-md-12.paddingLR0 {
    padding-right: 20px;
    padding-left: 20px
}

.add-content-block .paste-section-visible {
    display: flex;
    justify-content: space-between
}

    .add-content-block .paste-section-visible .add-content-block-container {
        display: inline-block;
        width: calc(50% - 7.5px)
    }

    .add-content-block .paste-section-visible .add-block {
        margin-right: 15px
    }

    .add-content-block .paste-section-visible .paste-block {
        margin-left: 15px
    }

body.wap.edit-mode .add-content-block-container {
    color: #0086ff;
    background: #f4f9ff;
    border: 1px solid #4284c8;
    border-radius: 5px;
    margin: 15px auto;
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

body.IPad.jd-cms.edit-mode .edit-content .click-to-edit, body.wap.jd-cms.edit-mode .edit-content .click-to-edit {
    visibility: hidden
}

body.IPad.jd-cms.edit-mode .edit-content .editable-video-holder:not(.no-video) .click-to-edit, body.wap.jd-cms.edit-mode .edit-content .editable-video-holder:not(.no-video) .click-to-edit {
    visibility: visible
}

body.wap.jd-cms .edit-content-btn-parent .edit-content-btn {
    padding: 0;
    border: 0;
    background: transparent;
    display: flex;
    justify-content: flex-end;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.28);
    height: 10vw;
    width: 8vw
}

.wap.edit-mode .adminEdit.header-color-btn .edit-content-btn .btn-holder, body.wap .edit-content-btn-parent .edit-content-btn .btn-holder {
    padding: 4px 10px;
    height: 10vw;
    width: 8vw;
    border-radius: 4px 0 0 4px;
    font-family: Roboto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    background-color: hsla(0,0%,100%,.8);
    box-shadow: none
}

.wap.edit-mode .adminEdit.header-color-btn .edit-content-btn {
    height: 35px;
    margin: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-family: Roboto;
    align-items: center;
    color: #fff;
    padding: 0;
    width: 35px;
    border: 0;
    background: transparent;
    display: flex;
    justify-content: flex-end
}

.jd-cms .edit-content.html-block {
    overflow: initial;
    min-height: 35px;
    background: #fff
}

.cantEditVariantsModal.jd-popup-modal {
    z-index: 10002
}

    .cantEditVariantsModal.jd-popup-modal .modal-dialog.popup-modal {
        max-width: 90vw
    }

    .cantEditVariantsModal.jd-popup-modal .modal-content {
        border-radius: 10px
    }

    .cantEditVariantsModal.jd-popup-modal .modal-dialog.popup-modal .modal-header {
        width: 100%;
        border-bottom: 0;
        padding: 0;
        height: 40px
    }

        .cantEditVariantsModal.jd-popup-modal .modal-dialog.popup-modal .modal-header button {
            position: absolute;
            right: 10px;
            top: 5px
        }

        .cantEditVariantsModal.jd-popup-modal .modal-dialog.popup-modal .modal-header .icon-close-thin {
            color: #777
        }

    .cantEditVariantsModal.jd-popup-modal .modal-dialog.popup-modal .modal-body {
        padding: 5px 25px 0;
        width: 100%;
        margin-bottom: 40px
    }

.wap .cantEditVariantsModal.jd-popup-modal .modal-dialog.popup-modal .modal-footer {
    margin-top: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden
}

.desktop .cantEditVariantsModal.jd-popup-modal .modal-dialog.popup-modal .modal-body {
    margin-top: 10px
}

.cantEditVariantsModal.jd-popup-modal .modal-dialog.popup-modal .modal-body .header {
    display: none
}

.cantEditVariantsModal.jd-popup-modal .modal-dialog.popup-modal .modal-body .description {
    font-size: 14px;
    color: #000;
    text-align: center;
    line-height: 18px;
    padding: 0
}

.cantEditVariantsModal.jd-popup-modal .modal-dialog.popup-modal .modal-footer .blue {
    color: #fff;
    background: #0086ff;
    border-top: 1px solid #ddd;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 14px;
    height: 40px;
    padding: 8px;
    outline: none
}

.desktop .button-popover-content .button-popover-body .btn-color-type:first-child .custom-color-selection .arrow {
    top: 242px
}

.desktop .button-popover-content .button-popover-body .btn-color-type:nth-child(2) .custom-color-selection .arrow {
    top: 284px
}

.desktop .button-popover-content .button-popover-body .btn-color-type:nth-child(3) .custom-color-selection .arrow {
    top: 323px
}

.desktop .dark-gray-pop.addButtonstyle-pop .button-popover-content .button-popover-body .btn-color-type .custom-color-selection .arrow {
    left: unset
}

.desktop .dark-gray-pop.addButtonstyle-pop .button-popover-content .button-popover-body .btn-color-type .custom-color-selection.right .arrow {
    left: -6px
}

.web-online-store-customize .icon-pluseFill {
    color: #fff
}

body.IPad.jd-cms.modal-open {
    margin-top: 0
}

.admin-user .editable-content.jd-cms-tag ~ .click-to-edit, .theme-template-user .editable-content.jd-cms-tag ~ .click-to-edit {
    display: block
}

.admin-user .tagType-pop .pop-btns.selected-drop-down, .theme-template-user .tagType-pop .pop-btns.selected-drop-down {
    color: #fea702
}

.admin-user .editable-content.jd-cms-tag, .theme-template-user .editable-content.jd-cms-tag {
    outline: 1px solid #4cb924
}

.admin-user.edit-block .editable-content.jd-cms-tag ~ .click-to-edit, .tag-indicator, .theme-template-user .edit-block .editable-content.jd-cms-tag ~ .click-to-edit {
    background: #4cb924
}

.admin-user .editable-content.jd-cms-tag.jd-cms-tag-company-address, .theme-template-user .editable-content.jd-cms-tag.jd-cms-tag-company-address {
    outline: 1px solid #9c27b0
}

    .admin-user .editable-content.jd-cms-tag.jd-cms-tag-company-address ~ .click-to-edit, .tag-indicator.jd-cms-tag-company-address, .theme-template-user .editable-content.jd-cms-tag.jd-cms-tag-company-address ~ .click-to-edit {
        background: #9c27b0
    }

.admin-user .editable-content.jd-cms-tag.jd-cms-tag-company-description, .theme-template-user .editable-content.jd-cms-tag.jd-cms-tag-company-description {
    outline: 1px solid #3f51b5
}

    .admin-user .editable-content.jd-cms-tag.jd-cms-tag-company-description ~ .click-to-edit, .tag-indicator.jd-cms-tag-company-description, .theme-template-user .editable-content.jd-cms-tag.jd-cms-tag-company-description ~ .click-to-edit {
        background: #3f51b5
    }

.admin-user .editable-content.jd-cms-tag.jd-cms-tag-contact-no, .theme-template-user .editable-content.jd-cms-tag.jd-cms-tag-contact-no {
    outline: 1px solid #00bcd4
}

    .admin-user .editable-content.jd-cms-tag.jd-cms-tag-contact-no ~ .click-to-edit, .tag-indicator.jd-cms-tag-contact-no, .theme-template-user .editable-content.jd-cms-tag.jd-cms-tag-contact-no ~ .click-to-edit {
        background: #00bcd4
    }

.admin-user .editable-content.jd-cms-tag.jd-cms-tag-comp-add-contact-email, .theme-template-user .editable-content.jd-cms-tag.jd-cms-tag-comp-add-contact-email {
    outline: 1px solid #e63722
}

    .admin-user .editable-content.jd-cms-tag.jd-cms-tag-comp-add-contact-email ~ .click-to-edit, .tag-indicator.jd-cms-tag-comp-add-contact-email, .theme-template-user .editable-content.jd-cms-tag.jd-cms-tag-comp-add-contact-email ~ .click-to-edit {
        background: #e63722
    }

.admin-user .editable-content.jd-cms-tag.jd-cms-tag-email, .theme-template-user .editable-content.jd-cms-tag.jd-cms-tag-email {
    outline: 1px solid #4caf50
}

    .admin-user .editable-content.jd-cms-tag.jd-cms-tag-email ~ .click-to-edit, .tag-indicator.jd-cms-tag.jd-cms-tag-email, .theme-template-user .editable-content.jd-cms-tag.jd-cms-tag-email ~ .click-to-edit {
        background: #4caf50
    }

.admin-user .editable-content.jd-cms-tag.jd-cms-tag-contact-email, .theme-template-user .editable-content.jd-cms-tag.jd-cms-tag-contact-email {
    outline: 1px solid #c0ca33
}

    .admin-user .editable-content.jd-cms-tag.jd-cms-tag-contact-email ~ .click-to-edit, .tag-indicator.jd-cms-tag-contact-email, .theme-template-user .editable-content.jd-cms-tag.jd-cms-tag-contact-email ~ .click-to-edit {
        background: #c0ca33
    }

.admin-user .editable-content.jd-cms-tag.jd-cms-tag-working-hours, .theme-template-user .editable-content.jd-cms-tag.jd-cms-tag-working-hours {
    outline: 1px solid #fb8c00
}

    .admin-user .editable-content.jd-cms-tag.jd-cms-tag-working-hours ~ .click-to-edit, .tag-indicator.jd-cms-tag-working-hours, .theme-template-user .editable-content.jd-cms-tag.jd-cms-tag-working-hours ~ .click-to-edit {
        background: #fb8c00
    }

.edit-block .jd-cms-tag [contenteditable] {
    display: block;
    outline: none
}

    .edit-block .jd-cms-tag [contenteditable] .phoneNo-link, .edit-mode .notification-container .contact-mob [contenteditable] .phoneNo-link {
        display: block
    }

.popover-content .custom-color-selection {
    top: -11px;
    left: 140px
}

.content .tooltipPopup .btndesignpop {
    left: 174px;
    top: -49px
}

.content .selectedBtn1 .tooltipPopup .btndesignpop {
    left: 490px !important
}

.content .selectedBtn2 .tooltipPopup .btndesignpop {
    left: 808px !important
}

.cmsheader .custom-color-selection.colorpallete-header {
    text-align: center;
    padding: 11px;
    border-bottom: 2px solid #454648;
    font-size: 14px;
    color: #f7f7f7;
    margin-bottom: 10px
}

.cmsheader .custom-color-selection {
    position: absolute;
    top: 100px
}

.cmsheader #genric-color-controls {
    background-color: #2a2c2e;
    color: #c0c0c1;
    border-radius: 4px;
    width: 384px;
    z-index: 999;
    cursor: pointer;
    font-family: Roboto;
    font-weight: 400;
    text-align: left;
    whitespace: normal
}

.cmsheader .custom-color-selection .custom-color-div {
    clear: both;
    display: flex;
    align-items: center;
    margin-left: 8px;
    margin-right: 6px;
    border-top: 1px solid #454648;
    padding: 3px 0
}

.modal-body .content .repeatBlock .text-holder {
    position: absolute;
    top: 64px;
    left: 112px
}

.services-amenities-slider .clearAll .btn {
    width: calc(100% - 30px);
    border: 1px solid #0086ff;
    box-shadow: none;
    color: #0086ff;
    background: #fff;
    border-radius: 22px;
    height: 32px
}

    .services-amenities-slider .clearAll .btn:hover {
        border-color: #fff;
        color: #fff;
        background-color: #0086ff
    }

.undo-delete-block {
    position: fixed;
    background: rgba(0,0,0,.85);
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fbfcfc;
    padding-left: 15px;
    bottom: -62px;
    opacity: 0;
    -webkit-transition: bottom .4s ease-out;
    transition: bottom .4s ease-out,opacity .2s ease-out
}

.desktop .undo-delete-block {
    padding-right: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: 450px;
    height: 52px;
    border-radius: 26px
}

    .desktop .undo-delete-block.show-undo-toast {
        bottom: 25px;
        opacity: .95;
        z-index: 10050
    }

.wap .undo-delete-block {
    width: 100%;
    height: 45px;
    border-radius: 0;
    opacity: 1;
    z-index: 15
}

    .wap .undo-delete-block.show-undo-toast {
        bottom: calc(var(--jdnotchheight));
        z-index: 1010
    }

.wap.sticky-footer-visible .undo-delete-block.show-undo-toast {
    bottom: calc(45px + var(--jdnotchheight))
}

.desktop .undo-delete-block .icon-revertChange {
    padding-right: 9px
}

.undo-delete-block .revert-changes {
    width: 82px;
    display: flex;
    align-items: center;
    justify-content: center
}

.desktop .undo-delete-block .revert-changes {
    border-radius: 5px;
    height: 34px
}

.wap .undo-delete-block .revert-changes {
    height: 48px
}

.desktop .undo-delete-block .revert-changes {
    margin-right: 20px
}

.undo-delete-block .revert-changes:active, .undo-delete-block .revert-changes:hover {
    background: rgba(137,180,249,.2)
}

.undo-delete-block .icon-revertChange, .undo-delete-block .revert-changes {
    font-size: 14px;
    color: #92b1e2
}

.undo-delete-block .revert-info {
    font-size: 14px;
    color: #fff
}

.desktop .undo-delete-block .revert-info {
    padding-left: 25px
}

.undo-delete-block .close-toast .icon-closeLight {
    font-size: 12px
}

.undo-delete-block .revert-options-holder {
    display: flex;
    align-items: center
}

.undo-delete-block.Restored .revert-changes, .wap .undo-delete-block .close-toast {
    display: none
}

.undo-delete-block .close-toast {
    display: flex;
    align-items: center;
    justify-content: center
}

    .undo-delete-block .close-toast:active, .undo-delete-block .close-toast:hover {
        background: hsla(0,0%,100%,.2)
    }

.desktop .undo-delete-block .close-toast {
    margin-right: 15px;
    width: 34px;
    height: 34px;
    border-radius: 50%
}

.wap .undo-delete-block .close-toast {
    width: 45px;
    height: 45px
}

.wap .undo-delete-block.Restored .close-toast {
    display: flex
}

.header-content .cmsheader .custom-color-selection {
    z-index: 999
}

.header-content .header-block.coverImageHeader .cmsheader .custom-color-selection {
    z-index: 1020
}

.header-content .cmsheader .custom-color-selection:empty {
    display: none
}

.mobile-sub-control-panel .submenu-items-container .customise-header-color .popover.background-color-popover {
    width: 100%;
    top: 43px;
    overflow: auto;
    max-width: unset;
    right: unset;
    background-color: inherit;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0
}

    .mobile-sub-control-panel .submenu-items-container .customise-header-color .popover.background-color-popover .popover-content {
        width: 100%;
        height: 180px;
        border: none;
        margin-top: 2px
    }

    .mobile-sub-control-panel .submenu-items-container .customise-header-color .popover.background-color-popover .popoverFooter, .mobile-sub-control-panel .submenu-items-container .customise-header-color .popover.background-color-popover .popoverHead {
        display: none
    }

    .mobile-sub-control-panel .submenu-items-container .customise-header-color .popover.background-color-popover .popover-content .pull-left {
        margin: 0 7px 0 3px
    }

        .mobile-sub-control-panel .submenu-items-container .customise-header-color .popover.background-color-popover .popover-content .pull-left .selected-theme-circle {
            width: 40px;
            height: 40px;
            border-radius: 50%
        }

.mobile-sub-control-panel .submenu-items-container .customise-header-color .background-color-popover .popover-content .icon-tick-pos {
    width: 20px;
    height: 20px;
    left: 22px
}

.alignment-btn:hover .edit-detail-subpop-info {
    display: inline
}

.edit-detail-subpop-info {
    top: -35px;
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    border-radius: 4px
}

    .edit-detail-subpop-info .popover-content {
        padding: 5px 10px
    }

    .edit-detail-subpop-info .arrow {
        left: 26px
    }

.online-store .assignUnassignModal .input-group .searchBar, .online-store .btn-danger, .online-store .btn-default, .online-store .btn-disabled, .online-store .btn-primary, .online-store .btn-warning .online-store .btn-transparent, .online-store .btn.btn-default.btn-delete, .online-store .btn.btn-delete, .online-store .btn.payment-calender, .online-store .calendar-page-body .calendar-tabs-header .event-tabs-holder, .online-store .customer-group-label, .online-store .delete-btn, .online-store .filter-products .filter-list-holder .clear-btn, .online-store .jd-btn-primary, .online-store .missing-tax .view-all-btn-holder .view-all-btn, .online-store .select-outlet-input, .online-store .singleUploadButton .btn-upload.upload-image-btn, .online-store .staff-list-drop-down .drop-down, .online-store .statusBtn, .online-store .web-calendar-container .calendar-tabs-header .event-date-holder, .online-store .web-campaign-manage .camp-border, .online-store .web-campaign-manage .camp-type, .online-store .web-campaign-manage .draft-style, .online-store .web-pos .amout-suggestion span, .online-store .web-purchaseOrder-addEdit .input-supplier-search {
    border-radius: 100px;
    -webkit-border-radius: 100px
}

.cbx {
    margin: auto;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

    .cbx span {
        display: inline-block;
        vertical-align: middle;
        transform: translateZ(0)
    }

        .cbx span:first-child {
            position: relative;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            transform: scale(1);
            vertical-align: middle;
            border: 1px solid #9098a9;
            transition: all .2s ease
        }

            .cbx span:first-child svg {
                position: absolute;
                top: 3px;
                left: 2px;
                fill: none;
                stroke: #fff;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-dasharray: 16px;
                stroke-dashoffset: 16px;
                transition: all .3s ease;
                transition-delay: .1s;
                transform: translateZ(0)
            }

            .cbx span:first-child:before {
                content: "";
                width: 100%;
                height: 100%;
                background: #0086ff;
                display: block;
                transform: scale(0);
                opacity: 1;
                border-radius: 50%
            }

        .cbx span:last-child {
            padding-left: 8px
        }

    .cbx:hover span:first-child {
        border-color: #0086ff
    }

.inp-cbx:checked + .cbx span:first-child {
    background: #0086ff;
    border-color: #0086ff;
    animation: wave .4s ease
}

    .inp-cbx:checked + .cbx span:first-child svg {
        stroke-dashoffset: 0
    }

    .inp-cbx:checked + .cbx span:first-child:before {
        transform: scale(3.5);
        opacity: 0;
        transition: all .6s ease
    }

@keyframes wave {
    50% {
        transform: scale(.9)
    }
}

.web-online-store-customize .click-to-edit .icon-pluseFill {
    font-size: 13px;
    padding-left: 5px
}

.wap.mobile-cms .animate-to-view.image-upload-popup.animate {
    z-index: 1013
}

.wap .block-slider-container .image-modal .image-modal-footer {
    background: transparent
}

    .wap .block-slider-container .image-modal .image-modal-footer .btn-primary {
        border-radius: 0
    }

.IPad.jd-cms .template-main-container.feat-dynamic-blocks.featuredProd {
    overflow: visible
}

.wap .editable-button-container .editable-button .edit-popover div.pop-btns.link {
    display: none
}

.desktop .edit-block.webheader.header-content.apparel, .desktop .edit-block.webheader.header-content.default, .desktop .edit-block.webheader.header-content.furniture, .desktop .edit-block.webheader.header-content.grocery, .desktop .edit-block.webheader.header-content.machinery2, .desktop .edit-block.webheader.header-content.machinery3, .desktop .edit-block.webheader.header-content.mobile {
    z-index: 101
}

.social-settings-slider .animate-div-right {
    display: block;
    width: 320px;
    z-index: 1250;
    right: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
    position: fixed
}

.social-settings-slider .animate-subsection-left {
    background: #fff
}

.social-settings-slider .content-area .switch-with-label {
    width: 100%;
    margin: 0;
    border: 0;
    box-shadow: none;
    position: relative
}

.social-settings-slider .animate-section-overlay {
    z-index: 1200
}

.wap .social-settings-slider .animate-div-right {
    width: 100%
}

.social-settings-slider .content-area .switch-with-label:after {
    content: "";
    width: calc(100% - 30px);
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 15px;
    border-bottom: 1px solid #e8e8e8
}

.switch-button-container .switch-btn-checkbox:checked + .custom-switch-btn:before {
    left: 7px
}

.desktop .social-settings-slider .mobile-header-left {
    width: 14%
}

.social-settings-slider .mobile-header-center {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px
}

body.wap #textColorPicker::-webkit-slider-thumb {
    width: 22px;
    height: 22px;
    padding: 5px
}

.desktop.detail-page .edit-mode .image-preview-block, .desktop.listing .edit-mode .product-img, .desktop .search.edit-mode .product-img {
    position: relative
}

    .desktop.detail-page .edit-mode .image-preview-block:hover {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        outline: 1px solid #0086ff
    }

.desktop.detail-page .edit-mode .col-xs-9.image-preview-block:hover {
    outline-offset: 1px
}

.desktop.listing .edit-mode .product-img:hover, .desktop .search.edit-mode .product-img:hover {
    overflow: hidden;
    z-index: 22
}

.desktop.detail-page .edit-mode .image-preview-block:hover:after {
    content: " ";
    width: 69px;
    height: 30px;
    background: url(https://image1.jdomni.in/jdomni_email/edit_1812241643.png);
    background-repeat: no-repeat;
    position: absolute;
    top: -1px;
    right: -1px;
    z-index: 11;
    display: block;
    cursor: pointer
}

.fake-element-icon-left {
    cursor: pointer;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    right: -20px;
    left: 0;
    color: #fff
}

.upload-image-slider .slider-header .icon-close-thin {
    position: absolute;
    right: 0
}

.desktop .add-image-to-banner:hover .cms-add-action-button .icon-cameraNew, .desktop .add-image-to-gallery:hover .cms-add-action-button .icon, .desktop .cms-add-action-button:hover .icon, .desktop .editable-content:hover .cms-add-action-button .icon, .desktop .nobanner-container:hover .cms-add-action-button .icon-cameraNew, .desktop .template-main-container .cms-add-action-button:hover .icon {
    color: #fff
}

body.edit-mode .editable-video-holder:not(.no-video) > .click-to-edit {
    z-index: 4
}

.template-main-container div[contenteditable=true] {
    cursor: text !important
}

.desktop .image-upload-popup .popover-content.paste-style {
    opacity: .5
}

.video-slider.services-amenities-slider {
    height: inherit;
    position: relative
}

.wap .video-slider.services-amenities-slider {
    background: #eef1f8
}

.video-slider.services-amenities-slider .amenitiesServices-save-footer {
    position: absolute;
    z-index: 11;
    width: 100%
}

.video-slider.services-amenities-slider .card-box .card-name-type {
    width: calc(100% - 58px)
}

.video-slider.services-amenities-slider .card-box .card-delete {
    top: -7px
}

.video-slider .amenitiesServices-save-footer button {
    padding: 9px
}

.jd-video-slider:not(.ng-hide) + .animate-section-overlay {
    display: none
}

.no-font-match .font-oops {
    font-size: 16px;
    padding-top: 10px
}

.hell-yeah {
    margin-left: 10px
}

.desktop .edit-mode .editable-video-holder.no-video .no-block-data {
    min-height: 300px
}

.wap.edit-mode .dynamic-video-block .editable-video-holder.no-video.video-added {
    min-height: unset;
    height: 36px;
    border: none;
    margin-left: 0;
    margin-right: 0
}

.wap.jd-cms.edit-mode .dynamic-video-block .no-video.video-added .add-video-btn {
    width: 100%
}

.wap .add-section-mobile {
    width: 113px;
    height: 8vw;
    position: absolute;
    display: inline-flex;
    background: hsla(0,0%,100%,.9);
    border-radius: 7px;
    align-items: center;
    justify-content: space-evenly;
    left: 50%;
    transform: translateX(-50%);
    top: -16px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    z-index: 1;
    transition: width .5s cubic-bezier(.45,-.09,.85,1.06);
    padding: 0 6px
}

    .wap .add-section-mobile .plus-icon {
        font-size: 10px;
        color: #333;
        position: absolute;
        left: 3.5vw
    }

.wap .hide-add-section-text .add-section-mobile {
    width: 10vw;
    height: 8vw;
    padding: 0
}

    .wap .hide-add-section-text .add-section-mobile .text {
        left: 10.5vw
    }

    .wap .hide-add-section-text .add-section-mobile .plus-icon {
        font-size: 12px
    }

.wap .add-section-mobile .text {
    color: #333;
    font-size: 12px;
    line-height: 12px;
    font-family: Roboto-Medium;
    position: absolute;
    min-width: 85px;
    left: 28px;
    transition: left .5s cubic-bezier(.45,-.09,.85,1.06)
}

.wap.iosSafari .add-section-mobile .fake-div {
    width: 2vw
}

.wap .add-section-mobile .fake-div {
    height: 8vw;
    width: 2.8vw;
    position: absolute;
    background: #fff;
    right: 0
}

.wap .add-section-mobile.first-block {
    top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.wap .add-section-mobile.last-block.bottom {
    height: 30px;
    top: unset;
    bottom: 0;
    border-radius: 7px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 -2px 4px 0 rgba(0,0,0,.2)
}

.wap .add-section-full-view {
    width: 100%;
    height: 60vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    background: #fff;
    border-bottom: 1px solid hsla(0,0%,86.7%,.6)
}

    .wap .add-section-full-view .no-items {
        margin: 0
    }

    .wap .add-section-full-view .no-items-message {
        margin-bottom: 10px
    }

    .wap .add-section-full-view .no-item-btn {
        color: #fff;
        width: 50%;
        background: #ff7b05;
        margin: 0 auto;
        outline: none
    }

        .wap .add-section-full-view .no-item-btn .plus-icon {
            margin-right: 4px;
            font-size: 12px
        }

.wap.jd-cms .add-section-mobile {
    z-index: 10;
    overflow: hidden
}

.add-sec-border {
    width: 100%;
    height: 1px;
    z-index: 1;
    background: hsla(0,0%,86.7%,.6)
}

.wap .add-section-full-view .no-items-message, .wap .add-section-full-view .no-items-submsg {
    width: 80%;
    margin: auto auto 15px
}

.jd-cms .switch .toggle {
    position: absolute;
    height: 20px;
    width: 32px;
    z-index: 9999;
    opacity: 0;
    top: 17px
}

.jd-cms .wysiwyg-content {
    min-height: 100px
}

    .jd-cms .wysiwyg-content:after {
        content: " ";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

.jd-cms .amenities-block-container .change-color-holder {
    overflow: hidden
}

.jd-cms.modal-open .edit-block-modal .modal-content, .jd-cms.modal-open .edit-block-modal .modal-content .modal-body.editBlockModalBody {
    min-height: unset
}

.desktop .edit-mode.jd-cms .settings .switch-button-container .custom-switch-btn {
    height: 18px;
    width: 45px
}

    .desktop .edit-mode.jd-cms .settings .switch-button-container .custom-switch-btn .switch-button {
        height: 20px;
        width: 20px;
        left: 0;
        border-radius: 50%;
        top: -1px;
        z-index: 3
    }

.desktop .edit-mode.jd-cms .settings .switch-button-container .switch-btn-checkbox:checked + .custom-switch-btn:before {
    left: 7px;
    top: 6px
}

.desktop .edit-mode.jd-cms .settings .switch-button-container .custom-switch-btn:before {
    left: 23px;
    top: 6px
}

.desktop .edit-mode.jd-cms .settings .switch-button-container .switch-btn-checkbox:checked + .custom-switch-btn .switch-button {
    left: 26px
}

.jd-cms.edit-mode .animate-section-overlay {
    position: fixed;
    background: #000;
    opacity: .8
}

.wap .edit-popover .block-width {
    width: 35px;
    flex-shrink: 0;
    display: inline-flex;
    height: 40px;
    align-items: center;
    justify-content: center
}

.wap .switch-button-container .custom-switch-btn:before {
    left: 22px;
    line-height: 10px;
    top: .5rem
}

.wap .switch-button-container .switch-btn-checkbox:checked + .custom-switch-btn:before {
    top: .5rem
}

.wap .link-menu.selectedLinkSlider .header-right-icon .icon-close-thin {
    left: 0;
    padding-right: 5px
}

.wap .font-popover-content .icon-holder, .wap .font-popover-content input {
    display: none
}

.wap .bigThumbnail .product-list-container .editable-image-holder, .wap .bigThumbnailBlock .category-list-container .editable-image-holder, .wap .product-list-container .editable-content-holder.para-1:first-child {
    margin-bottom: 0
}

.wap .menuLinkslider-holder .jd-mobile-header {
    background: transparent
}

.fb-thumb-loader.image-container img {
    width: 48px
}

.cms-slider-footer-btns, .cms-slider-footer-btns .footer-btns-2 {
    position: absolute !important;
    bottom: 0;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    border: none;
    outline: none;
    margin: 0
}

    .cms-slider-footer-btns .btn {
        font-weight: 400;
        font-size: .875rem
    }

.cms-slider-footer-btns {
    width: 100%
}

.jd-cms .cms-slider-footer-btns .btn.btn-blue, .jd-cms .cms-slider-footer-btns .btn.btn-white {
    border-radius: 25px;
    margin: 15px;
    width: calc(100% - 30px) !important;
    height: 40px;
    transition: all .5s
}

.jd-cms .cms-slider-footer-btns .btn.add-btn, .jd-cms .cms-slider-footer-btns .btn.top-btn {
    margin-bottom: 0 !important
}

.desktop .jd-cms .cms-slider-footer-btns .btn.btn-white, .jd-cms .cms-slider-footer-btns .btn.btn-white {
    border: 1px solid #0086ff;
    border-left: 1px solid #0086ff !important;
    box-shadow: none
}

.jd-cms .cms-slider-footer-btns .btn.btn-white {
    color: #0086ff;
    background: #fff
}

.jd-cms .cms-slider-footer-btns .btn.btn-blue {
    border: 1px solid #0086ff;
    box-shadow: none;
    color: #fff;
    background: #0086ff
}

    .jd-cms .cms-slider-footer-btns .btn.btn-blue:hover {
        background: #0174dc !important;
        border-color: #0174dc !important
    }

.desktop .jd-cms .cms-slider-footer-btns .btn.btn-white:focus, .desktop .jd-cms .cms-slider-footer-btns .btn.btn-white:hover {
    background: #0086ff !important;
    color: #fff
}

.jd-cms .cms-slider-footer-btns .btn.btn-blue:active, .jd-cms .cms-slider-footer-btns .btn.btn-blue:focus, .jd-cms .cms-slider-footer-btns .btn.btn-white:active, .jd-cms .cms-slider-footer-btns .btn.btn-white:focus {
    outline: none
}

.desktop .jd-cms .cms-slider-footer-btns .btn:focus {
    color: #fff
}

.jd-cms .cms-slider-footer-btns .two-btns.btn.btn-blue, .jd-cms .cms-slider-footer-btns .two-btns.btn.btn-white {
    border-radius: 25px;
    margin: 15px;
    width: calc(50% - 30px) !important
}

    .jd-cms .cms-slider-footer-btns .two-btns.btn.btn-white:nth-child(2) {
        width: calc(50% - 20px) !important;
        margin-right: 5px
    }

    .jd-cms .cms-slider-footer-btns .two-btns.btn.btn-white:nth-child(3) {
        width: calc(50% - 20px) !important;
        margin-left: 5px
    }

.jd-cms .cms-slider-footer-btns .two-btns.btn-blue, .jd-cms .cms-slider-footer-btns .two-btns.btn-white {
    border-radius: 25px;
    margin: 15px;
    width: calc(50% - 30px) !important
}

.cms-bottom-floating-btn {
    position: absolute !important;
    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,.3);
    cursor: pointer;
    border: none;
    outline: none
}

.detail-page .IPad .cms-bottom-floating-btn, .IPad .cms-bottom-floating-btn, .IPad .feature-product-div.settings-slider .cms-bottom-floating-btn, .IPad .url-mode .cms-bottom-floating-btn, .listing .IPad .cms-bottom-floating-btn {
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center
}

.cms-bottom-floating-btn:hover {
    border: none;
    outline: none;
    color: #fff
}

.jd-cms:not(.wap) .cms-bottom-floating-btn:hover {
    background: #0174dc;
    transition: all .5s;
    box-shadow: 0 4px 10px rgba(0,0,0,.3)
}

.wap .cms-slider-footer-btns, .wap .cms-slider-footer-btns .footer-btns-2 {
    position: absolute;
    bottom: 0;
    width: 100%
}

.feature-category .feature-body .category-select, .feature-category .feature-content {
    height: 100%
}

.edit-cat.feature-category .feature-body .category-select .settingsCard {
    line-height: 1.2;
    font-size: 12px;
    border-bottom: 4px solid #edf1f7;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 10px;
    height: 60px
}

.feature-category.sort-cat .view-categories {
    height: 100%
}

.feature-category .animate-div-right {
    height: 556px
}

.feature-category .category-tree {
    height: calc(100% - 82px);
    margin-bottom: 41px;
    padding-left: 6px
}

.feature-category .animate-section-overlay {
    height: 550px
}

.feature-category.animate-section-overlay {
    height: 100%;
    background: #000;
    opacity: .8
}

.feature-category .switch .toggle {
    top: 0
}

.feature-category .jd-animate.submenu-active {
    box-shadow: -2px 0 5px rgba(0,0,0,.175);
    height: 100%
}

.feature-category .jd-animate.animate-subsection-left {
    height: 100%;
    background: #fff
}

.slider-new.feature-category.sort-cat .slider-body {
    padding-bottom: 0
}

.feature-category .cat-draggable-area {
    height: 100%;
    overflow: auto;
    padding-bottom: 70px
}

    .feature-category .cat-draggable-area.big-thumbnail-block {
        padding-bottom: 110px
    }

    .feature-category .cat-draggable-area .card-list {
        cursor: auto
    }

.feature-category .cat-box, .feature-product-div .prod-box {
    height: 112px;
    background: #fff
}

.feature-category .name-btn-container {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.feature-category .image-name, .feature-product-div .image-name {
    display: inline-block;
    position: relative;
    top: 14px;
    font-size: 14px;
    color: #797979;
    width: calc(100% - 55px);
    font-weight: 500
}

.feature-category .category-number, .feature-product-div .product-number {
    display: inline-block;
    font-size: 13px;
    color: #8e8e8e
}

.feature-category .action-btn-container, .feature-product-div .action-btn-container {
    display: inline-block;
    font-size: 11px
}

.product-list-section .clearAll .btn {
    width: calc(100% - 30px);
    border: 1px solid #0086ff;
    box-shadow: none;
    color: #0086ff;
    background: #fff;
    border-radius: 22px;
    height: 40px
}

    .product-list-section .clearAll .btn:hover {
        background: #0086ff;
        color: #fff
    }

.feature-category .action-btn, .feature-product-div .action-btn {
    height: 37px;
    width: 37px;
    border-top-right-radius: 10px;
    border: 0;
    background-color: #fff;
    position: relative;
    border-left: 1px solid #e6e6e6;
    display: flex
}

    .feature-category .action-btn > .action-btn-icon, .feature-product-div .action-btn > .action-btn-icon {
        height: 35px
    }

        .feature-category .action-btn > .action-btn-icon:hover, .feature-product-div .action-btn > .action-btn-icon:hover {
            color: #333;
            cursor: pointer
        }

    .feature-category .action-btn:focus, .feature-product-div .action-btn:focus {
        outline: none
    }

.feature-category .more-options, .feature-product-div .more-options {
    position: absolute;
    background: #fff;
    z-index: 1;
    font-size: 12px
}

.feature-category .product-cell.product-image > img {
    width: 48px;
    height: 48px;
    border-radius: 0;
    margin: 0 !important
}

.feature-category .product-cell.product-image {
    width: 50px;
    height: 50px;
    background: #fff;
    border: 1px solid #eee;
    margin-top: 0;
    margin-right: 15px;
    align-self: flex-start;
    flex: 0 0 50px;
    overflow: hidden
}

.feature-category .card-name-holder {
    margin-right: 15px;
    align-items: center
}

.feature-category .action-btn-icon.icon-more_vertical, .feature-product-div .action-btn-icon.icon-more_vertical {
    color: #898989
}

.feature-category .action-btn-icon.icon-key-down, .feature-category .action-btn-icon.icon-key-up {
    position: relative;
    top: 2px;
    color: #898989
}

.feature-category .action-btn[disabled], .feature-category .action-btn[disabled] .action-btn-icon, .feature-product-div .action-btn[disabled], .feature-product-div .action-btn[disabled] .action-btn-icon {
    color: #bdbdbd
}

.feature-category .more-options .card-action-btns-list:hover, .feature-product-div .more-options .card-action-btns-list:hover {
    background: #ebebeb
}

.feature-category .more-options .card-action-btns-list:first-child:hover, .feature-product-div .more-options .card-action-btns-list:first-child:hover {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.feature-category .more-options .card-action-btns-list:last-child:hover, .feature-product-div .more-options .card-action-btns-list:last-child:hover {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.feature-category .delete-image-popup, .feature-product-div .delete-image-popup {
    display: inline-block
}

.feature-category .visibilityHidden, .feature-product-div .visibilityHidden {
    visibility: hidden
}

.feature-product.animate-section-overlay {
    display: block;
    background: #000;
    opacity: .8
}

.feature-product-div .jd-animate.animate-subsection-left {
    background: #fff
}

.feature-product-div .jd-animate.submenu-active {
    box-shadow: -2px 0 5px rgba(0,0,0,.175);
    height: 100%;
    width: 320px
}

.online-store .feature-product-div .jd-animate.full-height.animate-subsection-left {
    padding-bottom: 0
}

.jd-autosuggest-item .prod-name {
    width: 78%;
    font-size: 11px;
    max-width: 191px
}

.jd-autosuggest-item .prod-uom {
    position: static;
    font-size: 12px;
    color: #718190
}

.jd-autosuggest-item .prod-info-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-right: 15px;
    padding-bottom: 9px
}

.jd-autosuggest-item .prod-variant-count {
    color: #718190;
    font-size: 12px
}

.feature-product-div .show-price-option {
    height: 44px;
    display: flex
}

    .feature-product-div .show-price-option label {
        margin-bottom: 0
    }

.feature-product-div .show-price-label {
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 17px;
    padding-bottom: 2px;
    border-bottom: 1px solid #e6e6e6
}

    .feature-product-div .show-price-label .header-txt-style {
        padding-left: 10px
    }

.feature-product-div .web-product-search .search-product-name .input-product-search {
    padding: 0 10px 0 55px
}

.feature-product-div.product-search .search-right-icons.icon-HDRsearch, .feature-product-div .small-search-loader {
    z-index: 6
}

span.clear-product-search:hover {
    cursor: pointer
}

.feature-product-div .web-product-search .search-product-name .clear-product-search {
    z-index: 2
}

.feature-product-div .web-product-search .search-product-name .icon-HDRcross {
    font-size: 14px;
    position: static !important
}

@media screen and (max-width:478px) {
    .feature-product-div .web-product-search .search-product-name .icon-HDRcross, .wap .feature-product-div.product-search .left-icon .icon-HDRback, .wap .feature-product-div.product-search .search-right-icons.icon-HDRsearch {
        font-size: 16px !important
    }
}

.wap .feature-product-div .web-product-search .search-product-name .clear-product-search {
    z-index: 5
}

.feature-product-div .product-list-section {
    width: 100%;
    height: 100%;
    overflow: auto;
    background: #eee
}

.web-left-container .feature-product-div .form-group {
    margin-bottom: 0
}

.feature-product-div .prod-box {
    position: unset
}

.feature-product-div .product-uom {
    font-size: 12px;
    width: 111px
}

.feature-category .repetitive-repeat.product-category-selection .product-group-name .icon-Checkmark {
    display: none
}

.feature-category .mob-repetitive-repeat li {
    padding: 0
}

.feature-category .product-category-selection .left-checkmark-div {
    display: table-cell;
    vertical-align: middle;
    width: 40px;
    text-align: center
}

    .feature-category .product-category-selection .left-checkmark-div .left-checkmark {
        height: 20px;
        width: 20px;
        font-size: 20px;
        display: inline-block;
        border-radius: 25px;
        position: relative;
        top: 1px
    }

        .feature-category .product-category-selection .left-checkmark-div .left-checkmark:not(.text-blue) {
            border: 1px solid #ccc
        }

.desktop .feature-category .product-category-selection .item-clickable-div:hover, .feature-category .product-category-selection .text-blue {
    color: #0086ff
}

.feature-category .product-category-selection .item-clickable-div {
    cursor: pointer
}

.feature-category .feature-content .feature-body .category-select .category-tree {
    height: calc(100% - 45px);
    overflow: auto
}

    .feature-category .feature-content .feature-body .category-select .category-tree .mob-repetitive-repeat {
        height: auto
    }

.feature-product-div .category-img .jd-rating {
    display: inline-block;
    bottom: 12px;
    right: 9px;
    position: absolute
}

.feature-product-div .product-cell {
    width: 50px;
    height: 57px;
    display: table
}

.feature-product-div .gallery-image .product-cell.product-image {
    margin-top: 12px;
    border: 1px solid #dcdcdc;
    border-radius: 6px
}

.feature-product-div .product-cell .jd-image-loader-icon {
    width: 50px;
    height: 48px;
    margin-right: 0 !important;
    display: table-cell;
    vertical-align: middle
}

.feature-product-div .web-product-search .search-result-container {
    top: 42px
}

.feature-product-div .web-product-search .search-result-holder {
    border-radius: 0;
    padding: 0;
    max-height: unset;
    height: 100%;
    border: 0;
    box-shadow: none
}

.iosSafari:not(.iosApp) .feature-product-div .web-product-search .search-result-holder {
    height: calc(100% - 76px)
}

.feature-product-div .web-product-search .jd-autosuggest-item {
    padding: 0;
    min-height: 57px
}

.feature-product-div .product-cell.product-image {
    width: 50px;
    height: 50px;
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.feature-product-div .jd-autosuggest-item .product-cell.product-image {
    width: 36px;
    height: 36px;
    margin-left: 10px;
    overflow: hidden;
    border: 1px solid #d8d8d8
}

.feature-product-div .product-cell.product-image .jd-image-loader-icon {
    height: 100%;
    width: 100%;
    margin: 0 !important;
    display: flex;
    justify-content: center;
    padding: 0;
    align-items: center
}

.feature-product-div .web-product-search .jd-autosuggest-item, .web-product-search .no-border-bottom .product-cell.product-details {
    border: 0
}

    .feature-product-div .web-product-search .jd-autosuggest-item:hover {
        background: #f5fafe
    }

.feature-product-div .product-cell.product-image > img {
    max-height: 49px !important;
    max-width: 49px !important
}

.feature-product-div .jd-autosuggest-item .product-cell.product-image > img {
    max-height: 34px !important;
    max-width: 34px !important
}

.feature-product-div .product-cell.product-details {
    margin: 0;
    width: calc(100% - 71px);
    flex: 1;
    position: relative;
    padding-left: 0;
    border-bottom: 1px solid #eee;
    height: unset;
    min-height: 57px
}

.feature-product-div .prod-name {
    display: block;
    font-size: 14px;
    padding: 8px 0 0
}

    .feature-product-div .prod-name span {
        font-size: unset
    }

.feature-product-div .jd-rating label {
    float: right
}

.feature-category .action-btn-icon, .feature-product-div .action-btn-icon {
    height: 44px;
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0
}

    .feature-category .action-btn-icon.font16 {
        color: #545454
    }

    .feature-product-div .action-btn-icon.font16 {
        color: #dcdcdc
    }

.feature-category button[disabled=disabled] .action-btn-icon.font16, .feature-product-div button[disabled=disabled] .action-btn-icon.font16 {
    color: #ccc
}

.feature-product-div button[disabled=disabled]:hover {
    background-color: #fff
}

.feature-product-div button .action-btn-icon.font16 {
    color: #777
}

#jdPopupTypeConfirm {
    background: rgba(0,0,0,.7);
    z-index: 10001 !important
}

.feature-html .editable-content-holder .editable-content.not-editable a {
    color: inherit
}

.edit-block .category-list-container .editable-content-holder .edit-popover .buttons-content .delete, .edit-block .product-list-container .editable-content-holder .edit-popover .buttons-content .delete {
    display: none
}

.feature-category .category-select .category-tree {
    height: 100%;
    margin-bottom: 0
}

.wap .feature-category .category-select .category-tree {
    height: calc(100% - 56px)
}

.editable-category-holder > .click-to-edit, .editable-product-holder > .click-to-edit {
    display: none !important
}

.editable-category-holder .editable-content:hover, .editable-product-holder .editable-content:hover {
    outline: none
}

.editable-category-holder.under-edit, .editable-product-holder.under-edit {
    outline: none !important
}

    .editable-category-holder.under-edit .editable-content, .editable-product-holder.under-edit .editable-content {
        border: 1px solid #4086c4
    }

.bg-gray {
    background: #eee
}

.edit-mode.jd-cms .home-cat-row.category-list-container.jd-slider, .home-page .jd-cms.edit-mode .prd_outer.grid_view.jd-slider {
    transform: none !important;
    position: relative
}

.desktop .edit-block .category-list-container .editable-content-holder .edit-popover div.text-capsing, .desktop .edit-block .product-list-container .editable-content-holder .edit-popover div.text-capsing {
    margin-left: 15px
}

.desktop .edit-block .category-list-container .editable-content-holder .edit-popover .alignment .icon-pagination-up, .desktop .edit-block .product-list-container .editable-content-holder .edit-popover .alignment .icon-pagination-up {
    padding-right: 7px
}

.desktop .edit-block .category-list-container .editable-content-holder .edit-popover div.text-capsing .dropdown-icon, .desktop .edit-block .product-list-container .editable-content-holder .edit-popover div.text-capsing .dropdown-icon {
    border-right: none
}

.template-main-container.featuredCat.change-color-holder .edit-popover .delete, .template-main-container.featuredProd.change-color-holder .edit-popover .delete {
    display: none
}

.featuredCat .no-category .custom-template {
    padding-left: 30px;
    padding-right: 30px
}

.desktop .full-height {
    height: 100%
}

.desktop .feature-product .add-product-btn-div {
    margin: 0;
    width: 232px;
    min-height: 300px;
    z-index: 1;
    flex: 0
}

.desktop .bigThumbnail .feature-product .add-product-btn-div {
    flex: 1
}

.desktop .bigThumbnail .feature-html:not(.no-products) .add-product-btn-div {
    flex: 0 0 calc(33% - 30px);
    margin: 15px
}

.desktop .bigThumbnail .feature-product .add-product-btn-div.no-products {
    margin: 0
}

.desktop .no-products.add-product-btn-div {
    flex: 1;
    width: auto
}

.desktop .featuredProd .feature-html .add-product-btn-div {
    margin: 30px 20px
}

.desktop .basic-feat-prod .feature-html .add-product-btn-div {
    margin: 20px 0
}

.desktop .featuredProd .feature-html .change-color-holder ~ .add-product-btn-div {
    margin: 45px 10px 45px 30px
}

.desktop .feature-product .add-product-btn-div .editable-content {
    background: #fff
}

.desktop .feature-product .add-product-btn-div .editable-product-holder {
    height: 100%
}

.desktop .add-product-btn-div .cms-add-action-button {
    min-width: 210px
}

.desktop .no-cat-block .cms-add-action-button {
    min-width: 180px
}

.desktop .listing .no-cat-block .cms-add-action-button, .IPad .no-cat-block .cms-add-action-button {
    min-width: 150px
}

.desktop .add-product-btn-div .cms-add-action-button, .desktop .no-cat-block .cms-add-action-button {
    margin: 0 10px;
    font-size: 14px
}

.desktop .cat-list-wrapper .no-cat-block {
    width: auto;
    padding-left: 15px
}

    .desktop .cat-list-wrapper .no-cat-block .editable-content {
        height: 100%;
        min-height: 0;
        flex: 1;
        display: flex
    }

.desktop .featuredProd .feature-html:not(.no-products) .feat-prod-title {
    width: calc(30% - 195px)
}

.desktop .preview .featuredProd .feature-product .feature-html {
    width: calc(100% - 270px)
}

.desktop .featuredProd .add-product-btn-div .icon-fillProduct {
    padding-left: 0
}

.wap .feature-product-div .card-edit-option {
    width: 60vw
}

.feature-category.edit-cat .mob-repetitive-repeat .repeat-list-item:last-child, .feature-category.sort-cat .card-box .card-list:last-child {
    margin-bottom: 65px
}

.feature-product-div .card-list .card-edit-options-btn {
    border: 0;
    cursor: auto
}

.feature-product-div .card-edit-options-btn .card-edit-option {
    cursor: pointer
}

.feature-category .card-list:last-child .card-edit-options-btn {
    top: unset;
    bottom: 0
}

.feature-category .card-list:first-child .card-edit-options-btn, .feature-category .card-list:nth-child(2) .card-edit-options-btn, .feature-category .card-list:nth-child(3) .card-edit-options-btn, .feature-category .card-list:nth-child(4) .card-edit-options-btn, .feature-product-div .card-list:first-child .card-edit-options-btn, .feature-product-div .card-list:nth-child(2) .card-edit-options-btn, .feature-product-div .card-list:nth-child(3) .card-edit-options-btn, .feature-product-div .card-list:nth-child(4) .card-edit-options-btn {
    top: 11px;
    bottom: unset
}

.feature-category.edit-cat .mob-repetitive-repeat .child-list .repeat-list-item:last-child {
    margin-bottom: 0
}

.feature-product-div .search-result-container .featured-products {
    display: flex;
    align-items: center
}

.feature-product-div .search-result-container .product-cell.product-details {
    border-bottom: 1px solid #eee
}

.feature-product-div .prod-draggable-area {
    height: 100%;
    padding-bottom: 185px
}

.feature-product-div .card-name-type {
    width: calc(100% - 70px);
    color: #333
}

.feature-product-div .card-box .card-name-holder, .feature-product-div .settingsCard {
    align-items: center
}

.feature-product-div .drag-element.settingsCard .drag-icon {
    height: 48px
}

    .feature-product-div .drag-element.settingsCard .drag-icon:active, .feature-product-div .drag-element.settingsCard .drag-icon:focus {
        background: rgba(0,0,0,.058823529411764705)
    }

.feature-product-div .drag-element.settingsCard {
    align-items: center;
    padding: 5px 4px;
    height: 80px
}

.feature-product-div .save-btn {
    z-index: 4;
    bottom: 15px
}

.iphoneX .feature-product-div .save-btn {
    bottom: 35px
}

.feature-product-div.product-search .left-icon {
    position: absolute;
    z-index: 5;
    font-size: 22px;
    left: 8px;
    top: 13px;
    color: #7d7d7d
}

.wap .feature-product-div.product-search .left-icon {
    height: 100%;
    top: 0;
    width: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    left: 2px;
    box-sizing: border-box
}

    .wap .feature-product-div.product-search .left-icon .icon-HDRback {
        bottom: 1px;
        position: relative;
        font-size: 14px
    }

.desktop .feature-product-div.product-search .left-icon {
    font-size: 16px
}

.feature-product-div .search-holder .white-BG {
    position: relative
}

.feature-category.setting .settingsCard, .feature-product-div.settings-slider .settingsCard {
    box-shadow: none;
    font-size: 14px;
    color: #424448;
    line-height: 16px
}

.feature-product-div.settings-slider .settingsCard {
    margin: 0;
    padding: 12px;
    width: 100%;
    height: 50px;
    border-radius: 0
}

.feature-category.setting .settingsCard {
    padding: 0 15px;
    margin: 0;
    width: 100%;
    border-radius: 0;
    height: 50px
}

    .feature-category.setting .settingsCard .settingCardText {
        color: #4a4a4a
    }

.feature-product-div .card-delete {
    top: -20px
}

.feature-category.sort-cat .settingsCard .card-delete {
    top: -5px
}

.feature-category.sort-cat .card-name-type .card-name, .feature-category.sort-cat .card-name-type .card-type {
    cursor: default
}

.feature-category.edit-cat .mobile-header-left {
    position: absolute;
    top: 4px
}

    .feature-category.edit-cat .mobile-header-left i {
        color: #fff
    }

.feature-category.edit-cat .mobile-header-center {
    width: 100%;
    padding: 0
}

.feature-product-div .web-product-search .search-result-container .auto-suggest-holder-inner {
    height: 100%
}

.desktop .feature-category.edit-cat .mobile-header-right {
    position: absolute;
    right: 0
}

.featured-category-block .linked-section .edit-popover .icon-addLink {
    color: silver
}

.desktop .featuredCatAmz .cat-list-wrapper:not(.no-category) .no-cat-block, .desktop .withDesc .cat-list-wrapper:not(.no-category) .no-cat-block {
    margin: 0
}

.desktop .withDesc .cat-list-wrapper:not(.no-category) .no-cat-block {
    margin-top: 20px;
    margin-bottom: 20px
}

.desktop .featuredCat .cat-list-wrapper:not(.no-category) .no-cat-block {
    margin: 20px 0 20px 20px
}

.desktop .template-main-container:not(.no-category) .no-cat-block {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0 15px
}

.desktop .bigThumbnailBlock .template-main-container:not(.no-category) .category-list-container .no-cat-block {
    margin: 0 15px 30px;
    width: 33.33%;
    flex: unset
}

.desktop .default-cat-block .template-main-container:not(.no-category) .category-list-container .no-cat-block {
    width: 33.33%;
    flex: unset
}

.desktop .feature-product-div .web-product-search .search-result-container {
    top: 46px;
    height: calc(100vh - 98px);
    max-height: unset
}

.desktop .feature-product-div .card-delete {
    top: -20px
}

.desktop .jd-cms .edit-content .product-box-div .popover .featured-prod, .desktop .jd-cms .edit-content .product-box-div .popover .featured-prod .icon-setting {
    display: inline-flex;
    width: 32px;
    justify-content: center
}

.desktop .jd-cms .edit-content .product-box-div .para-1 .popover .text-capsing.inline-block, .desktop .jd-cms .edit-content .product-box-div .para-2 .popover .text-capsing.inline-block {
    border-left: 1px solid #46494c
}

.desktop .jd-cms .edit-content .home-cat-box .para-1 .popover .alignment.inline-block, .desktop .jd-cms .edit-content .home-cat-box .para-1 .popover .text-capsing.inline-block, .desktop .jd-cms .edit-content .home-cat-box .para-2 .popover .alignment.inline-block, .desktop .jd-cms .edit-content .home-cat-box .para-2 .popover .text-capsing.inline-block, .desktop .jd-cms .edit-content .product-box-div .para-1 .popover .alignment.inline-block, .desktop .jd-cms .edit-content .product-box-div .para-1 .popover .text-capsing.inline-block, .desktop .jd-cms .edit-content .product-box-div .para-2 .popover .alignment.inline-block, .desktop .jd-cms .edit-content .product-box-div .para-2 .popover .text-capsing.inline-block {
    width: 37px;
    margin-left: 5px
}

.feature-category .drag-icon {
    margin-left: 5px;
    margin-right: 10px;
    height: 48px
}

.feature-category .mob-repetitive-repeat .child-list .dummy-border-div {
    width: 30px
}

.feature-category .mob-repetitive-repeat .contains-child-border-div {
    top: calc(50% + 7px)
}

.feature-category .mob-repetitive-repeat .item-image-container, .feature-category .mob-repetitive-repeat .product-group-name {
    position: relative;
    top: -1px
}

.desktop .feature-product-div.sort-prod .drag-icon {
    margin: 0 4px 0 1px
}

.desktop .feature-product-div.product-search .mobile-header-center {
    padding-left: 15px
}

.feature-product-div .search-holder.scrolled .input-product-search {
    border-color: transparent;
    box-shadow: 0 4px 4px -3px rgba(0,0,0,.2)
}

.desktop .jd-cms .product-list-container .product-box-div .edit-popover .buttons-content {
    padding-right: 0
}

.desktop .product-box-div .edit-popover .buttons-content .icon-underlineCMS {
    border-right: 0
}

.feature-product .icon-sendEnquiry {
    font-size: inherit
}

.jd-cms .feature-product .qty-up-down.under-edit, .jd-cms .feature-product .qty-up-down:hover, .jd-cms .feature-product .qty-up-down:hover .editable-content {
    outline: none
}

    .jd-cms .feature-product .qty-up-down:hover .click-to-edit, .templating-user .btn-backdrop-light {
        display: none
    }

.templating-user .sort-section {
    height: calc(100% - 125px)
}

.desktop .template-main-container.featuredCatAmz .editable-image-holder .no-block-data {
    height: 100%
}

.feature-product-div .smart-fill-demo .demo-image-container {
    padding: 0
}

.feature-category .slider-body {
    padding-bottom: 0
}

.wap .mobile-feat-prod-react .container-fluid {
    min-height: 250px;
    padding: 0;
    width: 100%
}

    .wap .mobile-feat-prod-react .container-fluid .editable-product-holder {
        min-height: 230px
    }

.wap .feature-product .feature-html .no-products .no-block-data, .wap .featured-category-block .container-fluid .editable-category-holder .editable-content {
    height: 230px
}

.wap .animate-div-right.feature-category, .wap .animate-div-right.feature-product-div {
    position: fixed
}

.wap .feature-category .jd-animate.submenu-active, .wap .feature-product-div .jd-animate.submenu-active {
    width: 100%;
    left: 0
}

.wap .feature-product-div.product-search .icon-HDRsearch {
    display: none
}

.wap .feature-product-div.product-search .search-right-icons.icon-HDRsearch {
    display: block;
    font-size: 14px;
    color: #7d7d7d
}

.wap .feature-category .feature-body .category-select {
    width: 100%
}

.wap .category-list-container .title-html .edit-featuredCategory-btn, .wap .edit-block .product-list-container .feat-title-html .edit-featuredProduct-btn {
    display: none
}

.wap .feature-product-div .fake-input-box {
    height: 50px;
    border-bottom: 4px solid #ddd;
    display: flex;
    align-items: center;
    padding-left: 15px;
    color: #777
}

    .wap .feature-product-div .fake-input-box .icon-HDRsearch {
        margin-right: 10px
    }

.wap .editable-category-holder {
    min-height: auto;
    margin-bottom: 20px
}

.wap .tile-template .editable-category-holder {
    margin-bottom: 0
}

.wap .feature-product-div .web-product-search .search-product-name .input-product-search {
    z-index: 4;
    padding: 0 10px 0 60px
}

.wap .feature-product-div .web-product-search .search-result-container {
    top: 60px;
    height: calc(100vh - 60px);
    max-height: unset;
    z-index: 3
}

.wap .feature-category .jd-mobile-header {
    z-index: 1031
}

.wap .mobile-feat-prod-react .container-fluid.addProductThinBtn {
    min-height: 40px
}

    .wap .mobile-feat-prod-react .container-fluid.addProductThinBtn .editable-product-holder {
        min-height: 40px;
        margin-bottom: 20px
    }

        .wap .mobile-feat-prod-react .container-fluid.addProductThinBtn .editable-content:hover, .wap .mobile-feat-prod-react .container-fluid.addProductThinBtn .editable-product-holder:hover .editable-content {
            border: none !important
        }

    .wap .mobile-feat-prod-react .container-fluid.addProductThinBtn .editable-content {
        height: 40px;
        border: none;
        background: transparent
    }

    .wap .mobile-feat-prod-react .container-fluid.addProductThinBtn .cms-add-action-button {
        width: 100%;
        background: #f4f9ff
    }

.wap .feat-prod .catgrywp {
    padding: 0
}

.wap .featuredProd .cms-add-action-button {
    padding: 0 7px
}

.wap .feature-category.edit-cat .mobile-header-center {
    padding-left: 50px
}

.wap .featured-category-block .no-cat-block.round .editable-content {
    color: #0086ff !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #fff
}

.wap .featured-category-block .no-cat-block.round .icon-wrapper {
    display: flex;
    width: 55px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 10px
}

    .wap .featured-category-block .no-cat-block.round .icon-wrapper .icon-plus {
        font-size: 20px
    }

body.wap .category-list-container .no-cat-block {
    width: 25%
}

.wap .default-cat-block .cat-list-wrapper:not(.no-category) .cms-add-action-button {
    padding: 2px 5px;
    min-width: unset;
    height: auto;
    width: 90%
}

@media screen and (max-width:364px) {
    .wap .default-cat-block .cat-list-wrapper:not(.no-category) .cms-add-action-button {
        width: unset
    }
}

.wap .default-cat-block .template-main-container.no-category .cms-add-action-button {
    font-size: 16px;
    height: 36px;
    width: 220px
}

.wap .no-category .featured-category-block .row .col-xs-12 {
    padding: 0
}

.wap .edit-content.featuredCat .no-block-container {
    border-bottom: 1px solid rgba(17,17,17,.2)
}

.edit-block .bigThumbnail .change-color-holder.add-image .add-background-img.not-feat-block, .feature-product .product-list-container .feat-prod-image .icons-wrapper .font-text {
    display: none
}

.feature-product .product-list-container .feat-prod-image .icons-wrapper .paste-style {
    margin-right: 0
}

.edit-block .bigThumbnailBlock .change-color-holder.add-image .add-background-img.not-feat-block {
    display: none
}

.template-main-container.featuredCatAmz .editable-image-holder .click-to-edit {
    left: calc(50% - 24px);
    right: unset
}

.edit-block .product-list-container .feat-title-html .edit-popover .block-width.link {
    display: inline;
    width: 35px;
    height: auto
}

.wap .product-list-container .feat-title-html .edit-popover .feat-block-imgs.borderRedios {
    width: 35px !important
}

body.wap.jd-cms .edit-block .mobile-feat-prod-react .feat-title-html .change-color-holder .edit-popover .feat-block-imgs.borderRedios {
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 100%
}

.edit-block .category-list-container .edit-popover .block-width.delete.both, .edit-block .category-list-container .edit-popover .block-width.link.both, .edit-block .product-list-container .edit-popover .block-width.delete.both, .edit-block .product-list-container .edit-popover .block-width.link.both, .wap .edit-block .category-list-container .editable-image-holder > .edit-popover .block-width.image.link, .wap .edit-block .category-list-container .editable-image-holder > .edit-popover .block-width.image.testimonial-block, .wap .edit-block .product-list-container .editable-image-holder > .edit-popover .block-width.image.link, .wap .edit-block .product-list-container .editable-image-holder > .edit-popover .block-width.image.testimonial-block {
    display: none
}

.edit-block .product-list-container .template-main-container .editable-content-holder .edit-popover .block-width.link.both {
    display: inline-block
}

.wap .tile-template.featuredCat .custom-template {
    padding: 0
}

.wap #jdPopupTypeConfirmContainer .modal-dialog.confirm-modal-width {
    max-width: 90vw
}

body.wap.jd-cms .edit-block .category-list-container .editable-image-holder .edit-popover .feat-block-imgs, body.wap.jd-cms .edit-block .product-list-container .editable-image-holder .edit-popover .feat-block-imgs {
    display: inline-flex !important;
    width: 32px
}

    body.wap.jd-cms .edit-block .category-list-container .editable-image-holder .edit-popover .feat-block-imgs i, body.wap.jd-cms .edit-block .product-list-container .editable-image-holder .edit-popover .feat-block-imgs i {
        width: auto
    }

body.wap.jd-cms .edit-block .category-list-container .feat-title-html .editable-image-holder .edit-popover .feat-block-imgs, body.wap.jd-cms .edit-block .featured-category-block .change-color-holder .edit-popover .feat-block-imgs, body.wap.jd-cms .edit-block .featured-category-block .change-color-holder .editable-content-holder .edit-popover .feat-block-imgs.borderRedios, body.wap.jd-cms .edit-block .mobile-feat-prod-react .change-color-holder .edit-popover .feat-block-imgs, body.wap.jd-cms .edit-block .mobile-feat-prod-react .change-color-holder .editable-content-holder .edit-popover .feat-block-imgs.borderRedios, body.wap.jd-cms .edit-block .product-list-container .feat-title-html .editable-image-holder .edit-popover .feat-block-imgs {
    display: none !important;
    width: 0
}

    body.wap.jd-cms .edit-block .category-list-container .feat-title-html .editable-image-holder .edit-popover .feat-block-imgs.borderRedios, body.wap.jd-cms .edit-block .featured-category-block .change-color-holder .edit-popover .feat-block-imgs.borderRedios, body.wap.jd-cms .edit-block .mobile-feat-prod-react .change-color-holder .edit-popover .feat-block-imgs.borderRedios, body.wap.jd-cms .edit-block .product-list-container .feat-title-html .editable-image-holder .edit-popover .feat-block-imgs.borderRedios {
        display: inline-block !important;
        width: 0
    }

body.wap .template-main-container.featuredCatAmz .editable-content.no-image {
    border-radius: 8px;
    overflow: hidden
}

body.wap .template-main-container.featuredCatAmz .no-block-data.no-image {
    min-height: 300px
}

body.wap .title-html .template-main-container.featuredCatAmz .editable-content.no-image {
    height: 264px
}

body.wap .title-html .template-main-container.featuredCatAmz .under-edit.editable-image-holder {
    margin-bottom: 0;
    padding: 1px
}

body.wap .category-list-container .no-cat-block {
    margin-bottom: 0;
    height: auto;
    color: #0086ff;
    padding: 10px
}

body.wap .featuredCat .category-list-container .no-cat-block {
    border-bottom: 1px solid rgba(17,17,17,.2)
}

body.wap .category-list-container .no-cat-block {
    font-size: 12px
}

body.wap .category-list-container .no-category .no-cat-block {
    width: 100%;
    border-bottom: 0
}

body.wap .featuredCatAmz .cat-list-wrapper.no-category .no-cat-block {
    margin: 10px 5px
}

body.wap .bigThumbnailBlock .template-main-container .no-cat-block {
    width: 100%;
    min-height: 310px;
    padding: 0;
    margin-bottom: 10px
}

body.wap .bigThumbnailBlock .template-main-container.no-category .no-cat-block {
    min-height: unset;
    margin: unset
}

body.wap .featuredCat .title-html {
    border-bottom: 1px solid rgba(17,17,17,.2)
}

body.wap .featuredCat .no-cat-block {
    width: calc(50% - 10px);
    border-right: 0;
    padding: 20px
}

body.wap .template-main-container.no-category .no-cat-block {
    border: 0
}

body.wap .no-category .featured-category-block {
    padding: 10px 20px
}

.wap .template-main-container.featuredProd.change-color-holder .change-color {
    border-radius: initial
}

.wap .template-main-container.featuredProd.change-color-holder {
    overflow: hidden
}

.featuredProd .mobile-feat-prod-react .catgrywp .container-fluid.add-product-btn-div {
    width: 50%;
    padding: 30px 20px;
    border-bottom: 1px solid hsla(0,0%,44.3%,.2);
    margin: 0
}

    .featuredProd .mobile-feat-prod-react .catgrywp .container-fluid.add-product-btn-div .editable-content {
        height: 100%
    }

        .featuredProd .mobile-feat-prod-react .catgrywp .container-fluid.add-product-btn-div .editable-content .icon-fillProduct {
            font-size: 14px
        }

    .featuredProd .mobile-feat-prod-react .catgrywp .container-fluid.add-product-btn-div .cms-add-action-button {
        min-width: 100px;
        font-size: 10px
    }

.feature-product-div .action-btn-container {
    display: flex
}

.feature-product-div .card-action-btns-list {
    height: 37px;
    border-left: 1px solid #ececec;
    border-radius: 0
}

    .feature-product-div .card-action-btns-list:first-child, .feature-product-div .card-action-btns-list:last-child {
        border-radius: 0
    }

    .feature-product-div .card-action-btns-list .action-btn-icon {
        height: 100%
    }

.feature-product-div .prod-box.selected-item-card {
    overflow: hidden
}

.clearAll .jd-popup-modal .modal-dialog.popup-modal .modal-content .cancel-btn {
    background: #eee;
    color: #424448
}

.clearAll .jd-popup-modal .modal-dialog.popup-modal .modal-content .confirm-btn {
    background: #ea4940;
    color: #fff
}

.product-list-container .txt-added-qty {
    pointer-events: none
}

.feature-product-div .prod-iframe {
    height: 100%
}

.wap .feature-category .jd-animate.submenu-active {
    padding-bottom: 0
}

.wap .feature-category .switch-button-container, .wap .feature-product-div.settings-slider .switch-button-container {
    margin-right: 2px
}

.wap .no-category {
    background: inherit
}

.desktop .feature-product .black-popover {
    top: 0;
    left: 10px;
    border-radius: 10px;
    padding: 10px 0
}

.desktop .category-list-container .editable-image-holder .edit-popover, .desktop .feature-product .product-list-container .editable-image-holder .edit-popover {
    min-width: unset
}

.feature-product-div .prod-name .transaction-type-tag {
    border-radius: 2px;
    padding: 1px 5px;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-image: initial;
    font-size: 14px;
    -webkit-border-radius: 100px;
    color: #a9a9a9;
    margin-top: 5px
}

.wap .featured-product-block .basic-feat-prod .add-product-btn-div.no-products {
    height: 230px
}

.desktop.home-page .floating-block .featuredProd .feature-product {
    width: 100%
}

.featuredProd .custom-template {
    padding: 0
}

.feat-dynamic-blocks .feature-product .container-fluid > .row {
    margin: 0
}

.tile-template .feature-product .container-fluid .slick-slider.product-list-container {
    width: calc(100% - 272px);
    flex: 1
}

.featuredProd .container-fluid .list-wrapper, .product-list-container.slick-initialized .slick-track {
    display: flex
}

.product-list-container.slick-initialized .slick-slide {
    height: inherit
}

    .product-list-container.slick-initialized .slick-slide .listing-single-product, .product-list-container.slick-initialized .slick-slide > div {
        height: 100%
    }

.settingsCard {
    width: 100%;
    height: 44px;
    margin-top: 12px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    background: #fff;
    cursor: pointer
}

.settingCardText {
    color: #333;
    font-size: 13px;
    padding-right: 5px
}

.cms-menu .switch-button-container, .settingsCard .switch-button-container {
    position: relative
}

.cms-menu .switch-btn-checkbox, .settingsCard .switch-btn-checkbox {
    display: block;
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2
}

.cms-menu .switch-btn-checkbox, .switch-with-label .switch-btn-checkbox {
    display: none
}

.selected-item-card {
    width: calc(100% - 24px);
    margin: 12px 12px 15px;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
    border-radius: 8px
}

.selected-item-card-header {
    border-bottom: 1px solid #ececec;
    height: 38px;
    display: flex;
    justify-content: space-between;
    padding: 0 0 0 10px;
    align-items: center
}

.card-action-btns-list {
    height: 45px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: left;
    background: #fff;
    box-shadow: none;
    border: none;
    outline: none
}

    .card-action-btns-list.dn-important {
        display: none
    }

    .card-action-btns-list:first-child {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }

    .card-action-btns-list:last-child {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px
    }

button[disabled] .move-btn {
    color: #ccc
}

.card-action-list-container {
    padding: 0;
    width: 180px;
    min-height: 88px;
    top: 8px;
    right: 8px;
    box-shadow: 1px 1px 20px hsla(0,0%,54.1%,.57);
    border-radius: 10px
}

.selected-item-card-body {
    padding: 0 10px;
    min-height: 74px
}

.small-search-loader {
    fill: transparent;
    stroke: #1e91bb;
    stroke-width: 5;
    position: relative;
    border: 2px solid #1e91bb;
    border-top-color: transparent;
    -webkit-animation: dash 2s ease infinite,rotate 2s linear infinite;
    -moz-animation: dash 2s ease infinite,rotate 2s linear infinite;
    -ms-animation: dash 2s ease infinite,rotate 2s linear infinite;
    animation: dash 2s ease infinite,rotate 2s linear infinite;
    border-radius: 50%;
    width: 18px;
    height: 18px
}

.animate-div-right.detail-listing-setting {
    width: 320px
}

.wap .animate-div-right.detail-listing-setting {
    width: 100%
}

.animate-div-right.detail-listing-setting .animate-subsection-left {
    background: #fff
}

.detail-listing-setting .jd-mobile-header {
    height: 55px
}

    .detail-listing-setting .jd-mobile-header .mobile-header-center {
        padding-left: 15px
    }

    .detail-listing-setting .jd-mobile-header .icon-close-thin {
        width: 40px;
        height: 40px;
        color: #fff;
        right: -5px;
        font-size: 24px
    }

.detail-listing-setting-body {
    padding-top: 55px
}

    .detail-listing-setting-body .switch-button-container {
        margin: 0
    }

.smart-fill-demo .smartfill-settings-label {
    padding: 12px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 16px;
    color: #333;
    font-size: 13px
}

.smart-fill-demo .demo-image-container {
    display: flex;
    justify-content: space-between;
    padding: 10px 12px
}

.smart-fill-demo .smartfill-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: calc(50% - 12px)
}

    .smart-fill-demo .smartfill-image-container img {
        width: 100%
    }

.smart-fill-demo sup {
    color: inherit;
    font-size: 10px
}

.smart-fill-demo .smartfill-image-container > div {
    margin-top: 10px;
    font-size: 13px;
    color: #333
}

.border-top-eee {
    border-top: 1px solid #eee;
    width: calc(100% - 24px);
    margin: 0 12px;
    height: 1px
}

.mob-repetitive-repeat {
    height: calc(100vh - 55px);
    overflow: auto
}

    .mob-repetitive-repeat, .mob-repetitive-repeat ul {
        margin-bottom: 0;
        padding-left: 0;
        list-style-type: none
    }

        .mob-repetitive-repeat li {
            list-style-type: none;
            padding: 0 20px
        }

        .mob-repetitive-repeat .child-list li {
            padding-right: 0
        }

        .mob-repetitive-repeat .imageIconContainer {
            border-radius: 5px;
            overflow: hidden;
            border: 1px solid #eee;
            height: 40px;
            width: 40px
        }

        .mob-repetitive-repeat .item-image-container {
            display: table-cell;
            vertical-align: middle;
            width: 40px
        }

            .mob-repetitive-repeat .item-image-container.no-image-container {
                display: flex;
                justify-content: center;
                align-items: center;
                background: #ededed;
                height: 40px;
                border-radius: 3px
            }

                .mob-repetitive-repeat .item-image-container.no-image-container .no-image {
                    max-width: 25px
                }

        .mob-repetitive-repeat .jd-product-group-tree .product-group-name {
            display: table-cell;
            vertical-align: middle;
            padding-left: 10px
        }

        .mob-repetitive-repeat .jd-product-group-tree li div {
            padding-left: 0
        }

        .mob-repetitive-repeat .jd-product-group-tree .child-list li div:before {
            display: none
        }

        .mob-repetitive-repeat .inventoryImg {
            width: 40px;
            height: 40px;
            padding: 0;
            display: table;
            vertical-align: middle
        }

            .mob-repetitive-repeat .inventoryImg i {
                display: table-cell;
                vertical-align: middle;
                padding-right: 2px
            }

        .mob-repetitive-repeat .jd-list-item {
            padding: 10px 0;
            position: relative;
            display: table;
            width: 100%
        }

        .mob-repetitive-repeat .circled-checkbox-container {
            display: table-cell;
            vertical-align: middle;
            width: 30px
        }

        .mob-repetitive-repeat .checkbox-col {
            position: relative
        }

        .mob-repetitive-repeat .child-list .dummy-border-div {
            position: absolute;
            left: -21px;
            bottom: 50%;
            width: 21px;
            border: 1px dashed #d5d5d5;
            border-top: 0;
            border-right: 0;
            border-left: 0
        }

        .mob-repetitive-repeat .child-list .repeat-list-item {
            border-left: 1px dashed #d5d5d5;
            margin-left: 20px;
            padding-left: 20px;
            border-bottom: 0
        }

            .mob-repetitive-repeat .child-list .repeat-list-item:last-child {
                border-left: 1px dashed transparent
            }

        .mob-repetitive-repeat .contains-child-border-div {
            position: absolute;
            border-left: 1px dashed #d5d5d5;
            bottom: 1px;
            top: calc(50% + 20px);
            left: 20px;
            width: 30px
        }

.jd-product-group-tree.with-checkbox .contains-child-border-div {
    left: 10px;
    top: calc(50% + 10px)
}

.mob-repetitive-repeat .child-list .repeat-list-item:last-child .dummy-border-div {
    border-left: 1px dashed #d5d5d5;
    top: 1px
}

.jd-product-group-tree.with-checkbox .child-list .repeat-list-item {
    margin-left: 10px;
    padding-left: 28px;
    padding-right: 0
}

.jd-product-group-tree.with-checkbox .child-list .dummy-border-div {
    left: -29px;
    width: 30px
}

.mob-repetitive-repeat .item-divider-line {
    border-bottom: 1px solid transparent
}

.mob-repetitive-repeat .repeat-list-item {
    border-bottom: 1px solid hsla(0,0%,59.2%,.1)
}

.mob-repetitive-repeat .right-side-data {
    display: table-cell;
    vertical-align: middle;
    width: 10px
}

    .mob-repetitive-repeat .right-side-data .icon-more_vertical {
        font-size: 20px;
        position: relative;
        top: 2px
    }

.mob-repetitive-repeat .divider-line {
    border-bottom: 1px solid #979797;
    opacity: .3
}

.mob-repetitive-repeat .modify-options-container {
    position: absolute;
    right: 0;
    top: 10px;
    width: 166px;
    border: 1px solid #dedede;
    background-color: #fff;
    z-index: 5;
    border-radius: 4px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    line-height: 14px;
    font-size: 13px
}

    .mob-repetitive-repeat .modify-options-container.open-top-direction {
        top: -220px
    }

        .mob-repetitive-repeat .modify-options-container.open-top-direction.small-modal {
            top: -60px
        }

.universal-search-footer {
    z-index: 4
}

.hide-universal-search-footer .universal-search-footer {
    display: none
}

.mob-repetitive-repeat .jd-product-group-tree .modify-option {
    padding: 14px
}

    .mob-repetitive-repeat .jd-product-group-tree .modify-option:active, .mob-repetitive-repeat .jd-product-group-tree .modify-option:focus {
        background-color: #f2f0f0
    }

.mob-repetitive-repeat input[type=checkbox].with-font {
    top: 0;
    height: 30px;
    z-index: 2
}

.mob-repetitive-repeat .top-fixed-div {
    border-bottom: 1px solid hsla(0,0%,59.2%,.3);
    left: 0;
    right: 0;
    background: #fff
}

.mob-repetitive-repeat .add-new-category-btn {
    padding: 14px 0 10px;
    text-align: center
}

.mob-repetitive-repeat .parent-category-mode .add-new-category-btn, .mob-repetitive-repeat .parent-category-mode .circled-checkbox-container, .mob-repetitive-repeat .parent-category-mode .more-iconData-div {
    display: none
}

.mob-repetitive-repeat .parent-category-mode .main-body {
    top: 6px
}

.mob-repetitive-repeat .new-parent-category-btn {
    padding: 15px;
    display: none
}

.mob-repetitive-repeat .parent-category-mode .new-parent-category-btn {
    display: flex;
    align-items: center
}

.mob-repetitive-repeat .new-parent-category-btn span {
    width: 35px;
    display: inline-block;
    border: 1px solid;
    text-align: center;
    border-radius: 3px;
    font-size: 23px;
    margin: 0 10px 0 5px
}

.mob-repetitive-repeat .top-header-div {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    background: #fff;
    z-index: 1;
    color: #0086ff
}

.jd-ios-style .mob-repetitive-repeat .top-header-div {
    position: fixed
}

.mob-repetitive-repeat .main-body {
    position: relative;
    padding-top: 40px;
    background-color: #fff
}

    .mob-repetitive-repeat .main-body.remove-top0 {
        top: 0
    }

    .mob-repetitive-repeat .main-body.footer-btn-present > ul {
        padding-bottom: 40px
    }

.mob-repetitive-repeat .product-breadcumb {
    padding: 10px 0;
    font-size: 14px;
    color: #2a2a2a;
    opacity: .53
}

.mob-repetitive-repeat .category-image-name-container {
    display: table;
    width: 100%;
    padding: 20px 0
}

.mob-repetitive-repeat .cat-image-container {
    display: table-cell;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    outline: none
}

.mob-repetitive-repeat .cat-name-conatiner {
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle
}

.mob-repetitive-repeat .description-save-btn {
    padding: 10px;
    display: block
}

.mob-repetitive-repeat .icon-plus-camera {
    color: #aeaeae
}

.mob-repetitive-repeat .cropper-screen {
    position: fixed;
    top: 51px;
    bottom: 61px;
    left: 0;
    right: 0
}

.mob-repetitive-repeat .category-description-page {
    padding: 0 20px
}

.mob-repetitive-repeat .category-backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: transparent
}

.mob-repetitive-repeat .item-clickable-div {
    display: table;
    width: 100%
}

.mob-repetitive-repeat .category-name-label {
    font-size: 12px;
    color: grey;
    padding-bottom: 5px
}

.mob-repetitive-repeat .cat-name-text {
    width: 100%
}

.mob-repetitive-repeat .placeholder-label {
    position: absolute;
    top: 0;
    left: 2px;
    font-size: 14px;
    color: #b4b4b4;
    pointer-events: none
}

.mob-repetitive-repeat .edit-icon-container {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #0086ff;
    width: 15px;
    height: 15px
}

.mob-repetitive-repeat .cat-image-container .inventoryImg {
    width: 100%;
    height: 100%
}

.mob-repetitive-repeat .cat-image-container .icon-editNewPencil {
    color: #fff;
    font-size: 9px;
    position: relative;
    top: -3px
}

.mob-repetitive-repeat .repetitive-repeat-footer .jd-fixed-footer button {
    background-color: #4a4a4a !important;
    color: #eee;
    font-size: 12px
}

    .mob-repetitive-repeat .repetitive-repeat-footer .jd-fixed-footer button .icon-holder {
        color: #fff;
        font-size: 15px;
        margin-bottom: 3px
    }

.mob-repetitive-repeat .hidden-subtext {
    color: #a3a3a3;
    font-size: 12px
}

    .mob-repetitive-repeat .hidden-subtext .icon-hide {
        color: #a3a3a3;
        font-size: 13px;
        vertical-align: middle;
        padding-right: 3px
    }

.mob-repetitive-repeat .hide-top-header .top-header-div {
    display: none
}

.mob-repetitive-repeat .hide-top-header .main-body {
    padding-top: 0
}

.mob-repetitive-repeat .camera-icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #f8f9f9;
    border: 1px solid #e6e7e7;
    border-radius: 3px
}

.mob-repetitive-repeat .footer-btns-2 .footer-btns:nth-child(2), .mob-repetitive-repeat .footer-btns-3 .footer-btns:nth-child(2), .mob-repetitive-repeat .footer-btns-3 .footer-btns:nth-child(3) {
    border-left: 1px solid hsla(0,0%,59.2%,.3) !important
}

.mob-repetitive-repeat .more-iconData-div {
    width: 25px;
    height: 25px;
    text-align: center
}

    .mob-repetitive-repeat .more-iconData-div:active, .mob-repetitive-repeat .more-iconData-div:focus {
        background-color: #f2f0f0
    }

.mob-repetitive-repeat .jdMobileUploadImageModal .footer-btns-1 {
    line-height: 60px
}

.mob-repetitive-repeat .jdMobileUploadImageModal .jd-fixed-footer {
    height: 61px
}

.mob-repetitive-repeat .jd-mobile-header .header-left-button:focus {
    outline: none
}

.mob-repetitive-repeat .seo-circle {
    width: 12px;
    border: 1px solid #ffc553;
    height: 12px;
    border-radius: 50%;
    background: #ffc553;
    display: inline-block;
    padding-left: 0;
    float: right;
    margin-top: 1px
}

    .mob-repetitive-repeat .seo-circle.green-color {
        background: #5eb972;
        border-color: #5eb972
    }

.mob-repetitive-repeat .seo-template .animate-section .animate-subsection-left {
    left: 0
}

.mob-repetitive-repeat .jd-mobile-header .header-one-icon {
    width: 20%
}

.mob-repetitive-repeat .jd-mobile-header .mobile-header-center {
    padding-left: 0
}

.mob-repetitive-repeat .seo-template .jd-mobile-header .single-icon {
    padding-left: 8px
}

.mob-repetitive-repeat .seo-template.mobile-view .btn-holder {
    position: fixed;
    bottom: 56px;
    width: 100%;
    left: 0
}

.mob-repetitive-repeat .cropper-screen .footer-btns-5 .footer-btns {
    height: 61px;
    border: 1px solid transparent
}

    .mob-repetitive-repeat .cropper-screen .footer-btns-5 .footer-btns .icon-holder {
        font-size: 20px;
        color: #ccc
    }

.jd-ios-style .mob-repetitive-repeat.webkit-overflow-scroll-ios, .jd-ios-style .repeat-items-body .repeat-list-item, .safariBrowser .mob-repetitive-repeat.webkit-overflow-scroll-ios, .safariBrowser .repeat-items-body .repeat-list-item {
    -webkit-overflow-scrolling: touch
}

.jd-ios-style .manage-category-body .mob-repetitive-repeat .repeat-items-body .main-body .jd-product-group-tree, .safariBrowser .manage-category-body .mob-repetitive-repeat .repeat-items-body .main-body .jd-product-group-tree {
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.mob-repetitive-repeat .checkbox-col .partial:before {
    content: "";
    color: #fff;
    background: #0086ff;
    border-color: #0086ff;
    text-align: center;
    border-radius: 50%;
    position: relative;
    top: 1px;
    height: 20px;
    width: 20px;
    font-size: 14px
}

.mob-repetitive-repeat .repeat-items-body, .mob-repetitive-repeat .repeat-items-body .jd-product-group-tree {
    overflow-x: hidden;
    font-family: Gilroy
}

body.jd-ios-style.modal-open .mob-repetitive-repeat.mob-manage-category-page {
    overflow: hidden
}

.jd-premium-popup {
    z-index: 1550 !important;
    background-color: rgba(51,51,51,.2);
    font-family: Gilroy
}

.jd-cms .jd-premium-popup {
    z-index: 10000 !important
}

.jd-premium-popup .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(51,51,51,.5)
}

.jd-premium-popup .modal-content {
    border-radius: 10px;
    border: 0
}

    .jd-premium-popup .modal-content .header {
        float: none
    }

.jd-premium-popup .premium-img {
    max-width: 91px;
    max-height: 110px
}

.jd-premium-popup .ecommerce-img {
    max-width: 90px;
    max-height: 90px
}

.jd-premium-popup .payment-sucess-img {
    max-width: 141px;
    max-height: 140px
}

.jd-premium-popup .upgrade-img {
    max-width: 70px;
    max-height: 70px
}

.jd-premium-popup .modal-header {
    border-bottom: none
}

.jd-premium-popup .modal-footer {
    border-top: none;
    padding-bottom: 10px;
    text-align: center
}

.jd-premium-popup .upgrade-btn, .jd-premium-popup .yes-btn {
    background: #0086ff !important;
    border-color: #0086ff !important;
    color: #fff;
    border-radius: 100px;
    outline: none;
    border: 1px solid #0086ff;
    padding: 5px 20px;
    font-size: 16px;
    transform: translateZ(0)
}

@keyframes premiumPop {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.jd-premium-popup .loader {
    background: #0086ff !important;
    border-color: #0086ff !important;
    color: #fff;
    border-radius: 100px;
    outline: none;
    border: 1px solid #0086ff;
    padding: 7px 20px;
    font-size: 16px;
    transform: translateZ(0);
    width: 200px;
    height: 40px;
    margin: 0 auto
}

    .jd-premium-popup .loader .circle {
        border: 2px solid #f3f3f3;
        border-top-color: #3498db;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        animation: spin 2s linear infinite;
        margin: 3px auto auto
    }

.jd-premium-popup .no-btn, .jd-premium-popup .yes-btn {
    width: 184px;
    height: 42px;
    transform: translateZ(0)
}

.jd-premium-popup .yes-btn {
    margin-top: 30px
}

.jd-premium-popup .upgrade-btn-div {
    padding-bottom: 25px
}

.jd-premium-popup .payment-sucess-img-div {
    padding-top: 28px
}

.jd-premium-popup .upgrade-btn {
    width: 200px;
    height: 40px;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 0
}

    .jd-premium-popup .modal-footer .cancel-btn:hover, .jd-premium-popup .modal-footer .continue-btn:hover, .jd-premium-popup .upgrade-btn:hover {
        transition: .5s
    }

    .jd-premium-popup .upgrade-btn:hover {
        background: #0174dc !important;
        border: 1px solid #0174dc
    }

.jd-premium-popup .no-btn {
    background: #fff;
    color: #0086ff;
    border-radius: 100px;
    outline: none;
    border: 1px solid #0086ff;
    padding: 5px 20px;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 40px;
    transform: translateZ(0)
}

.jd-premium-popup .headerTitle {
    color: #414e59;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    margin-top: 20px
}

.jd-premium-popup .subTitle {
    color: #414e59;
    font-size: 14px;
    line-height: 18px;
    margin: 15px 0 0
}

.jd-premium-popup .noteText {
    background: #ececf2;
    border-radius: 10px;
    padding: 12px 16px;
    margin-top: 15px;
    font-size: 14px;
    color: #414e59;
    margin-bottom: 25px
}

.jd-premium-popup .modal-body {
    overflow-y: unset;
    margin: 0 25px;
    padding: 0
}

.jd-premium-popup .modal-footer {
    padding: 0;
    margin-top: 20px
}

    .jd-premium-popup .modal-footer.no-padding-LR {
        padding: 15px 0 0
    }

    .jd-premium-popup .modal-footer .col-xs-12.cancel-continue-btn {
        padding-right: 0;
        padding-left: 0
    }

    .jd-premium-popup .modal-footer .cancel-btn {
        background-color: #ededed;
        border-radius: 0;
        border-bottom-left-radius: 10px;
        color: #333;
        outline: none;
        border: 1px solid #ededed;
        margin-top: 15px;
        height: 56px;
        font-size: 18px;
        font-weight: 300
    }

        .jd-premium-popup .modal-footer .cancel-btn:hover {
            background: #dcdcdc;
            border: 1px solid #dcdcdc
        }

    .jd-premium-popup .modal-footer .continue-btn {
        background: #3590d3;
        border-radius: 0;
        border-bottom-right-radius: 10px;
        color: #fff;
        outline: none;
        border: 1px solid #3590d3;
        margin-top: 15px;
        height: 56px;
        font-size: 18px;
        font-weight: 300
    }

        .jd-premium-popup .modal-footer .continue-btn:hover {
            background: #2c79b3;
            border: 1px solid #2c79b3
        }

    .jd-premium-popup .modal-footer .payment-sucess-close-btn {
        margin-top: 25px;
        margin-bottom: 30px
    }

.jd-premium-popup .header {
    padding: 0 15px;
    background: #fff
}

.jd-premium-popup .modal-header .close {
    position: absolute;
    padding: 6px;
    top: 4px;
    right: 9.5px;
    border-radius: 50%;
    z-index: 1
}

.jd-premium-popup .modal-dialog {
    width: 400px
}

.jd-premium-popup .yes-no-btn {
    margin-bottom: 30px
}

.jd-premium-popup .headerTitle.payment-sucess-text {
    color: #69be7b;
    margin: 20px 15px 0;
    line-height: 20px;
    font-size: 22px;
    font-weight: 500
}

.marginT20 {
    margin-top: 20px
}

.jd-premium-popup .modal-header .close:focus, .jd-premium-popup .modal-header .close:hover {
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 1
}

@media(max-width:767px) {
    .jd-premium-popup .modal-dialog {
        width: calc(100vw - 30px)
    }

    .jd-premium-popup .modal-body {
        overflow-y: unset;
        margin: 0 15px;
        padding: 0
    }

    .jd-premium-popup .upgrade-btn {
        width: 200px;
        height: 40px;
        font-weight: 400
    }

    .jd-premium-popup .subTitle {
        line-height: 19px;
        margin-top: 15px
    }

    .jd-premium-popup .loader {
        height: 40px;
        padding: 5px 20px;
        width: 200px
    }

    .jd-premium-popup .premium-img {
        max-width: 91px;
        max-height: 91px
    }

    .jd-premium-popup .ecommerce-img {
        max-width: 90px;
        max-height: 90px
    }

    .jd-premium-popup .ecommerce-img-div {
        padding-bottom: 15px
    }

    .jd-premium-popup .payment-sucess-img {
        max-width: 122px;
        max-height: 122px
    }

    .jd-premium-popup .payment-sucess-img-div {
        padding-bottom: 10px
    }

    .jd-premium-popup .modal-footer {
        border-top: none;
        padding-bottom: 0
    }

    .vendor-app-product .jd-premium-popup .modal-dialog {
        position: static;
        display: table-cell;
        vertical-align: middle
    }

    .vendor-app-product .jd-premium-popup {
        background-color: rgba(51,51,51,.5)
    }

    .jd-premium-popup .headerTitle.payment-sucess-text {
        font-size: 20px
    }

    .jd-premium-popup .yes-btn {
        margin-top: 25px
    }

    .jd-premium-popup .no-btn {
        margin-top: 14px
    }

    .jd-premium-popup .modal-header .close {
        margin-top: 2px;
        top: 6px;
        right: 6px
    }

    .jd-premium-popup .modal-header.align-close-btn {
        padding: 15px;
        position: relative;
        top: -4px;
        right: 0
    }
}

@media(max-width:320px) {
    .jd-premium-popup .modal-dialog {
        width: calc(100vw - 30px)
    }
}

.jd-animate-new .list-slider-body, .jd-animate-new .slider-body {
    width: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    position: relative;
    background: #fff;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow: overlay;
    height: 100%
}

.jd-animate-new .slider-body {
    padding-left: 15px;
    padding-right: 15px
}

.mobileVendorApp .jd-animate-new, .mobileVendorApp .jd-animate-new.animate-slider {
    width: 100%
}

.jd-animate-new .full-height {
    height: 100%
}

.isIPad .jd-animate-new .jd-mobile-header .header-left-section .header-left-button {
    position: relative;
    left: 10px
}

.jd-animate-new .jd-mobile-header .header-right-icon {
    display: flex;
    align-items: center;
    width: 40px;
    height: 40px
}

.header-linear-gradient {
    background: linear-gradient(120deg,#1761c2 12%,#28a0e0 68%,#2ca8ea 95%) !important
}

.jd-animate-new .heading-container {
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 20px
}

    .jd-animate-new .heading-container .edit-btn {
        width: 60px;
        height: 26px;
        border-radius: 20px;
        border: 1px solid #0086ff;
        color: #0086ff;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        font-size: 12px;
        position: absolute !important;
        right: 0
    }

        .jd-animate-new .heading-container .edit-btn:hover {
            color: #fff;
            background: #0086ff !important;
            transition: all .5s
        }

.jd-animate-new .gray-txt-slider {
    color: #7d7d7d;
    line-height: 12px;
    font-size: 12px
}

.jd-animate-new .dashed-divider-line {
    padding: 4px;
    border-bottom: 1px dashed;
    border-color: silver;
    width: 100%
}

.jd-animate-new .heading {
    color: #333;
    font-size: 16px
}

.jd-animate-new .sub-heading {
    color: #333;
    font-size: 15px
}

.jd-animate-new .multiple-input-container, .jd-animate-new .single-input-container {
    display: flex;
    align-items: center;
    margin-top: 9px
}

    .jd-animate-new .multiple-input-container .input1 {
        width: 30%;
        border-radius: unset;
        text-align: right;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -webkit-appearance: none;
        margin-right: -1px;
        z-index: 1
    }

    .jd-animate-new .multiple-input-container .input2 {
        width: 70%;
        border-radius: unset;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
        -webkit-appearance: none
    }

        .jd-animate-new .multiple-input-container .input2:focus {
            z-index: 2
        }

.jd-animate-new .custom-select {
    background: url(https://image1.jdomni.in/jdomni_email/arrow_down_2011181429.png) no-repeat;
    background-size: 12px;
    background-position: 95% 54%;
    max-height: 200px;
    padding-right: 25px;
    -webkit-appearance: none;
    background-color: #fff;
    width: 35%;
    border-radius: 4px
}

.jd-animate-new .single-input-container input {
    width: 100%;
    border-radius: 4px;
    -webkit-appearance: none
}

.jd-animate-new .time-slot-div {
    margin-top: 8px;
    position: relative;
    display: flex;
    align-items: center
}

.jd-animate-new .add-time-slot {
    margin-top: 10px;
    display: inline-block
}

.jd-animate-new .add-time-slot, .jd-animate-new .add-time-slot-inline {
    font-size: 12px;
    font-weight: 500;
    color: #0086ff;
    padding: 4px;
    border-radius: 5px
}

.jd-animate-new .add-time-slot-inline {
    margin-left: 5px
}

    .jd-animate-new .add-time-slot-inline:hover, .jd-animate-new .add-time-slot:hover, .jd-animate-new .icon-trash-holder:hover {
        transition: all .5s;
        background: #f2f4f5
    }

.jd-animate-new .icon-trash-holder {
    width: 24px;
    margin-left: 15px;
    height: 24px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 17px;
    border-radius: 50%
}

    .jd-animate-new .icon-trash-holder i {
        color: #979797;
        font-size: 16px
    }

        .jd-animate-new .icon-trash-holder i:hover {
            color: #e94b40
        }

.isIPad .jd-animate-new .icon-trash-holder i:hover {
    color: #ccc
}

.jd-animate-new .time-slot-to-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    margin-left: 2px;
    height: 42px;
    font-size: 12px
}

.jd-animate-new .txt-right {
    text-align: right
}

.jd-animate-new .input-group-section {
    margin-bottom: 5px
}

.jd-animate-new .input-with-label {
    width: 100%;
    margin-bottom: 20px
}

.jd-animate-new .label-with-checkbox {
    margin-bottom: 17px
}

.jd-animate-new .input-with-label .input-label, .jd-animate-new .input-with-label label {
    color: #7a8994;
    margin: 5px 0 10px;
    font-weight: 400
}

.jd-animate-new .input-with-label input.form-control {
    border-radius: 4px;
    padding: 6px 8px;
    width: 100%
}

    .jd-animate-new .input-with-label input.form-control:focus {
        border: 1px solid #0086ff;
        padding: 6px 8px
    }

.jd-animate-new .input-with-label .jd-validation-error {
    color: #c64c5c;
    font-size: 12px
}

.jd-animate-new .input-with-label .error-msg {
    color: #c64c5c;
    font-size: 12px;
    margin-top: 4px
}

.jd-animate-new .input-with-label .select-arrow {
    color: #979797;
    position: absolute;
    top: 35px;
    right: 20px;
    font-size: 16px
}

.jd-animate-new .input-with-label .info-icon, .jd-animate-new .input-with-label i {
    color: #8b8b8b;
    font-size: 12px;
    cursor: pointer;
    padding: 5px
}

.jd-animate-new .input-group {
    width: 100%
}

    .jd-animate-new .input-group .mobile-add-on {
        min-width: 35px;
        height: 33px;
        position: absolute;
        top: 1px;
        left: 1px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        background: #f2f4f5;
        color: #333;
        z-index: 3;
        border: none;
        border-right: 1px solid #ededed
    }

    .jd-animate-new .input-group .input-group-addon ~ input.form-control {
        border-radius: 4px !important;
        padding-left: 45px
    }

.jd-animate-new textarea.form-control {
    border-radius: 4px
}

.jd-animate-new .sec-separator-thin {
    height: 1px;
    padding: 0;
    background: #edf1f7
}

.jd-animate-new .sec-separator {
    height: 5px;
    padding: 0;
    background: #edf1f7
}

.jd-animate-new .section-header {
    margin-top: 20px;
    font-size: 18px;
    color: #424448;
    margin-bottom: 15px;
    line-height: 20px
}

.jd-animate-new .input-with-label input, .jd-animate-new .input-with-label select, .jd-animate-new .input-with-label textarea {
    -webkit-appearance: none;
    width: 100%
}

.jd-animate-new .input-with-label textarea {
    height: 110px
}

.jd-animate-new .slider-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px
}

.jd-animate-new .slider-body .slider-footer {
    position: absolute;
    bottom: 15px;
    left: 1%;
    width: 100%;
    padding: 0 15px
}

.jd-animate-new .add-another-btn-container {
    position: absolute;
    bottom: 70px;
    width: 100%;
    padding: 0 15px;
    z-index: 1
}

.mob-supplier-slider .jd-animate-new .slider-footer {
    width: 100%
}

.jd-animate-new .jd-fixed-footer, .jd-animate-new .slider-footer .jd-fixed-footer {
    background: transparent;
    text-align: center;
    left: 0;
    bottom: 0;
    border-top: none;
    width: 100%;
    height: 40px;
    min-height: 40px;
    line-height: 40px;
    padding: 0;
    margin-bottom: 15px
}

.jd-animate-new button.blue-button, .jd-animate-new footer.jd-fixed-footer button.blue-button, button.blue-button, footer.jd-fixed-footer button.blue-button {
    background: #0086ff !important;
    border-color: #0086ff !important;
    color: #fff;
    border-radius: 100px;
    min-height: 40px;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.3);
    transition: all .5s;
    font-size: 14px
}

    .jd-animate-new button.blue-button:hover, .jd-animate-new footer.jd-fixed-footer button.blue-button:hover, button.blue-button:active, button.blue-button:hover, footer.jd-fixed-footer button.blue-button:hover, footer.jd-fixed-footer button.btn-common.btn-primary:hover {
        background: #0174dc !important;
        color: #fff;
        border: none;
        box-shadow: 0 3px 6px 0 rgba(0,0,0,.3)
    }

    button.blue-button:focus {
        color: #fff
    }

footer.jd-fixed-footer button.btn-primary.pull-right {
    border-radius: 0
}

.right-side-slider footer.jd-fixed-footer {
    border-top: none
}

.jd-animate-new button.white-button {
    background: #fff;
    color: #0086ff;
    border: 1px solid #0086ff;
    border-radius: 100px;
    padding: 0
}

    .jd-animate-new .add-another-btn-container button:hover, .jd-animate-new button.white-button:hover {
        background: #0086ff;
        border-color: #0086ff;
        color: #fff;
        transition: all .3s ease
    }

.mobileVendorApp .jd-animate-new .add-another-btn-container button:hover {
    color: #0086ff !important;
    background: #fff
}

.mobileVendorApp .jd-animate-new .add-another-btn-container button:active {
    box-shadow: unset;
    background: #fff
}

.jd-animate-new button {
    -webkit-appearance: none;
    font-size: 14px;
    font-weight: 400;
    outline: none
}

.jd-animate-new.mobile-slider button {
    width: 100%
}

.mob-supplier-slider .jd-animate-new .btn-full-width {
    width: calc(100% - 30px)
}

.jd-animate-new .btn-full-width {
    width: 290px
}

.wap .jd-animate-new .btn-full-width {
    width: 100%
}

.jd-animate-new .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(0deg,hsla(0,0%,100%,.95) 0,hsla(0,0%,100%,.68) 50%,hsla(0,0%,100%,0))
}

.jd-animate-new .list-slider-body .list-item .data-holder {
    padding: 15px;
    display: flex;
    align-items: center;
    min-height: 65px
}

.jd-animate-new .list-slider-body .list-item .item-icon {
    margin-right: 10px;
    top: unset;
    color: inherit
}

.jd-animate-new .list-slider-body .list-item:hover {
    background-color: #f5fafe
}

.jd-animate-new .list-slider-body .list-item .dividerLine {
    border-bottom: 1px solid #eee;
    margin: 0 0 0 46px
}

.jd-animate-new .jd-font-roboto .control-label, .jd-animate-new .label.control-label, .jd-animate-new .label.jd-control-label, .jd-animate-new label {
    color: #7a8994;
    line-height: unset;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 6px
}

.jd-animate-new .currency-style {
    color: #7d7d7d
}

.jd-animate-new .divider-currency {
    height: 36px
}

.jd-animate-new .form-control {
    border: 1px solid #ededed;
    padding: 6px 8px;
    height: 36px
}

    .jd-animate-new .form-control:focus {
        border-color: #0086ff
    }

.mobileVendorApp .payment-slider .jd-animate .btn-z-index {
    position: relative;
    z-index: 5
}

.booking-setting.animate-section-overlay {
    z-index: 1011;
    background-color: rgba(0,0,0,.6)
}

.booking-setting-slider .animate-subsection-left {
    position: absolute;
    background-color: #fff;
    height: 100%
}

.booking-setting-slider .header-right-icon, .booking-setting-slider .icon-help {
    cursor: pointer
}

.booking-setting-slider .icon-help {
    top: 3px;
    position: relative
}

.booking-setting-slider .overflow-auto {
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.booking-setting-slider .booking-setting-body {
    height: 100%;
    white-space: normal;
    padding: 0 15px
}

.paddingT25 {
    padding-top: 25px
}

.paddingT17 {
    padding-top: 17px
}

.booking-setting-slider .calender-setup .marginT15 {
    margin-top: 15px
}

.booking-setting-slider .txt {
    font-size: 14px;
    color: #535257
}

.booking-setting-slider .icon-addTimeSlot {
    position: relative;
    top: 3px
}

.booking-setting-slider .gray-txt {
    color: #a7a7a7
}

.booking-setting-slider .min-hr-input {
    width: 47px;
    display: inline-block;
    margin-right: 6px;
    border-radius: 4px
}

.booking-setting-slider .min-hr-dropdown {
    width: 65px;
    display: inline-block;
    border-radius: 4px
}

.booking-setting-slider .booking-setting-interval, .booking-setting-slider .set-calender-interval {
    position: relative
}

    .booking-setting-slider .set-calender-interval .gray-txt-slider.red-label {
        color: #c64c5c
    }

    .booking-setting-slider .booking-setting-interval .gray-txt, .booking-setting-slider .set-calender-interval .gray-txt {
        margin-bottom: 5px
    }

.booking-setting-slider .booking-interval-dropdown {
    width: 85px;
    display: inline-block;
    border-radius: 4px
}

.booking-setting-slider .booking-setting .booking-setting-div {
    padding-top: 21px
}

.booking-setting-slider .switch-section {
    text-align: left;
    display: table;
    width: 100%;
    margin-bottom: 0;
    padding: 0
}

    .booking-setting-slider .switch-section span {
        display: table-cell;
        vertical-align: middle;
        color: #676767
    }

.paddingT21 {
    padding-top: 21px
}

.booking-setting-slider .switch-checkbox {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 32px
}

.booking-setting-slider .switch-button-container {
    margin: 0
}

    .booking-setting-slider .switch-button-container .custom-switch-btn:before, .booking-setting-slider .switch-button-container .switch-btn-checkbox:checked + .custom-switch-btn:before {
        content: ""
    }

    .booking-setting-slider .switch-button-container .switch-btn-checkbox:checked + .custom-switch-btn .switch-button {
        left: 15px;
        background-color: #0086ff;
        border-color: #0086ff
    }

    .booking-setting-slider .switch-button-container .switch-btn-checkbox:checked + .custom-switch-btn {
        background-color: #b4cee6
    }

    .booking-setting-slider .switch-button-container .custom-switch-btn {
        height: 12px;
        background-color: #dbdbdb;
        width: 32px;
        box-shadow: none
    }

    .booking-setting-slider .switch-button-container .switch-button {
        height: 18px;
        width: 18px;
        box-shadow: none
    }

.booking-setting-body .booking-time.online-booking-setup {
    padding-bottom: 120px
}

.booking-setting-body.online-booking-hours {
    padding-bottom: 130px;
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.booking-setting-body.group-time-slot {
    padding-bottom: 180px;
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.booking-time > .gray-txt {
    margin-bottom: 8px
}

.booking-setting-slider .time-slot-div select {
    float: left;
    width: 35%;
    border-radius: 4px
}

.booking-setting-slider .time-slot-div {
    position: relative
}

.booking-setting-slider .red-border {
    border-color: #c64c5c !important
}

.booking-setting-slider .slot-dropdowns-container .error-msg-label {
    font-size: 11px;
    margin-left: 164px
}

.booking-setting-slider .error-msg {
    color: #c64c5c;
    font-size: 12px
}

.booking-setting-slider .pos-absolute {
    position: absolute
}

.booking-setting-slider .time-slot-div .error-msg-label {
    top: 39px;
    font-size: 11px;
    left: 44%
}

.booking-setting-slider .add-time-slot {
    margin-top: 10px;
    display: inline-block
}

.booking-setting-slider .txt-blue {
    color: #3276b1
}

    .booking-setting-slider .txt-blue.disabled {
        color: #333;
        opacity: .2
    }

.booking-setting-slider .days {
    padding-top: 8px
}

.booking-setting-slider .error-msg-label {
    margin-top: 2px;
    color: #c64c5c;
    font-size: 12px;
    position: absolute
}

.booking-setting-slider .grp-timeslot-btn-container {
    margin: 5px 0;
    background-color: #fff
}

.booking-setting-slider .grp-timeslot-btn {
    padding: 13px 15px;
    color: #424448;
    cursor: pointer;
    border-bottom: 1px solid #ebecee
}

    .booking-setting-slider .grp-timeslot-btn:hover {
        background-color: #f3f4f8
    }

    .booking-setting-slider .grp-timeslot-btn i {
        color: #424448;
        position: relative;
        right: -5px
    }

.booking-setting-slider .group-timeslot {
    padding-top: 9px;
    background-color: #fff
}

.booking-setting-slider .flex-box {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.booking-setting-slider .slot-dropdowns-container {
    overflow: hidden;
    position: relative;
    margin-top: 20px
}

    .booking-setting-slider .slot-dropdowns-container select {
        float: left;
        width: 44%;
        border-radius: 4px
    }

.booking-setting-slider .add-another-btn {
    height: 38px;
    border-radius: 40px
}

    .booking-setting-slider .add-another-btn.disabled {
        color: #cfcfcf;
        border: #eee;
        background: #eee
    }

    .booking-setting-slider .add-another-btn:focus:not(:hover) {
        background: #fff;
        border-color: #0086ff;
        color: #0086ff !important;
        box-shadow: none
    }

.booking-setting-slider .calender-setup-loader {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: hsla(0,0%,100%,.5)
}

.booking-setting-slider .circle-loader {
    margin: 0;
    border: 4px solid #3272b2;
    border-top-color: transparent;
    top: calc(50% - 20px);
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 20px);
    width: 38px;
    height: 38px
}

.booking-setting-slider .groupSlotName {
    border-radius: 4px;
    margin-top: 1px;
    -webkit-appearance: none
}

.jd-atomic-input-dropdown .fields-with-lbl-holder .drop-down .drop-down-div .drop-down-input {
    height: 34px
}

.jd-atomic-input-dropdown .fields-with-lbl-holder.jd-error .fields-holder {
    border: 1px solid #c64c5c;
    border-radius: 4px
}

    .jd-atomic-input-dropdown .fields-with-lbl-holder.jd-error .fields-holder :not(:first-child) input.form-control {
        border-left: 1px solid #ededed
    }

    .jd-atomic-input-dropdown .fields-with-lbl-holder.jd-error .fields-holder input.form-control {
        border: none
    }

.jd-atomic-input-dropdown .fields-with-lbl-holder.jd-error .error-message {
    display: block
}

.jd-atomic-input-dropdown .fields-with-lbl-holder .error-message {
    display: none
}

.jd-atomic-input-dropdown .fields-with-lbl-holder .fields-holder {
    display: flex
}

    .jd-atomic-input-dropdown .fields-with-lbl-holder .fields-holder input.form-control {
        padding: 10px
    }

        .jd-atomic-input-dropdown .fields-with-lbl-holder .fields-holder input.form-control[disabled] {
            background-color: #fff
        }

    .jd-atomic-input-dropdown .fields-with-lbl-holder .fields-holder .field-group:not(:last-child):not(:first-child) input.form-control {
        border-radius: 0
    }

    .jd-atomic-input-dropdown .fields-with-lbl-holder .fields-holder .field-group:not(:last-child) input.form-control {
        border-right: none
    }

        .jd-atomic-input-dropdown .fields-with-lbl-holder .fields-holder .field-group:not(:last-child) input.form-control:focus {
            border-right: 1px solid #0086ff;
            padding-right: 9px
        }

    .jd-atomic-input-dropdown .fields-with-lbl-holder .fields-holder .field-group:first-child input.form-control {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .jd-atomic-input-dropdown .fields-with-lbl-holder .fields-holder .field-group:last-child input.form-control {
        height: 36px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

.jd-form {
    margin-top: 18px;
    font-size: 14px;
    line-height: 1.53
}

    .jd-form.form-as-row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

        .jd-form.form-as-row .form-group {
            width: calc(50% - 22.5px)
        }

            .jd-form.form-as-row .form-group:nth-child(odd) {
                margin-right: 7.5px
            }

            .jd-form.form-as-row .form-group:nth-child(2n) {
                margin-left: 7.5px
            }

    .jd-form .btn-animate-hover:hover:after {
        background-color: rgba(122,161,189,.16)
    }

    .jd-form .label-holder {
        line-height: unset
    }

        .jd-form .label-holder .popover-container {
            line-height: 100%
        }

    .jd-form input::placeholder, .jd-form textarea::placeholder {
        color: #9e9e9e
    }

    .jd-form input:focus::placeholder, .jd-form textarea:focus::placeholder {
        color: #d8d8d8
    }

    .jd-form label {
        color: #7a8994;
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 5px;
        text-transform: uppercase
    }

    .jd-form .form-group {
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 19px
    }

        .jd-form .form-group.last-ele {
            margin-bottom: 25px
        }

        .jd-form .form-group .target-elem {
            font-size: 12px
        }

        .jd-form .form-group.jd-error, .jd-form .form-group.jd-warning {
            margin-bottom: 0
        }

        .jd-form .form-group .char-count {
            color: #7d7d7d;
            text-align: right;
            font-size: 12px;
            margin-top: 1px
        }

        .jd-form .form-group .country-selection {
            width: 100%;
            position: absolute
        }

            .jd-form .form-group .country-selection .search-bar {
                width: 95%
            }

        .jd-form .form-group.full-width {
            margin-left: 0;
            margin-right: 0
        }

    .jd-form .label-for-checkbox {
        width: 100%
    }

    .jd-form .drop-down select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        background: #fff
    }

        .jd-form .drop-down select:focus {
            outline: none
        }

    .jd-form .drop-down:hover {
        cursor: pointer
    }

    .jd-form .drop-down .drop-down-div:focus .drop-down-input {
        border: 1px solid #0086ff
    }

    .jd-form .drop-down input.drop-down-input, .jd-form .drop-down select.drop-down-input {
        height: 34px;
        border-radius: 4px;
        padding: 0 0 0 10px;
        border: 1px solid #ededed;
        font-size: 14px;
        color: #333;
        line-height: 16px
    }

        .jd-form .drop-down input.drop-down-input.activeElem, .jd-form .drop-down select.drop-down-input.activeElem {
            border-color: #0086ff
        }

    .jd-form .drop-down .icon-down-style {
        color: #7d7d7d;
        right: 10px
    }

    .jd-form .drop-down .jd-autosuggest {
        padding: 10px 0;
        border-radius: 10px;
        background: #fff;
        box-shadow: 0 4px 10px 0 rgba(0,0,0,.2);
        border: none;
        margin: 0;
        max-height: unset
    }

        .jd-form .drop-down .jd-autosuggest li {
            min-height: 40px;
            font-size: 14px;
            color: #333
        }

            .jd-form .drop-down .jd-autosuggest li.jd-li-selected {
                background-color: #f5fafe;
                color: #0086ff
            }

            .jd-form .drop-down .jd-autosuggest li .border-bottom {
                border: none;
                border-bottom: 1px solid #ededed
            }

            .jd-form .drop-down .jd-autosuggest li .label-style {
                position: static;
                color: inherit;
                font-size: 14px
            }

            .jd-form .drop-down .jd-autosuggest li .icon-clickNew {
                display: none
            }

            .jd-form .drop-down .jd-autosuggest li:hover {
                background-color: #f5fafe
            }

    .jd-form .form-control {
        width: 100%;
        border: 1px solid #ededed;
        border-radius: 4px;
        -webkit-appearance: none;
        color: #414e59;
        line-height: 1rem
    }

        .jd-form .form-control[disabled] {
            background: #edf1f7;
            -webkit-text-fill-color: #555
        }

        .jd-form .form-control:focus {
            border-width: 2px;
            border-color: #0086ff;
            padding: 5px 9px
        }

    .jd-form textarea.form-control {
        overflow-y: hidden;
        padding: 6px 10px;
        resize: none
    }

    .jd-form input[type=number].form-control {
        height: 36px;
        padding: 10px
    }

        .jd-form input[type=number].form-control:focus {
            padding: 5px 9px
        }

    .jd-form input[type=text].form-control {
        height: 36px;
        padding: 10px
    }

        .jd-form input[type=text].form-control:focus {
            padding: 5px 9px
        }

    .jd-form input[type=text]:disabled {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .jd-form .jd-error .error-message, .jd-form .jd-error .form-control-label, .jd-form .list-content-holder.jd-error .item-err .form-control-label {
        color: #c64c5c
    }

    .jd-form .drop-down .jd-autosuggest {
        animation: scale-up-tr-center .35s cubic-bezier(.075,.82,.165,1) 0s 1 normal forwards running
    }

    .jd-form .jd-warning .error-message, .jd-form .jd-warning .form-control-label, .jd-form .jd-warning .validation-errLabl, .jd-form .list-content-holder.jd-warning .item-err .form-control-label {
        color: #ffa800
    }

    .jd-form .jd-error .drop-down .drop-down-div .drop-down-input, .jd-form .jd-error .form-control {
        border-color: #c64c5c
    }

    .jd-form .jd-warning .drop-down .drop-down-div .drop-down-input, .jd-form .jd-warning .form-control {
        border-color: #ffa800
    }

    .jd-form .jd-error .error-message, .jd-form .jd-warning .error-message {
        font-size: 12px;
        line-height: 12px;
        margin-top: 5px;
        margin-bottom: 5px
    }

    .jd-form .form-control-toggle {
        margin-bottom: 20px
    }

        .jd-form .form-control-toggle.toggle-on-left .toggle-button {
            float: left;
            margin-right: 5px
        }

        .jd-form .form-control-toggle .target-elem {
            font-size: 16px
        }

        .jd-form .form-control-toggle .toggle-button-label, .jd-form .form-control-toggle .toggle-button-label-holder {
            float: left
        }

        .jd-form .form-control-toggle .toggle-button {
            float: right
        }

        .jd-form .form-control-toggle .switch-button-container {
            margin: 0
        }

        .jd-form .form-control-toggle .sup {
            font-size: 10px;
            color: inherit
        }

    .jd-form .icon-style {
        padding-left: 5px
    }

    .jd-form .separator-line {
        height: 1px;
        padding: 0;
        background: #ededed;
        clear: both
    }

    .jd-form .form-title {
        display: flex;
        align-items: center
    }

        .jd-form .form-title label {
            color: #424448;
            margin-top: 0;
            font-weight: 400;
            margin-bottom: 0;
            text-transform: none
        }

        .jd-form .form-title .target-elem, .jd-form .form-title label {
            font-size: 16px;
            line-height: 16px
        }

    .jd-form .form-button .btn {
        color: #0086ff;
        border-radius: 100px;
        border: 1px solid #0086ff;
        outline: 0;
        height: 34px;
        font-size: 14px;
        -webkit-appearance: none;
        padding: 0;
        width: 100%
    }

        .jd-form .form-button .btn:hover {
            background: #0086ff;
            border-color: #0086ff;
            color: #fff
        }

    .jd-form .mobile-input-holder {
        display: flex;
        position: relative
    }

        .jd-form .mobile-input-holder input.form-control {
            color: #555;
            height: 35px;
            padding-left: 45px;
            z-index: 1;
            background: transparent
        }

        .jd-form .mobile-input-holder .input-for-money {
            text-align: right
        }

            .jd-form .mobile-input-holder .input-for-money.left-align {
                text-align: left
            }

        .jd-form .mobile-input-holder .flag-icon {
            position: absolute;
            transform: scale(.55);
            top: -5px;
            z-index: 2;
            cursor: pointer
        }

        .jd-form .mobile-input-holder .arrow-container {
            top: 10px;
            position: absolute;
            left: 40px;
            z-index: 2;
            cursor: pointer
        }

        .jd-form .mobile-input-holder .isd-class {
            position: absolute;
            left: 60px;
            top: 8px
        }

        .jd-form .mobile-input-holder .form-control {
            font-size: 14px
        }

            .jd-form .mobile-input-holder .form-control.length-1 {
                padding-left: 90px
            }

            .jd-form .mobile-input-holder .form-control.length-2 {
                padding-left: 95px
            }

            .jd-form .mobile-input-holder .form-control.length-3 {
                padding-left: 100px
            }

            .jd-form .mobile-input-holder .form-control.length-4 {
                padding-left: 105px
            }

        .jd-form .mobile-input-holder .country-flag-holder {
            position: absolute;
            width: 58px;
            height: 32px;
            top: 1px;
            background: #f5fafe
        }

            .jd-form .mobile-input-holder .country-flag-holder .flag {
                text-shadow: 1px 1px 2px rgba(0,0,0,.42)
            }

    .jd-form .mobile-country-code {
        min-width: 39px;
        height: 33px;
        position: absolute;
        top: 1px;
        left: 1px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        background: #edf1f7;
        color: #333;
        border: none;
        border-right: 1px solid #ededed
    }

    .jd-form .form-control-holder, .jd-form .mobile-input-holder {
        position: relative
    }

        .jd-form .form-control-holder .input-cross-btn, .jd-form .mobile-input-holder .input-cross-btn {
            position: absolute;
            top: 4px;
            display: flex;
            right: 4px;
            font-size: 15px;
            width: 26px;
            height: 26px;
            cursor: pointer;
            color: #7d7d7d;
            z-index: 2
        }

        .jd-form .form-control-holder .paste-section, .jd-form .mobile-input-holder .paste-section {
            position: absolute;
            padding: 3px 8px 2px;
            height: 25px;
            top: 14%;
            right: 5px;
            color: #0086ff
        }

.desktop .jd-form .form-control-holder .paste-section:hover, .desktop .jd-form .mobile-input-holder .paste-section:hover {
    cursor: pointer;
    background: #edf1f7;
    border-radius: 6px
}

.jd-form .form-control-holder.jd-error .paste-section, .jd-form .mobile-input-holder.jd-error .paste-section {
    top: 10% !important
}

.jd-form .list-content-holder .list-item {
    display: flex;
    position: relative
}

    .jd-form .list-content-holder .list-item .data-holder {
        position: relative;
        width: 100%;
        padding: 12px 15px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        .jd-form .list-content-holder .list-item .data-holder:after {
            position: absolute;
            bottom: 0;
            display: block;
            border-bottom: 1px solid #ededed;
            width: calc(100% - 15px);
            content: "";
            left: 15px
        }

    .jd-form .list-content-holder .list-item .left-icon {
        margin-right: 10px
    }

    .jd-form .list-content-holder .list-item .right-icon {
        color: #7d7d7d;
        font-size: 16px
    }

    .jd-form .list-content-holder .list-item .left-sec {
        display: flex;
        padding-right: 5px
    }

        .jd-form .list-content-holder .list-item .left-sec .form-control-label {
            margin-bottom: 0;
            cursor: inherit
        }

    .jd-form .list-content-holder .list-item .right-sec {
        display: flex;
        align-items: center
    }

    .jd-form .list-content-holder .list-item:hover {
        background-color: #f5fafe
    }

        .jd-form .list-content-holder .list-item:hover .left-sec .form-control-label {
            color: #0086ff
        }

    .jd-form .list-content-holder .list-item.pointer {
        cursor: pointer
    }

.jd-form .list-content-holder.jd-error .form-control-label {
    color: #7a8994
}

.jd-form .form-file-holder .data-section {
    height: 140px;
    width: 100%;
    position: relative
}

    .jd-form .form-file-holder .data-section .dashed-border {
        border: 1px dashed #d8d8d8;
        border-radius: 5px
    }

    .jd-form .form-file-holder .data-section .file-value-holder {
        border: 1px solid #ededed;
        border-radius: 5px
    }

    .jd-form .form-file-holder .data-section .upload-btn-holder {
        cursor: pointer;
        transition: border-color .3s ease-out
    }

    .jd-form .form-file-holder .data-section .file-upload-btn-new {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 82px
    }

        .jd-form .form-file-holder .data-section .file-upload-btn-new .file-upload-btn {
            position: unset;
            top: unset;
            left: unset;
            transform: none
        }

    .jd-form .form-file-holder .data-section .docs-icon-holder {
        display: flex;
        justify-content: center;
        align-items: center
    }

        .jd-form .form-file-holder .data-section .docs-icon-holder .icon-style {
            font-size: 40px
        }

        .jd-form .form-file-holder .data-section .docs-icon-holder.pdf img {
            height: 132px;
            width: 132px
        }

        .jd-form .form-file-holder .data-section .docs-icon-holder.docx img, .jd-form .form-file-holder .data-section .docs-icon-holder.xlsx img {
            height: 64px;
            width: 57px
        }

    .jd-form .form-file-holder .data-section .file-overlay:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
        background: #000;
        cursor: pointer;
        border-radius: 5px;
        display: block;
        opacity: 0;
        transition: .3s ease-out
    }

    .jd-form .form-file-holder .data-section .file-overlay:hover:after {
        opacity: .8
    }

    .jd-form .form-file-holder .data-section .file-overlay:hover .overlay-icon {
        display: block
    }

    .jd-form .form-file-holder .data-section .file-overlay .overlay-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        color: #fff;
        z-index: 2;
        font-size: 30px;
        display: none;
        cursor: pointer
    }

    .jd-form .form-file-holder .data-section .file-overlay .download-section {
        position: absolute;
        width: 40px;
        height: 40px;
        background: rgba(0,0,0,.47);
        bottom: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-top-left-radius: 4px;
        border-bottom-right-radius: 4px;
        display: none
    }

        .jd-form .form-file-holder .data-section .file-overlay .download-section .icon-download {
            color: #fff;
            font-size: 16px
        }

.jd-form .form-file-holder .label-btn-holder {
    position: relative;
    display: flex
}

    .jd-form .form-file-holder .label-btn-holder .label-holder {
        width: 80%;
        flex-grow: 1
    }

    .jd-form .form-file-holder .label-btn-holder .form-control-label {
        margin-bottom: 6px
    }

.jd-form .form-file-holder .remove-btn-parent {
    padding: 2px 8px;
    height: 23px;
    border: none
}

    .jd-form .form-file-holder .remove-btn-parent .remove-file-btn {
        color: #0086ff;
        cursor: pointer;
        line-height: 12px;
        font-size: 12px;
        margin-left: auto
    }

    .jd-form .form-file-holder .remove-btn-parent:hover:after {
        background-color: rgba(122,161,189,.16)
    }

.jd-form .form-file-holder .file-upload-btn {
    line-height: 14px;
    border-color: #0086ff;
    min-width: 160px;
    min-height: 32px;
    border-radius: 100px;
    transition: all .3s ease-out;
    font-weight: 400
}

.jd-form .form-file-holder .file-upload-btn, .jd-form .form-file-holder .upload-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.jd-form .form-file-holder.jd-error .data-section .dashed-border {
    border-color: #c64c5c
}

.jd-form .form-file-holder.jd-warning .data-section .dashed-border {
    border-color: #ffa800
}

.jd-form .form-file-holder .full-height {
    height: 100%
}

.jd-form:not(.touch-device) .form-file-holder .upload-btn-holder.dashed-border:hover {
    border-color: #0086ff
}

    .jd-form:not(.touch-device) .form-file-holder .upload-btn-holder.dashed-border:hover .file-upload-btn {
        background: #0086ff;
        color: #fff
    }

.jd-form.touch-device .jd-btn-primary:hover:hover {
    background: #fff;
    color: #0086ff !important
}

.jd-form.touch-device .jd-btn-primary:hover:active, .jd-form.touch-device .jd-btn-primary:hover:active:focus, .jd-form.touch-device .jd-btn-primary:hover:active:hover {
    background: #0086ff;
    color: #fff !important
}

.jd-form.touch-device .form-file-holder .file-overlay .overlay-icon, .jd-form.touch-device .form-file-holder .file-overlay:after {
    display: none !important
}

.jd-form.touch-device .form-file-holder .file-overlay .download-section {
    display: flex
}

.jd-form.touch-device .form-file-holder .upload-btn-holder.dashed-border:active {
    border-color: #0086ff
}

    .jd-form.touch-device .form-file-holder .upload-btn-holder.dashed-border:active .file-upload-btn {
        background: #0086ff;
        color: #fff
    }

.jd-form .form-control-loader {
    top: calc(50% - 10px);
    right: 10px;
    position: absolute;
    stroke-width: 2px;
    height: 20px;
    width: 20px
}

    .jd-form .form-control-loader .circle-loader {
        fill: transparent;
        stroke: #0086ff;
        animation: dash 2s ease infinite,rotate 2s linear infinite
    }

.slider-holder .slider-new {
    position: fixed;
    height: 100%
}

    .slider-holder .slider-new .jd-animate {
        background: #fff;
        height: 100%
    }

    .slider-holder .slider-new .slider-body {
        width: 100%;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-weight: 400;
        position: relative;
        background: #fff;
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
        overflow: overlay;
        height: 100%;
        padding-bottom: 70px
    }

    .slider-holder .slider-new .slider-footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 15px;
        z-index: 4
    }

        .slider-holder .slider-new .slider-footer .btn {
            width: 100%
        }

        .slider-holder .slider-new .slider-footer footer {
            border-top: none;
            background: linear-gradient(0deg,#fff 0,hsla(0,0%,100%,.9) 50%,hsla(0,0%,100%,0))
        }

            .slider-holder .slider-new .slider-footer footer .footer-btns-1 button {
                width: calc(100% - 30px);
                height: 40px;
                margin-bottom: 15px
            }

@media screen and (max-height:400px) {
    .jd-video-slider .slider-footer {
        display: none
    }
}

.jd-form .jd-error .error-message.labelError, .jd-form .labelError {
    color: #ff8e00
}

.enabled .form-control[readonly] {
    background-color: #fff
}

.jd-form.form-as-row .form-group.three-divspace-1 {
    width: calc(33.33% - 7px);
    margin-right: 7px;
    margin-left: 0
}

.jd-form.form-as-row .form-group.three-divspace-2 {
    width: calc(33.33% - 6px);
    margin-right: 3px;
    margin-left: 3px
}

.jd-form.form-as-row .form-group.three-divspace-3 {
    width: calc(33.33% - 7px);
    margin-right: 0;
    margin-left: 7px
}

.jd-form.form-as-row .form-group.single-divspace {
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

.jd-form.form-as-row .form-group.two-div-specialcase-1 {
    width: calc(67% - 10px);
    margin-right: 10px;
    margin-left: 0
}

.jd-form.form-as-row .form-group.two-div-specialcase-2 {
    width: 33%;
    margin-right: 0;
    margin-left: 0
}

.jd-form.form-as-row .form-group.two-divspace-1 {
    width: calc(50% - 5px);
    margin-right: 5px;
    margin-left: 0
}

.jd-form.form-as-row .form-group.two-divspace-2 {
    width: calc(50% - 5px);
    margin-right: 0;
    margin-left: 5px
}

.jd-form.form-as-row .form-group.last-element-padding {
    margin-bottom: 5px
}

.mobileVendorApp .slider-holder .slider-new .slider-footer footer .footer-btns-1 button {
    width: 100%;
    margin-bottom: 0
}

.popover-container {
    display: inline-block
}

    .popover-container .target-elem {
        cursor: pointer;
        font-size: 16px;
        margin-left: 5px;
        color: #7d7d7d
    }

        .popover-container .target-elem:hover {
            color: #333
        }

        .popover-container .target-elem i {
            font-size: inherit;
            color: inherit
        }

    .popover-container .show-info-popover {
        top: 21px;
        display: block;
        max-width: unset;
        transform: scale(0);
        will-change: left,top,transform;
        transition: transform .3s ease-out;
        transform-origin: 0 0;
        box-shadow: 0 4px 10px 0 rgba(0,0,0,.18);
        border: none;
        left: 0;
        font-family: Gilroy,sans-serif
    }

        .popover-container .show-info-popover .arrow {
            left: 50%;
            border-bottom-color: rgba(0,0,0,.08)
        }

        .popover-container .show-info-popover .popover-content {
            padding: 10px
        }

        .popover-container .show-info-popover.no-transition {
            -webkit-transition: none !important;
            -moz-transition: none !important;
            -o-transition: none !important;
            transition: none !important
        }

        .popover-container .show-info-popover.bottom {
            margin-top: 8px
        }

            .popover-container .show-info-popover.bottom .arrow {
                top: -9px
            }

.blue-btn {
    background: #0086ff;
    color: #fff
}

    .blue-btn .loading-span {
        border-color: transparent #fff #fff
    }

    .blue-btn:active, .blue-btn:focus, .blue-btn:hover {
        color: #fff
    }

    .blue-btn:hover {
        background: #067eb9
    }

.grey-btn {
    color: #333;
    background-color: #ededed
}

    .grey-btn .loading-span {
        border-color: transparent #333 #333
    }

    .grey-btn:hover {
        background-color: #d8d8d8
    }

@media screen and (max-width:1000px) {
    #jdPopupTypeConfirmContainer .confirm-modal-latest .modal-vertical-alignment-helper {
        width: 85vw
    }

    #jdPopupTypeConfirmContainer .confirm-modal-latest .modal-dialog {
        max-width: unset !important;
        width: 100%;
        display: block
    }
}

#jdPopupTypeConfirmContainer .confirm-modal-latest .modal-vertical-alignment-helper {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    height: unset
}

#jdPopupTypeConfirmContainer .confirm-modal-latest.fade .modal-dialog {
    transform: scale(.8)
}

#jdPopupTypeConfirmContainer .confirm-modal-latest.fade.in .modal-dialog {
    transform: scale(1)
}

#jdPopupTypeConfirmContainer .confirm-modal-latest .confirm-modal-width, #jdPopupTypeConfirmContainer .confirm-modal-latest .modal-dialog {
    transition: transform .1s ease-out;
    max-width: 340px
}

#jdPopupTypeConfirmContainer .confirm-modal-latest .close {
    opacity: 1;
    position: absolute;
    right: 10px;
    width: 26px;
    height: 26px;
    margin-top: 0;
    top: 10px
}

    #jdPopupTypeConfirmContainer .confirm-modal-latest .close .icon-close-thin {
        position: absolute;
        z-index: 2
    }

    #jdPopupTypeConfirmContainer .confirm-modal-latest .close.btn-animate-hover:hover:after {
        border-radius: 4px
    }

#jdPopupTypeConfirmContainer .confirm-modal-latest .jd-color-inherit {
    color: #7d7d7d !important
}

#jdPopupTypeConfirmContainer .confirm-modal-latest .circle-btn {
    border-radius: 4px !important
}

#jdPopupTypeConfirmContainer .confirm-modal-latest .font20 {
    overflow: hidden;
    font-size: 20px
}

#jdPopupTypeConfirmContainer .confirm-modal-latest .font12 {
    overflow: hidden;
    font-size: 12px !important
}

#jdPopupTypeConfirmContainer .confirm-modal-latest .modal-content {
    box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);
    overflow: hidden;
    border-radius: 10px;
    font-family: Gilroy
}

#jdPopupTypeConfirmContainer .confirm-modal-latest .modal-header {
    border-bottom: none;
    height: 35px
}

#jdPopupTypeConfirmContainer .confirm-modal-latest .modal-body {
    padding-top: 0;
    padding-bottom: 35px;
    width: 100%;
    text-align: center;
    color: #333;
    min-height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

    #jdPopupTypeConfirmContainer .confirm-modal-latest .modal-body .title {
        font-size: 18px;
        font-weight: 500;
        color: #333
    }

    #jdPopupTypeConfirmContainer .confirm-modal-latest .modal-body .subtitle {
        font-size: 14px
    }

    #jdPopupTypeConfirmContainer .confirm-modal-latest .modal-body .confirm-txt {
        font-size: 14px;
        padding-top: 10px;
        color: #333
    }

#jdPopupTypeConfirmContainer .confirm-modal-latest .modal-footer {
    display: block;
    padding: 0;
    height: 50px;
    margin-top: 0;
    border-top: none;
    font-size: 14px
}

#jdPopupTypeConfirmContainer .confirm-modal-latest .btn {
    height: 100%;
    border-radius: 0;
    padding: 0;
    margin: 0;
    outline: none;
    transition: all .3s ease
}

    #jdPopupTypeConfirmContainer .confirm-modal-latest .btn.btn-default {
        border-color: transparent;
        color: #333 !important;
        background-color: #ededed
    }

        #jdPopupTypeConfirmContainer .confirm-modal-latest .btn.btn-default:hover {
            color: #333 !important;
            background-color: #d8d8d8;
            border-color: transparent;
            cursor: pointer
        }

    #jdPopupTypeConfirmContainer .confirm-modal-latest .btn.btn-primary {
        background-color: #0086ff !important;
        border-color: #0086ff !important
    }

        #jdPopupTypeConfirmContainer .confirm-modal-latest .btn.btn-primary:hover {
            background: #067eb9 !important;
            border-color: #067eb9 !important;
            transition: all .3s ease;
            cursor: pointer
        }

    #jdPopupTypeConfirmContainer .confirm-modal-latest .btn.btn-delete {
        color: #fff !important;
        border: 1px solid #c64c5c !important;
        background: #c64c5c !important
    }

        #jdPopupTypeConfirmContainer .confirm-modal-latest .btn.btn-delete:hover {
            border: 1px solid #b43e4d !important;
            background: #b43e4d !important
        }

.custom-checkbox {
    display: inline-block;
    vertical-align: top
}

    .custom-checkbox .cb-holder {
        position: relative
    }

        .custom-checkbox .cb-holder:hover {
            cursor: pointer
        }

    .custom-checkbox .custom-check-box {
        position: absolute;
        z-index: 1;
        height: 16px;
        width: 16px;
        margin: 0;
        opacity: 0;
        display: block
    }

        .custom-checkbox .custom-check-box ~ .intermediate-icon {
            display: none;
            font-size: 17px;
            color: #0086ff
        }

            .custom-checkbox .custom-check-box ~ .intermediate-icon.icon-minusCart {
                font-size: 20px
            }

        .custom-checkbox .custom-check-box:indeterminate ~ .label-tag {
            display: none
        }

        .custom-checkbox .custom-check-box:indeterminate ~ .intermediate-icon {
            display: block
        }

            .custom-checkbox .custom-check-box:indeterminate ~ .intermediate-icon.icon-minus {
                border-radius: 2px;
                background: #0086ff;
                color: #fff
            }

    .custom-checkbox .label-tag {
        position: relative;
        display: flex;
        align-items: center;
        color: #7d7d7d;
        transition: color .25s cubic-bezier(.4,0,.23,1);
        margin: 0;
        pointer-events: none
    }

        .custom-checkbox .label-tag span {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 16px;
            height: 16px;
            background: transparent;
            border: 1px solid #d8d8d8;
            border-radius: 2px;
            cursor: pointer;
            transition: all .18s cubic-bezier(.4,0,.23,1)
        }

            .custom-checkbox .label-tag span.circular-cb {
                border-radius: 50%;
                overflow: hidden;
                height: 20px;
                width: 20px
            }

                .custom-checkbox .label-tag span.circular-cb:before {
                    left: 5px;
                    top: 10px
                }

        .custom-checkbox .label-tag:hover {
            color: #333
        }

    .custom-checkbox .custom-check-box + .label-tag:hover > span, .custom-checkbox .custom-check-box:focus + .label-tag > span {
        background: hsla(0,0%,100%,.1)
    }

    .custom-checkbox .custom-check-box:checked + .label-tag > span {
        border: 8px solid #0086ff;
        animation: shrink-bounce .1s cubic-bezier(.4,0,.23,1)
    }

        .custom-checkbox .custom-check-box:checked + .label-tag > span.circular-cb {
            border: 10px solid #0086ff
        }

            .custom-checkbox .custom-check-box:checked + .label-tag > span.circular-cb:before {
                left: 5px;
                top: 10px
            }

        .custom-checkbox .custom-check-box:checked + .label-tag > span:before {
            content: "";
            position: absolute;
            left: 3px;
            top: 8px;
            border-right: 2px solid transparent;
            border-bottom: 2px solid transparent;
            transform: rotate(45deg);
            transform-origin: 0 100%;
            animation: checkbox-check 90ms cubic-bezier(.4,0,.23,1) .18s forwards
        }

@keyframes checkbox-check {
    0% {
        width: 0;
        height: 0;
        border-color: #fff;
        transform: translateZ(0) rotate(45deg)
    }

    33% {
        width: 5px;
        height: 0;
        transform: translateZ(0) rotate(45deg)
    }

    to {
        width: 5px;
        height: 9px;
        border-color: #fff;
        transform: translate3d(0,-9px,0) rotate(45deg)
    }
}

@keyframes shrink-bounce {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.85)
    }

    to {
        transform: scale(1)
    }
}

.mobileVendorApp .custom-checkbox .label-tag span {
    width: 20px;
    height: 20px
}

.mobileVendorApp .custom-checkbox .custom-check-box:checked + .label-tag > span {
    border: 10px solid #0086ff
}

    .mobileVendorApp .custom-checkbox .custom-check-box:checked + .label-tag > span:before {
        left: 5px;
        top: 10px
    }

label.label-for-checkbox {
    font-size: 14px !important;
    line-height: unset !important;
    margin-bottom: 0 !important;
    color: unset !important;
    cursor: pointer;
    text-transform: none
}

.marginLR15 {
    margin-right: 15px;
    margin-left: 15px
}

.unit-autosuggest {
    position: relative
}

    .unit-autosuggest .jd-dropdown-menu {
        padding: 0;
        max-height: 302px;
        overflow: auto
    }

        .unit-autosuggest .jd-dropdown-menu ul {
            list-style: none;
            padding: 0
        }

        .unit-autosuggest .jd-dropdown-menu .jd-dropdown-label {
            margin-bottom: 0;
            border-bottom: 1px solid #ededed;
            padding-top: 7px;
            padding-bottom: 7px;
            font-weight: 600;
            color: #0086ff
        }

        .unit-autosuggest .jd-dropdown-menu .jd-dropdown-label, .unit-autosuggest .jd-dropdown-menu li.jd-hover {
            line-height: 100%;
            padding-left: 12px;
            padding-right: 12px
        }

        .unit-autosuggest .jd-dropdown-menu li.jd-hover {
            padding: 13px 15px
        }

    .unit-autosuggest .arrow-button-holder {
        position: absolute;
        height: 26px;
        width: 26px;
        right: 2px;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        align-items: center
    }

        .unit-autosuggest .arrow-button-holder .btn-animate-hover {
            height: 100%;
            width: 100%
        }

        .unit-autosuggest .arrow-button-holder .icon-HDRcross, .unit-autosuggest .arrow-button-holder .icon-pagination-down {
            font-size: 10px;
            color: #7d7d7d
        }

    .unit-autosuggest.web .unit-dropdown.form-control {
        min-width: 160px
    }

    .unit-autosuggest.web .selectBox {
        z-index: 10;
        position: relative
    }

    .unit-autosuggest.web li.jd-hover.selected, .unit-autosuggest.web li.jd-hover:hover {
        background-color: #f5fafe
    }

    .unit-autosuggest.web .jd-dropdown-menu {
        top: 0;
        margin-top: 0;
        border: none;
        border-radius: 10px;
        box-shadow: 0 4px 12px 0 rgba(0,0,0,.175)
    }

    .unit-autosuggest.web .scroll-holder {
        top: 34px;
        left: 0;
        position: absolute;
        width: 100%;
        animation: scale-up-top-center .3s;
        z-index: 5
    }

    .unit-autosuggest.web .search-result-ul {
        margin-top: 10px
    }

    .unit-autosuggest.web .selected-uom-sec {
        border: none;
        display: flex;
        align-items: center
    }

    .unit-autosuggest.mobile.unit-autosuggest {
        height: 100%
    }

        .unit-autosuggest.mobile.unit-autosuggest .selectBox {
            display: flex;
            z-index: 1;
            position: sticky;
            position: -webkit-sticky;
            top: 0;
            background-color: #fff
        }

            .unit-autosuggest.mobile.unit-autosuggest .selectBox .icon-HDRback {
                font-size: 14px;
                display: flex;
                justify-content: center;
                align-items: center;
                color: #666
            }

            .unit-autosuggest.mobile.unit-autosuggest .selectBox .mobile-cross {
                position: absolute;
                top: 19px;
                right: 10px;
                color: #7d7d7d;
                font-size: 130%
            }

            .unit-autosuggest.mobile.unit-autosuggest .selectBox .icon-HDRcross {
                font-size: 14px
            }

            .unit-autosuggest.mobile.unit-autosuggest .selectBox .unit-dropdown {
                width: 100% !important;
                border: unset;
                padding-top: 15px;
                padding-bottom: 15px;
                padding-left: 8px;
                box-sizing: border-box
            }

        .unit-autosuggest.mobile.unit-autosuggest .scroll-holder .jd-dropdown-menu {
            max-height: calc(100% - 55px)
        }

            .unit-autosuggest.mobile.unit-autosuggest .scroll-holder .jd-dropdown-menu ul {
                margin-top: 0;
                margin-bottom: 0;
                font-size: 14px;
                overflow: auto;
                max-height: calc(100vh - 56px);
                -webkit-overflow-scrolling: touch
            }

            .unit-autosuggest.mobile.unit-autosuggest .scroll-holder .jd-dropdown-menu .jd-dropdown-label {
                padding: 8px 0 0 52px;
                background-color: #eef1f8;
                font-size: 11px;
                height: 18px;
                font-weight: 500
            }

            .unit-autosuggest.mobile.unit-autosuggest .scroll-holder .jd-dropdown-menu .unit-other, .unit-autosuggest.mobile.unit-autosuggest .scroll-holder .jd-dropdown-menu .unit-popular {
                padding: 15px 0 15px 52px;
                position: relative
            }

                .unit-autosuggest.mobile.unit-autosuggest .scroll-holder .jd-dropdown-menu .unit-other:before, .unit-autosuggest.mobile.unit-autosuggest .scroll-holder .jd-dropdown-menu .unit-popular:before {
                    content: "";
                    position: absolute;
                    height: 43px;
                    width: calc(100% - 52px);
                    top: 0;
                    background: transparent;
                    border-bottom: 1px solid #eef1f8
                }

            .unit-autosuggest.mobile.unit-autosuggest .scroll-holder .jd-dropdown-menu .last {
                border-bottom: none
            }

        .unit-autosuggest.mobile.unit-autosuggest .arrow-button-holder {
            display: none
        }

.animate-switch-selector {
    margin: 0 auto 10px;
    display: flex;
    background: unset;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid #0086ff
}

    .animate-switch-selector, .animate-switch-selector .switch-value {
        position: relative;
        width: 100%;
        text-align: center;
        align-items: center;
        justify-content: center
    }

        .animate-switch-selector .switch-value {
            display: inline-block;
            min-height: 36px;
            padding: 5px;
            font-size: 12px;
            color: #0086ff;
            transition: color .15s ease-out;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            margin: 0;
            display: flex
        }

            .animate-switch-selector .switch-value:not(:first-child) {
                border-left: 1px solid
            }

            .animate-switch-selector .switch-value.selected {
                color: #fff;
                z-index: 1;
                border-left: unset
            }

            .animate-switch-selector .switch-value:hover:not(.selected) {
                background-color: #f5fafe
            }

        .animate-switch-selector .switch-selector-slider {
            position: absolute;
            left: 0;
            top: 0;
            width: 50%;
            height: 100%;
            min-height: 36px;
            text-align: center;
            font-size: 12px;
            padding: 5px;
            background-color: #0086ff;
            transition: -webkit-transform .3s ease-out;
            transition: transform .3s ease-out;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 0
        }

        .animate-switch-selector.last-selected .switch-selector-slider {
            left: 1px
        }

.header-height, .jd-mobile-header {
    height: 55px;
    width: 100%
}

.jd-mobile-header {
    padding: 0;
    top: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    max-width: 320px;
    color: #414e5a;
    z-index: 1030;
    background: #fff;
    background-color: #fff;
    border-bottom: 1px solid #ededed;
    font-family: Gilroy,sans-serif
}

    .jd-mobile-header.borderNone {
        border-bottom: none
    }

    .jd-mobile-header.box-shadow {
        box-shadow: 0 0 10px rgba(0,0,0,.2) !important
    }

    .jd-mobile-header.position-fixed {
        position: fixed
    }

    .jd-mobile-header.position-sticky {
        position: -webkit-sticky;
        position: sticky
    }

    .jd-mobile-header.isMobileView {
        max-width: 100%
    }

        .jd-mobile-header.isMobileView .content-holder .header-left-section.header-hideTitle {
            min-width: 10.625vw
        }

        .jd-mobile-header.isMobileView .content-holder .header-center-section .input-group .custom-input {
            padding-top: 2px
        }

    .jd-mobile-header.uploadImageHeader {
        z-index: unset
    }

    .jd-mobile-header.headerTopUnset {
        top: unset
    }

    .jd-mobile-header.hsn-SuggestionHeader-search {
        position: sticky;
        height: 46px !important
    }

        .jd-mobile-header.hsn-SuggestionHeader-search .content-holder {
            padding: 0
        }

            .jd-mobile-header.hsn-SuggestionHeader-search .content-holder .header-left-section .button-holder {
                padding: 0 10px 0 15px
            }

            .jd-mobile-header.hsn-SuggestionHeader-search .content-holder .header-right-section .button-holder {
                position: relative;
                right: 10px
            }

            .jd-mobile-header.hsn-SuggestionHeader-search .content-holder .button-holder {
                height: 26px;
                min-width: 26px
            }

        .jd-mobile-header.hsn-SuggestionHeader-search .header-center-section .input-group .custom-input {
            max-height: 45px !important
        }

    .jd-mobile-header .content-holder {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 4px
    }

        .jd-mobile-header .content-holder .header-left-section {
            display: flex;
            flex-direction: row;
            min-width: 38px
        }

            .jd-mobile-header .content-holder .header-left-section.header-hideTitle {
                width: 10%
            }

        .jd-mobile-header .content-holder .header-center-section {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%
        }

            .jd-mobile-header .content-holder .header-center-section .header-title {
                color: #414e5a;
                width: 100%;
                text-align: center;
                flex: 2;
                line-height: 20px;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                word-break: break-word
            }

                .jd-mobile-header .content-holder .header-center-section .header-title.jd-two-line-ellipsis {
                    max-width: 200px
                }

            .jd-mobile-header .content-holder .header-center-section .input-group .custom-input {
                background: #fff;
                padding: 0;
                border-radius: 0;
                outline: none;
                border: none;
                cursor: text;
                flex: 2;
                height: 14.06vw;
                max-height: 40px;
                font-size: 16px;
                font-weight: 400;
                color: #333
            }

                .jd-mobile-header .content-holder .header-center-section .input-group .custom-input::placeholder {
                    color: #718190
                }

                .jd-mobile-header .content-holder .header-center-section .input-group .custom-input:focus::placeholder {
                    color: #abb6c1
                }

            .jd-mobile-header .content-holder .header-center-section .primary-header {
                display: block;
                position: relative
            }

            .jd-mobile-header .content-holder .header-center-section .header-text-ellipsis {
                max-width: 200px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                display: inline-block;
                vertical-align: middle
            }

            .jd-mobile-header .content-holder .header-center-section .child-header {
                font-size: .625rem
            }

            .jd-mobile-header .content-holder .header-center-section .ellipsis-one-line {
                max-width: 200px;
                text-overflow: ellipsis;
                white-space: nowrap;
                display: inline-block;
                vertical-align: middle;
                font-size: 14px
            }

            .jd-mobile-header .content-holder .header-center-section .ellipsis-two-line {
                font-size: 14px;
                max-width: 200px
            }

        .jd-mobile-header .content-holder .header-right-section {
            display: flex;
            justify-content: flex-end;
            min-width: 38px
        }

            .jd-mobile-header .content-holder .header-right-section .text-holder {
                padding: 0 4px
            }

                .jd-mobile-header .content-holder .header-right-section .text-holder .right-btn-text {
                    font-size: 12px;
                    text-transform: uppercase;
                    line-height: 10px;
                    padding: 10px 8px;
                    margin-right: -6px
                }

        .jd-mobile-header .content-holder.wider-section .header-left-section, .jd-mobile-header .content-holder.wider-section .header-right-section {
            min-width: 76px
        }

        .jd-mobile-header .content-holder .button-holder-section {
            display: flex;
            flex-direction: row
        }

        .jd-mobile-header .content-holder .button-holder {
            display: flex;
            align-items: center;
            justify-content: space-around;
            height: 40px;
            min-width: 38px;
            border: none;
            position: relative
        }

            .jd-mobile-header .content-holder .button-holder i {
                color: #414e5a;
                display: flex;
                justify-content: center;
                cursor: pointer;
                font-size: 14px;
                z-index: 1
            }

                .jd-mobile-header .content-holder .button-holder i.icon-trash {
                    font-size: 16px
                }

            .jd-mobile-header .content-holder .button-holder .icon-HDRback {
                margin-left: -6px
            }

            .jd-mobile-header .content-holder .button-holder .icon-filterNew {
                position: relative;
                overflow: hidden;
                transform: translateZ(0)
            }

            .jd-mobile-header .content-holder .button-holder .filter-count {
                top: 7px;
                right: 7px
            }

            .jd-mobile-header .content-holder .button-holder.two-btn-padding-left {
                margin: 0 0 0 -3px
            }

            .jd-mobile-header .content-holder .button-holder.two-btn-padding-right {
                margin: 0 2px 0 0
            }

            .jd-mobile-header .content-holder .button-holder.btn-animate-hover:hover:after {
                background-color: #edf1f7
            }

    .jd-mobile-header .disabled.disable-btn {
        opacity: .5
    }

    .jd-mobile-header .flex-display {
        display: flex;
        align-items: center;
        color: #fff
    }

    .jd-mobile-header .text-black {
        color: #424448
    }

    .jd-mobile-header .flex-display-end {
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

    .jd-mobile-header .pos-rel {
        position: relative
    }

.mob-landing-pg .jd-mobile-header {
    border-bottom: none
}

    .mob-landing-pg .jd-mobile-header.add-edit-customer, .mob-landing-pg .jd-mobile-header.auto-suggestion-header {
        border-bottom: 1px solid #ededed
    }

.header-Background .jd-mobile-header {
    background-image: none !important;
    background: none !important;
    border-bottom: none
}

    .header-Background .jd-mobile-header .content-holder .button-holder i, .header-Background .jd-mobile-header .content-holder .header-center-section .header-title {
        color: #fff
    }

.jd-mobile-header.header {
    padding: 15px 0 0 15px
}

.select-supplier-product .jd-mobile-header {
    height: unset
}

.paddingL0 {
    padding-left: 0
}

.font14 {
    font-size: 14px
}

.searchbar-holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    background: #fff;
    -webkit-appearance: none;
    box-sizing: border-box;
    outline: none;
    border-bottom: 1px solid #ededed
}

    .searchbar-holder.show-shadow {
        border-bottom: none;
        box-shadow: 0 6px 8px -6px rgba(0,0,0,.2)
    }

    .searchbar-holder .left-side-holder {
        padding: 0 10px 0 15px
    }

        .searchbar-holder .left-side-holder.searchIconPaading {
            padding: 0 2px 0 10px
        }

        .searchbar-holder .left-side-holder.backIconpadding {
            padding: 0 5px;
            box-sizing: border-box
        }

    .searchbar-holder .left-side-holder, .searchbar-holder .right-side-holder {
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 50px;
        min-height: 26px;
        font-size: 14px;
        border: none;
        outline: none
    }

        .searchbar-holder .left-side-holder i, .searchbar-holder .right-side-holder i {
            z-index: 1;
            color: #7d7d7d
        }

            .searchbar-holder .left-side-holder i.icon-HDRback, .searchbar-holder .right-side-holder i.icon-HDRback {
                margin-left: -6px;
                cursor: pointer
            }

            .searchbar-holder .left-side-holder i.icon-HDRcross, .searchbar-holder .right-side-holder i.icon-HDRcross {
                padding: 0;
                cursor: pointer
            }

        .searchbar-holder .left-side-holder.btn-animate-hover:hover:after, .searchbar-holder .right-side-holder.btn-animate-hover:hover:after {
            background-color: rgba(122,161,189,.16)
        }

    .searchbar-holder .center-input {
        padding: 0 10px 0 0;
        border-radius: 0;
        outline: none;
        border: none;
        cursor: text;
        flex: 2;
        height: 45px;
        font-size: 14px;
        font-weight: 400;
        color: #333
    }

        .searchbar-holder .center-input::placeholder {
            color: #718190
        }

        .searchbar-holder .center-input:focus::placeholder {
            color: #abb6c1
        }

    .searchbar-holder .right-side-holder {
        position: sticky !important;
        right: 8px;
        z-index: 2;
        margin-right: 7px;
        min-width: 26px;
        box-sizing: border-box
    }

        .searchbar-holder .right-side-holder.pos-unset {
            position: unset
        }

        .searchbar-holder .right-side-holder i {
            cursor: pointer
        }

    .searchbar-holder.box-shadow-below {
        box-shadow: 0 6px 8px -6px rgba(0,0,0,.2)
    }

    .searchbar-holder.header-searchBar {
        padding: 0 5px
    }

        .searchbar-holder.header-searchBar .left-side-holder, .searchbar-holder.header-searchBar .right-side-holder {
            min-width: 38px !important;
            min-height: 52px !important
        }

        .searchbar-holder.header-searchBar .right-side-holder {
            margin-right: 3px
        }

        .searchbar-holder.header-searchBar .center-input {
            height: 53px;
            padding: 0 2px;
            font-size: 16px
        }

.jd-mobile-header-tabs-container {
    height: 41px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #ededed
}

    .jd-mobile-header-tabs-container.displayFlex {
        display: flex;
        width: 100%;
        justify-content: space-around;
        color: #fff
    }

    .jd-mobile-header-tabs-container.box-shadow-below {
        border-bottom: none;
        box-shadow: 0 6px 8px -6px rgba(0,0,0,.2)
    }

    .jd-mobile-header-tabs-container .header-tab {
        width: 50%;
        border: none;
        border-bottom: 0 !important;
        color: #414e5a;
        background: #fff;
        background-color: #fff
    }

        .jd-mobile-header-tabs-container .header-tab.btn-animate-hover:hover:after, .jd-mobile-header-tabs-container .header-tab:hover {
            border-radius: 0
        }

    .jd-mobile-header-tabs-container .slider-component {
        position: absolute;
        width: 50%;
        height: 4px;
        bottom: 0;
        background-color: #0086ff;
        transition: all .3s linear;
        left: 0
    }

        .jd-mobile-header-tabs-container .slider-component.left-50 {
            left: 50%
        }

        .jd-mobile-header-tabs-container .slider-component.left-33 {
            left: 33.3%
        }

@media screen and (max-width:478px) {
    .jd-mobile-header {
        max-width: 100%
    }

        .jd-mobile-header .content-holder {
            height: 100%;
            padding: 0 6px
        }

            .jd-mobile-header .content-holder .header-left-section, .jd-mobile-header .content-holder .header-right-section {
                height: 100%;
                padding: 2px 0;
                box-sizing: border-box
            }

            .jd-mobile-header .content-holder .button-holder {
                height: 100%;
                min-width: 10.625vw
            }

                .jd-mobile-header .content-holder .button-holder i {
                    font-size: 16px
                }

                .jd-mobile-header .content-holder .button-holder .icon-HDRhelp {
                    font-size: 18px
                }

    .searchbar-holder {
        width: 100%
    }

        .searchbar-holder .left-side-holder, .searchbar-holder .right-side-holder {
            min-width: 32px;
            min-height: 32px
        }

            .searchbar-holder .left-side-holder.btn-animate-hover:hover:after, .searchbar-holder .right-side-holder.btn-animate-hover:hover:after {
                background-color: unset
            }

        .searchbar-holder .center-input {
            height: 48px
        }

        .searchbar-holder .left-side-holder .icon-HDRsearch {
            margin-left: -4px
        }

        .searchbar-holder.header-searchBar .left-side-holder, .searchbar-holder.header-searchBar .right-side-holder {
            font-size: 16px
        }

    .mobile-product-detail.web-edit .vendor-prod-detail-consumer-app .jd-mobile-header .content-holder {
        height: unset;
        padding: 8px 4px
    }

        .mobile-product-detail.web-edit .vendor-prod-detail-consumer-app .jd-mobile-header .content-holder .button-holder {
            height: 40px
        }

            .mobile-product-detail.web-edit .vendor-prod-detail-consumer-app .jd-mobile-header .content-holder .button-holder i {
                font-size: 14px
            }

    .header-BackgroundColor .jd-mobile-header-tabs-container {
        height: 48px
    }
}