.order_wrap_order {
    width: 100%;
}

.acc_order_sub_title {
    width: 50%;
}

[type=reset],
[type=submit],
button,
html [type=button] {
    cursor: pointer;
}

button.confirmBtn {
    width: auto;
    line-height: 33px;
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: var(--font-bold);
    cursor: pointer;
    float: right;
    margin-right: 20px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    background: rgb(3, 83, 145);
    border-radius: 5px;
    padding: 0px 26px;
}

.detail_order_main button.confirmBtn {
    position: absolute;
    top: -57px;
    right: 0;
    background: #1C5350;
}

.detail_order_main {
    position: relative;
}

/* Outer */
.popup {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.75);
    z-index: 99999;
}

/* Inner */
.popup-inner {
    max-width: 500px;
    width: 90%;
    padding: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 1);
    border-radius: 3px;
    background: #fff url(../images/confirm_otp_bg.png) no-repeat;
    background-size: cover;
}

/* Close Button */
.popup-close {
    width: 35px;
    height: 35px;
    padding-top: 4px;
    display: inline-block;
    position: absolute;
    top: 25px;
    right: 24px;
    transition: ease 0.25s all;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    background: rgba(0, 0, 0, 0.8);
    font-size: 17px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
    border-radius: 50%;
}

.popup-close:hover {
    background: rgba(0, 0, 0, 9);
    text-decoration: none;
}

#getCoolcash {
    display: block;
    width: 100%;
    background: #1C5350;
    border: 0;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 10px;
    margin: 19px 0;
    box-shadow: 0 4px 0 #003f70;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

input#resend {
    cursor: pointer;
    background: transparent;
    display: inline-block;
    background: transparent;
    box-shadow: none;
    color: #003f70;
    text-decoration: underline;
    padding: 3px 10px;
    border: none;
}

#getCoolcash:hover {
    background: #1C5350;
    box-shadow: 0 4px 0 #003f70;
}

.voucherCodeBlock {
    text-align: center;
}

#voucherCode {
    display: block;
    width: 100%;
    padding: 16px 15px;
    border: 0;
    border-radius: 0;
    text-align: center;
    color: #545454;
    font-size: 14px;
    font-weight: var(--font-regular);
    font-family: var(--font-family-sanserif);
    box-shadow: 0 4px 1px rgba(0, 0, 0, 0.1);
}

.popup-inner {
    text-align: center;
}

.popup-inner h2 {
    font-weight: var(--font-semibold);
    font-size: 17px;
    letter-spacing: 1px;
    margin: 27px 0 16px;
    color: #121010;
}

.popup-inner p {
    font-weight: var(--font-regular);
    color: #545454;
    line-height: 24px;
    margin-bottom: 25px;
}

/*added style*/
.popup-border::after {
    content: '';
    display: table;
    clear: both;
}

.popup-border {
    padding: 15px;
}

.order_process_wrap>ul:after,
[class$="_wrap"]:after {
    content: '';
    display: table;
    clear: both
}

.myaccountbanner img {
    display: block;
    margin: 0 auto
}

.inner_cont {
    margin: 0 auto;
    max-width: 82%
}

.accpg_table {
    display: table;
    width: 100%;
    table-layout: fixed
}

.accpg_table_row {
    display: table-row
}

.accpg_table_cell1 {
    display: table-cell;
    vertical-align: top;
    width: 25%;
    background-color: #f6f6f7
}

.accpg_table_cell2 {
    display: table-cell;
    vertical-align: top;
    width: 75%;
    padding: 0 2.2%;
    background-color: #fff;
    position: relative;
    text-align: center
}

.accpg_wrap {
    position: relative;
    width: 100%;
    background-color: #fff;
    margin-top: -35px;
    z-index: 1
}

.accpg_wrap:before {
    content: '';
    background: url(../images/myaccnt_bg_shadow.png) no-repeat;
    position: absolute;
    z-index: -1;
    left: -40px;
    top: 0;
    width: 82px;
    height: 531px
}

.accpg_wrap:after {
    content: '';
    background: url(../images/myaccnt_bg_shadow_rght.png) no-repeat;
    position: absolute;
    z-index: -1;
    right: -40px;
    top: 0;
    width: 82px;
    height: 531px
}

.title_h1 {
    padding: 16px 0;
    font-family: var(--font-family-sanserif);
    color: #2e2e2e;
    font-weight: var(--font-bold);
    text-transform: uppercase;
    font-size: 27px;
    background: url(../images/myaccnt_title_bg.png) no-repeat;
    display: inline-block;
    position: relative;
    top: -35px;
    width: 275px
}

.accpg_table_cell1>ul {
    margin: 0;
    padding: 0
}

.accpg_table_cell1>ul>li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #fff
}

.accpg_table_cell1>ul>li>a {
    display: block;
    color: #454545;
    font-size: 14px;
    text-transform: uppercase;
    padding: 18px 35px;
    text-decoration: none;
    transition: all .5s ease 0s;
    border: 1px solid #f6f6f7
}

.accpg_table_cell1>ul>li.active>a,
.accpg_table_cell1>ul>li>a:hover {
    color: #fff;
    background-color: #232320;
    padding-left: 40px;
    border: 1px solid #232320
}

.accpg_table_cell1>ul>li>a>i {
    display: inline-block;
    margin-right: 14px
}

.accpg_table_cell2:before {
    position: absolute;
    top: -51px;
    left: 50%;
    margin-left: -170px;
    background: url(../images/myaccnt_title_bg2.png) no-repeat;
    z-index: -1;
    width: 328px;
    height: 98px;
    content: ''
}

.accpg_des_wrap {
    text-align: left;
    color: #2e2e2e;
    margin-top: -30px
}

.acc_sub_title {
    font-size: 24px;
    font-family: var(--font-family-sanserif);
    margin-bottom: 18px;
    font-weight: var(--font-bold)
}

.acc_welcome_text {
    font-size: 18px;
    font-family: var(--font-family-sanserif);
    font-weight: var(--font-regular);
    margin-bottom: 18px
}

.acc_content {
    font-size: 14px;
    font-family: var(--font-family-sanserif);
    font-weight: var(--font-regular);
    margin-bottom: 25px
}

.acc_content>p {
    margin: 0 0 10px;
    padding: 0;
    letter-spacing: 1px;
    color: #454545
}

.order_wrap {
    background: #fff;
    border: 0 none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

.order_wrap {
    border: 1px solid #eee;
    margin-bottom: 25px;
    padding: 0
}

.order_mrp>span,
.order_skuid,
.order_view_det {
    font-weight: 500
}

.order_skuid {
    color: #646464;
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    vertical-align: top
}

.order_view_det {
    float: right
}

.order_view_det a {
    text-decoration: none;
    color: #1C5350;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: var(--font-semibold);
    display: inline-block;
    margin-top: 8px
}

.order_tp_wrap .order_pending {
    float: left;
    margin-right: 5px
}

.order_det_wrap .prod_name {
    width: 100%;
    font-size: 16px
}

.order_det_wrap .ord_des_wrap {
    margin: 0;
    padding: 4px 0
}

.order_del_txt strong.green_txt {
    background: rgba(0, 0, 0, 0);
    color: #5fc000;
    float: none;
    line-height: inherit;
    padding: 0;
    width: auto
}

.ord_det_row {
    display: grid;
    align-items: center;
    padding: 10px;
    column-gap: 10px;
    grid-template: auto / 250px auto 200px;
}

.order_mid_wrap {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0
}

.order_del_wrap {
    padding-left: 15px;
    padding-right: 10px
}

.order_mid_wrap {
    padding-bottom: 0
}

.order_mrp>span {
    float: right
}

.ord_btn {
    vertical-align: middle;
    width: 40%;
    display: block;
    padding: 10px 0;
    float: left;
    text-align: center
}

.order_skuid {
    color: #646464;
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    vertical-align: top
}

.order_tp_wrap {
    border-bottom: 1px solid #eee;
    padding: 12px 18px
}

.order_det_wrap .prod_name {
    width: 100%;
    font-size: 16px
}

.order_det_wrap .prod_name {
    width: 100%;
    font-size: 16px
}

.order_det_wrap .prod_price {
    font-size: 20px;
    font-weight: var(--font-bold);
}

.ord_name {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 10px 0;
}

.order_del_txt {
    display: inline-block;
    vertical-align: middle;
    margin-top: 14%
}

.regular_price {
    color: #1C5350
}

.acc_order_sub_title {
    text-align: left !important;
    font-size: 16px;
    font-weight: var(--font-bold);
    text-transform: uppercase;
    margin-bottom: 5px;
    color: #6d6d6d
}

#directions-modal .modal-content {
    height: 100%;
    padding-bottom: 20px;
}

.acc_order_sub_time {
    text-align: left !important;
    font-size: 15px;
    font-weight: var(--font-regular);
    text-transform: uppercase;
    margin-bottom: 5px;
    color: #6d6d6d
}

.store-order-header .acc_order_sub_title,
.store-order-header .acc_order_sub_time {
    margin-bottom: 0;
}

.acc_order_sub_time span,
.acc_order_sub_title span {
    color: #2c2c2c
}

.accpg_des_wrap.order_detail {
    text-align: left;
    color: #2e2e2e;
    margin-top: -10px
}

.order_process_wrap {
    margin-bottom: 43px;
    padding: 15px 0 53px
}

.pro_inner_circle {
    width: 50px;
    height: 50px;
    line-height: 108px;
    background: 0 0
}

.pro_inner_circle>img {
    width: 38px;
    height: 38px
}

.order_process_wrap>ul {
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative
}

.order_process_wrap li.order_small_jouney0 {
    text-align: left
}

.order_process_wrap li:last-child .fullJourney:before {
    text-align: right;
    left: initial;
    right: 0 !important;
    transform: translate(0)
}

.order_process_wrap li:nth-child(2) .fullJourney:before {
    left: 20px
}

.order_process_wrap>ul>li {
    float: left;
    width: 22%;
    position: relative;
    text-align: center
}

.order_process_wrap>ul>li:last-child {
    float: right;
    position: relative;
    text-align: right
}

.line-arrow {
    width: 0%;
    height: 2px;
    padding: 0;
    float: left;
    background: #27bb14;
    position: absolute;
    z-index: 9;
    margin-top: 7px;
    transition: width 4s
}

.line-arrow.active {
    width: 100%
}

#directions-modal .modal-dialog {
    max-width: 80%;
    margin: 2% auto;
    height: 92%;
    min-height: unset;
    align-items: unset;
}

.digital-coupon {
    background: #E5703C;
    border-radius: 2px;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: var(--font-size-14);
    border: 0;
    outline: 0;
    padding: 5px 20px;
    margin-top: 10px;
    height: 2.5rem;
    margin-bottom: 3px;
}

.preloader {
    z-index: 999999999 !important;
}

.digital-coupon.hidden {
    display: none;
}

.retail-block {
    font-size: var(--font-size-13);
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ECECEC;
}

.store-addr-block p,
.retail-block p {
    margin-bottom: 3px;
}

.estimated-pickup {
    font-weight: var(--font-semibold);
    font-size: var(--font-size-15);
}

.get-direction {
    color: #1C5350;
    font-size: var(--font-size-13);
    border-bottom: 1px solid #1C5350;
    display: inline-block;
    cursor: pointer;
}

.store-order-header {
    display: grid;
    grid-template-columns: 70% 30%;
    justify-content: space-between;
    border-bottom: 1px solid #ECECEC;
    padding: 15px;
}

.store-order-status {
    color: #00B095;
    font-size: 19px;
    font-weight: var(--font-bold);
}

.store-order-footer {
    background: #C4DEFD;
    padding: 10px 15px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

.retail-order-grid {
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 5px;
    position: relative;
    padding-bottom: 58px;
}

.appointment-order-wrap {
    padding: 15px;
}

.retail-product {
    margin-bottom: 15px;
}

.store-order-footer p {
    margin-bottom: 0;
}

.store-label {
    color: #5B5B5B;
    text-transform: uppercase;
    font-size: var(--font-size-12);
    font-weight: var(--font-semibold);
    margin-bottom: 3px;
}

.store-name {
    color: #313131;
    font-size: var(--font-size-15);
    font-weight: var(--font-bold);
    margin: 10px 0 3px;
    text-transform: capitalize;
}

@keyframes grow {
    0% {
        width: 0
    }

    100% {
        width: 85%
    }
}

.pro_circle {
    background: #f6f6f6;
    border-radius: 50%;
    display: block;
    height: 56px;
    width: 56px;
    text-align: center;
    line-height: 53px;
    position: relative;
    z-index: 12
}

.pro_circle:after {
    bottom: -82%;
    content: attr(data-title);
    font-size: 13px;
    left: 50%;
    line-height: 13px;
    margin-left: -38px;
    position: absolute;
    width: 76px;
    color: #2c2c2c
}

.pro_circle {
    background: #9f9f9f
}

.pro_circle {
    width: 85px;
    height: 85px;
    box-shadow: 0 0 0 5px #fff inset
}

.pro_circle::after {
    bottom: -49%
}

.order_process_wrap>ul>li.active .pro_inner_circle:before,
.order_process_wrap>ul>li:last-child:after {
    display: none
}

.order_process_wrap>ul>li.active .pro_circle::before {
    display: none
}

.order_process_wrap>ul>li.active .pro_circle {
    background-color: #1C5350
}

.order_detail_wrap .prod_name {
    width: auto;
    font-size: 18px;
    font-weight: var(--font-bold);
    float: left
}

.order_detail_wrap .order_placed {
    color: #a3a3a3;
    font-size: 12px
}

.order_detail_wrap .prod_status {
    font-weight: var(--font-bold);
    float: right;
    font-size: 19px;
    position: relative;
    top: 0;
}

.order_detail_wrap .prod_status .prod_delivered {
    color: #aed902
}

.tabs_container_wrap.order_detail_wrap .prod_des_wrap {
    padding: 10px 0;
    text-align: center;
    font-size: 13px;
    color: #000;
    text-align: left;
}

.tabs_container_wrap.order_detail_wrap .order_btm_wrap {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px
}

.tabs_container_wrap.order_detail_wrap .order_btm_wrap>ul,
.tabs_container_wrap.order_detail_wrap .order_link_wrap>ul {
    margin: 0;
    padding: 0
}

.tabs_container_wrap.order_detail_wrap .order_link_wrap {
    padding: 12px 18px
}

.tabs_container_wrap.order_detail_wrap .order_btm_wrap>ul>li,
.tabs_container_wrap.order_detail_wrap .order_link_wrap>ul>li {
    float: left;
    margin-right: 25px;
    font-size: 15px;
    font-weight: 400
}

.tabs_container_wrap.order_detail_wrap .order_link_wrap>ul>li a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    color: #1C5350
}

.tabs_container_wrap.order_detail_wrap .order_link_wrap>ul>li a:hover {
    color: #000
}

.tabs_container_wrap.order_detail_wrap .order_link_wrap>ul>li a i {
    display: inline-block;
    margin-right: 6px
}

.order_final_wrap {
    background: #fff;
    border: 0 none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    margin-bottom: 25px
}

.order_finaltp_wrap {
    border-bottom: 1px solid #eee
}

.order_finaltp_wrap>ul {
    margin: 0;
    padding: 0
}

.order_finaltp_wrap>ul>li {
    float: left;
    width: 20%;
    border-right: 1px solid #eee;
    font-size: 13px;
    color: #000;
    padding: 28px 0;
    text-align: center;
    font-weight: 400
}

.order_finalbtm_wrap {
    padding: 18px 15px 18px 0
}

.order_finalbtm_wrap .final_price {
    float: right;
    font-weight: var(--font-bold);
    color: #1C5350;
    font-size: 18px;
    text-transform: uppercase
}

.order_link_lft {
    float: left
}

.order_link_rght {
    float: right
}

.order_link_rght a.prescription_a {
    text-decoration: none;
    background-color: #3c3c3c;
    padding: 5px 15px;
    color: #fff;
    font-size: 15px
}

.order_link_rght a.prescription_a i {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 20px;
    background: url(../images/icon_prescription.png) no-repeat;
    margin-right: 5px;
    background-size: 80%
}

.order_link_rght a.prescription_a:hover {
    background-color: #1C5350
}

.pro_circle.active {
    background: #1C5350
}

.prod_des_wrap strong.label_txt {
    display: inline-block;
    line-height: 20px;
    color: #6d6d6d
}

@media only screen and (max-width: 1279px) {
    .inner_cont {
        max-width: 94%
    }

    .accpg_table_cell1>ul>li>a {
        padding: 13px 5px 13px 20px
    }

    .accpg_table_cell1>ul>li.active>a,
    .accpg_table_cell1>ul>li>a:hover {
        padding-left: 25px
    }
}

@media only screen and (max-width: 960px) {
    .title_h1 {
        font-size: 22px
    }

    .accpg_table_cell1>ul>li>a {
        padding: 13px 5px 13px 10px
    }

    .accpg_table_cell1>ul>li.active>a,
    .accpg_table_cell1>ul>li>a:hover {
        padding-left: 15px
    }

    .pro_circle {
        width: 60px;
        height: 60px
    }

    .pro_inner_circle {
        line-height: 80px
    }

    .order_finaltp_wrap>ul>li {
        padding: 17px 0
    }

    .pro_inner_circle>img {
        width: 30px;
        height: 30px
    }

    .order_finaltp_wrap>ul>li strong {
        display: block
    }
}

.adress-order {
    width: 100%;
    font-size: 15px;
    font-weight: var(--font-bold)
}

.real-add {
    font-size: 15px
}

.shippingAddress {
    padding: 15px 25px;
    border: 1px solid #efefef;
    background: #fff;
    width: 49%;
    float: left;
    min-height: 130px;
    word-break: break-all;
}

.billingAddress p,
.shippingAddress p,
.pickupAddress p {
    font-size: 13px
}

#refundAmount {
    padding: 10px;
    background: #9dc191;
    margin: 2px 0;
    border-radius: 3px;
    padding: 10px 25px;
    color: #fff;
    display: none;
    clear: both;
}

#refundAmount span {
    float: right;
}

.billingAddress,
.pickupAddress {
    padding: 15px 25px;
    border: 1px solid #efefef;
    background: #fff;
    width: 49%;
    float: right;
    min-height: 130px;
    word-break: break-all;
}

.pickupAddress {
    display: none;
    float: left;
}

.checkbox-block {
    display: grid;
    width: 100%;
    padding: 8px 16px;
    line-height: 15px;
    font-size: 12px;
    grid-template-columns: 10% 90%;
}

.checkbox-block input {
    width: 20px;
    height: 20px;
}

#cancel_return_reason_custom {
    display: none
}

#cancel_return_reason_custom {
    margin-top: 15px;
    position: relative;
    left: 24px;
    top: 0px;
    padding: 10px
}

.adress-order {
    width: 100%;
    font-size: 15px;
    font-weight: var(--font-bold);
    float: left;
    border-bottom: 2px solid #efefef;
    margin-bottom: 10px;
    padding-bottom: 9px
}

/* .neworder_btn_wrap_cancel {
width: auto;
float: left;
padding: 8px 42px 0;
} */

.neworder_btn_wrap {
    background: #fff;
    padding: 0;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    border: 1px solid #efefef;
    margin-top: 10px
}

.neworder_btn_wrap>ul,
.order_journey_wrap>ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.neworder_btn_wrap>ul>li {
    float: left;
    width: 35%;
    position: relative;
    padding-left: 59px
}

.neworder_btn_wrap>ul>li>.offer-btn-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.neworder_btn_wrap .btn-icon {
    display: inline-block;
    padding: 13px;
    float: left;
    position: relative;
    top: -3px
}

.neworder_btn_wrap .return-btn .btn-icon {
    background: url(../../mobile/mobile-site-content/icons/icon-return.svg) no-repeat center center;
    background-size: 63%;
}

.neworder_btn_wrap .submit_Courier_details_btn .btn-icon {
    background: url(../../mobile/mobile-site-content/icons/courier.svg) no-repeat center center;
    transform: scale(1.12);
}

.neworder_btn_wrap .download-invoice-btn .btn-icon {
    background: url(../../mobile/mobile-site-content/icons/icon-download.svg) no-repeat center center;
    background-size: 52%;
}

div#total_price {
    float: right
}

.tot_price span {
    float: right
}

div#total_price {
    float: right;
    background: #1C5350;
    color: #fff;
    padding: 15px 35px
}

.grandTotal {
    font-size: inherit;
    color: #fff;
    border: none;
    padding: 0
}

li.downloadProd,
li.returnProd {
    padding: 15px 0 0 0
}

.neworder_btn_wrap a {
    color: #1C5350;
    text-decoration: none;
    font-size: 13px
}

.info_icon {
    width: 13px;
    height: 13px;
    position: absolute;
    right: 17px;
    cursor: pointer
}

.payment-via-paytm {
    float: right;
    font-size: 21px
}

span.sub_heading {
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: var(--font-bold)
}

.orderdet_review_wrap {
    background: #fff;
    padding: 10px;
    padding: 10px 8px;
    float: left;
    width: auto
}

.orderdet_review_wrap .input {
    width: 50%;
    float: left;
    margin-top: 10px
}

.input textarea {
    float: left;
    width: 100%;
    height: 57px;
    border: 1px solid #efefef;
    padding: 15px
}

.submit_review {
    float: left;
    padding: 9px 23px;
    background: #1C5350;
    color: #fff;
    border-radius: 5px;
    margin-top: 8px;
    cursor: pointer
}

.orderdet_review_wrap ul:after {
    content: '';
    display: table;
    clear: both
}

.orderdet_review_wrap ul {
    margin-top: 5px;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
    float: left;
    width: 100%
}

.orderdet_review_wrap ul li {
    list-style: none;
    display: inline-block;
    margin: 0 10px 0 0;
    float: left
}

.orderdet_review_wrap ul li span {
    width: 25px;
    height: 25px;
    background-size: 100% auto;
    display: block
}

.orderdet_review_wrap ul li span {
    background: url(../../mobile/mobile-site-content/icon-star.svg) no-repeat
}

.orderdet_review_wrap ul li.active span {
    background: url(../../mobile/mobile-site-content/icon-star-active.svg) no-repeat
}

.upload-pres-btn a {
    background: #1C5350 url({{MOBILE_CDN}}mobile/mobile-site-content/icon-rx.png) no-repeat 18px center;
    background-size: 15px auto;
    color: #fff;
    padding: 9px 20px;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    font-weight: bold;
}

.upload-pres-btn a:not([href]):not([tabindex]) {
    color: #fff;
}

.order_process_wrap li.order_small_jouney0 span.name {
    text-align: left
}

.order_process_wrap li span.name {
    float: center;
    width: 100%;
    text-align: left;
    font-size: 12px
}

.order_process_wrap li:last-child span.name,
.order_process_wrap li:last-child span.value {
    text-align: right
}

.order_process_wrap li.order_small_jouney0 span.value {
    text-align: left
}

.order_process_wrap li .fullJourney:before {
    width: 50px;
    height: 50px;
    position: absolute;
    content: "";
    top: -17px;
    z-index: 99;
    left: 50%;
    transform: translate(-50%)
}

.ord_det_table .size.contact-lenses {
    display: none
}

#orderStatus40 .fullJourney:before {
    background: url(../images/order_journey1.png) no-repeat left top/100%
}

#orderStatus50 .fullJourney:before {
    background: url(../images/order_journey1.png) no-repeat left -52px/100%
}

#orderStatus55 .fullJourney:before {
    background: url(../images/order_journey1.png) no-repeat left -104px/100%
}

#orderStatus31 .fullJourney:before {
    background: url(../images/payment-process.svg) no-repeat left 0/100%
}

#orderStatus58 .fullJourney:before {
    background: url(../images/Lens-Process.svg) no-repeat left 0/100%
}

#orderStatus313 .fullJourney:before {
    background: url(../images/payment-failed.svg) no-repeat left 0/100%
}

#orderStatus65 .fullJourney:before {
    background: url(../images/order-process.svg) no-repeat left 0/100%
}

#orderStatus931 .fullJourney:before {
    background: url(../images/pickup-awaited.svg) no-repeat left 0/100%
}

#orderStatus91 .fullJourney:before {
    background: url(../images/retern-initiate.svg) no-repeat left 0/100%
}

#orderStatus35 .fullJourney:before {
    background: url(../images/order-placed.svg) no-repeat left 0/100%
}

#orderStatus64 .fullJourney:before {
    background: url(../images/order-placed.svg) no-repeat left 0/100%
}

#orderStatus95 .fullJourney:before {
    background: url(../images/order_journey1.png) no-repeat left -156px/100%
}

#orderStatus101 .fullJourney:before {
    background: url(../images/order_journey1.png) no-repeat left -314px/100%
}

#orderStatus75 .fullJourney:before {
    background: url(../images/order_journey1.png) no-repeat left -208px/100%
}

#orderStatus8 .fullJourney:before {
    background: url(../images/order_journey1.png) no-repeat left -262px/100%
}

#orderStatus99 .fullJourney:before {
    background: url(../images/order_journey1.png) no-repeat left -314px/100%
}

#orderStatus73 .fullJourney:before,
#orderStatus9 .fullJourney:before {
    background: url(../images/order-not-delivered.svg) no-repeat left 0/100%
}

#orderStatus96 .fullJourney:before {
    background: url(../images/order-received-warehouse.svg) no-repeat left 0/100%
}

#orderStatus31 .fullJourney:before {
    background: url(../images/order-payment-due.svg) no-repeat left 0/100%
}

#orderStatus72 .fullJourney:before {
    background: url(../images/order-way.svg) no-repeat left 0/100%
}

#orderStatus106 .fullJourney:before,
#orderStatus101 .fullJourney:before {
    background: url(../images/order-refund-completed.svg) no-repeat left 0/100%
}

#orderStatus33 .fullJourney:before,
#orderStatus34 .fullJourney:before {
    background: url(../images/order-payment-failed.svg) no-repeat left 0/100%
}


#orderStatus62 .fullJourney:before {
    background: url(../images/getting-order-ready.svg) no-repeat left 0/100%
}

#orderStatus70 .fullJourney:before {
    background: url(../images/order-shipped.svg) no-repeat left 0/100%
}

#orderStatus76 .fullJourney:before {
    background: url(../images/delivery-pending.svg) no-repeat left 0/100%
}

#orderStatus311 .fullJourney:before {
    background: url(../images/refund-failed.svg) no-repeat left 0/100%
}

#orderStatus40 .fullJourney:before {
    background: url(../images/order-pending-confirmation.svg) no-repeat left 0/100%
}

#orderStatus45 .fullJourney:before {
    background: url(../images/order-prescription-uploaded.svg) no-repeat left 0/100%
}

.error-msg-awb {
    color: #f23333 !important
}

.order_process_wrap ul:before {
    width: 100%;
    content: "";
    background: #efefef;
    height: 2px;
    position: absolute;
    left: 0;
    top: 7px
}

.fullJourney {
    padding-top: 35px;
    float: left;
    width: 100%
}

.order_process_wrap span.value {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 11px;
    opacity: .8
}

.neworder_btn_two {
    width: 65%
}

.neworder_btn_two li {
    float: left;
    width: 50%;
    padding: 15px 42px 0
}

.detail_order_main {
    float: left;
    width: 100%;
    margin-top: 10px
}

.reason_list_two ul,
.accDetails ul {
    list-style: none
}

.order_wrap_order {
    float: left
}

.track_order {
    float: right;
    background: #1C5350;
    font-size: 13px;
    color: #fff;
    margin-top: 15px;
    cursor: pointer
}

.track_order.disable {
    opacity: .5;
    cursor: auto
}

textarea#cancel_reason_custom {
    width: 100%;
    margin: 15px 0;
    box-sizing: border-box;
    border: 1px solid #efefef;
    min-height: 157px;
    font-size: 13px;
    padding: 10px
}

.cancel_reason,
.cancelationMessege {
    position: fixed;
    z-index: 999999;
    width: 500px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    background: #fff;
    padding: 0 20px 20px;
    max-height: 650px;
    overflow-y: auto;
}

.cancel_reason .reason_list_two li {
    width: 100%;
    padding: 6px 0
}

input[type=radio]:not(old) {
    opacity: 1
}

.awb_status_main,
.return_reason,
.return_reason_two,
.return_initiate_modal {
    width: 70%;
    position: fixed;
    left: 50%;
    top: 50%;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    transform: translate(-50%, -50%);
    z-index: 999999;
    padding: 0 15px 20px
}

.return_initiate_modal {
    width: 90%;
    height: 80%;
}

.awb_status_main.active {
    visibility: visible;
    opacity: 1
}

.active-reason {
    visibility: visible;
    opacity: 1
}

.awb_status {
    padding: 20px 15px 20px;
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: var(--font-bold);
    border-bottom: 1px solid #efefef
}

img.close_cross_icon {
    width: 14px
}

.close_cross.active {
    float: left
}

.reason_list li,
.reason_list_two,
.accDetails {
    font-weight: var(--font-regular);
    padding: 8px 10px 3px;
    box-sizing: border-box;
    float: left;
    width: 100%;
    border-bottom: 1px solid #efefef;
    list-style: none
}

.reason_list_two li input[type=number],
.reason_list_two li input[type=text],
.accDetails li input {
    width: 100%;
    float: left;
    color: #2e2e2e;
    border: 1px solid #e0e0e0;
    height: 38px;
    margin-bottom: 15px;
    padding-left: 10px
}

.reason_list li input[type=radio] {
    margin-right: 5px;
    width: 20px;
    height: 20px;
    float: left;
    line-height: 20px;
    margin-top: 0;
    opacity: 1
}

.list_reason label {
    float: left;
    font-weight: var(--font-regular);
    line-height: 20px;
    cursor: pointer;
}

.steps .mobile-header {
    display: none;
}

input[type=radio]:not(old)+label {
    margin-left: 0;
    padding-left: 0
}

.awb_status p {
    padding: 0;
    margin: 0
}

.full_order_journey_wrap {
    margin-top: 32px;
    position: relative
}

.list_reason {
    float: left;
    padding-bottom: 0;
    cursor: pointer;
}

.order_journey_wrap {
    padding: 10px
}

textarea#extra_comment {
    width: 96%;
    float: left;
    margin: 2% 2%;
    border: 1px solid #efefef;
    min-height: 100px;
    padding: 10px
}

.submit_awb,
.submit_reason {
    width: 96%;
    padding: 10px;
    background: #1C5350;
    color: #fff;
    margin: 4% 2%
}

div.close_jour {
    float: right;
    position: relative;
    top: 0;
    right: 10px
}

div.close_cross,
div.close_cross_awb {
    float: right;
    position: relative;
    top: 0;
    right: -10px;
    cursor: pointer
}

.return_initiate_modal div.close_cross {
    position: absolute;
    top: 8px;
    right: 0;
    float: none;
}

.return_initiate_modal .order_wrap {
    border-bottom: 1px solid #efefef;
    box-shadow: none;
}

.reason_list_two input,
.reason_list_two label,
.accDetails input,
.accDetails label {
    cursor: pointer
}

.accDetails label {
    margin-top: 6px;
}

span.reason_head {
    float: left;
    width: 100%;
    padding: 1% 2%;
    background: #efefef;
    margin-top: 0;
    margin-bottom: 3px;
    display: none;
}

.return_reason sup {
    color: red;
    margin-left: 2px
}

.return_reason ul {
    margin: 0;
    padding: 0
}

.form_awb input {
    float: left;
    width: 100%;
    border: 1px solid #efefef;
    margin-bottom: 10px;
    height: 36px
}

.form_awb label {
    float: left;
    font-weight: var(--font-regular);
    width: 100%
}

.reason_list_two p {
    text-align: center;
    margin: 15px 0 40px;
    float: left
}

.notification_wrap {
    width: 80%;
    margin: 0 auto;
    transition: all .3s ease;
    position: fixed;
    top: -50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 450px
}

.notification_wrap.active-noti {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999
}

.notification_cont {
    padding: 12px 18px;
    color: #313131;
    box-shadow: rgba(0, 0, 0, .3) 0 1px 2px 0;
    background: #fff
}

.noti-icon {
    text-align: center
}

.round-circle {
    border: 1px solid #1e7e34;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    display: inline-block
}

.round-circle i {
    font-size: 25px;
    display: inline-block;
    vertical-align: middle;
    line-height: 35px
}

.noti-des {
    font-size: 14px;
    text-align: center;
    padding: 10px;
    font-weight: var(--font-bold)
}

.reason_list {
    min-height: 100px;
    overflow-y: scroll;
    /* height: 33em; */
    height: 23em;
    float: left;
    width: 100%
}

.return_initiate_modal .reason_list {
    float: none;
}

.prod_delivered312,
.prod_delivered313,
.prod_delivered314,
.prod_delivered315,
.prod_delivered316,
.prod_delivered8,
.prod_delivered9 {
    color: red
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    display: block !important;
    stroke-miterlimit: 10;
    stroke: #7ac142;
    fill: none;
    animation: stroke .6s cubic-bezier(.65, 0, .45, 1) forwards
}

.checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 2% auto;
    box-shadow: inset 0 0 0 #7ac142;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke .3s cubic-bezier(.65, 0, .45, 1) .8s forwards
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes scale {

    0%,
    100% {
        transform: none
    }

    50% {
        transform: scale3d(1.1, 1.1, 1)
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0 0 0 30px #7ac142
    }
}

.order_process_wrap .inner_cont {
    max-width: 100%
}

.pro_circle {
    width: 85px;
    height: 85px;
    box-shadow: 0 0 0 5px #fff inset
}

.order_process_wrap .inner_cont>ul>li.active .pro_circle {
    background-color: #1C5350
}

.order_process_wrap .inner_cont>ul>li {
    width: 21.8%
}

.pro_circle:after {
    bottom: -49%
}

.order_process_wrap .inner_cont>ul>li.active .pro_circle:before {
    display: none
}

.order_process_wrap .inner_cont>ul>li.active .pro_inner_circle {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: inline-block
}

.pro_inner_circle {
    width: 50px;
    height: 50px;
    line-height: 70px;
    background: 0 0
}

.pro_circle {
    background: #9f9f9f
}

.pro_inner_circle>img {
    width: 38px;
    height: 38px
}

.order_btm_wrap a.cancel {
    color: red
}

.order_tp_wrap .order_pending {
    color: #1C5350;
    font-size: 13px;
    font-weight: var(--font-semibold);
    text-transform: uppercase
}

.order_placed {
    color: #454545;
    text-transform: uppercase
}

.order_upload_btn {
    border-radius: 0;
    color: #454545;
    float: right;
    font-size: 13px;
    font-weight: var(--font-bold);
    padding: 8px 10px;
    text-decoration: none;
    transition: all .5s ease 0s
}

.order_btm_wrap>ul>li a:hover {
    color: #000
}

.date {
    position: absolute;
    width: 95px;
    left: -31px;
    color: #000;
    font-size: 12px;
    opacity: .5;
    top: 59px;
    line-height: initial;
    text-transform: capitalize;
    font-weight: var(--font-bold)
}

.oderrec {
    position: absolute;
    left: -83px;
    color: #000;
    width: 100px;
    font-size: 9px;
    line-height: initial;
    top: 33px
}

.order_btm_wrap>ul:after {
    content: '';
    display: table;
    clear: both
}

.order_btm_wrap>ul>li {
    float: left;
    width: auto;
    list-style: none;
    padding: 0 5px
}

.order_btm_wrap>ul>li a {
    display: inline-block;
    padding: 10px 5px
}

.order_btm_wrap>ul>li .order_upload_btn {
    float: none;
    font-size: 12px
}

.order_btm_wrap>ul>li i {
    display: inline-block;
    margin-right: 2px
}

.order_btm_wrap {
    font-size: 12px;
    line-height: 1.5;
    min-height: inherit
}

.order_status {
    font-size: 13px;
    font-weight: var(--font-semibold);
    text-transform: uppercase
}

.my_favourite_wrap {
    background: #fafafa
}

.order_wrap {
    background: #fff;
    border: 0 none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

.order_det_btm_wrap.active {
    visibility: visible;
    opacity: 1
}

.order_det_btm_wrap {
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    margin-bottom: 15px;
    position: absolute;
    transition: all ease-in .3s;
    bottom: 40px;
    border-radius: 10px;
    width: 252px;
    background: #fff;
    border: 1px solid #efefef;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    z-index: 999;
    right: -47px;
    background: #fff;
    border: 4px solid #fff
}

.order_det_btm_wrap:after,
.order_det_btm_wrap:before {
    top: 100%;
    left: 73%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.order_det_btm_wrap:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 20px;
    margin-left: -20px
}

.order_det_btm_wrap:before {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 20px;
    margin-left: -20px
}

.deduction {
    color: red
}

.order_det_btm_wrap ul {
    margin: 0;
    padding: 0
}

.order_det_btm_wrap li {
    font-size: 12px;
    padding: 5px
}

.order_process_wrap {
    background: #fff;
    border: 0 none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    padding: 4% 5%
}

.order-date {
    font-weight: 500
}

.order_process_wrap .inner_cont {
    padding: 15px 10px 15px
}

.order_tp_wrap .order_placed {
    float: left;
    font-size: 13px;
    margin-top: 0
}

.order_tp_wrap .ord_tp_rght {
    float: right
}

.ord_com_return {
    color: #1C5350
}

.mradioReturn input[type=button],
.mradioReturn input[type=submit] {
    background-color: transparent;
    color: #1C5350;
    padding: 10px 5px;
    font-size: 12px;
    font-weight: var(--font-semibold);
    font-family: var(--font-family-sanserif);
    line-height: 1.5;
    text-transform: uppercase
}

.mradioReturn input[type=button] i,
.mradioReturn input[type=submit] i {
    display: inline-block;
    margin-right: 2px
}

.mradioReturn input[type=button]:hover,
.mradioReturn input[type=submit]:hover {
    color: #000
}

@media only screen and (max-width: 767px) {
    .pro_circle {
        width: 65px;
        height: 65px
    }

    .pro_circle {
        display: block;
        height: 55px;
        line-height: 55px;
        width: 55px
    }

    .pro_inner_circle {
        line-height: 42px
    }

    .pro_inner_circle>img {
        height: 30px;
        width: 30px
    }

    .pro_circle:after {
        bottom: -65%
    }

    .order_wrap .order_pending {
        font-size: 14px;
        color: #1C5350
    }

    .order_btm_wrap>ul>li {
        width: auto
    }

    .order_wrap {
        margin-bottom: 15px
    }

    .order_det_wrap .prod_name {
        font-size: 14px;
        width: 100%;
        text-align: right;
        font-weight: var(--font-bold)
    }

    .order_det_wrap .prod_price {
        font-size: 15px;
        float: right;
        text-align: right
    }

    .ord_des_wrap {
        margin: 5px 0;
        padding: 5px 0
    }

    .ord_des_wrap>div {
        font-size: 12px;
        margin-right: 5%
    }

    .ord_des_wrap>div>strong {
        margin-right: 2px
    }
}

@media only screen and (max-width: 639px) {
    .order_process_wrap .inner_cont>ul>li {
        width: 21.7%
    }

    .ord_btn {
        padding: 0
    }

    .ord_btn>div {
        font-size: 13px;
        margin-bottom: 5px;
        margin-left: 0
    }

    .ord_det_row .ord_img {
        float: left;
        width: 40%;
        text-align: left
    }

    .ord_det_row .ord_name {
        float: right;
        width: 60%
    }
}

@media only screen and (max-width: 479px) {
    .order_process_wrap .inner_cont>ul>li {
        width: 20%
    }

    .ord_des_wrap {
        margin: 5px 0;
        padding: 5px 0;
        font-size: 12px
    }

    .order_det_wrap .prod_name,
    .order_det_wrap .regular_price {
        font-weight: 500
    }

    .order_btm_wrap {
        line-height: 35px;
        min-height: 35px
    }

    .ord_btn>div {
        margin: 0 0 5px
    }

    .order_mrp>span {
        float: right
    }

    .order_mid_wrap {
        padding-bottom: 5px
    }

    .order_mrp>span {
        font-weight: var(--font-semibold);
        width: 25%
    }

    .order_btm_wrap {
        line-height: 1.5
    }

    .order_btm_wrap>ul>li {
        width: auto
    }

    .order_btm_wrap>ul>li a {
        padding: 5px;
        display: block;
        text-align: left
    }

    .order_btm_wrap>ul {
        padding: 5px 0
    }

    .order_det_btm_wrap>ul>li {
        margin-bottom: 0
    }

    .tot_price>span {
        float: right;
        text-align: left;
        width: 19%;
        font-weight: 500
    }

    .mradioReturn input[type=button],
    .mradioReturn input[type=submit] {
        padding: 5px
    }
}

*+.uk-progress {
    margin-top: 15px
}

.uk-progress-bar {
    width: 100%;
    height: 0;
    background: #00a8e6;
    float: left;
    -webkit-transition: all 10s ease;
    transition: all 10s ease;
    font-size: 12px;
    color: #fff;
    text-align: center;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .05);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1)
}

.uk-progress-mini {
    height: 6px
}

.uk-progress-small {
    height: 67%
}

.uk-progress-success .uk-progress-bar {
    background-color: #8cc14c
}

.uk-progress-warning .uk-progress-bar {
    background-color: #faa732
}

.uk-progress-danger .uk-progress-bar {
    background-color: #1C5350
}

.uk-progress-striped .uk-progress-bar {
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 30px 30px
}

.uk-progress-striped.uk-active .uk-progress-bar {
    -webkit-animation: uk-progress-bar-stripes .8s linear infinite;
    animation: uk-progress-bar-stripes .8s linear infinite
}

@-webkit-keyframes uk-progress-bar-stripes {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 30px 0
    }
}

@keyframes uk-progress-bar-stripes {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 30px 0
    }
}

.uk-progress-mini,
.uk-progress-small {
    border-radius: 500px;
    margin-left: 83px
}

#msg {
    margin-top: 20px;
    padding-right: 50px
}

.wrapper {
    width: 600px;
    margin: 0 auto
}

.tooltip.active {
    width: 22px;
    height: 22px;
    -webkit-transition: width .6s ease;
    line-height: 30px;
    transition: width .6s ease;
    background: orange;
    text-align: center;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .05);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
    -webkit-animation: uk-progress-bar-stripes 2s linear infinite;
    animation: uk-progress-bar-stripes 2s linear infinite;
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 30px 30px;
    border: 3px solid #fff;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .3)
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 215px;
    background-color: #000;
    color: #fff;
    text-align: left;
    padding: 5px 2px 5px 9px;
    border-radius: 6px;
    left: 41px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    height: initial;
    text-transform: capitalize;
    border-width: 0;
    letter-spacing: 1px;
    text-align: center;
    line-height: 1.5
}

.tooltiptext {
    border: 0
}

.active .tooltiptext {
    visibility: visible
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #000 transparent transparent
}

#hm_submit_btn,
.hdr_pop_txt,
.hm_pop_hdr h3 {
    text-transform: uppercase
}

#mask {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, .9);
    display: none;
    width: 100% !important
}

.box_lft {
    padding: 0
}

.box_rght {
    padding: 9px;
    background: rgba(255, 255, 255, .7)
}

.hm_pop_hdr h3 {
    color: #000;
    font-size: 30px;
    text-align: center;
    font-weight: 600
}

.hm_pop_hdr p {
    font-size: 12px;
    color: #000;
    font-weight: var(--font-bold);
    margin-top: 0
}

#boxes .heading-static {
    margin: 6px 0
}

.box_lft>img {
    display: block;
    margin: 0 auto
}

#errormobile {
    z-index: 99990;
    position: absolute;
    left: 0;
    bottom: 0
}

#boxes .window {
    position: absolute;
    width: 100%;
    display: none;
    z-index: 999990;
    padding: 20px;
    text-align: center;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50% !important
}

#boxes #dialog {
    max-width: 80%;
    height: auto;
    padding: .5em;
    background: #fff;
    border-radius: 10px
}

.maintext {
    text-align: center;
    font-family: "Segoe UI", sans-serif;
    text-decoration: none
}

#hm_submit_btn,
.hm_close {
    color: #fff;
    cursor: pointer
}

#hm_submit_btn {
    background: #1C5350;
    border: none;
    font-size: 16px;
    font-weight: var(--font-bold);
    line-height: 43px;
    transition: all .8s ease 0s
}

.hm_close {
    background: red;
    border-radius: 50%;
    height: 35px;
    position: absolute;
    right: -16px;
    text-align: center;
    top: -16px;
    width: 35px;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    line-height: 32px;
    font-size: 23px
}

.hm_close:hover {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
}

.hdr_pop_txt {
    font-size: 13px;
    color: #000;
    line-height: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #dadada;
    margin-bottom: 25px;
    padding-top: 15px
}

.hdr_pop_txt strong {
    display: block;
    font-style: italic;
    font-size: 20px;
    color: #454545
}

#boxes .window {
    top: 200px;
    padding-top: 50px
}

@media only screen and (max-width: 767px) {
    #boxes .window {
        top: 10px;
        position: fixed
    }

    .hdr_pop_txt {
        padding-bottom: 5px;
        border-bottom: none;
        margin-bottom: 0;
        padding-top: 10px;
        line-height: 18px
    }

    .hm_pop_hdr h3 {
        font-size: 20px
    }

    .hdr_pop_txt strong {
        font-size: 15px
    }
}

@media only screen and (min-device-width: 480px) and (max-device-width: 767px) {
    #boxes #dialog {
        position: absolute !important
    }

}

@media only screen and (max-width: 639px) {
    .hdr_pop_txt {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media only screen and (max-width: 479px) {
    #boxes #dialog {
        max-width:

            90%
    }

    #boxes .window {
        width: 100%;
        top: 40px
    }

    .box_lft,
    .box_rght {
        width: 100%
    }

    .box_lft {
        background-color: #3db7d8
    }

    #boxes #dialog {
        background-position: 22px 68%;
        background-size: auto 65%;
        -webkit-background-size: auto 65%
    }

    #boxes #dialog {
        max-width: 95%
    }

    .tooltip .tooltiptext {
        width: 173px
    }

}

@media only screen and (max-width: 359px) {
    #boxes .window {
        top: 0
    }
}

.ord_track_order {
    cursor: pointer
}

.order_process_wrap .inner_cont {
    max-width: 100%
}

.pro_circle {
    width: 85px;
    height: 85px;
    box-shadow: 0 0 0 5px #fff inset
}

.order_process_wrap .inner_cont>ul>li.active .pro_circle {
    background-color: #1C5350
}

.order_process_wrap .inner_cont>ul>li {
    width: 21.8%
}

.pro_circle:after {
    bottom: -49%
}

.order_process_wrap .inner_cont>ul>li.active .pro_circle:before {
    display: none
}

.order_process_wrap .inner_cont>ul>li.active .pro_inner_circle {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: inline-block
}

.pro_inner_circle {
    width: 50px;
    height: 50px;
    line-height: 108px;
    background: 0 0
}

.pro_circle {
    background: #9f9f9f
}

.pro_inner_circle>img {
    width: 38px;
    height: 38px
}

.order_btm_wrap a.cancel {
    color: red
}

.order_tp_wrap .order_pending {
    color: #1C5350;
    font-size: 13px;
    font-weight: var(--font-semibold);
    text-transform: uppercase
}

.order_placed {
    color: #454545;
    text-transform: uppercase
}

.order_upload_btn {
    border-radius: 0;
    color: #454545;
    float: right;
    font-size: 13px;
    font-weight: var(--font-bold);
    padding: 8px 10px;
    text-decoration: none;
    transition: all .5s ease 0s
}

.order_btm_wrap>ul>li a:hover {
    color: #000
}

.date {
    position: absolute;
    width: 95px;
    left: -31px;
    color: #000;
    font-size: 12px;
    opacity: .5;
    top: 59px;
    line-height: initial;
    text-transform: capitalize;
    font-weight: var(--font-bold)
}

.oderrec {
    position: absolute;
    left: -36px;
    color: #000;
    width: 100px;
    font-size: 12px;
    line-height: initial;
    top: 33px
}

.order_btm_wrap>ul:after {
    content: '';
    display: table;
    clear: both
}

.order_btm_wrap>ul>li {
    float: left;
    width: auto;
    list-style: none;
    padding: 0 5px
}

.order_btm_wrap>ul>li a {
    display: inline-block;
    padding: 10px 5px
}

.order_btm_wrap>ul>li .order_upload_btn {
    float: none;
    font-size: 12px
}

.order_btm_wrap>ul>li i {
    display: inline-block;
    margin-right: 2px
}

.order_btm_wrap {
    font-size: 12px;
    line-height: 1.5;
    min-height: inherit
}

.order_status {
    font-size: 13px;
    font-weight: var(--font-semibold);
    text-transform: uppercase
}

.my_favourite_wrap {
    background: #fafafa
}

.order_wrap {
    background: #fff;
    border: 0 none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

.order_process_wrap {
    background: #fff;
    border: 0 none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

.order_process_wrap li {
    animation: slide-up .4s ease
}

@keyframes slide-up {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.order_process_wrap {
    margin-bottom: 15px
}

.order-date {
    font-weight: 500
}

.order_process_wrap .inner_cont {
    padding: 15px 10px 53px
}

.order_tp_wrap .order_placed {
    float: left;
    font-size: 13px;
    margin-top: 0
}

.order_tp_wrap .ord_tp_rght {
    float: right
}

.ord_com_return {
    color: #1C5350
}

.mradioReturn input[type=button],
.mradioReturn input[type=submit] {
    background-color: transparent;
    color: #1C5350;
    padding: 10px 5px;
    font-size: 12px;
    font-weight: var(--font-semibold);
    font-family: var(--font-family-sanserif);
    line-height: 1.5;
    text-transform: uppercase
}

.mradioReturn input[type=button] i,
.mradioReturn input[type=submit] i {
    display: inline-block;
    margin-right: 2px
}

.mradioReturn input[type=button]:hover,
.mradioReturn input[type=submit]:hover {
    color: #000
}

@media only screen and (max-width: 767px) {
    .pro_circle {
        width: 65px;
        height: 65px
    }

    .pro_circle {
        display: block;
        height: 55px;
        line-height: 55px;
        width: 55px
    }

    .pro_inner_circle {
        line-height: 42px
    }

    .pro_inner_circle>img {
        height: 30px;
        width: 30px
    }

    .pro_circle:after {
        bottom: -65%
    }

    .order_wrap .order_pending {
        font-size: 14px;
        color: #1C5350
    }

    .order_btm_wrap>ul>li {
        width: auto
    }

    .order_wrap {
        margin-bottom: 15px
    }

    .order_det_wrap .prod_name {
        font-size: 14px;
        width: 100%;
        text-align: right;
        font-weight: var(--font-bold)
    }

    .order_det_wrap .prod_price {
        font-size: 15px;
        float: right;
        text-align: right
    }

    .ord_des_wrap {
        margin: 5px 0;
        padding: 5px 0
    }

    .ord_des_wrap>div {
        font-size: 12px;
        margin-right: 5%
    }

    .ord_des_wrap>div>strong {
        margin-right: 2px
    }
}

@media only screen and (max-width: 639px) {
    .order_process_wrap .inner_cont>ul>li {
        width: 21.7%
    }

    .ord_btn {
        padding: 0
    }

    .ord_btn>div {
        font-size: 13px;
        margin-bottom: 5px;
        margin-left: 0
    }

    .ord_det_row .ord_img {
        float: left;
        width: 40%;
        text-align: left
    }

    .ord_det_row .ord_name {
        float: right;
        width: 60%
    }
}

@media only screen and (max-width: 479px) {
    .order_process_wrap .inner_cont>ul>li {
        width: 20%
    }

    .ord_des_wrap {
        margin: 5px 0;
        padding: 5px 0;
        font-size: 12px
    }

    .order_det_wrap .prod_name,
    .order_det_wrap .regular_price {
        font-weight: 500
    }

    .order_btm_wrap {
        line-height: 35px;
        min-height: 35px
    }

    .ord_btn>div {
        margin: 0 0 5px
    }

    .order_mrp>span {
        float: right
    }

    .order_mid_wrap {
        padding-bottom: 5px
    }

    .order_mrp>span {
        font-weight: var(--font-semibold);
        width: 25%
    }

    .order_btm_wrap {
        line-height: 1.5
    }

    .order_btm_wrap>ul>li {
        width: auto
    }

    .order_btm_wrap>ul>li a {
        padding: 5px;
        display: block;
        text-align: left
    }

    .order_btm_wrap>ul {
        padding: 5px 0
    }

    .order_det_btm_wrap>ul>li {
        margin-bottom: 0
    }

    .tot_price>span {
        float: right;
        text-align: left;
        width: 19%;
        font-weight: 500
    }

    .mradioReturn input[type=button],
    .mradioReturn input[type=submit] {
        padding: 5px
    }
}

.accDetails {
    height: auto;
    padding: 0 !important;
    border-bottom: 0;
}

.reason_list_awb input {
    padding: 0 10px;
}

.reason_list_awb sup {
    color: red;
    margin-left: 2px;
}

.accDetails ul {
    padding: 10px
}

#msg {
    margin-top: 20px;
    padding-right: 50px
}

.wrapper {
    width: 600px;
    margin: 0 auto
}

.newSignin.showme-active {
    backface-visibility: hidden;
    display: block;
    height: 100% !important;
    left: 0;
    min-height: 100% !important;
    padding: 0;
    position: fixed !important;
    top: 0;
    width: 100%
}

.insidepopup {
    background: #fff;
    border-radius: 18px;
    box-shadow: 3px 10px 19px rgba(0, 0, 0, .3);
    display: inline-block;
    left: 50%;
    padding: 30px 20px;
    position: absolute;
    top: 50%;
    width: 60%;
    height: 90%;
    transform: translate(-50%, -50%);
    margin: 0
}

.insidepopup button.close-pop {
    position: relative;
    background: #f84545;
    border: 0;
    display: inline-block;
    padding: 0 25px;
    line-height: 35px;
    color: #fff;
    text-transform: uppercase;
    font-weight: var(--font-semibold);
    font-size: 16px;
    margin-top: 15px;
    cursor: pointer;
    width: auto;
    height: auto
}

.reason_list_two li,
.accDetails li {
    float: left;
    width: 32%;
    margin-right: 1%
}

.accDetails li {
    width: 100%;
}

.full_order_journey_wrap {
    margin-top: 10px;
    height: 85%;
    overflow-y: scroll;
    padding: 7%
}

.full_order_main {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in .5s;
    border-radius: 18px;
    box-shadow: 3px 10px 19px rgba(0, 0, 0, .3);
    display: inline-block;
    left: 50%;
    top: 50%;
    width: 34%;
    transform: translate(-50%, -50%);
    margin: 0;
    height: 81%;
    overflow-y: hidden;
    padding-bottom: 35px
}

p.cancelation_msg {
    padding: 20px 0;
    font-size: 13px;
    text-align: center
}

.full_order_main.active {
    opacity: 1;
    visibility: visible
}

.full_order_journey_wrap ul {
    margin: 0;
    padding: 0
}

.awb_status {
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: var(--font-bold);
    border-bottom: 1px solid #efefef;
    margin-bottom: 0
}

#line {
    width: 2px;
    background: #27bb14;
    height: 0;
    transition: all ease-in .5s;
    position: absolute;
    margin-left: -1.5px
}

.full_order_journey_wrap ul li {
    padding: 0 0 25px 25px;
    border-left: 0 solid #27bb14;
    margin: 0;
    position: relative;
    list-style: none;
    box-sizing: border-box
}

.full_order_journey_wrap ul li::before {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: -7px;
    background: #27bb14;
    content: ''
}

.full_order_journey_wrap>ul>li span.name {
    color: #202020;
    font-size: 14px;
    font-weight: var(--font-semibold);
    position: relative;
    top: -5px;
    width: 100%;
    float: left
}

.full_order_journey_wrap>ul>li span.value {
    color: #353535;
    font-size: 12px;
    position: relative;
    top: -5px;
    display: block
}

img.close_cross_icon {
    width: 14px
}

.full_order_main.active {
    opacity: 1;
    visibility: visible
}

.cancel_reason .buttons_reason input,
.awb_status_main .buttons_reason input {
    background: #1C5350;
    color: #fff;
    height: 40px;
    width: 100%;
    border: none;
    outline: 0
}

.reason_list_awb {
    padding: 0 10px
}

.reason_list_awb p {
    color: #585858;
    text-align: center;
    font-size: 16px;
    margin: 20px 0;
    font-weight: 500
}

.reason_list_awb p b {
    color: #f23333;
}

.reason_list_awb p strong {
    font-weight: var(--font-bold);
}

/* added style for uploaded prescription module */
.prescription_card {
    background: #e1e1e1;
    display: flex;
    width: 100%;
    padding: 20px 10px 0;
    flex-wrap: wrap;
}

.recentUpload {
    font-size: 11px;
    color: #555;
    text-transform: uppercase;
    flex: 100%;
    display: block;
}

.bigCard {
    flex-direction: row;
    width: 100%;
    background: #fdfdfd;
    border-radius: 5px;
    margin-top: 10px;
}

.customeTable {
    display: table;
    width: 100%;
    padding: 10px 10px 0;
}

.trCustome {
    display: table-row;
}

.tdCustome {
    display: table-cell;
    width: 16%;
    font-size: 13px;
    padding-bottom: 15px;
    color: #4c4c4c;
    text-align: center;
    float: left;
    padding-right: 10px;
}

.tdCustome input {
    width: 100%;
    border: 1px solid #efefef;
    text-align: center;
    line-height: 30px;
    float: left;
}

.tdCustome.segment_height {
    width: 58px;
}

.tdCustome.segment_height.more_width {
    width: 70% !important;
}

.tdCustome.segment_height.more_width input {
    width: 60% !important;
}

.textwithinput {
    line-height: 30px;
    margin-left: 3px;
}

.leftAlign {
    text-align: left;
}

.tdCustome.addInfo {
    width: 80% !important;
}

.tdCustome.addInfo input {
    height: 40px;
    text-align: left;
    padding-left: 10px;
    width: 82%;
}

.tabs-pres {
    width: 100%;
}

.tabs-pres ul {
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
    display: flex;
    width: 100%;
    justify-content: center;
    background: #f7f5f5;
    border: 1px solid #fafafa;
}

.tabs-pres ul li {
    display: flex;
    flex-direction: column;
    width: 50%;
    text-align: center;
    line-height: 41px;
    color: #fff;
    background-color: #8b8b8b;
    margin-bottom: 0;
}

.tabs-pres ul li a.active.show {
    background: #1C5350;
    border-radius: 0;
    border: 0;
    margin: 0;
    color: #fff;
    margin-right: 0;
}

.tab-content {
    width: 100%;
    padding: 5px;
}

.tabs-pres ul li a {
    color: #fff;
    text-decoration: none;
}

.tabActive.active {
    display: block;
    text-align: center;
}

.tabActive {
    display: none;
}

.tabActive li {
    width: 100%;
    float: left;
    list-style: none;
    border: 1px solid #efefef;
    padding-bottom: 0;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.tabActive .customeTable {
    padding-bottom: 10px;
    width: 150%;
}

.bigCard .bifocalPrescription .tdCustome {
    width: 16.5%;
}

.tabActive .tdCustome {
    font-size: 10px;
    width: 16.5%;
    padding-right: 4px;
    line-height: initial;
    padding-bottom: 8px;
}

.tabActive.active {
    display: block;
    padding: 5px;
}

.tabActive .tdCustome.addInfo {
    width: 80%;
}

.tabActive .tdCustome.segment_height input {
    width: 55%;
}

.tabActive .tdCustome.segment_height {}

.recentpre.active {
    display: block;
    text-align: center;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    padding: 2px;
}

#imageBig img {
    max-height: 250px;
    border-radius: 8px;
}

.tabActive li.outlineActive {
    border: 1px solid #1C5350;
}

div#imageBig {
    width: 100%;
    min-height: 180px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    margin-top: 8px;
}

.tabActive .segment_height {}

.prescription-card.tabActive .customeTable,
.prescription-card.tabActive li {
    width: 100%;
}

.tabActive .non_od .tdCustome {
    width: 20%;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
    }
}

.modal {
    background: rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
    display: none;
}

.uploaded_pres_wrap button.close {
    position: absolute;
    right: 10px;
    top: 6px;
    border: 1px solid #dadada;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 18px;
    color: #262626;
}

.uploaded_pres_wrap {
    padding: 31px 20px 25px;
    max-width: 700px;
    width: 96% !important;
    background-color: #fff;
    margin: 0 auto;
    border-radius: 0;
    overflow: hidden;
}

.order_detail_wrap .modal-dialog {
    max-width: 600px;
}

.tabActive {
    padding: 5px;
    text-align: center;
}

.uploaded_pres_wrap small {
    background: #f7f5f5;
    display: block;
    padding: 15px;
}

.tab-pane ul {
    margin-bottom: 0;
}

.tab-pane {
    padding-top: 5px;
}

.prod_des_wrap>* {
    margin-bottom: 5px;
}

.membership-detail-container {
    display: grid;
    grid-template-columns: 30% auto auto;
    grid-template-rows: auto;
    align-items: stretch;
}

.order_detail_wrap .item-container {
    background: linear-gradient(180deg, #ECEBFF 0%, rgba(255, 236, 248, 0.8) 100%);
    padding: 10px;
    margin-bottom: 15px;
}

.order_detail_wrap .item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: var(--font-bold);
    padding-bottom: 10px;
}

.membership-detail-container .features {
    margin-left: 50px;
    font-size: 14px;
}

.membership-detail-container .features>* {
    margin-bottom: 5px;
}

.membership-detail-container .price-summary {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
}

.hideForRetailOrder {
    display: none !important;
}

#offer-status p {
    margin: 0;
    background: #ef1f1f;
    padding: 5px 10px;
    border-radius: 20px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}

.eligible-btn {
    background: #1C5350;
    color: #fff;
    margin-left: 15px;
    transition: .2s ease all;
}

.eligible-btn:hover {
    opacity: 0.6;
}

.eligible-btn:focus-visible,
.eligible-btn:focus {
    box-shadow: none;
}

/* custom-dialog style */


#eligibleClaimPopup .modal-dialog {
    max-width: 400px;
}

.custom-dialog button.btn {
    width: auto;
    text-align: center;
    margin: 0 auto;
    background: #1C5350;
    color: #fff;
    padding: 5px 20px;
    transition: .2s ease;
}

.custom-dialog button.btn:focus {
    box-shadow: none;
}

.custom-dialog .close:focus {
    outline: 0;
}

.custom-dialog button.btn:hover {
    background: #66aaf9;
}

.custom-dialog .modal-title {
    font-weight: 700;
}

.custom-dialog p {
    font-size: 14px;
}

.custom-dialog .modal-header,
.custom-dialog .modal-body {
    padding: 15px 25px;
}

.custom-dialog .modal-content {
    border-radius: 20px;
}

.custom-dialog .modal-content ul {
    margin-left: 20px;
}

.custom-dialog .modal-content li {
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 10px;
    list-style: decimal;
}

.custom-dialog .close {
    padding: 10px 10px 0;
}

/* end custom dialog style */

.outer-float-wrap {
    float: left;
    display: flex;
    align-items: center;
    padding: 7px 15px 0;
}

ul#cancel-eligible-btn {
    float: left;
}

#otpInput {
    height: 45px;
    margin-bottom: 40px;
    font-weight: 600;
}

#otpInput:focus {
    box-shadow: none;
#cancelCallModal .modal-dialog {
    max-width: 400px;
}

#cancelCallModal .modal-header {
    background: linear-gradient(67.63deg, #E94D37 2.28%, #00b095 72.33%);
    justify-content: center;
    align-items: center;
    display: flex;
    color: #fff;
    font-weight: 800;
    position: relative;
    padding: 12px 15px;
    border-radius: 0;
}

#cancelCallModal .modal-header .modal-title {
    font-size: 20px;
    font-weight: 700;
}

#cancelCallModal .modal-header::after {
    position: absolute;
    content: '';
    background: url('https://cdn.eyemyeye.us/shared/images/pop-up/head-shape.svg');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
    width: 100%;
    height: 100%;
    bottom: 0;
}

#cancelCallModal .modal-header button.close {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 20px;
    color: #fff;
    opacity: 1;
    width: 22px;
    height: 22px;
    font-size: 16px;
    border-radius: 50%;
    border: 2px solid #fff;
    z-index: 2;
    background: transparent;
}

#cancelCallModal .modal-content {
    border: 0;
    border-radius: 20px;
    overflow: hidden;
}

#cancelCallModal .modal-body {
    padding: 20px;
    text-align: center;
}

#cancelCallModal .modal-footer {
    border: 0;
    padding: 0px 20px 10px;
}

#cancelCallModal .custum-half-modal {
    padding: 0;
    border-radius: 20px;
    overflow: hidden;
}

#cancelCallModal .btn-block {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 0 !important;
    width: 100%;
    left: 0;
    border: none;
    border-radius: 2px;
    background: linear-gradient(to right, #015490, #1C5350);
    height: 45px;
    transition: .2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

#cancelCallModal .btn-block:hover {
    background: linear-gradient(to right, #1C5350, #015490);
}

#cancelCallModal .modal-body h4,
#cancelCallModal .modal-body h2 {
    font-size: 28px;
    font-weight: 700;
    color: #202020;
    margin: 20px 0 30px;
    text-align: center;
}

#cancelCallModal .modal-body h4 span,
#cancelCallModal .modal-body h2 span {
    font-size: 16px;
    font-weight: 500;
    color: #202020;
    text-align: center
}

#cancelCallModal .tc-text {
    display: block;
    text-align: end;
    font-size: 11px;
    font-weight: 700;
    color: #323232;
    text-decoration: underline;
    margin-right: 2rem;
}