/*mixins */
/* media query start */
/* media query end */
/*@mixin text_ellipsic_2line{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}*/
body, input {
  color: #273239;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

*, h1, h2, h3, h4, h5, h6, ul, li, a, p, img {
  border: 0 none;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

.clearfix:after {
  clear: both;
  content: "";
  display: table;
}

a, .link14grn, .link16grn, .link14, .link18grn, .link {
  /*color: #00abbe;*/
  cursor: pointer;
  text-decoration: none;
}

p {
  font-size: 16px;
}

a {
  cursor: pointer;
}

.clear {
  clear: both !important;
}

input, textarea {
  outline: medium none;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.pre_container {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
  display: block;
  padding: 0 20px;
  box-sizing: border-box;
}

/* header Start */
.header_main_mgm {
  height: 75px;
  line-height: 75px;
  text-align: inherit;
}

.logo_wrpr {
  float: left;
  display: inline-block;
}

.ubp_logo {
  width: 100%;
  vertical-align: middle;
}

.mgm_logo {
  width: auto;
  display: inline-block;
}

.main_wrp {
  width: 100%;
  padding-bottom: 80px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

/* header end */
/*mgm campaign start */
/*.mgm_only{
 .left_secn{margin-top: 30px;margin-left: 100px;}
 .mgm_usr_name {font-size: 16px;color: #333333; font-weight: bold;}
 .mgm_invite_txt, .mgm_ci_txt{color: #8c8c8c;}
 .referral_invitee{text-align: center;}
 .mgm_invite_txt{padding:2px 0;}
 .helpDesWrp .right_section{display: none;}
 .helpDesWrp .header_main{border: none;}
 .hdr_txt{width: 56%;}
 .right_section .form_wrpr{margin-top: 0;}
}

@media only screen and (max-width:767px){
.mgm_only{
    .left_secn{float: none;margin-left: 0;}
    .mgm_ci_txt{display: none;}
    .helpDesWrp .logoWp{float: none !important;}
}

}*/
.mgm_only .helpDesWrp .right_section {
  display: none;
}

.mgm_only .helpDesWrp .header_main {
  border: none;
}

.mgm_only .left_secn {
  margin-top: 40px;
  margin-left: 100px;
  max-width: 555px;
}

.mgm_only .referral_invitee {
  text-align: center;
  padding-top: 15px;
}

.mgm_only .referral_invitee .mgm_usr_name {
  color: #333333;
}

.mgm_only .referral_invitee .mgm_invite_txt {
  font-size: 14px;
  color: #8c8c8c;
  margin-top: 8px;
}

.mgm_only .contaner_wrpr .main_wraper {
  z-index: 2;
}

.mgm_only .continue_signup_txt {
  display: inline-block;
  margin-top: 10px;
}

.mgm_only .right_section .form_wrpr {
  margin-top: 0;
}

.cam_heading {
  font-size: 42px;
  color: #273239;
}

.icon_list_m {
  list-style: none;
  width: 370px;
  display: inline-block;
  margin-top: 20px;
}

.icon_list_m li {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  font-size: 16px;
  color: #333333;
  padding: 8px 0 8px 40px;
}

.icon_list_m li.ntwr_ic:before {
  position: absolute;
  top: 18px;
  left: 0;
  color: #ff8500;
  font-size: 24px;
}

.icon_list_m li.prd_ic:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e915";
  position: absolute;
  top: 18px;
  left: 0;
  color: #ff8500;
  font-size: 24px;
}

.icon_list_m li.discsn_ic:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e978";
  position: absolute;
  top: 18px;
  left: 0;
  color: #ff8500;
  font-size: 24px;
}

.btm_sign_up {
  font-size: 18px;
  color: #333333;
  margin-top: 15px;
}

.btm_sign_up a, .btm_sign_up span {
  font-weight: 700;
  color: #333333;
}

.promo_text_m {
  font-size: 16px;
  color: #333333;
  margin-top: 20px;
}

.gl_bottom_bg {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  opacity: 30%;
  z-index: 1;
}

.gl_bottom_bg img {
  max-width: 100%;
  vertical-align: bottom;
  display: inline-block;
}

.gl_bottom_bg .tnc {
  position: absolute;
  bottom: 10px;
  left: 20px;
  font-size: 12px;
  color: #8c8c8c;
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .mgm_only .left_secn {
    margin-left: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mgm_only .left_secn {
    margin-left: 40px;
  }
  .mgm_only .contaner_wrpr .right_section {
    display: inline-block;
  }
}

@media only screen and (max-width: 767px) {
  .mgm_only .left_secn {
    margin-left: 0;
    max-width: 100%;
    margin-top: 0;
  }
  .mgm_only .contaner_wrpr .right_section {
    display: inline-block;
  }
  .mgm_only .icon_list_m {
    width: 100%;
  }
  .cam_heading {
    font-size: 24px;
  }
  .btm_sign_up {
    font-size: 16px;
  }
}

.tnc_link_m {
  font-size: 12px;
}

/*mgm campaign end */
/* banner start */
.mgm-meter-bnr {
  padding-bottom: 35px;
}

.left_secn {
  float: left;
  margin-left: 30px;
}

.hdr_txt {
  text-align: center;
  width: 55%;
  font-weight: 500;
}

.grp_pic {
  max-width: 408px;
  display: inline-block;
  padding-top: 10%;
}

.grp_pic img {
  width: 100%;
}

.fr_mob_bnr {
  display: none;
}

#m2m_raffle_body .invite_btn .signup_btnWp {
  margin: 20px 0px 0 16px;
}

#m2m_raffle_body .btn {
  margin: 0 auto;
  display: block;
}

#m2m_raffle_dashboard_mobile_container .btn {
  margin: 0 auto;
  display: block;
}

@media only screen and (max-width: 767px) {
  .left_secn {
    margin: 0;
  }
  .mgm_only .hdr_txt {
    width: 100%;
    font-size: 22px;
    font-weight: bold;
  }
  .grp_pic {
    display: none;
  }
  .fr_mob_bnr {
    display: block;
  }
  .fr_dsktp_bnr {
    display: none;
  }
  .mgm_intervntn_wrp .mgm-meter-bnr.not_accepted_block {
    margin-bottom: 10px;
  }
}

/* banner end */
/* mgm-meter page start */
.subHdng {
  color: #273239;
}

.bread_crum {
  font-size: 12px;
  color: #8c8c8c;
  padding: 20px 10px;
}

.bread_crum a {
  color: #8c8c8c;
}

.banner_area {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 0 20px;
  box-sizing: border-box;
}

.banner_area img {
  max-width: 100%;
  margin: 0 auto;
}

.mgm_intervention_wrpr .banner_area {
  padding: 0;
}

.mgm_meter_wrp .main_wrp {
  padding-bottom: 32px;
}

.mgm-meter-bnr h3 {
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  color: #273239;
  font-weight: 600;
}

.invite_btn {
  text-align: center;
  margin: 0 auto;
}

.invite_btn .signup_btnWp {
  width: 120px;
  height: 40px;
  line-height: 40px;
}

.social_btn_wrpr {
  width: 514px;
  display: inline-block;
}

.whatsapp_btn {
  background: #1bd741;
  color: #ffffff;
}

.whatsapp_btn::before {
  position: absolute;
  top: 12px;
  left: 22px;
}

.twitter_btn {
  background: #2daef4;
  color: #ffffff;
}

.email_btn {
  background: #ffffff;
  color: #273239;
  border: 1px solid #000000;
}

.invite_btn .devider_line {
  border: 1px solid #eaeaea;
  border-style: dotted;
  height: inherit;
  background-color: inherit;
  width: 92%;
}

.invite_btn .devider_text {
  background: #ffffff;
  color: #8c8c8c;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
  padding: 6px;
  top: -12px;
  width: 27px !important;
}

.search_wrpr.input_wp {
  display: flex;
}

.search_wrpr .input_field {
  width: calc(100% - 85px);
  border: 1px solid #e6e6e6;
  padding: 0 5px;
  height: 40px;
  line-height: 40px;
  border-right: none;
  background-color: #f6f7f7;
  border-radius: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.search_wrpr .btn {
  font-size: 14px;
  padding: 5px;
  width: 82px;
  cursor: pointer;
  min-width: inherit;
  background-color: #fa781f;
  color: #ffffff;
  border-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  height: 42px;
  line-height: normal;
  text-transform: inherit;
}

.input_wp.search_wrpr {
  width: 41%;
  margin: 25px auto 0;
  position: relative;
}

.referl_link {
  font-size: 12px;
  color: #8c8c8c;
  padding-top: 12px;
}

.invite_btn .input_wp.search_wrpr .ToolTip.L {
  display: none;
  right: 92px;
  bottom: 26px;
  width: 90px;
}

.invite_btn .input_wp.search_wrpr .ToolTip .downArw_333 {
  float: none;
}

.invite_btn .input_wp.search_wrpr.act .ToolTip.L {
  display: block;
}

@media only screen and (max-width: 767px) {
  .social_btn_wrpr {
    width: 100%;
  }
  .mgm-meter-bnr h3 {
    font-size: 14px;
    font-weight: 600;
    color: #273239;
  }
  .invite_btn .signup_btnWp {
    width: 154px;
    height: 40px;
    line-height: 40px;
  }
  .input_wp.search_wrpr {
    width: 73%;
  }
  .referl_link {
    font-size: 11px;
  }
  .search_wrpr .input_field {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .bread_crum {
    padding: 10px 5px;
  }
  .icon-group::before {
    position: absolute;
    top: 12px;
    left: 22px;
  }
  .banner_area {
    padding: 0 10px;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
  }
}

.raffle_entries_wrp {
  background-color: #f7f8fb;
  padding: 36px 0;
}

.raffle_entries_wrp .container {
  background: inherit;
}

.raffle_entry_cont {
  width: 1050px;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
  padding: 20px 22px;
  margin: 0 auto;
  box-sizing: border-box;
}

.rfle_entries_hdr {
  font-size: 18px;
  color: #273239;
  font-weight: 600;
  float: left;
}

.raffle_entry_cont .info_ic:after {
  content: "\e972";
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  padding-left: 6px;
  color: #8c8c8c;
  padding-top: 3px;
}

.hdr_meter {
  box-sizing: border-box;
  position: relative;
  text-align: left;
  padding: 15px 13px;
}

.info_ic.company_tooltip {
  position: relative;
  top: 2px;
}

.infoic_tooltip {
  float: left;
}

.infoic_tooltip:hover .info_ic:after {
  color: #273239;
}

.infoic_tooltip .tootTip_cont {
  display: none;
}

.infoic_tooltip:hover .tootTip_cont {
  display: block;
}

.infoic_tooltip .tootTip_cont {
  bottom: 20px;
}

.tootTip_cont {
  position: absolute;
  padding-top: 6px;
  z-index: 6;
  bottom: 38px;
  left: 162px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}

.tootTip_v2 {
  font-size: 12px;
  color: #273239;
  background: #ffffff;
  padding: 8px;
  display: inline-block;
  width: 156px;
  text-align: center;
  border-radius: 5px;
}

.tootTip_v2:before {
  width: 0;
  height: 0;
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 7px solid #ffffff;
  position: absolute;
  top: 92px;
  transform: rotate(180deg);
}

.ref_dashbrd {
  font-size: 18px;
  font-weight: 600;
  color: #273239;
}

#m2m_raffle_body .fb_btn .facebkIc:before {
  top: 10px;
  left: 12px;
}

#m2m_raffle_body .icon-group::before {
  position: absolute;
  font-size: 16px;
  top: 12px;
  left: 20px;
}

#progress_bar {
  border-radius: 19px;
  padding: 6px 10px 6px 10px;
  border: 1px solid #f6f7f7;
  margin-top: 66px;
  margin-bottom: 20px;
}

.pgrs_meter {
  background: #f6f7f7;
  border-radius: 11px;
  height: 22px;
  position: relative;
}

.prgrs_mtr_count span {
  font-size: 10px;
  color: #8c8c8c;
}

.prgrs_mtr_count {
  padding: 0 15px;
  position: relative;
  top: 15px;
}

.prgrs_mtr_count span {
  position: absolute;
}

.prgmtr_grey {
  border-radius: 11px;
  border: 1px solid #f6f7f7;
  height: 22px;
}

.pgrs_meter_inner {
  width: 87px;
  height: 22px;
  border-top-left-radius: 11px;
  border-bottom-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  position: relative;
  float: left;
}

.pgrs_meter_inner .yellow {
  background: #ffe380;
}

.pgrs_meter_inner .orange {
  background: #ffbb00;
}

.pgrs_meter_inner .green {
  background: #27b800;
}

.pgrs_meter .tootTip_v2 {
  width: 78px;
  padding: 6px;
}

.pgrs_meter .tootTip_v2:before {
  top: 32px;
}

.strt_pt_mgm {
  left: 0;
}

.secnd_pt_mgm {
  left: 88px;
}

.thrd_pt_mgm {
  left: 276px;
}

.fourth_pt_mgm {
  left: 476px;
}

.fifth_pt_mgm {
  left: 676px;
}

.sixth_pt_mgm {
  right: 6px;
}

.pgrs_meter .tootTip_cont {
  left: inherit;
  right: -66px;
}

.pgrs_meter_inner .tootTip_cont {
  display: none;
}

.pgrs_meter_inner.act .tootTip_cont {
  display: block;
}

.pgrs_meter_inner.green.act {
  background: #27b800;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .raffle_entry_cont {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .raffle_entry_cont {
    width: 100%;
  }
  .pgrs_meter_inner {
    width: 100%;
  }
}

.grn_band_txt {
  font-size: 12px;
  font-weight: bold;
  width: 85px;
  background: #27b800;
  border-radius: 12px;
  padding: 3px;
  color: #ffffff;
  text-align: center;
}

.refrl_dashbrd_hdr {
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid #e6e6e6;
}

.greenband {
  padding-left: 18px;
}

.dashbrd_reslt {
  padding: 10px 0;
}

.innr_rslt_wrp {
  display: inline-block;
  width: 40%;
}

.innr_rslt_wrp .col_left {
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-radius: 50%;
  float: left;
  overflow: hidden;
  box-sizing: border-box;
}

.innr_rslt_wrp img {
  width: 100%;
  display: inline-block;
}

.col_right {
  padding-left: 80px;
}

.name {
  width: 100%;
  box-sizing: border-box;
  padding-right: 12px;
  font-size: 14px;
  line-height: 15px;
  color: #273239;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.rol {
  width: 100%;
  box-sizing: border-box;
  padding-right: 12px;
  font-size: 12px;
  line-height: 15px;
  color: #8c8c8c;
  margin-top: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.reslt_lst_wrp li {
  list-style: none;
  display: flex;
  width: 100%;
  padding: 10px 0;
}

.actnresult_lst {
  width: 60%;
}

.cl_left_actn {
  float: left;
}

.cl_rght_actn {
  float: right;
}

.act_rgt_txt {
  font-size: 14px;
  text-decoration: underline;
  color: #8c8c8c;
}

.act_lft_txt {
  font-size: 14px;
  position: relative;
  cursor: default;
}

.sgn_up_grn {
  color: #27b800;
  cursor: default;
}

.sgn_up_ylw {
  color: #ff8c00;
}

.warn_icon::before {
  content: "\e972";
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  position: absolute;
  top: 2px;
  left: -1px;
  color: red;
}

.warn_icon {
  color: #8c8c8c;
  padding-left: 18px;
}

.refrl_mail {
  font-size: 14px;
  color: #273239;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .reslt_lst_wrp li {
    display: inline-block;
    border-bottom: 1px solid #cccccc;
  }
  .innr_rslt_wrp, .actnresult_lst {
    width: 100%;
  }
  .act_lft_txt, .act_rgt_txt {
    font-size: 12px;
  }
  .innr_rslt_wrp .col_left {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .ref_dashbrd {
    font: 16px;
  }
  .grn_band_txt {
    width: 80px;
    padding: 2px;
  }
  .mgm-meter-bnr .search_wrpr .btn {
    height: 40px;
  }
  .mgm-meter-bnr .search_wrpr .input_field {
    height: 38px;
  }
  #m2m_raffle_dashboard_mobile_container {
    background-color: #ffffff;
  }
  .raffle_entries_wrp {
    padding: 15px 0 0 0;
  }
  .strt_pt_mgm {
    left: 0;
  }
  .secnd_pt_mgm {
    left: 25px;
  }
  .thrd_pt_mgm {
    left: 78px;
  }
  .fourth_pt_mgm {
    left: 142px;
  }
  .fifth_pt_mgm {
    right: 80px;
    left: inherit;
  }
  .sixth_pt_mgm {
    right: 6px;
  }
}

/* mgm-meter page end */
/* mgm intervention start */
.mgm_intervntn_wrp {
  padding-bottom: 8px;
  /*.twitter_btn:before{@include font_ic; color:#ffffff;font-size:16px;position:absolute;top:6px;left:12px;content:"\e95c";}
  .email_btn:before{@include font_ic_v2; color: #273239;font-size:16px;position:absolute;top:6px;left:12px;content:"\e90e";}*/
}

.mgm_intervntn_wrp .main_wrp {
  padding-bottom: 16px;
}

.mgm_intervntn_wrp .mgm-meter-bnr h3 {
  font-weight: 500;
}

.mgm_intervntn_wrp .signup_btnWp {
  position: relative;
  margin-top: 20px;
  font-weight: 700;
  text-align: center;
  border-radius: 20px;
  font-size: 14px;
  display: inline-block;
  box-sizing: border-box;
}

.mgm_intervntn_wrp .invite_btn .signup_btnWp {
  width: 110px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  font-weight: 500;
}

.mgm_intervntn_wrp .fb_btn {
  background: #4267b0;
  color: #ffffff;
}

.mgm_intervntn_wrp .fb_btn .facebkIc:before {
  color: #ffffff;
  font-size: 16px;
  position: absolute;
  top: 6px;
  left: 12px;
}

.mgm_intervntn_wrp .twitter_btn {
  background: #2daef4;
  color: #ffffff;
}

.mgm_intervntn_wrp .search_wrpr .btn {
  line-height: normal;
  font-size: 12px;
  text-transform: inherit;
  font-weight: 600;
  width: 89px;
  height: 30px;
}

.mgm_intervntn_wrp .search_wrpr .input_field {
  height: 28px;
  line-height: 30px;
}

.mgm_intervntn_wrp .interventn2_hdr {
  font-size: 18px;
  font-weight: 700;
}

.mgm_intervntn_wrp .interventn2_subhdr {
  font-size: 14px;
  color: #666666;
  font-weight: 500;
}

.mgm_intervntn_wrp .copy_txt_mgm {
  font-size: 14px;
  font-weight: 700;
  text-transform: inherit;
  font-weight: 600;
}

.mgm_intervntn_wrp .input_wp.search_wrpr {
  width: 68%;
}

.mgm_intervntn_wrp .mgm-meter-bnr {
  padding-bottom: 0;
}

.mgm-meter-bnr .twitter_btn:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  font-size: 16px;
  position: absolute;
  top: 6px;
  left: 12px;
  content: "\e95c";
}

.mgm-meter-bnr .email_btn:before {
  color: #273239;
  font-size: 16px;
  position: absolute;
  top: 6px;
  left: 12px;
}

#m2m_raffle_body .twitter_btn:before {
  top: 12px;
}

.mgm_intervention_wrpr {
  padding: 0 9px;
}

.mgm_noti {
  font-size: 13px;
  color: #273239;
  text-align: right;
  font-weight: 600;
}

.notiRow.newConnections.mgm_noti_wrpr {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0;
  cursor: pointer;
}

.notiRow.newConnections.mgm_noti_wrpr .mgm_noti:hover {
  text-decoration: underline;
}

.raffle_entries_wrp .container, .main_wrp .container {
  width: 100%;
}

.signup_btnWp.whatsapp_btn .facebkIc {
  padding-left: 5px;
}

.signup_btnWp.email_btn.icon-group .facebkIc {
  padding-left: 10px;
}

.invite_btn .mgm_interventin_btn .devider_line {
  float: left;
  width: 5% !important;
  margin: 20px 0px 0 0 !important;
  left: 55px;
  border-style: solid;
}

.mgm_intervntn_wrp .invite_btn .devider_text {
  border-style: none;
  border-radius: inherit;
  font-size: 14px;
  color: #999999;
  top: -14px;
  padding: 6px 2px;
}

/* mgm intervention start */
/* gl - 4359 start */
.overlay_v3 .overlay_wrp.width_550 {
  padding: 20px;
  box-sizing: border-box;
}

.send_mail_heading {
  font-size: 16px;
  color: #273239;
  font-weight: bold;
  display: inline-block;
}

.filled_maialer_block {
  display: inline-block;
  width: 100%;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  margin-top: 15px;
}

.input_mailer_block {
  display: inline-block;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  min-height: 120px;
  position: relative;
}

.enter_mail_input {
  font-size: 14px;
  color: #273239;
  min-width: 250px;
  border: none;
  padding: 6px;
  box-sizing: border-box;
}

.enter_mail_input::placeholder {
  color: #cccccc;
  font-size: 14px;
}

.overlay_v3 .overlay_wrp .input_mail_list li {
  list-style: none;
  float: left;
  background: #e5f6f8;
  position: relative;
  font-size: 14px;
  color: #273239;
  padding: 4px 30px 6px 8px;
  border-radius: 5px;
  margin: 5px;
}

.overlay_v3 .overlay_wrp .input_mail_list li .clsBtn_000 {
  right: 6px;
  top: 6px;
}

.overlay_v3 .overlay_wrp .input_mail_list li .clsBtn_000:before {
  font-size: 10px;
  color: #00abbe;
  font-weight: 700;
}

.overlay_v3 .overlay_wrp .input_mail_list li.inner_input_mail {
  background: transparent;
}

.import_contact_block {
  display: flex;
  padding: 0 10px;
  box-sizing: border-box;
}

.import_contact_block {
  background: #f6f7f7;
  border-top: 1px solid #e6e6e6;
  height: 45px;
  line-height: 45px;
}

.import_cnt_txt {
  font-size: 12px;
  color: #273239;
  font-weight: 600;
}

.contact_opt_list li {
  list-style: none;
  float: left;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.contact_opt_list .contact_opt_txt {
  font-size: 12px;
  color: #8c8c8c;
  font-weight: 500;
}

.contact_opt_list .contact_opt_logo {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border: 1px solid #e6e6e6;
  border-radius: 100%;
  text-align: center;
  overflow: hidden;
  margin: 0 6px 0 20px;
}

.invite_text {
  display: inline-block;
  margin-top: 18px;
  font-size: 14px;
  color: #8c8c8c;
}

.user_invt_cnt {
  display: inline-block;
  padding: 4px;
  box-sizing: border-box;
  background: #e5f6f8;
  color: #273239;
  border-radius: 5px;
  cursor: inherit;
}

.icon-group {
  margin-right: 10px;
}

.invite_mail_btn.btn_v2 {
  /*border-radius: 4px;background-color: #fa781f;border: none;text-transform: capitalize;*/
  margin-top: 18px;
}

@media only screen and (min-width: 768px) {
  .overlay_v3 .overlay_wrp.width_550 {
    width: 550px;
  }
}

@media only screen and (max-width: 767px) {
  .overlay_v3 .overlay_wrp.width_550 {
    width: 100%;
  }
  .import_contact_block {
    display: inline-block;
    width: 100%;
    height: 66px;
    line-height: 28px;
  }
  .overlay_v3 .overlay_wrp.width_550 {
    padding: 15px;
  }
  .invite_text {
    font-size: 12px;
  }
  .invite_mail_btn.btn {
    font-size: 14px;
    min-width: 82px;
  }
  .overlay_v3 .overlay_wrp .input_mail_list li {
    margin: 3px;
  }
  .contact_opt_list .li:first-child .contact_opt_logo {
    margin-left: 0;
  }
  #glinvite_overlay .send_mail_container {
    padding: 20px;
    box-sizing: border-box;
  }
  .mgm_intervntn_wrp .whatsapp_btn::before {
    top: 8px;
    left: 10px;
  }
  .mgm_intervntn_wrp .invite_btn .signup_btnWp {
    margin: 20px 12px 0 12px;
  }
  .invite_btn .mgm_interventin_btn .devider_line {
    left: 24px;
    border-style: solid;
    bottom: 5px;
    width: 10% !important;
  }
  .tootTip_cont {
    z-index: 5;
  }
  #m2m_raffle_dashboard_mobile_container .mgm-meter-bnr, #m2m_raffle_dashboard_mobile_container .raffle_entries_wrp, #m2m_raffle_dashboard_mobile_container .raffle_entries_wrp {
    padding-left: 10px;
    padding-right: 10px;
  }
  #emailinvite_overlay .send_mail_heading {
    margin: 0 0 0 15px;
  }
  #emailinvite_overlay .icon-group::before {
    top: inherit;
    left: 22px;
  }
  #emailinvite_overlay .mgm_base_txt {
    left: 15px;
    top: 15px;
  }
  #m2m_raffle_dashboard_mobile_container .twitter_btn:before {
    top: 12px;
  }
  #m2m_raffle_dashboard_mobile_container .email_btn:before {
    top: 12px;
  }
}

#emailinvite_overlay .filled_maialer_block .suggestion_filter {
  transform: translateY(0);
}

.send_mail_container #emailinvite_tagsinput {
  border: none;
}

#emailinvite_overlay .tagsinput .tag {
  background: #e5f6f8;
  border-radius: 5px;
  border: none;
  padding: 2px 0 2px 3px;
}

#emailinvite_overlay .tagsinput .tag > a {
  color: #00abbe;
}

#emailinvite_overlay .tagsinput {
  border: none;
}

.frst_mtr {
  width: 10%;
}

.frst_mtr .mtr_clr_size {
  border-top-left-radius: 11px;
  border-bottom-left-radius: 11px;
}

.scnd_mtr {
  width: 20% !important;
}

.thrd_mtr {
  width: 20% !important;
}

.fourth_mtr {
  width: 20% !important;
}

.fifth_mtr {
  width: 30% !important;
}

.pgrs_meter_inner.act .mtr_clr_size {
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
}

.pgrs_meter_inner .mtr_clr_size {
  height: 22px;
  float: left;
  position: relative;
}

.pgrs_meter_inner .mtr_clr_size .tootTip_cont {
  right: -35px;
}

.pgrs_meter_inner .mtr_clr_size .tootTip_cont .tootTip_v2:before {
  left: 40px;
}

.pgrs_meter_inner.fifth_mtr .mtr_clr_size {
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
}

.mgm_base_txt {
  font-size: 12px;
  color: #8c8c8c;
  display: inline-block;
  width: 100%;
}

#emailinvite_overlay .info_ic:after {
  left: -22px;
  top: 1px;
}

#emailinvite_overlay .mgm_base_txt {
  position: relative;
  left: 15px;
}

/* gl - 4359 end */
/* gl-4473 mgm overlay start */
.new_overlay_wrp.mgm_overlay_cnfrn_cont {
  max-width: 450px;
  width: 100%;
  min-height: 360px;
}

.tou_mgm {
  font-size: 11px;
  color: #8c8c8c;
  text-align: left;
  display: inline-block;
}

.mgm_ovrly_cnfrm .btn_v2 {
  text-transform: inherit;
  font-size: 14px;
  background-color: #fa781f;
  margin-top: 18px;
}

.mgm_ovrly_cnfrm {
  display: inline-block;
  width: 100%;
  padding: 25px 20px;
  box-sizing: border-box;
  text-align: center;
}

.mgm_hdr_ovrly {
  font-size: 16px;
  color: #273239;
  text-align: left;
  font-weight: 500;
}

.mgm_ovrly_cnfrm .mainwrp {
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  margin-top: 22px;
}

.mgm_ovrly_cnfrm .details_wp {
  background: #f6f7f7;
  padding: 15px;
  position: relative;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  border-radius: 5px;
}

.mgm_ovrly_cnfrm .details_wp.mgm_ovrly_frm {
  background: #ffffff;
  margin-top: 12px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  padding-top: 0;
}

.mgm_ovrly_cnfrm .nrml_txt {
  font-weight: 700;
  margin: 0;
}

.mgm_ovrly_cnfrm .nrml_txt_2 {
  margin-top: 4px;
}

.mgm_ovrly_cnfrm .nrml_txt.company_name {
  margin-top: 10px;
  font-weight: 700;
  height: auto;
}

.mgm_ovrly_cnfrm .nrml_txt.name {
  font-weight: 700;
}

.mgm_ovrly_cnfrm .nrml_txt_2 {
  font-weight: 500;
}

.mgm_ovrly_cnfrm .dtl_wp.user_details {
  width: 100%;
  display: inline-block;
  float: left;
  text-align: left;
}

.mgm_ovrly_cnfrm .dtl_wp.user_details p {
  font-size: 14px;
  color: #273239;
}

.mgm_ovrly_cnfrm .signup_form_list {
  margin-top: 10px;
}

.mgm_ovrly_cnfrm .btn_v2.disable {
  background-color: #cccccc;
}

.mgm_ovrly_cnfrm .tou_ref {
  color: #8c8c8c;
  text-decoration: underline;
}

.mgm_ovrly_cnfrm .tou_ref:hover {
  color: #273239;
}

.mgm_ovrly_cnfrm .field_error_text {
  text-align: left;
}

.mgm_intervn_nw .mgm-meter-bnr {
  width: 100%;
  text-align: center;
}

.mgm_intervn_nw .btn_v2 {
  float: none;
  background-color: #fa781f;
}

/* gl-4473 mgm overlay end */
#emailinvite_overlay .mail_icon::before {
  margin: 0 10px 0 0px;
}

/* gl-4473 mgm overlay end */
input.btn {
  -webkit-appearance: none;
}

html input.btn[type="button"] {
  -webkit-appearance: none;
}

.app_platform .mgm-meter-bnr .invite_btn .btn {
  height: 40px !important;
}