body {
  font-family: OpenSans-Regular_0 !important;
  background-color: #eff4fc !important;
}

html,
body {
  height: 100vh;
}

.switch_roposer {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 21px;
}

  .switch_roposer input {
    opacity: 0;
    width: 0;
    height: 0;
  }

.roposer_check {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0057a86b;
  -webkit-transition: .4s;
  transition: .4s;
}

  .roposer_check:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }

input:checked + .roposer_check {
  background-color: #0057a8;
}

input:focus + .roposer_check {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .roposer_check:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.roposer_check.round_swich {
  border-radius: 34px;
}

  .roposer_check.round_swich:before {
    border-radius: 50%;
  }


.dropdown-item.active,
.dropdown-item:active {
  color: #9c9c9c;
  text-decoration: none;
  background-color: #ddd;
}

.addmembers {
  padding: 0px 0px 10px;
}

.addchild {
  padding: 5px 15px;
  border: none;
}

.addmember {
  padding: 0px 5px 0px;
}

.family_contents,
.d_contents {
  display: contents;
}

@media screen and (max-width: 768px) {
  .family_contents {
    display: block;
  }

  .back_next {
    position: relative;
  }

  app-investment-proposal .col-md-10.d-inline-block.d-md-inline-flex.align-items-center,
  app-termlife-proposal .col-md-10.d-inline-block.d-md-inline-flex.align-items-center {
    display: block !important;
  }

    app-investment-proposal .col-md-10.d-inline-block.d-md-inline-flex.align-items-center .mt-2,
    app-termlife-proposal .col-md-10.d-inline-block.d-md-inline-flex.align-items-center .mt-2 {
      margin-bottom: 5px;
    }

    app-investment-proposal .col-md-10.d-inline-block.d-md-inline-flex.align-items-center
    .col-lg-3.col-md-12.col-sm-12.col-xs-12,
    app-termlife-proposal .col-md-10.d-inline-block.d-md-inline-flex.align-items-center
    .col-lg-3.col-md-12.col-sm-12.col-xs-12 {
      padding: 0;
    }

    app-investment-proposal
    .col-md-10.d-inline-block.d-md-inline-flex.align-items-center
    .col-lg-3.col-md-4.col-sm-4.col-xs-12,
    app-termlife-proposal
    .col-md-10.d-inline-block.d-md-inline-flex.align-items-center
    .col-lg-3.col-md-4.col-sm-4.col-xs-12 {
      width: 100%;
      max-width: 100%;
      padding: 0;
      margin-bottom: 5px;
    }

    app-investment-proposal
    .col-md-10.d-inline-block.d-md-inline-flex.align-items-center
    .col-lg-2.col-md-4.col-sm-4.col-xs-4.leftbrdr,
    app-termlife-proposal
    .col-md-10.d-inline-block.d-md-inline-flex.align-items-center
    .col-lg-2.col-md-4.col-sm-4.col-xs-4.leftbrdr {
      padding-left: 0;
    }

  app-termlife-proposal .backtoquote, app-investment-proposal .backtoquote {
    white-space: nowrap;
  }
}

@media screen and (max-width: 370px) {
  .family_contents {
    display: flex;
  }
}

.morefamily {
  padding: 0px 100px 0px;
}

@media screen and (max-width: 450px) {
  .morefamily {
    padding: 0px 5px 0px;
  }

  .leftpaydetail li {
    min-width: 50% !important;
  }

  .backtoquote {
    display: inline-block;
    margin: 5px 0px;
  }
}

@media screen and (max-width: 1200px) {
  .header__style .container {
    padding: 0px 15px;
  }

  .saving_policy {
    top: -17px;
  }
}

@media screen and (max-width: 768px) {
  .personal_detail {
    width: 100% !important;
  }
}

.personal_detail a {
  word-break: break-all;
}

.valuelist {
  border-radius: 8px;
  color: #9c9c9c;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: none;
}

  .valuelist .ng-placeholder {
    font-size: 12px;
  }

  .valuelist .ng-dropdown-panel-items {
    max-height: 160px;
  }

.stepperDropdown .ng-dropdown-panel-items {
  max-height: 95px;
}

.multiselect_checkbox .mat-checkbox-layout {
  display: block;
}

.valuelist .ng-select-container {
  font-size: 13px;
  color: #999;
  font-family: 'OpenSans-Regular_0';
}

.valuelist .ng-select-bottom {
  margin-top: 1px;
}

.valuelist:hover {
  border: none;
}

.valuelist:focus {
  box-shadow: none !important;
}

.valuelist:focus {
  box-shadow: none !important;
}

.valuelist:active {
  border-color: #b4beb8 !important;
}

.sticky_header {
  position: fixed;
  width: 100%;
}

.close_box {
  z-index: 100;
  height: 20px;
  margin: 10px;
  right: 0;
  top: 0;
  position: absolute;
  cursor: pointer;
}

/*custom popup end*/


.width_1200 {
  max-width: 1170px;
  margin: auto;
}

/*mateial css*/
.custom_radiobutton .mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #0057bb;
}

.custom_radiobutton .mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #009a5a;
}

.custom_radiobutton .mat-accent .mat-radio-ripple .mat-ripple-element {
  background-color: #009a5a;
  opacity: 0 !important;
}

.mat-checkbox-checked.mat-accent .mat-checkbox-ripple .mat-ripple-element {
  background-color: #0057bb !important;
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #009a5a;
}

.mat-checkbox-ripple .mat-ripple-element {
  background-color: #0057bb !important;
}

.custom-checkbox:host .mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #0057bb;
}

.form_checkbox .mat-checkbox-frame {
  border-color: #c9c9c9 !important;
}

.custom-checkbox .mat-checkbox-frame {
  background-color: transparent !important;
  border-color: rgb(255, 255, 255);
}

.custom-checkbox .mat-checkbox-layout {
  margin: 0;
}

/*material css end*/

/*custom button start*/


/**Stepper Next-Previous button Css Start**/
.back_btn,
.next_btn {
  padding: 6px 0px;
  min-width: 130px;
  border-radius: 4px;
  border: none;
  align-items: center;
}

@media screen and (max-width: 450px) {

  .back_btn,
  .next_btn {
    padding: 5px 1px;
    min-width: 103px;
    margin-bottom: 5px;
  }
}

.back_btn span:before {
  content: '\00ab';
  position: absolute;
  opacity: 0;
  top: -9px;
  right: 10px;
  transition: 0.5s;
  font-size: 25px;
  margin: auto 75%;
}

.back_btn:hover,
.next_btn:hover {
  background: #0057a8;
}

  .back_btn:hover span {
    padding-left: 25px;
  }

.back_btn span,
.next_btn span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.back_btn:hover span:before,
.back_btn:hover span:after {
  opacity: 1;
  right: 0;
}

.next_btn span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: -9px;
  right: -20px;
  transition: 0.5s;
  font-size: 25px;
}

.next_btn:hover span {
  padding-right: 25px;
}

  .next_btn:hover span:after {
    opacity: 1;
    right: 0;
  }

/**Stepper Next-Previous button Css End**/

/*term-life-section start*/

.add_child {
  justify-content: flex-start;
  background-color: #0057a8;
  color: #fff;
  font-weight: 700;
  border-radius: 10px;
  height: 20px;
  bottom: 7px;
  left: 0;
  margin: auto;
  right: 0;
  width: 100px;
  position: absolute;
}

.member_btn {
  border: 1px solid #009a5a45;
  background-color: #eff4fc;
  color: #009a5aa6;
  width: 100%;
  flex-direction: column;
  transition: all 0.3s ease-in;
  min-height: 88px;
  height: 128px;
}

  .member_btn.active,
  .member_btn:hover {
    background-color: #f5f5f5;
    border: 1px solid #0057a8;
    box-shadow: 0 1px 10px 5px #e3e3e3;
    color: #0057a8;
  }

.TermDetail_Form input {
  width: 90%;
  height: 20px;
  font-weight: normal;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -10px;
}

.MemData {
  margin: 0px 35px 30px;
}

.termSelf_icon {
  background-position: -234px -86px !important;
}

  .termSelf_icon.active {
    background-position: -310px -86px !important;
  }

.termSpouse_icon {
  background-position: 9px -157px !important;
}

  .termSpouse_icon.active {
    background-position: -72px -157px !important;
  }

.term_member {
  border: 1px solid #d6dde7;
  background-color: #fff;
  color: #222222;
  width: 120px;
  flex-direction: column;
  transition: all 0.3s ease-in;
  min-height: 88px;
  height: 100px;
}

.fa_termCheck {
  position: absolute;
  right: 0;
  top: 0;
  border: 1px solid;
  border-radius: 50%;
  height: 11px;
  width: 11px;
  font-size: 10px;
  margin: 2px;
  color: #555;
}

.TermDetail_Datepicker:hover .fa_termCheck,
.lifeterm_btn:hover .fa_termbtnCheck,
.term_member:hover .fa_termCheck,
.TermDetail_Datepicker.active .fa_termCheck,
.lifeterm_btn.active .fa_termbtnCheck,
.term_member.active .fa_termCheck,
.SELF-SPOUSE:hover .fa_termCheck,
.SELF-SPOUSE.active .fa_termCheck,
.member_btn:hover .fa_termCheck,
.member_btn.active .fa_termCheck {
  color: #0359a9;
  background: #0359a9;
  height: 12px;
  width: 12px;
}

  .TermDetail_Datepicker:hover .fa_termCheck::after,
  .term_member:hover .fa_termCheck::after,
  .TermDetail_Datepicker.active .fa_termCheck::after,
  .term_member.active .fa_termCheck::after,
  .SELF-SPOUSE:hover .fa_termCheck::after,
  .SELF-SPOUSE.active .fa_termCheck::after,
  .member_btn:hover .fa_termCheck::after,
  .member_btn.active .fa_termCheck::after {
    content: "\f00c";
    font-size: 10px;
    color: #ffffff;
    margin: 0px -5px;
    position: absolute;
  }

.termrider:hover .fa_termCheck:after {
  margin: 0px 0px;
}

.term_member.active,
.term_member:hover,
SELF-SPOUSE.active,
.SELF-SPOUSE:hover {
  border: 1px solid #004a9b;
  color: #004a9b;
  box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
}

.life_stepper .mat-horizontal-stepper-header-container {
  margin-bottom: 3rem !important;
}

.life_stepper .mat-horizontal-content-container {
  min-height: 330px;
}

.termlife_card {
  height: 274px;
  width: 225px;
  border: 1px solid #d6dde7;
}

.lifeterm_btn,
.btn.focus {
  height: 30px;
  min-width: 154px;
  border: none;
  box-shadow: none;
  border-radius: 0px;
  padding: 0;
  font-size: 12.5px;
  border-bottom: 1px solid #d6dde7;
  border-radius: 4px;
}

  .lifeterm_btn:hover,
  .lifeterm_btn.active {
    box-shadow: none;
    border-color: #004a9b;
    color: #ffffff;
    background-color: #0359a9;
  }

.scroll-income {
  max-height: 140px;
  overflow: overlay;
}

  .scroll-income::-webkit-scrollbar {
    width: 3px;
  }

  .scroll-income::-webkit-scrollbar-thumb {
    border: 2px solid #009a5a2b;
    background-color: #009a5a2b;
    border-radius: 6px;
  }

.termlife_date {
  background-color: #0057a8;
  color: #fff;
  border-radius: 4px;
  height: 20px;
  bottom: -8px;
  width: 74%;
  font-weight: normal;
  left: -30px;
  padding: 10px;
  border: none;
  font-size: 11px;
  font-family: OpenSans-Regular_0 !important;
}

  .termlife_date::-webkit-inner-spin-button,
  .termlife_date::-webkit-calendar-picker-indicator {
    filter: brightness(0) invert(1);
    width: 20px;
    width: 8px;
    font-size: 18px;
    opacity: 0;
    margin: 9px 6px;
  }

  .termlife_date:before {
    content: "\f073";
    right: 10px;
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
  }

.mat-datepicker-content .TermDetail_Datepicker .mat-calendar-header {
  padding: 0px;
}

.mat-datepicker-content .TermDetail_Datepicker .mat-calendar-controls {
  margin: 0 !important;
}

.mat-datepicker-content .TermDetail_Datepicker {
  width: 240px;
  height: 270px;
}

.mt_icon {
  position: absolute;
  z-index: 1054;
  bottom: -12px;
  color: #fff;
  font-size: 15px;
  right: 7px;
}

.term_detail_radio .mat-radio-outer-circle,
.term_detail_radio .mat-radio-inner-circle {
  height: 14px;
  width: 14px;
}

.term_detail_radio .mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: #fff !important;
}

.term_detail_radio .mat-radio-button.mat-accent:hover .mat-radio-inner-circle {
  background-color: #fff !important;
  transform: scale(.5) !important;
}

.term_detail_radio .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #fff !important;
}

.term_detail_radio .mat-radio-button.mat-accent:hover .mat-radio-outer-circle {
  border-color: #fff !important;
}

.term_detail_radio .mat-radio-container {
  top: 6px;
  left: 6px;
}


.term_detail_radio .mat-radio-label-content {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  display: inline-block;
  order: 0;
  line-height: inherit;
  padding-left: 8px;
  padding-right: 0;
  text-align: center;
  justify-content: center;
  position: absolute;
  left: 0px;
  margin-top: 5px;
  width: -webkit-fill-available;
  font-weight: normal !important;
}

.term_detail_radio label {
  margin-bottom: 0px !important;
}

/*add mayur patel*/
.W-99 {
  width: 99% !important;
}

.term_planlist .ng-option-label {
  content: "\f007";
}

.term_listgroup {
  position: absolute;
  z-index: 1;
  margin: auto;
  box-shadow: rgb(223 223 223) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 3px 1px;
  top: 33px;
  width: 85px;
  right: 0;
  left: 0;
  max-height: 130px;
  overflow: auto;
}

.term_listitem {
  color: #034c9c;
  font-size: 12px;
  font-family: 'OpenSans-Regular_0';
}

  .term_listitem:hover {
    background-color: #034c9c;
    color: white;
  }

/*term-life-section End*/
/*member detail start*/
.SELF-SPOUSE {
  border: 1px solid #c7eadb;
  width: 100%;
  height: 128px;
}

.other_member .SELF-SPOUSE {
  height: 80px;
}

.other_member .add_child {
  border-radius: 4px;
  height: 16px;
  line-height: 1.1;
  bottom: 4px;
  left: 3px;
}

.SELF-SPOUSE.active {
  background-color: #f5f5f5;
  border: 1px solid #0057a8;
  box-shadow: 0 1px 10px 5px #e3e3e3;
  color: #0057a8;
}

.agefor_icon .SELF-SPOUSE {
  border: none;
  color: #0057a8;
}

.age_icon {
  height: 35px;
  margin: auto 10px;
}

.member_title {
  width: 50px;
}

.Member_IMG {
  background-repeat: no-repeat;
  width: 100px;
  background: url(../../assets/images/health-membur.png);
}

.SubMember_IMG {
  background: url(../../assets/images/health-membur.png);
  background-repeat: no-repeat;
  background-position: -73px -14px;
  width: 100px;
}

.age_Img {
  background: url(../../assets/images/health-membur.png);
  background-repeat: no-repeat;
  background-position: -8px -316px;
  height: 37px;
  width: 37px;
}

/*plan table css start*/
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .table_plans {
    padding: 0px 14px;
  }
}

.leftbarscroll::-webkit-scrollbar {
  width: 6px;
}

.leftbarscroll::-webkit-scrollbar-track {
  background: #eff4fc;
  border-radius: 5px;
}

.leftbarscroll::-webkit-scrollbar-thumb {
  background-color: #198a4f61;
  border-radius: 5px;
}

  .leftbarscroll::-webkit-scrollbar-thumb:hover {
    background-color: #198a4f61;
  }

.leftbar_plan {
  overflow-y: auto;
  /*height: calc(100vh - 114px);*/
  max-height: 600px;
  padding: 7px;
  background: #ffffff;
  border: 1px solid rgb(0 74 155 / 8%);
  box-shadow: rgb(99 99 99 / 9%) 0px -1px 2px 0px;
}

.borderright {
  height: 87px;
  width: 2px;
  position: absolute;
  background-color: #fff;
  right: 0;
  top: 7px;
  bottom: 0;
}

@media screen and (max-width: 768px) {
  .borderright {
    height: 1px;
    width: 100%;
    position: relative;
    background-color: #fff;
    right: 0;
    top: 3px;
    bottom: 0;
  }
}

.plan_select {
  height: 30px;
}

  .plan_select .ng-select-container {
    border-color: #cdd2e39e;
    border: 1px solid #cdd2e39e;
  }

  .plan_select .ng-select .ng-select-container {
    min-height: 25px;
    height: auto;
  }

  .plan_select .input_group_addon {
    padding: 8px 8px;
  }

.plan_radio .mat-radio-outer-circle,
.plan_radio .mat-radio-inner-circle,
.plan_radio .mat-radio-container {
  border-color: #77777796;
  height: 18px;
  width: 18px;
  border-width: 2px;
  margin-bottom: -10px;
}

.modal-backdrop {
  z-index: 10;
}

#editmodal {
  z-index: 104
}

.plan_radio .mat-radio-label {
  border: 1px solid #dddddd;
  height: 52px;
  width: 58px;
  margin: 4px;
  border-radius: 8px;
  display: grid;
  place-items: center;
}

.plan_radio .mat-radio-label {
  font-weight: 400;
}

.plan_radio .mat-radio-label-content {
  font-size: 13px;
  line-height: 15px;
  color: #555555;
  font-family: 'OpenSans-Regular_0';
  padding: 0px;
}

.plan_radio .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #004a9b;
}

.plan_radio .mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: #198a4f;
}

.plan_radio .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: transparent;
}

.addon_toptitle {
  color: #004a9b;
  border-bottom: 2px solid #004a9b;
  padding-bottom: 8px !important;
}

.table {
  display: table;
  text-align: center;
  margin: 0% 0;
  max-width: 100%;
  border-collapse: separate;
  border-collapse: separate;
  font-family: OpenSans-Regular_0;
  box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 3px 1px;
}

.plan_table {
  background: white !important;
  box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 3px 1px;
  border-radius: 5px;
  height: auto;
}

.Termsubplan {
  margin-top: -3px;
  background-color: #eff2fd !important;
  border-radius: 0px 0px 5px 5px;
  padding: 0px 3px 7px 3px !important;
  height: auto;
}

@media screen and (max-width: 768px) {
  .Termsubplan {
    padding: 0 !important;
    background-color: #ffffff !important;
  }

  .plan_table {
    box-shadow: rgb(60 64 67 / 17%) 0px 1px 2px 0px, rgb(60 64 67 / 0%) 0px 1px 3px 1px;
  }

  .bottomBorder::after {
    content: '';
    border-bottom: 1px solid #f3f3f3;
    position: absolute;
    width: 65%;
    right: 0;
    bottom: 3px;
    z-index: 1;
  }

  .bottomBorder:before {
    content: '';
    border-bottom: 1px solid #83838347;
    position: absolute;
    width: 35%;
    left: 0;
    bottom: 3px;
    /*  z-index: 1;*/
  }
}

@media screen and (max-width: 767px) {
  .subplan {
    position: absolute;
    width: 100%;
    bottom: -20px;
    height: 30px;
    background-color: #eff2fd !important;
    border-radius: 0px 0px 5px 5px;
  }

  .card.proposer_memberDetail.border_radius15 {
    border-radius: 0px !important;
  }

  .stepper-header {
    display: none;
  }

  .borderradius-md-0 {
    border-radius: 4px;
  }

  #pvalue {
    display: none;
  }

    #pvalue.collapse.in {
      display: block;
    }

  #detail {
    display: none;
  }

    #detail.collapse.in {
      display: block;
    }

  .saving_policy {
    top: 0px;
  }

  .back_quotesBTN {
    height: 30px;
    position: initial;
    bottom: -5px;
  }

  .life_stepper .mat-horizontal-stepper-header-container {
    display: flex;
    margin-bottom: 1rem !important;
  }

  .stepper .stepper-body {
    margin-top: 5px !important;
    margin: 10px auto;
  }

  ng-stepper .stepper {
    margin-bottom: 0px;
  }

  .dbmenuhide {
    position: absolute !important;
    left: -100%;
    transition: 2s;
    animation: slide 2s forwards;
    animation-delay: 10s;
    top: 0;
  }

  .dbmenushow {
    position: absolute !important;
    top: 0;
    width: 130px !important;
    height: 100%;
    left: 0;
    z-index: 1054 !important;
    transition: 0.5s;
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slide 0.5s forwards;
    animation-delay: 2s;
  }

    .dbmenushow .dbmenu-closebutton {
      position: absolute;
      right: -22px;
      top: -3px;
      background: #fff;
      color: black;
      line-height: 30px;
      font-size: 16px;
      cursor: pointer;
      border-radius: 50%;
      margin: 10px 7px;
      display: block !important;
      float: right;
      width: 30px;
      height: 30px;
      transition: 0.5s;
      -webkit-animation: slide 0.5s forwards;
      -webkit-animation-delay: 2s;
      animation: slide 0.5s forwards;
      animation-delay: 2s;
    }

  .page-body-wrapper {
    width: 100% !important;
    margin-left: 22px;
  }

  .tripDate {
    display: inline-block;
    height: auto;
    width: 100% !important;
  }

    .tripDate .col-md-2.col-sm-12.pr-0 {
      background-color: #cdd2e39e;
    }

    .tripDate span.font_opensansreg.font_12.plan_title_clr {
      position: absolute;
      top: -29px;
      left: 66px;
    }

  .height_515 {
    min-height: auto !important;
  }
  /*for memuber age select page dropdown start*/
  .healthageddl .ng-dropdown-panel .ng-dropdown-panel-items {
    max-height: 77px;
  }
  /*for memuber age select page dropdown End*/
  .riderdetail {
    position: absolute;
    height: 100%;
    background: #0057a8;
    width: 35%;
    z-index: 1;
    border-radius: 0px 0px 0px 15px;
  }

    .riderdetail:after {
      vertical-align: middle;
      text-align: center;
      position: absolute;
      top: 40%;
      left: 30%;
      margin: auto;
      justify-content: center;
      color: #e5e5e5;
      content: 'Rider Details';
    }
}

.subplan h4,
.Termsubplan h4 {
  margin-top: 4px;
  margin-bottom: 4px;
  color: #777777;
}

@media screen and (max-width: 768px) {

  .subplan,
  .Termsubplan {
    position: relative;
    left: 0px;
    bottom: 0px;
  }

  .main_plan {
    margin-bottom: 20px;
  }

  .subplan > .table_small:first-child > .table_cell:first-child,
  .subplan > .table_small:first-child > .table_cell:last-child,
  .Termsubplan > .table_small:first-child > .table_cell:first-child,
  .subplan > .table_small:first-child > .table_cell:last-child {
    border-top-left-radius: 0px !important;
    border-top: #ccc 0px solid !important;
  }
}

.table_row {
  display: table-row;
}

.table_tite {
  height: auto;
  border-radius: 5px;
  background-color: #004a9b;
  box-shadow: 2px 2px 3px 5px #eff4fc;
}

.table_theader {
  display: table-row;
}


.table_header {
  display: table-cell;
  padding-top: 6px;
  padding-bottom: 8px;
}

  .table_header:first-child {
    border-top-left-radius: 5px;
  }

  .table_header:last-child {
    border-top-right-radius: 5px;
  }

.table_small {
  display: table-cell;
  position: relative;
  vertical-align: middle;
}

.table_row > .table_small > .table_cell:nth-child(odd) {
  display: none;
  background-color: #0057a8;
  color: #e5e5e5;
  padding-top: 10px;
  padding-bottom: 10px;
  vertical-align: middle;
}

.table_row > .table_small > .table_cell {
  padding-top: 10px;
  padding-bottom: 0px;
  color: #5b5b5b;
  vertical-align: middle;
}

.table_row:last-child > .table_small:last-child > .table_cell:last-child {
  border-bottom-right-radius: 5px;
}

.table_row:last-child > .table_small:first-child > .table_cell:last-child {
  border-bottom-left-radius: 5px;
}

.table_row:nth-child(2n+3) {
  background: #e9e9e9;
}

.insurer-18.plan-insurer-logo,
.insurer-15.plan-insurer-logo,
.insurer-2.plan-insurer-logo,
.insurer-21.plan-insurer-logo,
.insurer-23.plan-insurer-logo,
.insurer-4.plan-insurer-logo,
.insurer-42.plan-insurer-logo,
.insurer-5.plan-insurer-logo {
  width: 90px !important;
}

.insurer-7.plan-insurer-logo,
.insurer-13.plan-insurer-logo {
  width: 50px !important;
}

.plan-insurer-logo {
  height: auto !important;
  width: 65px;
}


@media screen and (max-width: 734px) {
  .first_row {
    display: inline-block !important;
  }
}

@media screen and (max-width: 768px) {
  .table {
    display: block;
  }

  .table_row:nth-child(2n+3) {
    background: none;
  }

  .theader {
    display: none !important;
  }

  .table_row > .table_small > .table_cell:nth-child(odd) {
    display: table-cell;
    width: 35%;
    vertical-align: middle;
  }

  .table_cell {
    display: table-cell;
    width: 65%;
    padding: 0px 2px;
  }

  .table_row {
    display: table !important;
    width: 100%;
    border-collapse: separate;
    padding-bottom: 20px;
    padding: 0;
    text-align: center;
  }

  .table_small {
    display: table-row;
  }

  .table_row > .table_small:first-child > .table_cell:last-child {
    border-left: none;
  }

  .table_row > .table_small:first-child > .table_cell:first-child {
    border-top-left-radius: 5px;
    border-top: #ccc 1px solid;
  }

  .table_row > .table_small:last-child > .table_cell:first-child {
    border-right: none;
  }

  .table_row > .table_small:last-child > .table_cell:first-child {
    border-bottom-left-radius: 5px;
  }

  .table_row > .table_small:last-child > .table_cell:last-child {
    border-bottom-right-radius: 5px;
  }
}

.plan_amt {
  color: #222222;
}

.special_features li {
  margin-bottom: 5px;
}

span.p_title_in {
  color: #222;
  display: list-item;
  font-size: 11px;
  line-height: 1.5;
  list-style: outside none disc;
  margin: 0 0 0 10px;
  text-align: left;
}

.comparelan {
  position: absolute;
  box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
  padding: 10px;
  width: 15%;
  background: #fff;
  z-index: 1020;
  align-items: center;
  display: flex;
  top: 65px;
  margin: auto;
  height: fit-content;
  border-radius: 5px;
  right: 10px;
}

@media screen and (max-width: 1024px) {
  .comparelan {
    position: fixed;
    bottom: auto;
    width: 210px;
    top: 77px;
  }

  .font-md-13 {
    font-size: 13px !important;
  }

  .familyailements {
    display: inherit !important;
    padding-left: 0px !important;
  }

    .familyailements li {
      display: inline-block !important;
      margin-right: 10px !important;
    }
}

@media screen and (max-width: 600px) {
  .comparelan {
    justify-content: center;
    width: 100%;
    top: 0;
    left: 0;
    right: inherit;
  }

  .font-md-22 {
    font-size: 22px !important;
  }

  .Minheight-md-auto {
    min-height: auto !important;
  }

  .readmore-tab .mat-tab-header {
    padding-bottom: 15px;
  }
}

@media screen and (max-width: 768px) {
  .comparelan .p_lr_40 {
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media screen and (max-width: 992px) {
  .comparelan .slider-nav {
    display: flex !important;
  }

  .table_cell {
    text-align: center !important;
    padding-top: 5px !important;
  }

  .txtoverflw {
    display: block !important;
  }

  span.p_title_in {
    list-style-type: disc;
    display: list-item !important;
    width: 99%;
    margin: 0 auto;
    text-align: center;
    list-style: none;
  }

  .quotes-header-sticky {
    position: inherit !important;
  }
}

@media screen and (max-width: 991px) {
  .stopanimation .leftbar_plan {
    left: -100%;
  }

  .leftbar_plan {
    width: 40%;
    height: 100% !important;
    max-height: initial;
    border-radius: 0;
    position: fixed;
    z-index: 1054;
    top: 0;
    left: 0px;
    overflow-x: hidden;
    transition: 0.5s;
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slide 0.5s forwards;
    animation-delay: 2s;
  }

  .leftbrdr {
    border: none !important;
  }

  .leftbarscroll {
    overflow: auto;
    height: 100% !important;
    max-height: initial;
  }

  .with-fit-content ng-dropdown-panel {
    width: 100%;
  }

  .multi_trip span.ng-value-label {
    white-space: inherit;
  }

  .ng-select div,
  .ng-select input,
  .ng-select span {
    white-space: break-spaces;
  }

  .mentforms-drodown .ng-option span.ng-option-label,
  .mentforms-drodown .ng-option {
    white-space: inherit !important;
  }
}

.compare_content {
  background-color: #f2f2f2;
  border: 1px dashed #ddd;
  display: inline-block;
  padding: 7px 7px;
  width: 150px;
}

.addon-motor-price {
  color: #009a5a;
  font-weight: bold;
  border: none !important;
  font-size: 10px;
  padding: 0px;
}

.addon-none::before {
  color: #a94442;
  content: "\f00d";
  font-family: fontawesome;
  left: 0px;
  position: absolute;
  width: 20px;
  text-align: end;
}

.addon-motor::before {
  color: #009a5a;
  content: "\f00c";
  font-family: fontawesome;
  left: -5px;
  position: absolute;
  width: 20px;
  text-align: end;
}

.slick-dotted.slick-slider {
  margin-bottom: 0px !important;
}

@media screen and (max-width: 1024px) {
  .compare_content {
    margin: 10px 10px;
    min-height: 99px !important;
  }
}

.sprtterm.insurer-24 {
  background-position: -12px -76px;
}

.sprtterm {
  background-image: url(../images/InsCompLogp-lifeIns.png) !important;
  background-repeat: no-repeat;
  height: 50px !important;
  width: 140px !important;
  text-align: center;
  display: inline-block;
  margin: -9px 0px;
  top: 0px;
  position: static;
  left: 0px;
  background-size: auto !important;
}

.compare_contentBTN {
  border-radius: 4px;
  color: #9c9c9c;
  border: none;
  padding: 4px 9px;
}

@media screen and (max-width: 768px) {
  .compare_contentBTN {
    margin: 0 15px;
  }
}

@media screen and (max-width: 388px) {
  .compare_contentBTN {
    margin: 0 3px 0 0px;
  }
}

.more_plan {
  margin: auto;
  color: #222 !important;
}

@media screen and (max-width: 1200px) {
  .more_plan {
    right: 4px;
  }
}

@media screen and (max-width: 600px) {
  .more_plan {
    right: 0px;
    left: 0px;
    position: relative;
    display: block !important;
  }

  .leftbar_plan {
    width: 100%;
  }
}

.left_section {
  background-color: #0057a8;
  height: 100%;
  padding: 25px 20px;
  min-height: 100vh;
}

.rigth_section .tab-content {
  overflow: auto;
  height: calc(100vh - 8rem);
}

@media screen and (max-width: 768px) {
  .rigth_section {
    padding: 0.5rem !important;
  }
}

.two_moreplan {
  top: 22px !important;
}

@media screen and (max-width: 992px) {
  .two_moreplan {
    position: initial;
  }
}

.breakup_heading {
  border-bottom: 2px solid;
  padding-bottom: 10px;
}

.breakup_title {
  display: inline-block;
  padding: 4px 15px;
  border-radius: 8px;
}

.breakup_content {
  position: relative;
}

  .breakup_content::before {
    right: 33px;
    top: 3px;
    border-bottom: 1px solid #d6d2d2;
    content: "";
    left: 0;
    margin-top: 7px;
    position: absolute;
    z-index: 1;
  }

.breakup_title1 {
  background: #ffffff none repeat scroll 0 0 !important;
  padding: 1px 5px 1px 0;
  display: block;
  font-size: 13px;
  position: relative;
  z-index: 1;
  margin: 0px 0;
  float: left;
}

#breakup_arrow {
  font-family: opensans-bold;
  text-align: right;
  padding: 2px 6px 0px 0;
  background: #ffffff none repeat scroll 0 0 !important;
  float: right;
  display: block;
  font-size: 14px;
  margin: -4px 0;
  position: relative;
  color: #555555;
  z-index: 1;
}

  #breakup_arrow::after {
    color: #d6d2d2;
    content: "\f105";
    font-family: fontawesome;
    background: #ffffff none repeat scroll 0 0;
    font-size: 18px;
    left: -17px;
    font-weight: normal;
    margin-top: -9px;
    padding-right: 10px;
    position: absolute;
    top: 50%;
    z-index: -1;
  }

.breakup_title2 {
  content: "\f105";
  font-family: fontawesome;
}

.breackupCroll {
  height: auto;
  overflow-x: hidden;
  padding: 0px 20px;
}

  .breackupCroll::-webkit-scrollbar {
    width: 12px;
    max-height: 10px;
  }

  .breackupCroll::-webkit-scrollbar-thumb {
    background-color: #f0f0f0;
    border-radius: 20px;
    border: 3px solid #fff;
  }

/*plan table css end*/

.buynow_btn {
  border: none;
  border-radius: 13px;
  height: 34px;
  width: 108px;
  font-weight: 400;
  background-color: #009a5a;
  box-shadow: 1px 1px 3px 1px rgb(0 0 0 / 20%), 1px 1px 1px 1px rgb(0 0 0 / 11%), 1px 2px 1px -1px rgb(0 0 0 / 4%);
  font-family: opensans-bold !important;
}

.rupees_title {
  color: #f25157;
  font-weight: normal;
  white-space: nowrap;
}

.btn_premium {
  border: none;
  border-radius: 6px;
  height: 30px;
  width: 137px;
}

.fa_check,
.fa_close,
.fa_envelope,
.fa_qrcode {
  color: #666666;
}

.collapsed.fa-caret-down:before {
  content: '\f0d8';
}

.fa_cater_up,
.fa_cater_down {
  font-size: 18px !important;
  margin-top: 6px;
}

.fa_fuel {
  width: 15px;
  margin-top: -3px;
  margin-left: 1px;
}

.fa_clock {
  width: 17px;
  margin-left: 0px;
  margin-top: -3px;
}

.fa_carpollution {
  width: 26px;
  margin-left: 4px;
  margin-top: -3px;
}

.sorting_plan {
  height: 19px;
}

.scen_email_btn {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  box-shadow: rgb(99 99 99 / 9%) 0px -1px 2px 0px;
}

.matching-plans {
  max-width: 75%;
}

.qrcode {
  height: 132px;
  width: 136px;
  z-index: 10;
  position: absolute;
  right: -51%;
  top: 47px;
  background-color: white;
}

.aclass {
  text-align: center;
}

.qr_close {
  position: absolute;
  top: -9px;
  right: -8px;
  background-color: #c33233;
  color: #fff;
  padding: 4px 5px;
  border-radius: 50%;
  cursor: pointer;
}

.closeplan {
  background-color: #185ba4;
  position: absolute;
  top: -8px;
  right: -8px;
  color: #fff;
  padding: 3px 5px;
  border-radius: 50%;
  cursor: pointer;
}

@media screen and (max-width: 1024px) {
  .closeplan {
    top: 4px;
    right: 4px;
    z-index: 1054;
  }
}

.healthMemilldiv {
  position: absolute;
  bottom: 28px;
}

.compare_check span {
  color: #004a9b;
  font-weight: 500;
}

.mat-checkbox-label {
  line-height: 20px;
}

.readmore {
  color: #004a9b;
  user-select: none;
}

.readmore_Insurance {
  height: 100%;
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5);
}

@media screen and (max-width: 768px) {
  .readmore_Insurance {
    width: auto;
  }

  .healthMemilldiv {
    bottom: 0;
    padding: 0;
    margin-bottom: 0 !important;
    position: relative;
  }
}

.plan-text {
  border-bottom: 1px solid #376c9d;
  padding: 10px 0px;
}


.insurance_table {
  height: 300px;
  overflow: auto;
}

.sticky_top {
  top: 86px;
  z-index: 1;
  position: sticky;
}

.dynamicstick {
  background-color: #eff4fc;
  padding: 5px 0px 10px !important;
}

.slick-prev {
  left: -18px !important;
  z-index: 2;
}

.slick-next {
  right: -18px !important;
  z-index: 2;
}

  .slick-prev:before,
  .slick-next:before {
    color: #009a5a !important;
  }

@media screen and (max-width: 600px) {
  .slick_slider {
    width: 280px;
  }
}

/*autocomplete-containe css start*/
.ModulePincode .autocomplete-container {
  box-shadow: none;
}

  .ModulePincode .autocomplete-container ul li {
    padding: 4px 4px !important;
  }

  .ModulePincode .autocomplete-container .suggestions-container ul {
    max-height: 200px;
  }

.input_group .ModulePincode .autocomplete-container ul li:hover {
  background-color: #004a9b;
  color: #fff;
}

  .input_group .ModulePincode .autocomplete-container ul li:hover a {
    color: #fff;
    font-size: 13px;
    font-family: Roboto, "Helvetica Neue", sans-serif;
  }

.input_group .ModulePincode .autocomplete-container ul li a {
  font-size: 13px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  color: rgba(0, 0, 0, .87);
  padding: 0px 16px;
  display: block !important;
}

.ModulePincode .suggestions-container {
  z-index: 10;
}

.ModulePincode input {
  display: block;
  width: 100%;
  height: 38px !important;
  padding: 6px 5px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  box-sizing: border-box;
}

.x,
.ng-clear-wrapper {
  display: none;
}

/*autocomplete-containe css end*/
/* dx-list start*/
.options {
  margin-top: 20px;
  padding: 20px;
  background-color: rgba(191, 191, 191, 0.15);
}

.selected-data .caption {
  font-weight: bold;
  font-size: 115%;
}

.options .caption {
  font-size: 18px;
  font-weight: 500;
}

.option {
  margin-top: 10px;
}

  .option > span {
    width: 120px;
    display: inline-block;
  }

  .option > .dx-widget {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-width: 350px;
  }

.dx-list-select-all-label {
  cursor: pointer;
}

.dx-list-item-selected {
  background-color: #009a5a;
  color: #fff !important;
}

.state_btn {
  padding: 6px 3px;
  margin: 0px 7px 0px;
  width: 116px;
  border-radius: 4px;
  background: transparent !important;
  color: #777777 !important;
  border: 1px solid #cdd2e39e;
}

.select_model {
  height: 35px;
  width: 160px;
  display: inline-grid;
  vertical-align: middle;
  align-items: center;
}

.state_btn:hover,
.state_btn.active {
  background-color: #16509d !important;
  color: #fff !important;
}

.mat-horizontal-stepper-header {
  padding: 0px;
  height: 40px;
}

.mat-step-icon-state-number {
  position: relative;
}

.temp-height {
  min-height: 300px;
}

.mat-step-label {
  position: absolute;
  margin: 2px 0px 0px;
  padding: 0;
  min-width: 35px !important;
  text-align: center;
}

  .mat-step-label i {
    vertical-align: middle;
  }

.life_stepper .mat-step-label i {
  margin-top: 3px;
  display: flex;
  justify-content: center;
}

.mat-step-icon-content {
  display: none;
}

.mat-horizontal-content-container {
  padding: 0 6px 0px 6px;
}

.mat-horizontal-stepper-content {
  position: relative;
  height: 332px;
}

.mat-step-header .mat-step-icon-state-edit {
  background-color: #0359a9;
}

.mat-step-icon-state-done {
  background-color: #009a5a !important;
}

.mat-step-header .mat-step-icon {
  background-color: #009a5a;
}

.mat-step-icon {
  height: 35px;
  width: 35px;
}

.mat-step-header .mat-step-label.mat-step-label-active {
  color: #fff;
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #0359a9;
}

.mat-step-label {
  min-width: 0px;
}

.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover {
  background-color: transparent !important;
}

.mat-horizontal-stepper-header-container {
  margin-bottom: 10px;
}

.mat-step-header .mat-step-header-ripple {
  position: relative;
}

.mat-stepper-horizontal-line {
  border-top-width: 3px;
  border-top-style: solid;
  flex: auto;
  height: 0;
  margin: 0 -4px -1px;
  min-width: 20px;
  position: relative;
  right: 4px;
  background: #009a5a;
}

/*stepper css end*/
[aria-selected='false'] .mat-step-icon-state-number {
  background-color: #ddd;
}


.mat-datepicker-content {
  margin-top: 5px;
}

.rto_list {
  margin: 0px 5px;
  height: 220px;
  border-radius: 4px;
  padding: 0px;
  background-color: #0359a90f;
  overflow: auto;
  box-shadow: inset 0 -10px 10px -10px #b1b7bd;
}

  .rto_list::-webkit-scrollbar,
  .modelBtnName::-webkit-scrollbar,
  .rigth_section .tab-content::-webkit-scrollbar {
    width: 12px;
    max-height: 10px;
  }

  .rto_list::-webkit-scrollbar-thumb,
  .modelBtnName::-webkit-scrollbar-thumb,
  .rigth_section .tab-content::-webkit-scrollbar-thumb {
    background-color: #009a5a85;
    border-radius: 20px;
    border: 3px solid #fff;
  }

.select_variant {
  min-height: 35px;
  width: 160px;
  vertical-align: middle;
  align-items: center;
}

.car_logo {
  margin: 0px;
  border-radius: 100px;
  width: 70px;
  height: 70px;
  border: 2px solid #0057a8;
}

.mdl_name {
  margin-top: 40px;
  position: absolute;
  top: 20px;
  left: 0px;
  right: 0px;
  text-align: center;
  padding: 0px;
  font-family: opensans-bold;
  font-size: 10px;
  white-space: nowrap;
}

#ulMotor1 li {
  margin: 14px 21px;
}

.manufacturer .active {
  border: 2px solid #ebf2f857;
  background: #fff url(../images/logo-color-pw.png) no-repeat;
}

.manufacturerLogo {
  border-radius: 100px !important;
  border: solid 2px #ddd;
  display: inline-block;
  height: 70px;
  width: 70px;
  min-height: 50px;
  background: #fff url(../images/logo-gray-pw.png) no-repeat;
  box-shadow: #9aa39fe8 0px 0px 2px 4px, rgb(106 134 171 / 74%) 0px 0px 0px 4px;
}

  .manufacturerLogo:hover {
    background: #fff url(../images/logo-color-pw.png) no-repeat;
  }

  .manufacturerLogo.active {
    box-shadow: #18497780 0px 0px 2px 4px, rgb(115 153 204 / 65%) 0px 0px 0px 4px;
  }

.chevrolet,
.chevrolet:hover,
.chevrolet.active {
  background-position: -14px 0px;
}

.ford,
.ford:hover,
.ford.active {
  background-position: -17px -150px;
}

.honda,
.honda:hover,
.honda.active {
  background-position: -122px 2px;
}

.hyundai,
.hyundai:hover,
.hyundai.active {
  background-position: -227px 1px;
}

.maruti,
.maruti:hover,
.maruti.active {
  background-position: -17px -74px;
}

.renault,
.renault:hover,
.renault.active {
  background-position: -122px -227px;
}

.tata,
.tata:hover,
.tata.active {
  background-position: -122px -75px;
}

.volkswagen,
.volkswagen:hover,
.volkswagen.active {
  background-position: -14px -226px;
}

.active .manufacturer_name {
  color: #0057a8;
}

/*twowheeler logo start*/
.TWLogo .active {
  border: 2px solid #ebf2f857;
  background: #fff url(../images/bike-logo-color-pw.png) no-repeat;
}

.twoWheelerLogo {
  border-radius: 100px !important;
  border: solid 2px #ddd;
  display: inline-block;
  height: 70px;
  width: 70px;
  min-height: 50px;
  background: #fff url(../images/bike-logo-gray-pw.png) no-repeat;
  box-shadow: #9aa39fe8 0px 0px 2px 4px, rgb(106 134 171 / 74%) 0px 0px 0px 4px;
}

  .twoWheelerLogo:hover {
    background: #fff url(../images/bike-logo-color-pw.png) no-repeat;
  }

  .twoWheelerLogo.active {
    box-shadow: #18497780 0px 0px 2px 4px, rgb(115 153 204 / 65%) 0px 0px 0px 4px;
  }

.twoWheeler_logo {
  background: #fff url(../images/bike-logo-gray-pw.png) no-repeat !important;
}

  .twoWheeler_logo:hover,
  .twoWheeler_logo.active {
    background: #fff url(../images/bike-logo-color-pw.png) no-repeat !important;
  }

.mahindra,
.mahindra:hover,
.mahindra.active {
  background-position: -227px -74px !important;
}

.royalenfield,
.royalenfield:hover,
.royalenfield.active {
  background-position: -226px 3px !important;
}

.suzuki,
.suzuki:hover,
.suzuki.active {
  background-position: -15px 4px !important;
}

.yamaha,
.yamaha:hover,
.yamaha.active {
  background-position: -124px -74px !important;
}

.tvs,
.tvs:hover,
.tvs.active {
  background-position: -16px -74px !important;
}

.herohonda,
.herohonda:hover,
.herohonda.active {
  background-position: -123px 4px !important;
}

.heromotocorp,
.heromotocorp:hover,
.heromotocorp.active {
  background-position: -227px -141px !important;
}

.bajajauto,
.bajajauto:hover,
.bajajauto.active {
  background-position: -17px -147px !important;
}

.rtocode {
  border-right: 1px solid #cdd2e39e !important;
  background: #f7f7f7 !important;
}

.rtovalidate {
  position: absolute;
  left: 20px;
  bottom: -20px;
  width: 100%;
  color: #ac4b49;
}

/*twowheeler logo end*/

/*twowheeler and mottor stepper  end*/
.manufacturer_name {
  position: absolute;
  bottom: -25px;
  left: 0px;
  right: 0px;
  padding: 0px;
  font-family: opensans-bold;
  white-space: nowrap;
  color: #515151;
}

.insurance_header {
  color: #198a4f;
}

.modelBtnName {
  height: auto;
  max-height: 245px;
  overflow: auto;
  border-radius: 4px;
}

.form-group.hidden {
  width: 0;
  margin: 0;
  border: none;
  padding: 0;
}

/*custom date picker start*/
.mat_date_picker {
  border-radius: 4px;
  width: 100%;
  padding: 3px;
  border-color: #cdd2e39e;
  border: 1px solid #cdd2e39e;
}


  .mat_date_picker .mat-form-field-wrapper,
  .Travel_datepicker .mat-form-field-wrapper {
    border-radius: 4px;
    border: 1px solid #cdd2e39e;
    margin-top: 0;
    padding: 0;
    text-align: left;
  }

.mat-form-field-prefix .mat-icon-button, .mat-form-field-suffix .mat-icon-button {
  height: 2.1em;
  width: 2.2em;
}

.border_red .mat-form-field-wrapper {
  border-color: red;
}

.mat_date_picker .mat-form-field-infix,
.Travel_datepicker .mat-form-field-infix {
  width: 130px;
  position: static;
  padding: 10px;
  margin: auto;
  border-top: 0px;
  border-right: 1px solid #cdd2e39e;
  color: #777777;
}

.infix0 .mat-form-field-infix {
  padding: 0px !important;
}

.mat-form-field-required-marker {
  display: none;
}

.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: gray;
}

.Travel_datepicker .mat-form-field-infix {
  width: 110px;
}

.multi_trip .mat-form-field-infix {
  border-top: 1.2em solid transparent;
  margin-left: 1.8rem !important;
}

.multi_trip .ng-placeholder {
  top: 9px !important;
}

.mat_date_picker .mat-datepicker-toggle-default-icon,
.Travel_datepicker .mat-datepicker-toggle-default-icon {
  margin: 6px 7px;
  width: 1.5em !important;
}

.mat_date_picker .mat-form-field.mat-focused .mat-form-field-label,
.Travel_datepicker .mat-form-field.mat-focused .mat-form-field-label {
  display: none;
}

.mat_date_picker .mat-form-field-underline,
.Travel_datepicker .mat-form-field-underline {
  display: none;
}

.mat_date_picker .mat-form-field-flex,
.Travel_datepicker .mat-form-field-flex {
  padding: 0px 14px 0px 0px;
  height: 35px;
}

.mat_date_picker .mat-form-field-flex {
  padding: 0px 14px 0px 0px;
  height: 35px;
}

.mat-form-field-label span {
  padding-left: 1.2rem !important;
  font-size: 14px;
  color: #d3d3d3;
  font-family: 'OpenSans-Regular_0';
}

.Travel_datepicker .mat-form-field-flex {
  padding: 0px 0px 0px 0px;
  height: 35px;
}

.mat_date_picker .mat-form-field-label,
.Travel_datepicker .mat-form-field-label {
  margin: 5px;
}

.mat_date_picker .mat-form-field-empty.mat-form-field-label,
.Travel_datepicker .mat-form-field-empty.mat-form-field-label {
  color: #555;
  font-size: 14px;
  font-family: 'OpenSans-Regular_0';
}

.mat_date_picker .mat-form-field-label,
.Travel_datepicker .mat-form-field-label,
.mat-form-field-label.mat-focused,
.mat-form-field.mat-focused.matform-field-should-float {
  color: transparent;
}

.mat_date_picker .mat-datepicker-toggle-active,
.Travel_datepicker .mat-datepicker-toggle-active {
  color: #0359a9;
}

.mat_date_picker.brder_red .mat-form-field-wrapper,
.mat_date_picker.brder_red .ng-select-container {
  border: 1px solid #aa2323 !important;
}

  .mat_date_picker.brder_red .ng-select-container .ng-arrow {
    border-color: #b36d6d transparent transparent;
  }

  .mat_date_picker.brder_red .mat-form-field-wrapper .mat-form-field-infix,
  .mat_date_picker.brder_red .rtocode,
  .Travel_datepicker .ValidationNgControl .mat-form-field-infix {
    border-right: 1px solid #aa2323 !important;
  }

.Travel_datepicker .ValidationNgControl .mat-form-field-wrapper,
.ValidationNgControl .ng-select-container,
.CheckOtp .ng-invalid {
  border: 1px solid #aa2323 !important;
}

.mat_date_picker.brder_red .mat-form-field-wrapper .mat-datepicker-toggle-default-icon,
.Travel_datepicker .ValidationNgControl .mat-datepicker-toggle-default-icon {
  color: #b57676;
}

.head_dtpicker {
  height: 24px;
  clear: both;
  display: block;
  line-height: 15px;
  margin-top: 0px;
  color: #777777;
}

.Travel_datepicker .mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: transparent;
}

/*custom date picker end*/
.car_pollution {
  clear: both;
  width: 100%;
  margin-top: 0px;
}

.addon_title {
  border-bottom: 2px solid #004a9b;
  color: #004a9b;
  font-family: 'OpenSans-Regular_0';
  line-height: 25px;
}

.addon_subtitle,
.subtitle_clr,
.lableInput {
  color: #555;
}

.addon_check .mat-checkbox-label {
  font-size: 12px;
  white-space: pre-line;
  line-height: 15px;
  font-weight: 500;
  color: #666666;
  font-family: 'OpenSans-Regular_0';
  text-align: left;
}

.addon_check .mat-checkbox-frame,
.compare_check .mat-checkbox-frame,
.accept_checkbox .mat-checkbox-frame,
.QueCheck .mat-checkbox-frame {
  border-color: #a3a3a39e;
  background-color: #ffffff;
}

.QueCheck .mat-checkbox-label {
  white-space: pre-line;
}

.addon_check .mat-checkbox-layout {
  display: block;
}

.addon_check .mat-checkbox-inner-container {
  float: right;
}

.addon_check {
  border-bottom: 1px solid #cdd2e39e;
  padding: 0px 7px;
  min-height: 25px;
  border-radius: 0px;
  padding-bottom: 0px;
  margin-bottom: 6px;
}

.addon_plus {
  color: #004a9b;
}

.fa_color {
  color: #5586bc;
}

.map_marker {
  margin-top: -3px;
}

.Plan_SubTitle,
.Plan_SubTitle:hover {
  color: #777777;
}

.updateresult_Btn {
  border: none;
  padding: 6px 14px;
  border-radius: 22px;
}

.cng_pump {
  margin: -2px 0px;
}

  .cng_pump img {
    width: 15px;
    margin: 0px 1px;
  }

.fa_edit {
  margin-top: 6px;
  color: #004a9b;
}

.fa-1x {
  position: absolute;
  margin: 2px -8px;
}

/*Angular Material Slider Start*/
.slider_input {
  border: solid #cdd2e39e 1px !important;
  width: 35%;
  height: 35px;
  border-radius: 4px;
}

.slider_field.mat-form-field .mat-focused {
  display: none;
  width: 70%;
}

.mat_slider.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: #0057a8;
}

.mat_slider .mat-slider-track-background {
  background-color: #0057a8;
}

.mat_slider .mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label,
.mat-accent .mat-slider-track-fill {
  background-color: #009a5a;
}

mat_slider.mat-slider-horizontal .mat-slider-ticks {
  background-color: #009a5a;
  background-image: none;
}

.mat_slider.mat-slider-horizontal {
  height: 27px !important;
  width: 80%;
  display: flex;
  margin: 0px auto 15px;
  margin-top: -12px;
}

.mat-slider:not(.mat-slider-disabled).cdk-focused .mat-slider-thumb-label {
  border-radius: 5% 5% 0;
}

.mat-slider-horizontal .mat-slider-thumb-label-text {
  transform: rotate(0deg);
  color: #fff;
}

.mat-slider-horizontal.cdk-focused .mat-slider-thumb-label {
  transform: rotate(0deg);
}

.mat-slider-horizontal .mat-slider-thumb-label {
  right: -14px;
  top: -30px;
  transform: translateY(26px) scale(.01) rotate(45deg);
}

.mat-slider-thumb-label {
  width: 50px;
}

/*Angular Material Slider End*/
.tooltip_addon {
  transform: translate(-16%, -117%);
  width: 100%;
}

.ModulePincode input {
  border: none;
}

.ng-select .ng-select-container .ng-value-container,
.valuelist_multiselect .ng-option,
.valuelist .ng-option-label,
.valuelist_multiselect .ng-placeholder {
  font-size: 14px;
  font-family: 'OpenSans-Regular_0';
  top: auto !important;
}

.dropdown .ng-select .ng-select-container .ng-value-container {
  color: #777777;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 13px;
}

.ng-select.ng-select-opened > .ng-select-container .ng-arrow {
  border-color: transparent transparent #666666;
}

.ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: #666666 transparent transparent;
}

.ModulePincode input::placeholder,
.ngselect_placeholder .ng-select-container,
.ng-select-container::placeholder,
.ngselect_mr .ng-placeholder,
.ngselect_mr .ng-select-container {
  font-size: 14px;
  color: lightgrey !important;
  font-family: 'OpenSans-Regular_0';
  border: none;
}

.ModulePincode .mat-autocomplete-trigger,
.MultiSelect .ng-star-inserted {
  padding-left: 1.9rem !important;
  font-size: 14px;
  color: #777777;
  font-family: 'OpenSans-Regular_0';
}

.ng-dropdown-panel-items::-webkit-scrollbar,
.mat-autocomplete-panel::-webkit-scrollbar,
.input_group .ModulePincode ul::-webkit-scrollbar,
.term_listgroup::-webkit-scrollbar {
  background-color: #fff;
  padding: 5px;
  width: 8px;
}

.ng-dropdown-panel-items::-webkit-scrollbar-thumb,
.mat-autocomplete-panel::-webkit-scrollbar-thumb,
.input_group .ModulePincode ul::-webkit-scrollbar-thumb,
.term_listgroup::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background-color: #009a5a85;
  border-radius: 20px;
  border: 1px solid #fff;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: #0057a8e6;
  color: #ffffff;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
  font-family: OpenSans-Regular_0;
  background-color: #0057a8;
  color: #fff;
}

.ngselect_placeholder .ng-arrow-wrapper {
  display: none;
  cursor: pointer;
}

.select_PolicyClaim .ng-dropdown-panel-items {
  height: auto;
  text-align: start;
}

.select_PolicyClaim .ng-select-container {
  border-color: #cdd2e39e;
  border: 1px solid #cdd2e39e;
  border-radius: 4px;
}

.ngselect_value .ng-dropdown-panel-items {
  height: 200px;
}

.ngselect_mr .ng-select-container {
  border: none;
}


.ngselect_mr .ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
  box-shadow: none !important;
}

.ngselect_mr .ng-value,
.ngselect_mr .ng-placeholder {
  margin-right: 2px;
}

.ng-select .ng-select-container:hover {
  box-shadow: none;
}

.accept_checkbox .mat-checkbox-inner-container {
  margin-top: 7px;
}

.matcheck_validation .mat-checkbox-background {
  background-color: #ff8989;
}

.btn-disable {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}

.search_ngautocomplete {
  width: 251px;
  padding-left: 8px;
}

  .search_ngautocomplete .input-group-addon {
    position: absolute;
    right: 23px;
    z-index: 1054;
    top: 7px;
  }

  .search_ngautocomplete .autocomplete-container {
    box-shadow: rgb(165 165 171) 0px 0px 3px 1px;
    height: 34px;
    border-radius: 4px;
  }

    .search_ngautocomplete .autocomplete-container .input-container input {
      height: 34px;
      border-radius: 4px;
    }

.ngselect_mr .autocomplete-container .input-container input {
  font-size: 14px;
  color: #777777;
}

.search_ngautocomplete .ng-autocomplete {
  width: auto;
}

.mat-option {
  padding: 15px 15px !important;
}

  .mat-option:focus:not(.mat-option-disabled),
  .mat-option:hover:not(.mat-option-disabled) {
    background-color: #0057a8 !important;
    padding: 15px 15px !important;
    color: #fff;
  }

.mat-calendar-body-selected {
  background-color: #004a9b;
}

.cstm_validation {
  height: auto;
  padding: 5px;
  color: #aa2323;
  border: solid 1px #eeabab;
  background-color: #f6d6d6;
  margin: 9px 0px;
  float: left;
  border-radius: 4px;
  position: absolute;
  z-index: 1;
}

  .cstm_validation.arrow-top:after {
    content: " ";
    position: absolute;
    right: 15px;
    top: -9px;
    border-top: none;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    border-bottom: 9px solid #f6d6d6;
  }

.selectionPUC .mat-radio-label-content,
.custom_radiobutton .mat-radio-label-content {
  font-size: 14px;
  font-family: 'OpenSans-Regular_0';
  font-weight: normal;
  color: #333;
}

/*privacy policy poppup start*/
.policy_info {
  height: 400px;
  min-height: 0;
  padding: 0 10px 0 0 !important;
  overflow-y: scroll;
}

  .policy_info::-webkit-scrollbar {
    width: 12px;
    max-height: 10px;
  }

  .policy_info::-webkit-scrollbar-thumb {
    background-color: #a3a3a3;
    border-radius: 20px;
    border: 3px solid #fff;
  }

.modal_header {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.Privacy_heading {
  border-bottom-style: double;
  display: inline-block;
  padding-bottom: 5px;
  border-color: #b9b9b9;
  border-bottom-style: ridge;
  border-color: #bdbdbd;
}

/*privacy policy poppup end*/

/*Multi Select DropDown  in Travel Insurance Start*/
.multi_trip {
  width: 88% !important;
}

  .multi_trip .ng-value-container {
    display: flex !important;
    flex-wrap: inherit !important;
  }


  .multi_trip .ng-select-multiple {
    opacity: 1;
    top: 43px;
    width: 542px;
    left: -16px;
  }

@media screen and (max-width: 768px) {
  .trip_deff {
    display: table;
    margin-bottom: 4px !important;
    position: unset !important;
    margin: auto;
  }

  .compair_modal {
    padding-left: 0% !important;
    padding-right: 0% !important;
  }
}

.multi_trip .ng-value {
  white-space: nowrap !important;
  padding: 1px 5px;
  border-radius: 4px !important;
  font-size: 12px !important;
  color: #fff;
  font-family: 'OpenSans-Regular_0';
  background-color: #7698c5 !important;
}

.multi_trip .ng-select-container {
  overflow-x: scroll;
  border: none;
  padding-top: 3px;
}

  .multi_trip .ng-select-container::-webkit-scrollbar {
    height: 4px;
  }

  .multi_trip .ng-select-container::-webkit-scrollbar-thumb {
    border: 2px solid #009a5a2b;
    background-color: #009a5a2b;
    border-radius: 6px;
  }

.mat-form-field-should-float .mat-form-field-label {
  opacity: 0;
}

.trip_deff {
  background: rgb(22 80 157 / 59%);
  border: medium none;
  border-radius: 4px;
  padding: 7px 7px;
  right: 7px;
  text-align: center;
}

/*Multi Select DropDown End*/

/*enner pages start*/
.login_plan {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  margin-top: -4px;
}

.inner-contant {
  min-height: 100%;
  margin: 0px auto -40px;
}

.headersticky {
  top: 0px;
  z-index: 2 !important;
  position: sticky;
  background-color: #ffffff;
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: 1px solid #f0f7ff;
}

ul.sociallist {
  float: right;
  list-style: outside none none;
  margin: 0px;
  padding: 0px;
}

  ul.sociallist li {
    float: left;
  }

.facebook.sh-tooltip {
  background-image: url(../images/sprite.png);
  background-position: -4px -1px;
}

.instagram.sh-tooltip {
  background-repeat: no-repeat;
  height: 35px;
  padding: 0;
  width: 30px;
}

.instagram.sh-tooltip {
  background-image: url(../images/sprite.png);
  background-position: -132px -1px;
}

ul.sociallist li a {
  display: inline-block;
  color: #FFF;
  transition: all 0.2s ease-in-out 0s;
}

.footer_heading {
  background-color: #16509d;
  padding: 0px !important;
  width: 100%;
}

/*enner pages end*/

/*Added by Mayur*/
.table_row {
  display: table-row;
}

.theader {
  display: table-row;
}

.nav_link {
  color: #555555 !important;
  padding: 9px 21px !important;
}

/*Added by Mayur*/
.border-red {
  border: 1px solid #aa2323 !important;
  border-radius: 4px;
}

/*.Small_Loader {
  background-image: url(../images/ani-price.gif);
  background-position: center center;
  background-size: contain;
  margin: 0 auto;
  background-repeat: no-repeat;
  text-align: center;
  align-items: center;
  justify-content: center;
  align-content: center;
  margin-top: 20px;
  flex-direction: column;
  display: revert;
  height: 20px;
}*/

.Small_Loader {
  width: 32px;
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side,#f13e45 90%,#0000);
  background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
  background-size: calc(100%/3) 50%;
  animation: d3 0.9s infinite linear;
  margin: 12px auto;
}

@keyframes d3 {
  20% {
    background-position: 0% 0%, 50% 50%,100% 50%
  }

  40% {
    background-position: 0% 100%, 50% 0%,100% 50%
  }

  60% {
    background-position: 0% 50%, 50% 100%,100% 0%
  }

  80% {
    background-position: 0% 50%, 50% 50%,100% 100%
  }
}

/*Proposal page css start*/
.afterbackBtn {
  width: 80px;
  border: 2px solid #004a9b;
  border-radius: 24px 24px 24px 24px;
  color: #004a9b;
  padding: 2px;
  background: #ffffff;
  text-align: center;
  cursor: pointer;
}

  .afterbackBtn:hover {
    background: #004a9b;
    color: #fff;
  }

.proposal_title {
  color: #666666;
}

.Proposald_icon {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  font-size: 18px;
  background-color: #ced6e3;
  padding: 0px 6px;
  position: absolute;
  right: 15px;
}

.b-bottom:after {
  content: "";
  background-color: #eff4fc;
  height: 2px;
  right: 0;
  left: 0;
  width: 96%;
  margin: 0px auto 10px;
}

.p_detail {
  padding: 10px 0px;
}

.proposer-radio .mat-radio-outer-circle {
  background-color: #cfd6e2;
  border: none;
  width: 24px;
  height: 24px;
}

.proposer-radio .mat-radio-inner-circle {
  background-color: #777777 !important;
  width: 24px;
  height: 24px;
}

.proposer-radio .mat-radio-button .mat-radio-ripple {
  display: none;
}

.insured_detail {
  border: none;
  border-radius: 15px 15px 0px 0px;
}

.proposer_memberDetail {
  border: 2px solid #eff2fd;
  border-radius: 8px;
}

.saving_policy {
  background: #008d4c;
  padding: 4px 11px;
  position: absolute;
  right: 0;
  border-radius: 6px 0px 0px 6px;
}
.h-44 .flex-wrap .mat-radio-label {
  height: 44px;
}

.flex-wrap .mat-radio-label {
  flex-direction: row-reverse;
  border: 1px solid #eff2fd;
  padding: 4px 25px 8px 8px;
  height: 50px;
  min-width: 128px;
  border-radius: 6px;
}

.flex-wrap .mat-radio-label-content,
.rider_radio .mat-radio-label-content {
  padding-left: 0px;
  margin-right: 40px;
  margin-top: 3px;
  color: #777777;
  font-size: 14px;
  font-family: 'OpenSans-Regular_0';
  font-weight: 500;
}

.rider_radio .mat-radio-container {
  margin-right: 18px;
}

.rider_radio mat-radio-button {
  padding: 1rem 0 !important;
}

.bcc_Discount {
  padding: 0.5rem !important;
}

  .bcc_Discount .ng-select {
    width: 100px;
  }

  .bcc_Discount .ng-select-container {
    border: 2px solid #eff2fd !important;
  }

.add-on-section {
  padding: 15px;
  border: 2px solid #dce3f6;
  background-color: #eef4ff;
  border-radius: 8px;
}

.Proposal_textBox {
  border: 1px solid #cdd2e39e;
  height: 38px;
}

.inputborder {
  border: 1px solid #cdd2e39e;
}

.Proposal_textBox .ng-select-container {
  border: none;
}

.Proposal_textBox .ng-placeholder {
  margin-right: 10px;
}

.Proposal_textBox .input_group_addon {
  height: 38px;
}

.btn_self {
  display: inline-block;
  position: absolute;
  top: -15px;
  padding: 5px 9px;
  z-index: 1;
  left: 31px;
  border-radius: 6px;
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

.Proposal_datepicker {
  padding: 0px 0px 3px 0px;
  height: 38px;
}

  .Proposal_datepicker .mat-form-field-wrapper,
  .Proposal_datepicker .mat-form-field-infix,
  .Proposal_datepicker .ng-select-container,
  .Proposal_datepicker .ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
    border: none;
    border-right: none;
    border-color: transparent;
    box-shadow: none !important;
  }

  .Proposal_datepicker .ng-placeholder,
  .select_PolicyClaim .ng-placeholder {
    font-size: 14px;
    color: #c8c6c6 !important;
    font-family: 'OpenSans-Regular_0';
    padding-left: 1rem !important;
  }

  .Proposal_datepicker .ng-select-container .ng-value-label,
  .select_PolicyClaim .ng-select-container .ng-value-label {
    font-size: 14px;
    color: #777777 !important;
    font-family: 'OpenSans-Regular_0';
  }

.Proposal_textBox .ng-placeholder {
  white-space: nowrap;
}

.Proposal_datepicker .mat-datepicker-toggle-default-icon {
  margin: 7px 0px;
  width: 2.5em !important;
}

.self_section {
  border-color: #cdd2e39e;
  border: 1px solid #cdd2e39e;
  border-radius: 8px;
}

app-personalaccidentproposal-proposal .content.card.proposer_memberDetail .col-md-12:last-child,
.content.card.proposer_memberDetail .card.Proposal_checkbox.self_section:last-child,
app-motor-proposal .content.card.proposer_memberDetail .row + .row .col-md-12:last-child,
{
  margin-bottom: 0rem !important;
}

.content.card.proposer_memberDetail .row.text-center {
  height: 20px !important;
}

.medical_subHeadeng {
  color: #bbbbbb;
}

.card.Proposal_checkbox.self_section.pt-3.p-4 section.mb-4:last-child {
  margin-bottom: 0rem !important;
}

.history-content {
  line-height: 1.8;
}

.Proposal_checkbox .mat-checkbox-label {
  margin-right: 10px;
}

.Proposal_checkbox .mat-checkbox-inner-container {
  margin-right: 0px;
  margin-top: 2px;
}

.Proposal_checkbox .addon_check {
  padding: 6px 9px;
}

.Proposal_checkbox .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #ced6e2;
}

.Proposal_checkbox .mat-checkbox-checkmark-path {
  stroke: #000000 !important;
}

.diabetes_brdr {
  padding: 1px 9px;
  height: 24px;
}

.Proposal_checkbox .disabled_color .mat-checkbox-frame {
  border-color: transparent;
  background-color: #dce1ea;
}

.Mellitus_heading {
  background-color: #008d4c;
  position: absolute;
  top: 0;
  padding: 4px 9px;
  border-radius: 0px 0px 6px 6px;
}

  .Mellitus_heading span {
    padding: 5px 18px;
    background-color: #fff;
    top: -2px;
    position: relative;
    border-radius: 2px 0px 6px 6px;
  }

.Proposal_next {
  bottom: -20px;
  left: 0;
  right: 0;
  margin: auto;
}

.Ihere_check .mat-checkbox-inner-container {
  top: 4px;
  position: absolute;
  left: 15px;
}

.Ihere_check .mat-checkbox-layout {
  white-space: break-spaces;
}

.card .Proposal_tab li {
  text-align: left !important;
  width: 100% !important;
  padding: 10px 0 0px 0px;
}

  .card .Proposal_tab li a {
    border-radius: 0px;
    padding: 20px !important;
    color: #333333;
  }

    .card .Proposal_tab li a:hover,
    .card .Proposal_tab li.active a {
      background-color: #7d899e;
      color: #fff;
    }

      .card .Proposal_tab li.active a::before,
      .card .Proposal_tab li a:hover::before {
        content: '';
        position: absolute;
        right: -9px;
        top: 50%;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 9px solid #7d899e;
        clear: both;
        transform: rotate(-90deg);
      }

    .card .Proposal_tab li a span {
      font-size: 13px;
      font-family: 'Open Sans', sans-serif;
      font-weight: 600;
    }

.brder_red,
.proposalvalid {
  border: 1px solid #aa2323 !important;
}

.dp_close {
  border: 2px solid #eff2fd;
  padding: 5px 10px;
  font-size: 18px;
  color: #858383;
}

.add_travel {
  width: 207px;
}

  .add_travel:hover {
    color: #004a9b;
  }

.chk_accept .mat-checkbox-inner-container {
  border: 1px solid #aa2323;
}

.idv {
  height: 36px;
  max-width: 200px;
}

.Bgumbrella {
  background-image: url(../images/umbrella.png);
  background-position: calc(55%) calc(0%);
  background-repeat: no-repeat;
  background-size: contain;
  padding: 0px 10px 0px;
}

.PopupsvgIcon {
  height: 20px;
  margin: 10px;
  right: 0;
  top: 0px;
  font-size: 30px;
  left: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  cursor: pointer;
  align-items: center;
  display: flex !important;
  justify-content: center;
}

.fadeclr {
  background: #403a32b0;
}

.popupHead {
  border-bottom: 0 none;
  color: #FFF;
  background: #004a9b !important;
  font-size: 0;
  padding: 7px;
  text-align: center;
  border-radius: 15px 16px 0px 0px;
  height: 60px;
}

  .popupHead svg {
    filter: drop-shadow(1px 2px 1px rgba(0, 0, 0, .7));
  }

.roundedQue {
  background: #009a5a none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  height: 20px;
  line-height: 1.6;
  text-align: center;
  min-width: 20px;
  border-radius: 50%;
}

.AllQue {
  right: 0;
  position: absolute;
  bottom: 8px;
}

.QueCheck {
  border: 1px solid #cdd2e39e;
  padding: 5px 10px 0px !important;
}

.d-md-inline-block.d-grid.mr-2 {
  float: inherit;
}

  .d-md-inline-block.d-grid.mr-2 mat-checkbox {
    min-width: 200px;
  }

.proposalvalidate {
  font-size: 11px;
  color: #aa2323;
  position: absolute;
  top: 59px;
  left: 18px;
  margin: 3px;
}

.proposaldisabled {
  cursor: not-allowed;
  background-color: #eee;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  white-space: break-spaces;
  padding: 6px 6px;
}

/*add mobin*/
.addPw:hover {
  background-color: #16509d;
}

.addPw:focus {
  background-color: #16509d;
}

.addPw:active {
  background-color: #16509d;
}

.addPw {
  background-color: #16509d;
  border: none;
  width: 18px;
  height: 18px;
  text-align: center;
  align-content: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-size: 11px;
}

.lblplsBtn label {
  font-size: 12px;
}

.lblplsBtn {
  display: block;
  margin-bottom: 10px;
}

.remove_field {
  border: none;
  background: #c33233;
  color: #FFF;
  width: 18px;
  height: 18px;
  padding: 0;
  font-size: 12px;
  display: inline-flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

  .remove_field:hover,
  .remove_field:focus,
  .remove_field:active {
    background-color: #c33233;
    color: #FFF;
  }

.historybox {
  border: 1px solid #cdd2e39e;
  min-height: 140px;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 10px;
}

/*add mobin end*/
/*Proposal  page css end*/
/*Proposal Stepper Start*/
.stepper-body {
  padding: 0px !important;
  margin-top: 15px !important;
  background: #FFF;
  border-radius: 15px;
}

  .stepper-body[_ngcontent-ng-cli-universal-c146] {
    margin: 7px auto;
  }

.proposer_memberDetail_1 {
  background: #FFF;
  min-height: 1000px;
  padding: 15px;
}

.stepper-header {
  background: #FFF;
  padding: 15px 15px 48px 15px;
  position: relative;
  z-index: 0;
  border-radius: 8px 8px 8px 8px;
}

.step-title,
.title_clr {
  color: #777777;
}

  .step-title.active {
    color: #024c9d;
  }

.stepper-header .steps .step .step-bullet {
  height: 38px !important;
  width: 38px !important;
  font-size: 1.8rem !important;
  background-color: #cdcdcd !important;
}

.step:after {
  top: 43% !important;
  height: 5px !important;
  background-color: #cdcdcd !important;
}

.stepper-header .steps .step.active .step-bullet,
.stepper-header .steps .step.completed .step-bullet,
.step.completed + .step:after {
  background-color: #3277c2 !important;
}

.step.active .step-title,
.step.completed .step-title {
  color: #024c9d !important;
}

.step-bullet.line::after {
  content: '';
  position: absolute;
  height: 5px;
  width: 68px;
  background: #3377c3;
  right: 37px;
  z-index: -1;
}

.step.active .fa,
.step.completed .fa,
.step.active .mdi,
.step.completed .mdi {
  color: #ffffff;
}

.step-bullet .fa.active,
.step-bullet .mdi.active {
  color: #ffffff;
}

.step-bullet .fa,
.step-bullet .mdi {
  color: #feffff;
}

.stepper {
  margin-bottom: 25px;
}

.pa-stepper .steps {
  padding: 0;
}

@media screen and (max-width: 768px) {
  .step-title {
    display: none;
  }

  .steps {
    overflow: scroll;
    white-space: nowrap;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    padding-bottom: 10px;
    clear: both;
    justify-content: center;
  }

  .stepper-header .steps .step .step-bullet {
    margin-left: 10px !important;
  }

  .stepper-header {
    padding: 15px 15px 0px 15px;
  }

  .step-bullet.line.ng-star-inserted::after {
    width: 35px;
  }

  .pl-pr-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
}

/*Proposal Stepper End*/

/*custom alert msg start*/
.custom-message {
  background-color: white;
  max-width: 596px;
  min-height: 135px;
  padding: 1em 1em 1em 1.5em;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

  .custom-message + .custom-message {
    margin-top: 2em;
  }


  .custom-message p {
    margin: 0 0 1em;
  }

    .custom-message p:last-child {
      margin-bottom: 0;
    }

.message--error {
  border-left: 8px solid firebrick;
}

.message--warning {
  border-left: 8px solid darkorange;
}

.message--success {
  border-left: 8px solid #8dc035;
}

.message--warning .color-darkorange {
  color: darkorange;
}

.message--success .color-darkolivegreen {
  color: #8dc035;
}

.message--error .color-firebrick {
  color: firebrick;
}

.message--warning .mdi--alert:after {
  content: "\F0026";
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
}

.message--success .mdi--alert:after {
  content: "✔";
}

.message--error .mdi--alert:after {
  content: "\F0026";
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
}

/*custom alert msg end*/
/*loadin css start*/
#wait {
  position: fixed;
  z-index: 999999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #abababd1;
}

.wait-gif {
  margin: 250px auto;
  width: 120px;
  height: 70px;
  pointer-events: none;
  background: transparent;
  padding: 10px;
}

/*loading css end*/

/*termLife Plan Css start*/
.radioMode .mat-radio-container {
  display: none;
}

.radioMode .mat-radio-checked .mat-radio-label,
.radioMode .mat-radio-label:hover {
  background-color: #034c9c;
  color: #fff !important;
  border: 1px solid #034c9c;
}

.radioMode .mat-radio-label,
.travelList {
  height: 25px;
  min-width: 70px;
  justify-content: center;
  padding: 4px;
  line-height: 1;
  color: #555;
  border: 1px solid #cdd2e39e;
  background-color: transparent;
  border-radius: 4px;
  font-size: 13px;
  font-family: 'OpenSans-Regular_0' !important;
  font-weight: normal;
}

.travelList {
  border: 1px solid #034c9c;
  height: 25px;
  min-width: 50px;
  font-size: 11px;
}

.radioMode .mat-radio-label-content {
  padding-left: 0px;
}

.mdi_more {
  top: 3px;
}

/*termLife Plan Css end*/
/*responceve css start*/
@media screen and (max-width: 370px) {

  .custom_textbox,
  .ModulePincode .mat-autocomplete-trigger,
  .MultiSelect .ng-star-inserted,
  .ml-4 {
    margin-left: 0px !important;
    padding-left: 5px !important;
  }

  .ngselect_mr .ng-value,
  .ngselect_mr .ng-placeholder {
    margin-right: 5px;
  }

  .addon_check {
    margin-bottom: 0px;
    margin-top: 10px;
  }
}


@media screen and (max-width: 1200px) {
  .p_relative1200 {
    position: relative;
  }

  .mat-horizontal-stepper-content {
    height: 385px;
  }
}

@media screen and (max-width: 992px) {
  .helth_img {
    width: 100%;
  }

  .d_none_992 {
    display: none;
  }

  .p_relative992 {
    position: relative;
  }

  .p_static992 {
    position: static;
  }

  .Varientquestion {
    width: 80%;
    font-size: 12px !important;
  }
}

@media (max-width: 380px) {
  #ulMotor1 li {
    margin: 15px 12px;
  }

  .mat-horizontal-stepper-header-container {
    display: -webkit-box;
  }
}

@media (max-width: 599px) {
  div#divstep2 {
    max-width: initial !important;
  }

  .diabetes_brdr {
    padding: 1px 6px;
    height: 21px;
  }
}

@media (max-width: 576px) {
  .proposalback {
    bottom: 85%;
  }

  .dFlex80 {
    display: flex;
    align-items: center;
  }

  .riderdetail::after {
    left: 19%;
  }
}

@media screen and (max-width: 768px) {
  .d_none_768 {
    display: none;
  }

  .mat-horizontal-stepper-content {
    height: auto;
  }

  .ProposerDetail {
    margin-right: 5px !important;
    display: inline;
  }

  .mat-horizontal-stepper-header-container {
    white-space: nowrap;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    padding-bottom: 10px;
    clear: both;
    justify-content: center;
  }

  .mat-stepper-horizontal-line {
    display: none;
  }
}

/*responceve css end*/

/*Added By Mayur For Term*/
.termdetaildiv {
  border: 1px solid #154d98;
  padding: 18px;
  top: 32px;
  max-width: 92%;
  margin: 0px !important;
  left: 21px;
  border-radius: 8px;
  background-color: #f7f4f4;
  box-shadow: 4px 4px #009a5a;
}

.btntonext {
  cursor: pointer;
  border-radius: 8px;
  border: 1px solid #c3c1c1;
}

.w_25 {
  width: 25% !important;
}

.left_5 {
  margin-left: 10px !important;
}

.testterm {
  background-color: #0359a9;
  color: white;
  border: none;
  border-radius: 13px;
  padding: 3px 18px 3px 18px;
  position: relative;
  top: 111px;
  left: 27px;
  width: 105px;
}

.member_button {
  border: 1px solid gray;
  background-color: white;
  border: 1px solid #0057a8;
  box-shadow: 0 1px 10px 5px #e3e3e3;
  color: #0057a8;
  width: 25%;
  border-radius: 6px;
}

.position_a {
  position: absolute !important;
}

.brder_red {
  border-bottom: 1px solid #a94442;
}

.TPPropform_datepicker {
  width: 100% !important;
}

  .TPPropform_datepicker input {
    height: 40px;
  }

  .TPPropform_datepicker .mat-form-field-underline::before,
  .TPPropform_datepicker .mat-form-field-flex {
    background-color: transparent !important;
  }

  .TPPropform_datepicker .mat-form-field-ripple {
    display: none;
  }


.field_validate {
  font-size: 11px;
  color: #aa2323;
}

.form_alert {
  position: absolute;
  left: 2px;
  top: 42px;
}

.chk_accept .mat-checkbox-inner-container {
  border: 1px solid #C27A79;
}

.chk_accept_validate .mat-checkbox-background {
  background-color: #F2DEDE !important;
}

.TermDetail_Form .mat-form-field-underline {
  display: none !important;
}

.firststep,
.otherStep {
  display: contents;
}

.ValidateAns {
  border-bottom: 1px solid red !important;
}

.lblyes {
  color: white;
  padding: 6px 25px 0px 0px;
  font-size: 13px;
}

.lblNo {
  color: white;
  padding: 6px 0px 0px 25px;
  font-size: 13px;
}

.term_switch_roposer {
  position: relative;
  display: inline-block;
  width: 51px;
  height: 25px;
}

@media screen and (max-width: 370px) {
  .term_switch_roposer {
    width: 64px !important;
  }
}

.term_switch_roposer input {
  opacity: 0;
  width: 0;
  height: 0;
}

.term_roposer_check {
  position: absolute;
  cursor: pointer;
  top: -5px;
  left: 10px;
  right: 0;
  bottom: 0;
  background-color: #b7babd;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 20px;
  height: 30px;
  width: 60px;
}

  .term_roposer_check:before {
    position: absolute;
    content: "";
    height: 23px;
    width: 23px;
    left: 6px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }

input:checked + .term_roposer_check {
  background-color: #009a5a;
}

input:focus + .term_roposer_check {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .term_roposer_check:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.term_roposer_check .term_round_swich {
  border-radius: 34px;
}

  .term_roposer_check.term_round_swich:before {
    border-radius: 50%;
  }

.Pevent_none {
  pointer-events: none;
}

.d-flow-root {
  display: flow-root !important;
}

/*Added By Mayur For Term*/

/*compair plan poppup css start*/
.compair_modal {
  width: 100% !important;
  max-width: 100%;
  padding-left: 10%;
  padding-right: 10%;
}


.btn_border {
  background: transparent none repeat scroll 0 0 !important;
  border: 1px solid #004a9b;
  border-radius: 40px;
  box-shadow: none !important;
  color: #004a9b !important;
  line-height: inherit;
  padding: 1px 15px !important;
  transition: all 0.5s ease 0s;
  font-size: 12px;
}

.addon-motor,
.addon-none {
  color: #535353;
  font-size: 10px;
  line-height: 1.5;
  border: none;
  list-style: outside none disc;
  padding-left: 10px;
}

  .addon-none::before {
    color: #a94442;
    content: "\f00d";
    font-family: fontawesome;
    left: -5px;
    position: absolute;
  }

.addon-motor-price {
  color: #009a5a;
  font-weight: bold;
  border: none !important;
  font-size: 10px;
  padding: 0px;
  text-align: right;
}

.compareImg {
  width: 150px;
  height: 60px;
  margin: auto;
  align-items: center;
  display: flex;
  justify-content: center;
}

.panel-heading-list.collapsed .fa-minus-circle:before {
  content: '\f055';
}

/*Dx Popup*/
.dx-popup {
  width: 100%;
  transform: translate3d(0, 0, 0);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 1;
  z-index: 2147483647;
  background-color: #333333de;
}

.dx-popup-wrapper > .dx-overlay-content {
  box-shadow: rgb(0 0 0 / 15%) 2.4px 2.4px 3.2px;
}

.qrpopup .dx-popup-content {
  padding-top: 0px;
}

.dx-overlay-shader {
  background-color: rgb(45 42 42 / 80%);
}

.qrpopup .dx-item-content div {
  font-size: 15px;
  font-family: 'OpenSans-Regular_0';
  color: #222222;
}

/*Dx Popup end*/
input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s;
}

.mdi_close {
  font-size: 25px;
  color: #004a9b;
}


/*BACK BUTTON PART START*/
.stoptoscroll {
  position: fixed;
  bottom: 20px;
  right: 20px;
  color: #fff;
  width: 60px;
  line-height: 60px;
  height: 60px;
  display: block !important;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  background: #16509d;
  box-shadow: 0px 5px 15px 3px rgb(0 0 0 / 30%);
  display: none;
  z-index: 999;
  cursor: pointer;
  animation: jump 3s linear infinite;
}

  .stoptoscroll i {
    margin: 0;
    position: relative;
    left: 24px;
    top: 2px;
    font-size: 20px;
    -webkit-transition: all ease 0.6s;
    -moz-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
    transition: all ease 0.6s;
  }

@keyframes jump {
  20% {
    margin-top: 10px;
  }

  30% {
    margin-bottom: 30px;
  }

  60% {
    margin-bottom: 0px;
  }

  100% {
    margin-top: 0px;
  }
}

/*BACK BUTTON PART END*/

/*Otp Modal Popup Start*/

.verification-code {
  max-width: 300px;
  position: relative;
  margin: 50px auto;
  text-align: center;
}

.control-label {
  display: block;
  margin: 40px auto;
  font-weight: 900;
}

.verification-code--inputs input[type=text] {
  border-color: #666666;
  background-color: transparent;
  margin: 0px 3px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  font-size: 20px;
  font-family: 'OpenSans-Bold';
  color: #16509d;
  box-shadow: none;
}

/*Otp Modal Popup End*/

/*proposal page responceve start*/

@media screen and (max-width: 768px) {
  .Proposal_next {
    bottom: -2px;
  }
}

/*proposal page responceve end*/
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
.ng-select.ng-select-disabled > .ng-select-container {
  background-color: #fafafa;
  opacity: 1;
  border-radius: 5px;
  color: #c6c6c6 !important;
  height: 36px;
}

/*new proposal css Start*/
.quotes-header {
  box-shadow: 0 -3px 6px 0 rgb(0 74 155);
  border-top: solid 1px #e6efff;
  border-bottom: none;
}

.inner-contant ng-stepper {
  overflow-x: clip;
  overflow-y: unset;
}

.leftbrdr {
  border-left: 1px solid;
  border-width: 2px;
  border-color: #004a9b;
  align-items: center;
}

.leftsub-brdr:before {
  content: '';
  border-left: 1px solid;
  border-width: 1px;
  border-color: #666666;
  margin: 0px 6px;
  font-size: 11px;
}

.backtoquote {
  color: #2b90f7;
  font-size: 14px;
  font-weight: 400;
  border-bottom: solid 1px;
  padding-bottom: 3px;
  cursor: pointer;
}

.expandhover {
  background: #fff;
  position: absolute;
  min-height: 50px;
  animation: mymove 1s;
}

.leftbarsticky {
  top: 97px;
  position: sticky;
}

@keyframes mymove {
  from {
    width: 0px;
  }
}

@media screen and (max-width: 992px) {
  .stepperDropdown .ng-option {
    white-space: pre-line !important;
  }
}

.quotes-header-sticky {
  top: 87px;
  z-index: 1 !important;
  position: sticky;
  box-shadow: none;
}

/*new proposal css End*/
.leftTermdetail ul {
  display: inline-block;
  list-style: none;
  padding-left: 20px;
  padding-right: 20px;
  border-left: 1px solid #d7d7d7;
}

.leftpaydetail li {
  position: relative;
  min-width: 24%;
  display: inline-block;
  margin-bottom: 15px;
  vertical-align: top;
  padding-left: 15px;
  padding-right: 15px;
}

.Nomatching {
  font-size: 25px;
  color: #009a5a;
  display: block;
  font-weight: 400;
  padding-top: 0px;
  text-align: center;
  margin-top: 50px;
}

.notactive,
.notactive .mat-checkbox-label,
.notactive .header_color {
  pointer-events: none !important;
  cursor: default !important;
  color: #bbb;
}

  .notactive .mat-checkbox-frame {
    pointer-events: none !important;
    cursor: default !important;
    border-color: #e4e4e4;
  }

  .notactive .roposer_check {
    background-color: #e4e4e4 !important;
  }

.Comparenotactive .mat-checkbox-frame,
.Comparenotactive span {
  cursor: default !important;
  color: #bbb;
  border-color: #e4e4e4 !important;
}

/*For Modal OTP Loading Animation*/
.spinner {
  display: inline;
}

  .spinner > div {
    width: 5px;
    height: 5px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  }

  .spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
  }

  .spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
  }

@-webkit-keyframes sk-bouncedelay {

  0%, 80%, 100% {
    -webkit-transform: scale(0)
  }

  40% {
    -webkit-transform: scale(1.0)
  }
}

@keyframes sk-bouncedelay {

  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.premumImg {
  background: #fff;
  height: 88px;
  max-width: 200px;
  margin: auto;
  border-radius: 10px;
  vertical-align: middle;
  align-items: center;
  display: flex;
  justify-content: center;
}

/*For Modal OTP Loading Animation*/
.txtoverflw {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

/*material ToolTip Start*/
.mat-tooltip {
  color: #fff;
  background: #008d51;
  box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 3px 1px;
  font-size: 13px;
  margin: 0px;
  font-family: 'OpenSans-Regular_0' !important;
}

.cdk-overlay-container {
  z-index: 1055;
}

/*material ToolTip End*/
/*Recomented Popup Stert*/
.recommentedBox {
  height: 100px;
  width: 165px;
}

.mat-tab-body-content {
  overflow: hidden;
}

/*Recomented Popup End*/
/*Payment success Page Start*/
.success-logo {
  border: 2px solid #009147;
  padding: 1px 10px;
  border-radius: 50%;
}

.PaymnetCard {
  width: 290px;
  min-height: 78px;
  display: inline-flex;
}

.PaymnetHeading {
  position: absolute;
  top: -14px;
  padding: 5px 23px;
}

/*Payment success Page End*/

/*transaction failed start*/
.fail-logo {
  border: 2px solid #dc3545;
  padding: 1px 10px;
  border-radius: 50%;
}

.main-section {
  background-color: #fff;
  border-radius: 10px;
  max-width: 1000px;
  margin: 0 auto;
  box-shadow: 0 8px 20px 0 rgb(0 0 0 / 15%);
}

/*transaction failed end*/

/*transaction pending start*/
.pending-logo {
  border: 2px solid #ffc107;
  padding: 1px 10px;
  border-radius: 50%;
}

/*transaction pending end*/

.with-fit-content ng-dropdown-panel {
  width: fit-content !important;
}

.lr-0-auto ng-dropdown-panel {
  left: auto;
  right: 0;
}

/*Read More Plan  Tab  Start*/
.readmore-tab .mat-ink-bar {
  background-color: #0057a8 !important;
  z-index: 1054;
  min-width: 160px !important;
}

.readmore-tab .mat-tab-label-active {
  z-index: 999;
  color: #004a9b !important;
}

.readmore-tab .mat-tab-label {
  opacity: 1;
  color: #555555;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

.readmore-tab .mat-tab-labels {
  border-bottom: #dee2e6 1px solid;
}

.page-body-wrapper {
  width: calc(100% - 120px);
}

/*dashboard tab start*/
.db_tab .mat-tab-body-wrapper {
  background-color: #ffffff;
  box-shadow: rgb(60 61 67 / 5%) 0px 2px 1px 0px, rgb(60 64 67 / 0%) 0px 0px 1px 0px;
  border-radius: 0px 6px 6px 6px;
  padding: 15px;
}

.db_tab .mat-tab-label-active {
  background-color: #ffffff !important;
  opacity: 1;
  color: #777777 !important;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  border-radius: 6px 6px 0px 0px;
}

.db_tab .mat-tab-label {
  background-color: #008d4c;
  opacity: 1;
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  border-radius: 6px 6px 0px 0px;
}

.db_tab .mat-tab-nav-bar,
.mat-tab-header {
  border: none;
}

.db_tab .mat-ink-bar {
  background-color: transparent !important;
}

.db_tab .mat-tab-label {
  height: 37px;
  padding: 0 1px;
  min-width: 133px;
}

/*dashboard tab end*/
/*dashboard Table start*/
.db_tab table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.db_tab thead {
  background-color: #004a9b;
  color: #fff;
  border-radius: 4px;
}

.tablegap {
  position: relative;
}

.borderbottom:before {
  border-bottom: 1px solid #ddd;
  content: '';
  position: absolute;
  height: 1px;
  width: 97%;
  background: #ddd;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.tablegap:nth-of-type(1) tr:nth-of-type(1) td {
  padding-top: 35px !important;
}

.db_tab table th,
.db_tab table td {
  padding: 0.6em;
  text-align: center;
}

.db_tab table th {
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

.db_tab .mat-tab-body.mat-tab-body-active {
  border-radius: 4px;
}

.renewaltab .mat-tab-list {
  display: none;
}

.renewaltab .mat-tab-body {
  overflow-y: hidden;
}

.db_tab thead:after {
  content: '';
  position: absolute;
  background-color: #ffffff;
  height: 15px;
  width: 100%;
  z-index: 1054;
}

.tablegap tr {
  background-color: #eff2fd;
}

.w-230 {
  width: 230px;
}

.w-70 {
  width: 70px;
}

.btn-dwnld {
  background: transparent none repeat scroll 0 0 !important;
  border: 1px solid #777777;
  background: #f1f2f7 !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  color: #777777 !important;
  line-height: inherit;
  padding: 0px 6px !important;
  transition: all 0.5s ease 0s;
  font-size: 12px;
}

  .btn-dwnld:hover {
    background: #d0d0d3 !important;
    color: #0c0c0c !important;
  }

@media screen and (max-width: 992px) {
  .db_tab table {
    border: 0;
  }

    .db_tab table caption {
      font-size: 1.3em;
    }

    .db_tab table thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }

    .db_tab table td {
      padding-top: 15px !important;
      border-bottom: 1px solid #ddd;
      display: block;
      font-size: .8em;
      text-align: right;
    }

      .db_tab table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
      }

      .db_tab table td:last-child {
        border-bottom: 0;
      }

  .borderbottom:after {
    position: absolute;
    content: '';
    background-color: #ffffff;
    height: 9px;
    width: 100%;
    z-index: 10;
  }
}

/*dashboard Table End*/

/* dashbodard Menu Start */
.db-responsiveMenu {
  color: #16509d;
  text-align: right;
  font-size: 18px;
  float: right;
  cursor: pointer;
  border: solid 1px;
  padding: 5px 10px;
  margin-top: 0px;
}

.db-sticy {
  top: 0px;
  z-index: 100 !important;
  position: sticky;
  background-color: #ffffff;
  box-shadow: 0 1px 6px rgb(0 0 0 / 15%);
}

@media (max-width: 599px) {
  .db_tab .mat-tab-body-wrapper {
    padding: 6px;
  }
}

.Loginsection a.my-account {
  width: 117px !important;
  font-size: 14px;
}

/* dashbodard Menu End */
.iconcenter {
  height: auto;
  width: 74px;
  border-radius: 4px;
  padding: 0 !important;
}

.DB_sidebar {
  min-height: calc(100vh - 87px);
  background: #004a9b;
  font-weight: 600;
  padding: 0;
  z-index: 11;
  display: inline-block;
  margin-right: 15px;
  position: relative;
  width: 100px;
}

  .DB_sidebar .mdi {
    font-size: 30px;
    color: #fff;
    margin: auto;
    display: block;
    margin-bottom: -5px;
  }

  .DB_sidebar .nav-item.active .nav-link,
  .DB_sidebar .nav-item .nav-link:hover,
  .DB_sidebar .nav-item:hover .nav-link {
    background-color: #008d4c !important;
  }

.summarydetail {
  min-width: 235px;
  height: auto;
  position: absolute;
  top: 49px;
  z-index: 10;
  right: 0px;
  box-shadow: rgb(0 0 0 / 25%) 0px 0.0625em 0.0625em, rgb(0 0 0 / 25%) 0px 0.125em 0.5em, rgb(255 255 255 / 10%) 0px 0px 0px 1px inset;
}

.summryarrow {
  display: inline-block;
  transform: scaleX(2.5);
  color: #ffffff;
  text-shadow: 0 1px 1px rgb(255 255 255 / 60%), 0 -1px 1px rgb(167 155 155 / 50%);
  font-size: 9px;
  position: inherit;
  top: -9px;
  right: 25px;
  z-index: 0;
}

.td_underline,
.td_underline:hover {
  color: #004a9b;
  text-decoration: underline
}

.textarea {
  border: none;
  height: 33px;
  box-shadow: none;
  width: 100%;
}

.dp_summry,
.dp_summry .mat-form-field {
  width: 100%;
}

  .dp_summry .mat-form-field-wrapper {
    border: none;
  }

  .dp_summry .mat-form-field-infix {
    border-right: none;
  }

  .dp_summry ::placeholder {
    color: lightgrey !important;
  }

.chooseFile {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  color: #c2c2c2;
}

  .chooseFile button {
    background-color: #f1f1f1;
  }

.change-title-web {
  line-height: 1.6em;
  color: #9498ab;
  font-size: 16px;
}

.mar30auto {
  margin: 30px auto !important;
}

ul.change-web {
  font-size: 12px;
  line-height: 25px;
  margin: 0;
  padding: 0px 0 0 15px;
  color: #9498ab;
}

.change-title-web {
  line-height: 1.6em;
  color: #9498ab;
  font-size: 16px;
}

@media screen and (max-width: 992px) {
  .download_copy {
    background-color: #ffffff;
    padding: 8px 0px;
    margin: 0px;
    border-radius: 0 0 0px 0px;
    float: none;
    text-align: center;
  }
}

@media screen and (max-width: 540px) {
  .general_text {
    right: 123px;
    top: 57px;
  }

  .buynow_btn {
    width: 120px;
  }
}

/*Dashboard Page Design End*/

/*proposal page validation start*/
.card.self_section.pt-5.mb-3.p-4 col-md-4.mb-3 {
  position: relative;
}

.card.self_section.pt-5.mb-3.p-4 .col-md-4.mb-3 span.color_red,
.content.card.proposer_memberDetail.border_radius15.p_relative span.field_validate,
.content.card.proposer_memberDetail.border_radius15.p_relative.p-4 span.validation {
  font-size: 11px;
  color: #aa2323;
  position: absolute;
  left: 19px;
  bottom: -14px;
}

.error-txt-msg.mb-2 {
  font-size: 11px;
  color: #aa2323;
}

.border-left-0.salutation {
  height: 38px;
}

/*proposal page validation End*/
section.grn-line.contact.contact-full.common__pad.right-bg-front-layout.heading__styl.bg-wht {
  z-index: 0;
}

/*travel trip popup plan page start*/
.trip-popup {
  min-height: 120px;
  min-width: 390px;
  background-color: #ffffff;
  position: absolute;
  left: 265px;
  z-index: 1054;
  bottom: -110px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

@media screen and (max-width: 991px) {
  .trip-popup {
    position: relative;
    left: 0;
    bottom: 0;
    min-width: 100%;
    box-shadow: rgb(0 0 0 / 26%) 0px 0px 2px;
  }

    .trip-popup:before {
      display: none;
    }

  .radioWidth .mat-radio-label {
    margin-right: 5px !important;
  }

  .radio-block .mat-radio-group {
    display: inline-block;
    margin-bottom: 5px;
  }

  .popupvisible {
    display: none;
  }

  .leftbarsticky {
    position: fixed;
    top: 0;
  }

  .HideMenu {
    border-bottom: solid 1px #7bb19a;
  }

  .width_sm_100 {
    min-width: 95%;
  }

  .left_section {
    min-height: auto;
  }
}

.trip-popup:before {
  content: '\f0d9';
  font-size: 24px;
  font-family: FontAwesome;
  left: -7px;
  position: absolute;
  bottom: 115px;
  color: #fff;
}

.trip-popup .close-circle {
  float: right;
  top: 0px;
  position: absolute;
  right: 6px;
  font-size: 21px;
  color: #004a9b;
  cursor: pointer;
  z-index: 10;
}

.radioWidth .mat-radio-label {
  min-width: 85px;
  margin: 0;
}

.checkpadding .mat-checkbox-layout {
  margin-bottom: 0;
}

.checkpadding span {
  font-size: 14px;
  line-height: 15px;
  color: #555555;
  font-family: 'OpenSans-Regular_0';
}

.popupvisible {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 1000;
  opacity: 1;
  overflow-x: hidden;
  overflow-y: auto;
  background: #403a32e0;
  transition: transform .3s ease-out;
}

/*travel trip popup plan page end*/
.fadown {
  position: absolute;
  right: 7px;
  top: 9px;
  color: #16509d;
  font-size: 20px;
}

  .fadown.mdi-arrow-up-drop-circle.collapsed::before {
    content: "\F004A";
  }

.slick-dots {
  display: none !important;
}

/*compaire plan popup start*/
@media only screen and (max-width: 991px) {
  .brderright.border-right {
    border-right: 1px solid #ccc !important;
    min-height: 100px;
    border-bottom: 1px solid #ccc !important;
  }

  .is-table-row [class*="col-"] {
    display: inline-block !important;
  }

  .removebtn {
    margin-bottom: 30px;
  }

  .col-md-3.heading-box {
    padding: 10px;
  }
}

@media only screen and (max-width: 530px) {
  .brderright.border-right {
    display: contents !important;
  }

  .box.modal-box-wrapper {
    border-top: 1px solid #ddd;
  }
}

.chart {
  overflow: auto !important;
}

.odr {
  display: block;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  padding-left: 10rem !important;
  color: #333;
}

/*inner footer Social media link css tart*/

.contact_details li {
  display: inline-block;
  margin: 8px 0;
  color: #FFF;
}

  .contact_details li a {
    color: #FFF;
    padding-right: 10px;
    text-decoration: none;
    font-size: 12px;
  }

.social_list {
  float: right;
  list-style: outside none none;
  margin: 0px;
  padding: 0px;
}

ul.social_list li {
  float: left;
}

.social_list .facebook.sh-tooltip {
  background-image: url(../images/sprite.png);
  background-position: -4px -1px;
}

.social_list .facebook.sh-tooltip,
.social_list .twitter.sh-tooltip,
.social_list .google.sh-tooltip,
.social_list .dribbble.sh-tooltip {
  background-repeat: no-repeat;
  height: 35px;
  padding: 0;
  width: 30px;
}

ul.social_list li a {
  display: inline-block;
  color: #FFF;
  transition: all 0.2s ease-in-out 0s;
}

/*inner footer page Social media link css end*/


.familyailements {
  display: flex;
  padding-left: 17px;
}

  .familyailements li {
    list-style-type: disc !important;
    color: #009a5a;
    font-size: 16px;
    font-family: OpenSans-Regular_0;
    margin-right: 26px;
    font-size: 14px;
    font-family: OpenSans-Regular_0;
  }

.mdi_close_circle {
  z-index: 1054;
  position: absolute;
  right: 28px;
  font-size: 28px;
  top: 16px;
  color: #7e7e7e;
  cursor: pointer;
}

.renewal_drpdwn .ng-select-container {
  min-height: 27px;
  height: 27px !important;
}

.renewal_drpdwn .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  padding: 3px 4px;
}

.mentforms-drodown .ng-option {
  white-space: inherit !important;
}

.panel_faq a[aria-expanded="true"] i:before {
  content: "\2212";
}

@media (min-width: 768px) and (max-width: 991px) {
  p.p_title_in {
    list-style-type: disc;
    display: block !important;
    width: 50%;
    margin: 0 auto;
    text-align: center;
  }
}

.modal-open .p-3.headersticky,
.modal-open .Travel_form, .modal-open .health_form, .modal-open .critical_form, .modal-open .personalaccident_form, .modal-open .car_form {
  z-index: 0 !important;
}

.posuseptrnDiv {
  height: 76px;
  display: flex;
  align-items: center;
  text-align: end;
  justify-content: end;
}

/*faq page pannel start*/
/*h4.panel-title a i.more-less:before {
    content: "\002b" !important;
  }
  h4.panel-title .collapsed i.more-less:before {
    content: "\002b";
  }
  h4.panel-title a i.more-less:before {
    content: "\2212";
  }*/
/*faq page pannel end*/
.Report_checkbox .mat-checkbox-layout {
  margin-bottom: 0rem !important;
}

.Report_checkbox .mat-checkbox-frame {
  border-color: #fbfbfb !important;
}

.uploadBtn {
  padding: 7px 13px;
}

.uploadclr {
  color: #aa2323;
}

.uploadtbl {
  overflow: auto;
}

  .uploadtbl thead tr th {
    text-align: center;
    background-color: #004a9b;
    color: #ffffff;
    font-family: OpenSans-Regular_0;
  }

.h-44 .flex-wrap .mat-radio-label {
  height: 44px;
}



.Proposal_datepicker input::file-selector-button {
  font-weight: normal;
  color: #ffffff;
  background-color: #004a9b;
  padding: 0.5em;
  border: none;
  border-radius: 3px;
}

.health-stepper-disable .step {
  pointer-events: none;
}