/*start frountet css*/

.hidden {
    display: none!important;
}

.login_section1 {
    height: 100vh;
}

.login_section1 .login_left_side {
    background: #17ABE2;
    height: 100vh;
}

.login_section1 .login_left_side .overlay_login_text {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo_login {
    position: absolute;
    top: 20px;
    left: 20px;
    /*width:143px;*/
    /*height:64px;*/
}

.login_section1 .login_right_side {
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.forgot-polygon-img {
    width: 120px;
    height: 126px;
}

.reset-polygon-img {
    width: 230px;
    height: 246px;
}


/*about*/

.about_section1 {
    height: 740px;
}

.about_section1 .relative.bgblue1 {
    height: 500px;
}

.about_section1_bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

div.blog-section-body {
    background: url(../images/child_dashboard_body_bg.svg), linear-gradient(rgba(68, 173, 247, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%);
    background-repeat: no-repeat;
    background-position: 0px -100px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}

.blog_section1 {
    height: 750px;
}

.blog_section1 .relative.bgblue1 {
    height: 266px;
}

.blog_section1_bg {
    width: 100%;
    height: 100%;
    object-fit: none;
}

.right-arrow-blue-icon {
    position: relative;
    margin-bottom: 1.25rem;
    line-height: 26px;
}

.right-arrow-blue-icon::before {
    content: '';
    background-size: 100% 100%;
    background: url(../images/right-arrow-blue-icon.svg) no-repeat;
    width: 1.25rem;
    height: 18px;
    position: absolute;
    left: -50px;
    top: 5px;
    transition: ease 0.5s;
}

.clear.about_section3 {
    height: 450px;
    position: relative;
}


/*membership start*/

.membership_section1 .relative.bgblue1 {
    height: 331px;
}


/*start child dashbord css*/

.v-rew-images {
    width: 70px;
    height: 70px;
}

.rew-gift-card-images {
    width: 100%;
    height: 110px;
    object-fit: scale-down;
}


/*end child dashbord css*/


/*start parent dashbord css*/


/*model start*/

#Add_New_Goal .relative p.fontsize-14 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.v-table tr:nth-child(even) {
    background-color: #FAF9FC;
}

.v-table tr th {
    height: 40px;
    background: #F4F3F8;
    border-bottom: unset;
    border-top: unset;
    padding-left: 20px;
}

.v-table tr td {
    height: 70px;
    vertical-align: middle;
    border-bottom: unset;
    border-top: unset;
    padding-left: 20px;
    font-size: 14px;
}

.v-table tr td span.text-underline:first-child {
    width: 159px;
    overflow: hidden;
    display: inline;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.parent_rewards-bx-body .table_block1 tr td span.width360:first-child {
    width: 360px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.v-pagination .page-item:first-child .page-link,
.v-pagination .page-item:last-child .page-link {
    background: #F4F3F8;
    color: #8D95AC;
    border-radius: 50%;
    border: 1px solid transparent;
}

.v-pagination .page-link {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: block;
    font-size: 12px;
    line-height: 18px;
    padding: unset;
    text-align: center;
    color: #8D95AC;
    margin: 0rem 7px;
    background-color: #fff;
    border: 1px solid transparent;
}

.v-pagination .page-link:hover {
    width: 20px;
    height: 20px;
    background: #0099FF;
    color: #fff;
}

.v-pagination li a.active {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: block;
    font-size: 12px;
    line-height: 18px;
    padding: unset;
    text-align: center;
    color: #000;
    margin: 0rem 7px;
    background-color: #fff;
    border: 1px solid transparent;
}

.table_child_name_orange_icon {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 50%;
}

.table-striped tr td span.text-underline.width500:first-child {
    width: 500px;
}

.modal .form-group label.fontsize-12 {
    margin-bottom: 8px;
}

textarea.min-height126 {
    min-height: 126px;
}

.btn-light-blue {
    border: 1px solid #0099FF;
    color: #0099FF;
    background: rgba(0, 153, 255, .15);
    width: 280px;
    margin-right: 3px;
    height: 30px;
}

.btn-light-green {
    border: 1px solid #00A86B;
    color: #00A86B;
    background: rgba(0, 168, 107, .15);
    width: 280px;
    margin-left: 3px;
    height: 30px;
}


/* start 7-march-2019 */

.user_icon_40 {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
}

.parent_dashboard_blue_box {
    background: -moz-linear-gradient( 45deg, #7f63f4 10%, #9f66ff 100%);
    background: -webkit-linear-gradient( 45deg, #7f63f4 10%, #9f66ff 100%);
    background: -ms-linear-gradient( 45deg, #7f63f4 10%, #9f66ff 100%);
    box-shadow: 0rem 0rem .25rem rgba(217, 219, 230, .16);
}

.parent_dashboard_green_box {
    background: -moz-linear-gradient( 45deg, #5FE85F 50%, #98FB98 100%);
    background: -webkit-linear-gradient( 45deg, #5FE85F 50%, #98FB98 100%);
    background: -ms-linear-gradient( 45deg, #5FE85F 50%, #98FB98 100%);
    /*
    box-shadow: 0rem 0rem .25rem rgba(217,219,230,.16);*/
}

.parent_dashboard_orange_box {
    background: -moz-linear-gradient( 45deg, #FCB64F 0%, #FFC56E 100%);
    background: -webkit-linear-gradient( 45deg, #FCB64F 0%, #FFC56E 100%);
    background: -ms-linear-gradient( 45deg, #FCB64F 0%, #FFC56E 100%);
    /*
    box-shadow: 0rem 0rem .25rem rgba(217,219,230,.16);*/
}

.round_white_box {
    background: #fff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    text-align: center;
    vertical-align: middle;
    line-height: 80px;
}

.mss_sl_btn.mss_sl_btn_gray.small30 {
    height: 30px !important;
}

.multi_sigle_select.gray_select .dropdown-toggle.small30::before {
    height: 27px;
}

.multi_sigle_select.gray_select .dropdown-toggle.small30::after {
    top: 0.625rem;
}

.date_pecker1.v_date_pecker::before {
    height: 27px;
    top: 6px;
}

.date_pecker1.v_date_pecker::after {
    top: 12px;
    width: 13px;
}

.grey_date_picker {
    background: #f4f5f8 !important;
    color: #000733 !important;
    border: 0.0625rem solid #EBEDF2 !important;
    text-align: left !important;
    font-weight: normal !important;
    text-transform: capitalize !important;
    font-family: 'OpenSans-Regular' !important;
    font-size: 0.875rem !important;
    border-radius: 1.875rem !important;
    padding-left: 1rem !important;
    padding-right: 1.563rem !important;
    transition: ease .5s;
    position: relative;
    height: 40px;
    width: 110px;
}

.grey_date_picker:focus {
    box-shadow: 0rem 0.1875rem 0.75rem 0rem rgba(0, 0, 0, 0.20) !important;
    outline: none !important;
    border: 1px solid #0099FF !important;
}

.n-aprove.green {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: -moz-linear-gradient( 45deg, #00A86B 0%, #00E18F 100%);
    background: -webkit-linear-gradient( 45deg, #00A86B 0%, #00E18F 100%);
    background: -ms-linear-gradient( 45deg, #00A86B 0%, #00E18F 100%);
    display: inline-block;
    margin-right: 4px;
}

.n-aprove.red {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: -moz-linear-gradient( 45deg, #E4062B 0%, #FF3657 100%);
    background: -webkit-linear-gradient( 45deg, #E4062B 0%, #FF3657 100%);
    background: -ms-linear-gradient( 45deg, #E4062B 0%, #FF3657 100%);
    display: inline-block;
    margin-right: 4px;
}

.n-aprove.blue1 {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: -moz-linear-gradient( 45deg, #0099FF 0%, #37AFFF 100%);
    background: -webkit-linear-gradient( 45deg, #0099FF 0%, #37AFFF 100%);
    background: -ms-linear-gradient( 45deg, #0099FF 0%, #37AFFF 100%);
    display: inline-block;
    margin-right: 4px;
}

.child-rew-add-cass-box {
    height: 382px;
}

.btn-small2.widthfit1.rippler.rippler-default.mr-2.ml-30:first-child {
    margin-left: 0rem!important;
}

.btn-small2.widthfit1.rippler.rippler-default.mr-2.ml-30 {
    margin-left: 1rem!important;
}


/*model end*/


/*end parent dashbord css*/


/*start layout css*/

.height120 {
    height: 120px;
}

.min-height80 {
    min-height: 5rem !important;
}

.form-group-mb-50 {
    margin-bottom: 20px;
}

.form-group.form-group-mb-50.inp-rw {
    position: relative;
    height: auto;
    min-height: 60px;
}

.mt--minus4 {
    margin-top: -.25rem;
}

.height45 {
    height: 45px;
}

.tshadow-1 {
    text-shadow: 0rem 3px 6px rgba(00, 00, 00, .16);
}

.pl-120 {
    padding-left: 120px;
}

.pr-120 {
    padding-right: 120px;
}

.pl-140 {
    padding-left: 140px;
}

.pr-140 {
    padding-right: 140px;
}

.height240 {
    height: 240px;
}

.width191 {
    width: 191px;
}

.widthfit180 {
    width: fit-content !important;
    width: -moz-fit-content!important;
    min-width: 180px !important;
}

.border-radius20 {
    border-radius: 20px !important;
}

.lineheight43 {
    line-height: 43px;
}

.width630 {
    width: 630px;
}

.login_right_side .form-group label.fontsize-12 {
    margin-bottom: 0px;
}

.grey-edit,
.grey-crose {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}

.grey-edit.mr-20.mission_edit {
    margin-right: 0.0625rem;
}

.relative.child-dashbordbox-body.pl-30.pr-30.pt-20.pb-20 .smr-box {
    /*padding:0rem 10px;*/
}

.relative.child-dashbordbox-body.pl-30.pr-30.pt-20.pb-20 .smr-box .relative.boxshadow-5 {
    height: auto;
    margin: 15px 0rem 0rem 0rem;
    min-height: 150px;
    /* padding:10px 5px;*/
}

.bgwhite.mb-30.border-w.rprt-summry-rgtcol .relative.pl-30.pr-30.pt-20.pb-20 {
    padding-bottom: 30px;
}

.grey-crose:hover i,
.grey-crose:focus i,
.grey-edit:hover i,
.grey-edit:focus i {
    color: #fff !important;
}


/*modal*/

.modal-content {
    border-radius: 0rem;
}

.modal-lg.width1110 {
    max-width: 1110px;
}

.crose-btn {
    position: absolute;
    top: -12px;
    right: -12px;
}

.checkbox-btn.v_day_select {
    flex: 1;
}

.checkbox-btn .squer-chack {
    position: relative;
    display: inline-block;
    border: 1px solid #A6B3D0;
    line-height: 40px;
    text-align: center;
    width: 32px;
    height: 40px;
    font-size: 1rem;
    background: #fff;
    color: #333;
}

.checkbox-btn label input[type="checkbox"]:checked+.squer-chack>.squer-chacked {
    color: #7F63F4;
    font-family: 'OpenSans-Bold';
}

.checkbox-btn label input[type="checkbox"]:checked+.squer-chack {
    border: 2px solid #7F63F4;
}


/*end layout css */


/* shrikant */

.error {
    font-size: 12px;
    line-height: 12px;
    font-family: 'OpenSans-Regular';
    color: #d93025;
}

.c-pro-img {
    width: 160px;
    height: 160px;
    border-radius: 50%;
}

#loading_img {
    left: 600px;
    position: fixed;
    top: 200px;
    width: 3%;
    z-index: 99999;
    display: none;
}

.display_none {
    display: none;
}

.change-theme-tabs a.nav-link:hover {
    color: #0099FF;
}

.childrn-prof-body {
    min-height: auto;
    height: auto;
}

.child_missions_below_box_height .relative.bgwhite.boxshadow-5.pt-20.pb-20.pl-20.pr-10.mb-30 {
    height: 136px;
}

.report-summery-prog-bar {
    padding: 0rem 15px;
}

.btn.btn-default.dropdown-toggle.mss_sl_btn.mss_sl_btn_gray.bgwhite::before {
    background-color: #fff!important;
}

.min-height115 {
    min-height: 115px !important;
    max-height: 115px !important;
}

.dropdown-menu.mss_sl_btn_dm {
    height: auto;
    max-height: 200px;
    width: 100%;
}

.modal-body .flex-fill .relative img.mr-1 {
    width: 1.5rem;
    height: 1.5rem;
}

.relative.d-flex.height45.align-items-center#mission_daysDiv {
    width: 220px;
}

.sweet-alert button.btn {
    width: fit-content !important;
    width: -moz-fit-content!important;
    min-width: 6.25rem !important;
    margin: 0px 5px;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.sweet-alert button.btn:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

#edit_Goal {
    padding-right: 0rem !important;
}

.mss_sl_btn_dm {
    height: 200px;
    min-height: auto;
    overflow-x: hidden;
}

.mss_sl_btn_dm::-webkit-scrollbar,
.modal-scroll-height::-webkit-scrollbar {
    width: 3px;
    background-color: transparent;
    border-radius: 0.25rem;
}

.mss_sl_btn_dm::-webkit-scrollbar-thumb,
.modal-scroll-height::-webkit-scrollbar-thumb {
    background-color: #696969;
    border-radius: 0.25rem;
}

.mss_sl_btn_dm::-webkit-scrollbar-track,
.modal-scroll-height::-webkit-scrollbar-track {
    border: 0.25rem solid #fff;
    border-radius: 0.25rem;
}

.gj-picker-bootstrap div[role=navigator] div:first-child {
    max-width: 10px !important;
    background-size: 100% 100%;
    background-image: url(../images/left-arrow-angle.svg);
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
    color: #242424;
    top: 10px;
    left: 20px;
}

.gj-picker-bootstrap div[role=navigator] div:last-child {
    max-width: 10px !important;
    background-size: 100% 100%;
    background-image: url(../images/arrow-angle-pointing-to-right.svg);
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
    color: #242424;
    top: 10px;
    right: 20px;
}

button.round-search-icon-blue-parent,
a.round-search-icon-blue-parent {
    height: 30px;
    width: 30px;
    border-radius: 50px;
    background: transparent;
    border-color: transparent;
    margin-bottom: -1px;
    cursor: pointer;
    padding: 0rem;
    vertical-align: bottom;
    display: inline-block;
}

button.round-search-icon-blue-parent:focus,
a.round-search-icon-blue-parent:focus {
    outline: unset;
}

.round-search-icon-blue {
    width: 30px;
    height: 30px;
}

.btn.btn-sm.btn-default.btn-block.clockpicker-button {
    display: none;
}

.main_dashboard_section1 .v-table .table tbody tr td:first-child .text-underline {
    cursor: pointer;
    display: inline-block;
    width: auto;
}

#missionInstanceListTable .btn.widthfit1.btn-bg-blue.btn-small2.font-size-12.minstance_approve {
    margin-right: 0.625rem;
}

.col-xl-3.col-lg-3.col-md-6.col-sm-6.col-xs-12.mt-30.p-current-plan-block,
.col-xl-3.col-lg-3.col-md-6.col-sm-12.col-xs-12.mt-30.mt-3.p-current-plan-block {
    flex: 0 0 20%;
    max-width: 20%;
    margin-top: 30px !important;
}


/*.col-xl-3.col-lg-3.col-md-6.col-sm-6.col-xs-12.mt-30.p-current-plan-block .relative.boxshadow-5.px-3.py-4{
	padding-left:15px!important;
	padding-right:15px !important;
}*/

.col-xl-3.col-lg-3.col-md-6.col-sm-6.col-xs-12.mt-30.p-current-plan-block .relative.boxshadow-5.px-3.py-4 h6.font-size-14.colorblack1,
.col-xl-3.col-lg-3.col-md-6.col-sm-6.col-xs-12.mt-30.p-current-plan-block .relative.boxshadow-5.px-3.py-4 h4.font-size-14 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.relative.bgwhite.border-w.mb-30.border-w .col-12.col-sm-6.col-md-4.col-lg-3.col-xl-3 .relative.bgwhite.boxshadow-5.around-30.mb-30.text-center,
.relative.bgwhite.border-w.mb-30.border-w.sectionsecond .col-12.col-sm-6.col-md-4.col-lg-3.col-xl-3 .relative.bgwhite.boxshadow-5.around-30.mb-30.text-center {
    height: auto;
    min-height: 318px;
}

.relative.pl-20.pr-20.child_missions_below_box_height .relative.bgwhite.boxshadow-5.pt-20.pb-20.pl-20.pr-10.mb-30 .btn.widthfit1.btn-bg-blue.btn-small2.font-size-12.minstance_approve {
    margin-right: 0.33rem;
}

.child_edit,
.reward_req_del {
    cursor: pointer;
}

#reward_desc_validate>.error,
#reward_desc>.error,
#description>.error,
#points_validate>.error,
#goal_name_validate>.error,
#mission_name_validate>.error,
#emission_name_validate>.error {
    position: absolute;
    left: 0rem;
    bottom: -5px;
}

#ecedcountry_validate>.error,
#ppcountry_validate>.error {
    position: absolute;
    bottom: 1rem;
}

.relative.child-dashbordbox-body.pl-30.pr-30.pt-20.pb-20.ch-dsh-left-sidebar.scroll-effect .relative.mission-blocks .report_summary-ttl.pr-dtl-rw {
    padding: 15px 15px 15px 0px;
}

.blue_greadiunt_color {
    background: -webkit-linear-gradient(#34D0F7, #40cff3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.form-control:disabled {
    background-color: #e9ecef !important;
    opacity: 1;
}

.after-yallow,
.after-purple,
.after-green,
.after-red,
.after-blue,
.after-blue1,
.after-blue9,
.after-orange {
    position: relative;
}

.after-yallow::after {
    content: '';
    position: absolute;
    left: -1.75rem;
    top: 0.5rem;
    background: #FDC111;
    height: 10px;
    width: 10px;
    border-radius: 50%;
}

.after-orange::after {
    content: '';
    position: absolute;
    left: -1.75rem;
    top: 0.5rem;
    background: #fb8122;
    height: 10px;
    width: 10px;
    border-radius: 50%;
}

.after-purple::after {
    content: '';
    position: absolute;
    left: -1.75rem;
    top: 0.5rem;
    background: #7f63f4;
    height: 10px;
    width: 10px;
    border-radius: 50%;
}

.after-green::after {
    content: '';
    position: absolute;
    left: -1.75rem;
    top: 0.5rem;
    background: #00A86B;
    height: 10px;
    width: 10px;
    border-radius: 50%;
}

.after-red::after {
    content: '';
    position: absolute;
    left: -1.75rem;
    top: 0.5rem;
    background: #DE2141;
    height: 10px;
    width: 10px;
    border-radius: 50%;
}

.after-blue::after {
    content: '';
    position: absolute;
    left: -1.75rem;
    top: 0.5rem;
    background: #0099FF;
    height: 10px;
    width: 10px;
    border-radius: 50%;
}

.after-blue1::after {
    content: '';
    position: absolute;
    left: -1.75rem;
    top: 0.5rem;
    background: #0099FF;
    height: 10px;
    width: 10px;
    border-radius: 50%;
}

.after-blue9::after {
    content: '';
    position: absolute;
    left: -1.75rem;
    top: 0.5rem;
    background: #5867DD;
    height: 10px;
    width: 10px;
    border-radius: 50%;
}

.get-start-btn-absolute {
    position: absolute;
    left: 0rem;
    right: 0rem;
    bottom: 2.5rem;
    text-align: center;
}

.text-shadow1 {
    text-shadow: 0px 6px 3px rgba(00, 00, 00, .20);
}

.tool-tip-box {
    position: absolute;
    right: 0rem;
    top: 0.625rem;
}

.info-tooltip {
    position: absolute;
    right: 8px;
    bottom: 0;
    top: 0;
    margin: 0 auto;
    color: #17abe2;
}

.tool-tip-content {
    display: none;
    position: absolute;
    top: -20px;
    right: 0px;
}


/*
.tooltip-msg {
    padding: 5px 10px;
    border-radius: 4px;
    width: 300px;
    position: absolute;
    top: -30px;
    margin-left: 0rem;
    z-index: 1;
    display: none;
    right: 0rem;
    background:#8d9294;
    color:#fff;
}*/

.tooltip-msg::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    border: 5px solid transparent;
    top: auto;
    bottom: -5px;
    right: 10px;
    border-bottom: 5px solid #8d9294;
    border-right: 5px solid #8d9294;
}

.info-tooltip:hover+.tooltip-msg {
    display: block !important;
}

.hou_it_img {
    box-shadow: 0rem 0rem 20px rgba(00, 00, 00, .10);
    height: 100%;
    width: 100%;
    object-fit: cover;
}

ol.list-abc {
    list-style: lower-alpha!important;
    padding-left: 20px;
    margin-top: 0.5rem;
    color: #333;
}

ol.list-abc li {
    list-style: lower-alpha!important;
    padding-left: 10px;
}

.crub-line1::after {
    position: absolute;
    bottom: -243px;
    right: 90px;
    content: '';
    background: url(../images/curv-line-1.png) no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 626px;
    height: 251px;
    opacity: .50;
}

.crub-line2::after {
    position: absolute;
    bottom: -75px;
    right: 90px;
    content: '';
    background: url(../images/curv-line-2.png) no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 626px;
    height: 251px;
    opacity: .50;
}

.crub-line3::after {
    position: absolute;
    bottom: -130px;
    right: 90px;
    content: '';
    background: url(../images/curv-line-3.png) no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 800px;
    height: 141px;
    opacity: .50;
}

.crub-line4::after {
    position: absolute;
    bottom: -140px;
    right: 90px;
    content: '';
    background: url(../images/curv-line-4.png) no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 800px;
    height: 141px;
    opacity: .50;
}

.crub-line5::after {
    position: absolute;
    bottom: -80px;
    right: 90px;
    content: '';
    background: url(../images/curv-line-3.png) no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 800px;
    height: 141px;
    opacity: .50;
}

.crub-line6::after {
    position: absolute;
    bottom: -122px;
    right: 0px;
    left: 0px;
    margin: auto auto;
    content: '';
    background: url(../images/curv-line-5.png) no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 450px;
    height: 121px;
    opacity: .50;
}

.crub-line7::after {
    position: absolute;
    bottom: -267px;
    right: -20rem;
    margin: auto auto;
    content: '';
    background: url(../images/curv-line-6.png) no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 600px;
    height: 265px;
    opacity: .50;
    left: 0rem;
}

.info-tooltip {
    position: absolute;
    right: -18px;
    top: 5px;
    color: #17abe2;
}

.tool-tip-content {
    display: none;
    position: absolute;
    top: -20px;
    right: -25px;
}

.tooltip-msg {
    padding: 2px 10px;
    border-radius: 4px;
    width: 300px;
    height: -webkit-fit-content;
    height: -ms-fit-content;
    height: -o-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: absolute;
    bottom: 5px;
    margin-left: 0rem;
    z-index: 99;
    display: none;
    right: -25px;
    background: #8d9294;
    color: #fff;
}

.error_label+.info-tooltip+.tooltip-msg {
    bottom: 59px;
}

textarea+.label+.info-tooltip {
    top: 5px;
    margin: 0px;
}

textarea+.label+.info-tooltip+.tooltip-msg {
    bottom: 116px;
}

.tooltip-msg::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    border: 5px solid transparent;
    top: auto;
    bottom: -5px;
    right: 10px;
    border-bottom: 5px solid #8d9294;
    border-right: 5px solid #8d9294;
}

.info-tooltip:hover+.tooltip-msg {
    display: block !important;
}

.relative.text-left.width400 {
    width: 450px;
}

.widthfit160 {
    width: fit-content !important;
    width: -moz-fit-content!important;
    min-width: 160px !important;
}

.border-red-parent-radius46 {
    background: #E4062B;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    box-shadow: 0rem 3px 6px rgba(00, 00, 00, .16);
    text-align: center;
    line-height: 46px;
    margin-right: 50px;
}

.select_box_active {
    border-radius: 0.25rem;
    background: #fff;
    border: 1px solid #E2E4F1;
    margin-bottom: 30px;
    padding: 1rem 13px;
    display: flex;
    cursor: pointer;
}

.select_box_active.active {
    border: 2px solid #0099FF;
    box-shadow: 0rem 0px 4px rgba(0, 153, 255, .55);
    position: relative;
}

.select_box_active.active::after {
    content: '';
    right: -6px;
    top: -6px;
    background: url(../images/right-round-blue.svg) no-repeat;
    background-position: right;
    background-size: 100% 100%;
    width: 1rem;
    height: 1rem;
    position: absolute;
}

.select_box_right {
    box-shadow: 0rem 0rem 20px rgba(00, 00, 00, .10);
    background: #fff;
    padding: 1rem 0rem 3rem 1rem;
    margin-bottom: 30px;
}

.faq_call {
    position: relative;
    display: block;
    cursor: pointer;
}

.faq_call::after {
    position: absolute;
    content: '';
    background: url(../images/callaspe_minut_icon.svg) no-repeat;
    width: 20px;
    height: 20px;
    right: 4px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.faq_call.collapsed::after {
    background: url(../images/callaspe_plus_icon.svg) no-repeat;
}

.faq_call+.collapse {
    padding-right: 2rem;
}

.faq_call+#collfive.collapse,
.faq_call+#collapseOnenew.collapse {
    padding-right: 0rem;
}

.faq_call+.collapse p:last-child {
    margin-bottom: 0rem;
}

.p-current-plan-block {
    margin-bottom: 20px;
}

.bell-count {
    position: absolute;
    top: 0rem;
    right: 5px;
    border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem;
    text-align: center;
    line-height: 1.25rem;
    color: #fff;
    background: -moz-linear-gradient( 45deg, #FF5A76 0%, #FF6F87 100%);
    background: -webkit-linear-gradient( 45deg, #FF5A76 0%, #FF6F87 100%);
    background: -ms-linear-gradient( 45deg, #FF5A76 0%, #FF6F87 100%);
}

#navigationDropdown {
    width: 45px;
}

.dropdown-toggle#navigationDropdown::after {
    display: none;
}

#navigationDropdown+.dropdown-menu {
    width: 284px;
    padding: 1rem;
    box-shadow: 0px 1px 4px 0px #E2E4F1;
    height: 251px;
    overflow: auto;
}


/* ***************** pushpa 25 jul ********************** */

ul.recommended-ul li {
    list-style-type: disc;
    padding-left: 35px;
    margin-bottom: 0 !important;
}

ul.recommended-ul1 li {
    list-style-type: disc;
    padding-left: 45px;
}

.t-tips-ul li {
    list-style-type: decimal;
    padding-left: 45px;
    margin: 10px 0;
}

ul.t-tips-sub li {
    list-style-type: circle;
    padding-left: 0;
}

.home_section_img1,
.rotet-text::after {
    transition: ease-in-out 1s;
}

.home_section_img1:hover {
    transform: scale(0.96);
    transition: ease 1s;
}

.rotet-text:hover.rotet-text::after {
    transform: none;
    transition: ease 0.75s;
}

.footer_section .mb-15 a {
    transition: ease-in-out 1s;
}

.footer_section .mb-15 a:hover {
    padding-left: 5px;
    transition: ease-in-out 1s;
}

.right-arrow-blue-icon:hover::before {
    left: -40px;
}

html {
    scroll-behavior: smooth;
}


/*new-table*/

.color-table {
    overflow: auto;
}

.color-table table {
    width: max-content;
    border-collapse: separate;
}

.color-table table thead tr {
    background: #ffca08;
}

.color-table table thead tr th {
    color: #fff;
    padding: 10px;
}

.color-table table tbody tr:nth-child(odd) {
    background: #fff4cd;
}

.color-table table tbody tr:nth-child(even) {
    background: #ffffff;
}

.color-table table tbody tr td {
    padding: 5px 10px;
    vertical-align: top;
}

.color-table table tbody tr td ul li {
    list-style: disc;
}

.country_ul li label {
    display: block;
}

.rew-spec-offer-images {
    height: 135px;
    width: 100%;
    object-fit: scale-down;
}

.modal-scroll-height {
    height: auto;
    max-height: 270px;
    overflow: auto;
}

.yallow-chips {
    background: #FDC111;
    color: #fff;
    font-size: 10px;
    font-family: 'OpenSans-Regular';
    border-radius: 0.25rem;
    height: 18px;
    width: auto;
    padding: 0px 9px;
    display: inline-block;
    line-height: 18px;
    margin-bottom: 0.25rem;
}

.orange-chips {
    background: #FB8122;
    color: #fff;
    font-size: 10px;
    font-family: 'OpenSans-Regular';
    border-radius: 0.25rem;
    height: 18px;
    width: auto;
    padding: 0px 9px;
    display: inline-block;
    line-height: 18px;
    margin-bottom: 0.25rem;
}


/* new css add */

.search-icon-right-side::after {
    position: absolute;
    content: '';
    background: url(../images/search_icon.svg) #fff;
    width: 30px;
    height: 20px;
    right: 7px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    text-align: center;
    background-position: center;
}

.up-down-arrow {
    height: 10px;
    filter: opacity(0.3);
    display: block;
}

.up-down-arrow:hover {
    filter: opacity(0.9);
}

.choose-goal-missition {
    width: 100%;
    height: 140px;
    box-shadow: 0px 0px 20px 0px #F1F2F7;
    padding: 1rem;
    text-align: center;
    transition: ease-in-out 200ms;
    background: #fff;
}

.choose-goal-missition.active,
.choose-goal-missition:hover {
    box-shadow: 0px 0px 20px 0px #DBDDE6;
    border-bottom: 2px solid #0099FF;
    transition: ease-in-out 200ms;
    cursor: pointer;
}

.height60 {
    height: 60px;
}

@media (min-width: 767px) {
    .modal-dialog.modal-lg.modal-dialog-centered {
        max-width: 760px;
        margin: 1.75rem auto;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 520px;
        margin: 1.75rem auto;
    }
}

.font-size-16.dsh-heading-ttl.colorgray1.fontfamily-bold.mb-0.w-50.active {
    color: #000733;
}

@media(max-width:1199px) {
    .font-size-16.dsh-heading-ttl.colorgray1.fontfamily-bold.mb-0.w-50 {
        font-size: 14px;
    }
}

@media(max-width:991px) {
    .font-size-16.dsh-heading-ttl.colorgray1.fontfamily-bold.mb-0.w-50 {
        width: 100% !important;
    }
}

.tooltip-msg.extra::after {
    right: 92px;
}

.dsh-heading-ttl.w-50 {
    background: #0000000f;
}

.dsh-heading-ttl.w-50.active {
    background: #ffffff;
}


/* calender */

.calendar-select-child {
    position: absolute;
    right: 16px;
    top: 16px;
}

.calendar-select-child .btn.btn-default.dropdown-toggle {
    width: 158px !important;
    height: 42.5px !important;
    border-radius: 0.5rem !important;
    border: 1px solid #17abe2 !important;
}

.calendar-select-child.multi_sigle_select .dropdown-toggle::before {
    background: #f4f5f8;
}

.fc-toolbar .fc-center h2 {
    color: #333;
    font-size: 24px !important;
    font-family: 'OpenSans-Regular' !important;
}

.fc-toolbar button {
    position: relative;
    background: #f4f5f8 !important;
    border: 1px solid #17abe2;
    color: #17abe2 !important;
    height: 42.5px;
    box-shadow: none;
    vertical-align: super;
}

.fc-toolbar button.active {
    color: #fff !important;
    background: #17abe2 !important;
    border: 1px solid #17abe2 !important;
}

.btn-primary:hover {
    color: #17abe2;
    background-color: #f4f5f8;
    border-color: #17abe2;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none !important;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #17abe2;
    border-color: #17abe2 !important;
}

.btn-group .btn.btn-primary:first-child {
    border-radius: 8px 0px 0px 8px !important;
}

.btn-group .btn.btn-primary:last-child {
    border-radius: 0px 8px 8px 0px !important;
}

.fc-today-button.btn.btn-primary {
    width: auto;
    padding: 0px 20px;
    border-radius: 0.5rem;
}

.blog-box {
    border: 1px solid #E2E4F1;
    background: #fff;
    cursor: pointer;
    margin-bottom: 30px;
}

.blog-box .blog-img-box {
    height: 192px;
    width: 100%;
    overflow: hidden;
    transition: all 1s;
}

.large-blog-box .blog-img-box {
    height: 315px;
}

.blog-box:hover .blog-img {
    transform: scale(1.1);
    transition: all 1s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-box .blog-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1s;
}

.blog-box .blog-body {
    padding: 1rem;
    text-align: left;
}

.bgwhite.mb-30.border-w.llz-week-task-rigt .relative.child-dashbordbox-body.pl-30.pr-30.pt-20.pb-20 {
    display: flex;
    height: 194px;
    align-items: center;
    justify-content: flex-start;
}

.after-red-line::after {
    content: '';
    position: absolute;
    right: -1rem;
    bottom: 6px;
    width: 11px;
    height: 2px;
    background-color: #FF3657;
}

.after-red-line2::after {
    content: '';
    position: absolute;
    right: -30px;
    bottom: 0px;
    top: 0rem;
    margin: auto;
    width: 24px;
    height: 2px;
    background-color: #FF3657;
}

.round-img40 {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
}

.categary-bg-img {
    height: 48px;
    width: 100%;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 16px;
    cursor: pointer;
}

.popular-box {
    border: 1px solid #E2E4F1;
    background: #fff;
    padding: 1rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 30px;
    transition: ease-in-out 300ms;
    cursor: pointer;
}

.popular-box:hover {
    border: 1px solid transparent;
    box-shadow: 0px 0px 20px 0px rgba(00, 00, 00, .10);
}

#navigationDropdown+.dropdown-menu p b {
    text-transform: capitalize;
}

.product.attribute.description ul,
.product.attribute.description ul li {
    list-style: initial !important;
}

.modal-scroll-height li {
    list-style: initial;
}

div#tab-label-description,
div#tab-label-description div,
.data.item.title,
.data.item.title div {
    width: 100% !important;
}

.child-rewards-bx .pl-10.pr-10.pt-10 {
    position: relative;
}

.child-rewards-bx .pl-10.pr-10.pt-10 .tool-tip-box {
    position: absolute;
    right: 1.75rem;
    top: 0.625rem;
}

#gift_card_modal_form .col-12.col-sm-4.col-md-4.col-lg-4.col-xl-4.mb-3 .fontfamily-regular.colorgray1.fontsize-14 {
    position: relative;
}

.fc-event-container .fc-content br {
    display: none;
}

.fc-event-container a.fc-event {
    margin-bottom: 2px !important;
    border: none !important;
    padding: 5px 10px !important
}

.goal_type_1 {
    color: #54A3FF !important;
}

.goal_type_2 {
    color: #FEC065 !important;
}

.goal_type_3 {
    color: #9C85FE !important;
}

.goal_type_4 {
    color: #34DBB9 !important;
}

.display_none {
    display: none;
}

.fc-toolbar .fc-center {
    position: absolute;
    left: 0px;
    right: 0px;
    width: 190px;
    margin: auto;
}

.app-icon {
    width: 115px;
}

       
    .chat-box{
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    z-index: 99999;
  }
  .chat-box .chat-icon-box{
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 0.5rem;
    border-radius: 50%;
    background: white;
    box-shadow: 0 2px 1px -2px rgb(0 0 0 / 20%),
                0 2px 2px 0 rgb(0 0 0 / 14%),
                0 1px 5px 0 rgb(0 0 0 / 12%);
  }
  .chat-box .chat-icon-box .tool-tip-type{
    white-space: nowrap;
    left: auto;
    position: absolute;
    right: 0;
    bottom: auto;
    top: -48px;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
	padding: 10px 30px;
	border-radius: 0.25rem;
	background: #ffc107;
	font-size: 16px;
	font-family: 'Sniglet-Regular' !important;

  }
  .chat-box .chat-icon-box .tool-tip-type::after{
    content: '';
    position: absolute;
    right: 21px;
    bottom: -6px;
    width: 10px;
    height: 10px;
    background: #ffc107;
    transform: rotate(45deg);
  }
  .chat-box .chat-icon-box .chat-icon{
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
    display: block;
  }
  .chat-content{
    width: 260px;
    height: auto;
    position: absolute;
    background-color: white;
    right: 0px;
    bottom: 50px;
    box-shadow: 0 2px 1px -2px rgb(0 0 0 / 20%),
                0 2px 2px 0 rgb(0 0 0 / 14%),
                0 1px 5px 0 rgb(0 0 0 / 12%);
    border-radius: 12px;
    visibility: hidden;
    opacity: 0;
    will-change: visibility;
    transition: all 400ms;
  }
  .chat-content.show{
    visibility: visible;
    opacity: 1;
  }
  .chat-content .chat-close-icon{
    width: 16px;
    height: 16px;
    object-fit: contain;
    position: absolute;
    right: 8px;
    top: 6px;
    z-index: 55;
    cursor: pointer;
  }
  .chat-top{
    width: 260px;
    height: auto;
    border-radius: 0px 0px 40px 40px;
    background: rgba(246,182,31, 1);
    padding: 24px 20px 15px 20px;
    text-align: center;
  }
  .chat-top .h6{
    font-size: 20px;
    color: white;
    margin-bottom: 4px;
  }
  .chat-top .p2{
    font-size: 16px;
    color: white;
    margin-bottom: 0px;
  }
  .chat-body{
    padding: 15px;
  }
  .chat-massege{
    background: #F4F4FC;
    color: #0D152D;
    font-size: 12px;
    border-radius: 10px;
    padding: 4px 8px;
    margin-bottom: 10px;
    display: inline-block;
  }
  .chat-footer{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px;
    position: relative;
    background: #F4F4FC;
  }
  .input-chat{
    width: 100%;
    height: 48px !important;
  }
  .send-btn {
    background: rgba(246,182,31, 1);
    outline: none;
    border-radius: 0.25rem;
    min-width: 40px;
    height: 40px;
    border: none;
    box-shadow: none;
    position: absolute;
    right: 19px;
    z-index: 55;
    cursor: pointer;
  }
  .send-btn:focus{
    outline: none;
    border: none;
    box-shadow: none;
  }
  .child-rewards-bx-new .rew-gift-card-images{
	background: #fcd02c85;
  }

#faqQuesAnsSection .select_box_right.registration .relative.d-flex .display-ib.w-100 img{
	max-width: 506px;
	width: 100% !important;
}
.darshi-error{
    position: absolute;
    top: 64px;
    left: 17px;
    background: #fff;
    padding: 10px;
    width: 225px;
}
.carector-show{
    position: absolute;
    right: 18px;
    bottom: 0px;
    font-size: 12px;
    color: gray;
}

.home_section1 .new-slider-banner{
	height: 478px;
	width: 100%;
	object-fit: scale-down;
}
.home_section1 .carousel-indicators{
	margin-bottom: 0px;
	bottom: 8px;
}
.home_section1 .carousel-indicators li{
	height: 12px;
	width: 12px;
	border-radius: 50%;
	background: #0d152d44;        
}
.home_section1 .carousel-indicators li.active{
	background: #0d152d;
}
.home_section1 .banner-img{
    width: 500px;
    height: 400px;
    object-fit: contain;
    margin-right: 20px;
}
.sweet-alert.showSweetAlert h2{
    font-size: 20px !important;
    color: #000733 !important;
    font-family: 'OpenSans-Bold' !important;
}
.sweet-alert.showSweetAlert .lead.text-muted{
    font-size: 14px !important;
    color: #000733 !important;
    font-family: 'OpenSans-Regular' !important;
}
@media (max-width: 991px) {    
    .home_section1 .carousel-inner .carousel-item .container.d-flex{
        flex-direction: column;        
    }
}