@charset "UTF-8";
::-webkit-input-placeholder {
  color: #e5e5e5 !important;
}

::-moz-placeholder {
  color: #e5e5e5 !important;
}

:-ms-input-placeholder {
  color: #e5e5e5 !important;
}

:-moz-placeholder {
  color: #e5e5e5 !important;
}


* {
  outline: 0 !important;
}

body {
  /* padding-top: 75px; */
  font-family: "Mulish" !important;
  overflow-x: hidden; /*UI changes by monika*/
}

/*Header Starts*/
header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f58220), to(#b02a30));
  background-image: linear-gradient(to bottom, #f58220, #b02a30);
}

header h1 {
  margin: 0;
  display: inline-block;
}

header h1 a {
  width: 174px;
  height: 36px;
  padding: 0;
  margin: 10px 0;
  display: inline-block;
  background: url(../images/logo.png) no-repeat center center/contain;
  text-indent: -9999px;
  vertical-align: top;
}

/* header span {
  padding-left: 17px;
  margin: 19px 0;
  display: inline-block;
  background: url(../images/icon-social.png) no-repeat left center/12px;
  color: #fff;
  font: 400 14px "Mulish";
  vertical-align: top;
} */

.cstmback{
  position: absolute;
  top: 20%;
  right: 5px;
  min-width: 140px;
  padding: 10px 20px;
  border: 0;
  margin-bottom: 2px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  display: inline-block;
  background: #18548a;
  color: #fff;
  font: 600 12px "Mulish";
  letter-spacing: 1px;
  outline: 0 !important;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  vertical-align: top;
}

.cstmback:hover {
  background: #003b6f;
  text-decoration: none;
}

/*Header Ends*/
.cstmbtn {
  min-width: 140px;
  padding: 10px 20px;
  border: 0;
  margin-bottom: 2px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  display: inline-block;
  background: #18548a;
  color: #fff;
  font: 600 12px "Mulish";
  letter-spacing: 1px;
  outline: 0 !important;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  vertical-align: top;
}


.cstmbtn:hover {
  background: #003b6f;
  text-decoration: none;
}

.breadcrumsec {
  padding: 5px 15px;
  position: fixed;
  top: 56px;
  left: 0;
  right: 0;
  z-index: 1;
  background-color: #fff;
}

.breadcrumsec .breadcrumb {
  padding: 6px 0;
  margin: 0;
  background: none;
}

.breadcrumsec .breadcrumb li {
  font: 600 14px "Mulish";
}

.breadcrumsec .breadcrumb li a {
  color: #707070;
  font: 600 14px "Mulish";
  text-decoration: none;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
}

.breadcrumsec .breadcrumb li a:hover {
  color: #1c5c95;
}

.breadcrumsec .breadcrumb li.active {
  color: #1c5c95;
}

.breadcrumsec .breadcrumb li + li::before {
  content: url(../images/next.png);
}

.breadcrumsec span {
  margin-right: 10px;
  color: #707070;
  font: 400 14px "Mulish";
}

.breadcrumsec select {
  width: 100px;
  height: 30px;
  border: solid 1px #d0d0d0;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  color: #707070;
  font: 400 13px "Mulish";
}

.breadcrumsec select:focus {
  border: solid 1px #d0d0d0;
  box-shadow: 0 0 0 0;
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
}


.stickytop {
  position: fixed;
  top: 89px;
  z-index: 99;
  margin-left: 4px;
}

.padmain {
  padding: 4px !important;
}

.mainsec {
  padding: 0 15px 50px;
}

.mainsec .tabpane ul.nav {
  /* ui/ux changes by monika */
  /* border: solid 1px #eaeaea; */
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
}

.mainsec .tabpane ul.nav li {
  display: inline-block;
}

.mainsec .tabpane ul.nav li a {
  min-width: 240px;
  padding: 10px 5px 20px;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  background-color: #fff;
  color: #1c5c95;
  font: 700 16px "Mulish";
  text-align: center;
  border: solid 1px #969494; /*ui/ux changes by --monika*/
  border-bottom: 0; /*ui/ux changes by --monika*/
  }

.mainsec .tabpane ul.nav li a.active {
  background-color: #1c5c95;
  color: #fff;
}

.mainsec h3 {
  padding: 11px 40px;
  margin: 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background-color: #eaeaea;
  color: #1c5c95;
  font: 700 16px "Mulish";
}

.mainsec .innerdivnew {
  position: relative;
  top: -8px;
  background-color: #fff;
}

.mainsec .innerdiv {
  padding: 5px;
  border: solid 1px #eaeaea;
  margin-bottom: 15px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  position: relative;
  /* top: -8px; */
  /* ui/ux changes by --monika */
  top: 0px;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}

.mainsec .innerdiv.equal {
  padding: 10px 15px;
}

.mainsec .innerdiv.congratsdiv {
  padding: 3px;
}

.mainsec .innerdiv.congratsdiv table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 8px;
}

.mainsec .innerdiv.congratsdiv table tr th {
  padding: 10px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  background-color: #f0f0f0;
  text-align: center;
  vertical-align: middle;
}

.mainsec .innerdiv.congratsdiv table tr th h5 {
  margin: 0;
  color: #1c5c95;
  font: 700 22px "Mulish";
}

.mainsec .innerdiv.congratsdiv table tr th span {
  color: #3b3b3b;
  font: 600 16px "Mulish";
}

.mainsec .innerdiv.congratsdiv table tr td {
  padding: 13px 24px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  position: relative;
  background-color: #f7f7f7;
  vertical-align: middle;
}

.mainsec .innerdiv.congratsdiv table tr td label {
  margin: 0 0 5px;
  display: block;
  color: #939393;
  font: 600 14px "Mulish";
}

.mainsec .innerdiv.congratsdiv table tr td span {
  color: #282828;
  font: 600 18px "Mulish";
}

.mainsec .innerdiv.congratsdiv table tr td a.download {
  width: 41px;
  height: 41px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  position: absolute;
  top: 16px;
  right: 16px;
  background: #1c5c95 url(../images/download.png) no-repeat center center;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.27);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.27);
}

.mainsec .innerdiv.congratsdiv table tr td ul {
  width: 100%;
  padding: 0;
  margin: 0;
  display: table;
}

.mainsec .innerdiv.congratsdiv table tr td ul li {
  display: table-cell;
  color: #282828;
  font: 600 18px "Mulish";
  vertical-align: middle;
}

.mainsec .innerdiv.congratsdiv table tr td ul li strong {
  color: #4b4b4b;
  font: 700 27px "Mulish";
}

.mainsec .innerdiv.congratsdiv table tr:nth-child(2) td {
  padding: 5px 24px;
  border: solid 1px rgba(28, 92, 149, 0.4);
}

.mainsec .innerdiv.congratsdiv table tr:last-child td {
  padding: 24px;
}

.mainsec .innerdiv.congratsdiv table tr:last-child td label {
  margin: 0;
  font-size: 16px;
}

.mainsec .fieldsdiv {
  padding: 20px 30px 0;
}

.mainsec .fieldsdiv .form-group label {
  margin: 0;
  color: #969494;
  font: 400 13px "Mulish";
}

.mainsec .fieldsdiv .form-group .form-control {
  height: 38px;
  padding-left: 0;
  border: 0;
  border-bottom: 1px solid #b6b4b4;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  box-shadow: 0 0 0 0;
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  color: #282828;
  font: 400 17px "Mulish";
}

.mainsec .fieldsdiv .form-group .form-control.dob {
  background: url(../images/calendar.png) no-repeat 97% center;
}

.mainsec .fieldsdiv .form-group .form-control:focus {
  border-color: #db6d18;
}

.mainsec .fieldsdiv ul.radioul {
  padding: 0;
  margin: 5px 0 0;
}

.mainsec .fieldsdiv ul.radioul li {
  display: inline-block;
  vertical-align: top;
}

.mainsec .tablediv {
  border: solid 1px #bcbcbc;
  margin: 10px 0 0;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  background-color: #fff;
  overflow: hidden;
}

.mainsec .tablediv h4 {
  padding: 9px 20px;
  margin: 0;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  background-color: #eaeaea;
  color: #4b4b4b;
  font: 600 16px "Mulish";
}

.mainsec .tablediv table {
  margin: 0;
}

.mainsec .tablediv table tr {
  background-color: #f5f5f5;
}

.mainsec .tablediv table tr td, .mainsec .tablediv table tr th {
  width: 25%;
  padding: .75rem 20px;
  border: 0;
}

.mainsec .tablediv table tr th {
  color: #848484;
  font: 400 14px "Mulish";
}

.mainsec .tablediv table tr th:first-child + td {
  border-right: 2px solid #fff;
}

.mainsec .tablediv table tr td {
  color: #4b4b4b;
  font: 700 14px "Mulish";
}

.mainsec .tablediv table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fff;
}

.mainsec .ttlpremdiv {
  padding: 6px;
  border: solid 1px rgba(28, 92, 149, 0.4);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.mainsec .ttlpremdiv table {
  width: 100%;
  margin: 0;
}

.mainsec .ttlpremdiv table tr td ,.mainsec .ttlpremdiv table tr th{
  color: #282828;
  font: 600 16px "Mulish";
  vertical-align: middle;
}

.mainsec .ttlpremdiv table tr td:first-child,.mainsec .ttlpremdiv table tr th:first-child  {
  width: 50%;
  padding: 0 23px;
}

.mainsec .ttlpremdiv table tr td label,.mainsec .ttlpremdiv table tr th label {
  display: block;
  color: #939393;
  font: 400 13px "Mulish";
}

.mainsec .ttlpremdiv table tr td strong,.mainsec .ttlpremdiv table tr th strong  {
  color: #282828;
  font: 600 18px "Mulish";
}

.mainsec .ttlpremdiv table tr td span,.mainsec .ttlpremdiv table tr th span {
  padding: 6px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display: block;
  background-color: #f0f0f0;
  color: #4b4b4b;
  font: 700 27px "Mulish";
}

.mainsec .ttlpremdiv.brder {
  border: solid 1px #CEA797;
}

.mainsec .premBreakup {
  margin-bottom: 10px;
}

.mainsec .premBreakup table {
  width: 100%;
}

.mainsec .premBreakup table tr td {
  color: #282828;
  font: 600 16px "Mulish";
  vertical-align: middle;
}

.mainsec .premBreakup table tr td:first-child {
  width: 50%;
  padding: 0 15px;
  color: #1c5c95;
  font: 600 16px "Mulish";
}

.mainsec .plansdiv {
  margin: 30px 0 20px;
}

.mainsec .plansdiv ul {
  padding: 0;
  margin: 0 -4px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style-type: none;
}

.mainsec .plansdiv ul li {
  /* ui/ux change by monika */
  width: 49%;
  margin: 0 4px;
}

.mainsec .plansdiv ul li .plan {
  height: 100%;
  border: solid 1px #e5e5e5;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  position: relative;
  background-color: #fff;
}

.mainsec .plansdiv ul li .plan .title {
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  overflow: hidden;
}

.mainsec .plansdiv ul li .plan .title table {
  width: 100%;
  background-color: #e2e2e2;
}

.mainsec .plansdiv ul li .plan .title table tr td {
  padding: 6px;
  color: #000;
  font: 600 13px "Mulish";
  vertical-align: middle;
}

.mainsec .plansdiv ul li .plan .title table tr td span {
  padding: 5px 8px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display: inline-block;
  background-color: #fff;
  color: #707070;
  font: 700 10px "Mulish";
  vertical-align: middle;
}

.mainsec .plansdiv ul li .plan .title table tr td:first-child {
  padding-left: 15px;
}

.mainsec .plansdiv ul li .plan .title table tr td:last-child {
  text-align: right;
}

.mainsec .plansdiv ul li .plan .contdiv {
  padding: 10px 10px 20px;
}

.mainsec .plansdiv ul li .plan h2 {
  margin: 5px 0 15px;
  color: #383838;
  font: 600 26px "Mulish";
  text-align: center;
}

.mainsec .plansdiv ul li .plan .covers {
  width: 100%;
  margin-bottom: 25px;
}

.mainsec .plansdiv ul li .plan .covers tr th {
  padding: 0 23px 13px;
  color: #383838;
  font: 600 11px "Mulish";
}

.mainsec .plansdiv ul li .plan .covers tr td {
  padding: 7px 4px;
  /* border-bottom: solid 1px rgba(112, 112, 112, 0.15); */
  color: #383838;
  font: 700 10px "Mulish";
}

.mainsec .plansdiv ul li .plan .covers tr td:first-child {
  border-bottom: 1px solid transparent;
}

.mainsec .plansdiv ul li .plan .covers tr td:last-child {
  text-align: right;
}

.mainsec .plansdiv ul li .plan .covers tr:last-child td {
  border-bottom: 0;
}

.mainsec .plansdiv ul li .plan .buynow {
  padding: 8px 20px;
  border: 0;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  position: absolute;
  bottom: -16px;
  left: 50%;
  background-color: #646464;
  color: #fff;
  font: 700 13px "Mulish";
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.mainsec .plansdiv ul li .plan .buynow:active {
  background-color: #505050;
}

.mainsec .plansdiv ul li .plan.recomended {
  border: solid 1px #db6d18;
}

.mainsec .plansdiv ul li .plan.recomended .title table {
  background-image: linear-gradient(99deg, #f48020 2%, #b12b2f 100%);
}

.mainsec .plansdiv ul li .plan.recomended .title table tr td {
  color: #fff;
}

.mainsec .plansdiv ul li .plan.recomended .title table tr td span {
  color: #18548a;
}

.mainsec .plansdiv ul li .plan.recomended .buynow {
  background-color: #18548a;
}

.mainsec .plansdiv ul li .plan.recomended .buynow:active {
  background-color: #10385d;
}

.mainsec .plansdiv ul li .netPremium {
  height: 100%;
  padding-bottom: 75px;
  border: solid 1px #c1e4ff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  position: relative;
  background-color: #e8f2ff;
}

.mainsec .plansdiv ul li .netPremium table {
  width: 100%;
}

.mainsec .plansdiv ul li .netPremium table tr th {
  padding: 16px 17px 10px;
  font: 700 14px "Mulish";
}

.mainsec .plansdiv ul li .netPremium table tr td {
  padding: 7px 17px;
  color: #a2a2a2;
  font: 600 11px "Mulish";
}

.mainsec .plansdiv ul li .netPremium table tr td:last-child {
  color: #383838;
  text-align: right;
}

.mainsec .plansdiv ul li .netPremium hr {
  border-color: #d9efff;
  margin-bottom: 0;
}

.mainsec .plansdiv ul li .netPremium .ttlprem {
  width: 96%;
  margin: 0 auto;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  position: absolute;
  bottom: 6px;
  left: 50%;
  background-color: #fff;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.mainsec .plansdiv ul li .netPremium .ttlprem table tr th, .mainsec .plansdiv ul li .netPremium .ttlprem table tr td {
  padding: 10px 14px;
}

.mainsec .plansdiv ul li .netPremium .ttlprem table tr th {
  color: #383838;
  font: 700 12px "Mulish";
}

.mainsec .plansdiv ul li .netPremium .ttlprem table tr th small {
  margin-top: 2px;
  display: block;
  color: #b7b7b7;
  font: 600 11px "Mulish";
}

.mainsec .plansdiv ul li .netPremium .ttlprem table tr td {
  width: 106px;
  color: #282828;
  font: 700 20px "Mulish";
}

.mainsec .plansdiv ul li.quote {
  width: 70.5%;
}

/* .mainsec .plansdiv ul li.netPremiumli {
  width: 27.5%!important;
} */

.mainsec .plansdiv ul li.quote .insidediv {
  /* height: 92%; */
  padding: 5px;
  border: solid 1px #eaeaea;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background-color: #ffff;
}

.mainsec .plansdiv ul li.quote .insidediv p {
  font: 400 13px "Mulish";
}

.mainsec .plansdiv ul li.quote h4 {
  padding: 11px 18px;
  margin: 0 0 3px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background-color: #eaeaea;
  color: #1c5c95;
  font: 700 16px "Mulish";
}

.mainsec .plansdiv ul li.quote .quotePrem {
  border: solid 1px rgba(196, 196, 196, 0.51);
  margin-bottom: 12px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.mainsec .plansdiv ul li.quote .quotePrem table {
  width: 100%;
}

.mainsec .plansdiv ul li.quote .quotePrem table tr th {
  padding: 11px 18px;
  color: #282828;
  font: 400 16px "Mulish";
}

.mainsec .plansdiv ul li.quote .quotePrem table tr td {
  padding: 11px 18px;
  color: #4b4b4b;
  font: 600 24px "Mulish";
  text-align: right;
}

.mainsec .plansdiv ul li:last-child {
  width: 49%; /*Ui/Ux changes by monika*/
}

.mainsec .plansdiv ul li.netPremiumli .netPremium {
  height: 92%;
}

.mainsec .plansdiv .customize {
  width: 100%; /*ui/ux changes by monika*/
  padding: 15px 15px;
  border: solid 1px #d6d6d6;
  margin-top: 35px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background-color: #fff;
  text-align: center;
}

.mainsec .plansdiv .customize span {
  color: #383838;
  font: 500 13px "Mulish";
}

.mainsec .plansdiv .customize span a {
  color: #18548a;
  font-weight: 700;
}

.mainsec .paymentmode h5 {
  padding: 0 22px;
  margin: 0 0 10px;
  color: #3b3b3b;
  font: 600 15px "Mulish";
}

.mainsec .paymentmode ul {
  padding-left: 0;
  margin: 0;
  text-align: center;
}

.mainsec .paymentmode ul li {
  margin: 15px;
  display: inline-block;
  vertical-align: top;
}

.mainsec .paymentmode ul li a {
  display: inline-block;
  text-decoration: none;
}

.mainsec .paymentmode ul li a div {
  width: 75px;
  height: 75px;
  border: solid 1px #d0d0d0;
  margin: 0 auto;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  position: relative;
  background-color: #ffffff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: -webkit-box-shadow 0.3s linear;
  transition: -webkit-box-shadow 0.3s linear;
  transition: box-shadow 0.3s linear;
  transition: box-shadow 0.3s linear, -webkit-box-shadow 0.3s linear;
  -webkit-transition: box-shadow 0.3s linear;
  -moz-transition: box-shadow 0.3s linear;
}

.mainsec .paymentmode ul li a div img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.mainsec .paymentmode ul li a span {
  margin-top: 12px;
  display: inline-block;
  color: #6e6e6e;
  font: 600 14px "Mulish";
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
}

.mainsec .paymentmode ul li a:hover {
  outline: 0 !important;
}

.mainsec .paymentmode ul li a:hover span {
  color: #881717;
}

.mainsec .paymentmode ul li a:hover div {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
}

.list-item {
  width: 150px; /* Adjust the width as needed */
}

.list-item table {
  width: 100%; /* Set the width to 100% to inherit the width of the parent li element */
}

.radio1 tr td {
  padding-right: 13px;
  vertical-align: middle;
}

.radio1 tr td input {
  display: none;
}

.radio1 tr td input:checked + label::before {
  background-color: #1c5c95;
  box-shadow: inset 0 0 0 4px #fff;
  -webkit-box-shadow: inset 0 0 0 4px #fff;
  -moz-box-shadow: inset 0 0 0 4px #fff;
}

.radio1 tr td label {
  margin: 0 !important;
  color: #343434 !important;
  cursor: pointer;
  font: 400 16px "Mulish" !important;
}

.radio1 tr td label::before {
  content: '';
  width: 20px;
  height: 20px;
  border: 1px solid #bebebe;
  margin-right: 7px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: inline-block;
  background-color: #fff;
  vertical-align: middle;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
}

.radio1 tr td label input:focus {
  outline: 0px none !important;
  border: 0px none !important;
}

.horiChkbox {
  padding: 0;
  text-align: center;
}

.horiChkbox li {
  display: inline-block;
  vertical-align: top;
}

.chkbox1 table {
  display: inline-table;
}

.chkbox1 table tr td {
  vertical-align: top;
}

.chkbox1 table tr td input {
  display: none;
}

.chkbox1 table tr td input + label::before,.chkbox1 table tr th input + label::before {
  content: '';
  width: 23px;
  height: 23px;
  border: solid 1px #ccc;
  margin-right: 3px;
  display: inline-block;
  background-color: #ffffff;
  vertical-align: top;
}

.chkbox1 table tr td input:checked + label::before,.chkbox1 table tr th input:checked + label::before {
  background: #1c5c95 url(../images/tick.png) no-repeat center center;
}

.chkbox1 table tr td label {
  margin: 0;
  color: #000;
  cursor: pointer;
  font: 400 13px "Mulish";
}

.chkbox1 table tr td label a {
  color: #606060;
}

.chkbox1 table tr td span {
  display: block;
  color: #000;
  font: 600 14px "Mulish";
}

aside {
  position: fixed;
  top: 50%;
  left: -86px;
  z-index: 100;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}

aside .innerdiv {
  width: 86px;
  border: solid 1px rgba(247, 130, 0, 0.4);
  border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  position: relative;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.33);
}

aside .innerdiv ul {
  padding: 12px 0;
  margin: 0;
  list-style-type: none;
  text-align: center;
}

aside .innerdiv ul li {
  margin-bottom: 25px;
}

aside .innerdiv ul li .cstmlnk {
  display: block;
  text-decoration: none;
}

aside .innerdiv ul li .cstmlnk:hover span {
  color: #f58220;
}

aside .innerdiv ul li span {
  margin: 3px 0 2px;
  display: block;
  color: #626262;
  font: 700 10px "Mulish";
}

aside .innerdiv ul li .lnks {
  width: 100%;
  display: table;
}

aside .innerdiv ul li .lnks a {
  padding: 0 5px;
  width: 50%;
  display: table-cell;
  color: #1c5c95;
  font: 400 10px/10px "Mulish";
  text-decoration: none;
}

aside .innerdiv ul li .lnks a:last-child {
  border-left: 1px solid #1c5c95;
}

aside .innerdiv ul li .lnks a:hover {
  color: #f58220;
}

aside .innerdiv ul li:last-child {
  margin-bottom: 0;
}

aside .innerdiv #expand {
  width: 13px;
  height: 20px;
  border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  position: absolute;
  top: 50%;
  right: -13px;
  background: #f78200 url(../images/expand.png) no-repeat center center/8px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

aside.active {
  left: 0;
}

aside.active .innerdiv #expand {
  background: #f78200 url(../images/collapse.png) no-repeat center center/8px;
}

body.modal-open{
  overflow: hidden !important;
}

#emiProt_modal .modal-content {
  padding: 25px 35px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  position: relative;
}

#emiProt_modal .modal-content .modal-header {
  padding: 0;
  border: 0;
  margin-bottom: 15px;
}

#emiProt_modal .modal-content .modal-header h5 {
  color: #00305b;
  font: 600 21px "Mulish";
}

#emiProt_modal .modal-content .modal-header .close {
  padding: 0;
  font-size: 2.5rem;
  font-weight: 400;
}

#emiProt_modal .modal-content .modal-body {
  padding: 0;
}

/* Proposal Popup */

#emiProt_modal_Proposal .modal-content {
  padding: 25px 35px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  position: relative;
}

#emiProt_modal_Proposal .modal-content .modal-header {
  padding: 0;
  border: 0;
  margin-bottom: 15px;
}

#emiProt_modal_Proposal .modal-content .modal-header h5 {
  color: #00305b;
  font: 600 21px "Mulish";
}

#emiProt_modal_Proposal .modal-content .modal-header .close {
  padding: 0;
  font-size: 2.5rem;
  font-weight: 400;
}

#emiProt_modal_Proposal .modal-content .modal-body {
  padding: 0;
}

@media (min-width: 576px) {
  #emiProt_modal .modal-sm {
    max-width: 390px;
  }
}

/* ui/ux changes by monika */
/* @media (max-width: 1199px) {
  .mainsec .plansdiv ul li:last-child {
    width: 27%;
  }
} */

@media (max-width: 991px) {
  .mainsec .plansdiv ul li {
    width: 32.1%;
  }
  .mainsec .plansdiv ul li.quote {
    width: 100%;
  }
  .mainsec .plansdiv ul li.netPremiumli {
    width: 100%;
  }
  .mainsec .plansdiv ul li.quote .insidediv {
    height: auto;
  }
  .mainsec .plansdiv ul li:last-child {
    width: 100%;
    margin-top: 30px;
  }
  .mainsec .plansdiv ul li.netPremiumli .netPremium {
    height: auto;
  }
  .mainsec .plansdiv .customize {
    width: 100%;
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .mainsec .premBreakup table {
    width: 100%;
  }
  .mainsec .premBreakup table tr td {
    display: block;
    text-align: center;
  }
  .mainsec .premBreakup table tr td:first-child {
    width: auto;
    margin-bottom: 10px;
  }
  .mainsec .premBreakup table tr td:last-child {
    margin-top: 5px;
  }
  .mainsec .innerdiv.congratsdiv {
    padding: 12px;
  }
  .mainsec .innerdiv.congratsdiv table {
    border-spacing: 0;
  }
  .mainsec .innerdiv.congratsdiv table tr td {
    width: 100%;
    margin-top: 8px;
    display: block;
  }
  .mainsec .plansdiv ul li {
    width: 48.4%;
    margin: 0 4px 35px;
  }
  .mainsec .plansdiv ul li:last-child {
    width: 48.4%;
    margin: 0 4px 35px;
  }
  .mainsec .plansdiv ul li.quote {
    margin-bottom: 4px;
  }
  .mainsec .plansdiv ul li.netPremiumli {
    width: 100%;
    margin-top: 4px;
  }
}

@media (max-width: 575px) {
  header h1 a {
    width: 140px;
  }
  .cstmbtn {
    min-width: 100%;
    padding: 12px 20px;
    font-size: 12px;
  }
  .breadcrumsec .breadcrumb {
    padding: 9px 0 0;
  }
  .breadcrumsec .breadcrumb li {
    font-size: 12px;
  }
  .breadcrumsec .breadcrumb li a {
    font-size: 12px;
  }
  .breadcrumsec .breadcrumb li + li {
    padding-left: 2px;
  }
  .breadcrumsec .breadcrumb li + li::before {
    padding-right: 2px;
  }
  .breadcrumsec select {
    width: 100%;
  }
  .mainsec {
    padding: 0 15px 15px;
  }
  .mainsec .tabpane ul.nav li a {
    min-width: auto;
    padding: 10px 15px 20px;
    font-size: 13px;
  }
  .mainsec .fieldsdiv {
    padding: 15px 15px 0;
  }
  .mainsec .ttlpremdiv table tr td {
    display: block;
    text-align: center;
  }
  .mainsec .ttlpremdiv table tr td span {
    font-size: 20px;
  }
  .mainsec .ttlpremdiv table tr td:first-child {
    width: auto;
    padding: 0 5px;
    font-size: 13px;
  }
  .mainsec .ttlpremdiv table tr td:first-child {
    margin-bottom: 10px;
  }
  .mainsec .paymentmode ul li {
    margin: 10px;
  }
  .mainsec .paymentmode ul li a div {
    width: 60px;
    height: 60px;
  }
  .mainsec .paymentmode ul li a span {
    font-size: 12px;
  }
  .mainsec .innerdiv.congratsdiv table tr th h5 {
    font-size: 20px;
  }
  .mainsec .innerdiv.congratsdiv table tr th span {
    font-size: 12px;
  }
  .mainsec .innerdiv.congratsdiv table tr td {
    padding: 13px !important;
  }
  .mainsec .innerdiv.congratsdiv table tr td ul li strong {
    font-size: 20px;
  }
  .mainsec .innerdiv.congratsdiv table tr:last-child td {
    padding: 24px !important;
  }
  .mainsec .plansdiv {
    margin: 10px 0 20px;
  }
  .mainsec .plansdiv ul li {
    width: 100%;
    margin: 0 4px 35px;
  }
  .mainsec .plansdiv ul li:last-child {
    width: 100%;
  }
  .mainsec .plansdiv .customize {
    margin-top: -10px;
  }
}

/* Break In styles here */
.width100 {
  width: 100% !important;
}

.no-padding {
  padding-left: 0px;
  padding-right: 0px;
}

.no-margin {
  margin-left: 0px;
  margin-right: 0px;
}

.no-border {
  border: 0px none;
}

.breadcrumsec .viewMyBreakIn .breadcrumb li::before {
  content: url(../images/prev.png);
}

.breadcrumsec .viewMyBreakIn .breadcrumb li a {
  color: #1c5c95;
}

.mainsec .myBreakInContainer h3 {
  padding: 12px 20px;
}

/* ui/ux changes by --monika */
/* .mainsec .myBreakInContainer .tabpane ul.nav li a {
  border-left: solid 1px #969494;
  min-width: 180px;
  margin: -2px;
}  */

/* ui/ux changes by --monika */
.mainsec .myBreakInContainer .tabpane ul.nav li a {
  min-width: 138px;
  font-size: 15px;
}


.mainsec .myBreakInContainer .tablediv table tr {
  background-color: #fff;
}

.mainsec .myBreakInContainer .tablediv table tr th {
  background-color: #f8f9fa;
  font: 600 12px "Mulish";
}

.mainsec .myBreakInContainer .tablediv table tr td {
  border-top: 1px solid #dee2e6;
  font: 700 13px "Mulish";
}

.mainsec .myBreakInContainer .tablediv table tr td .cstmbtn {
  min-width: auto;
}

.mainsec .myBreakInContainer .fieldsdiv {
  padding: 0px 0px 15px 0px;
}

.mainsec .myBreakInContainer .fieldsdiv .breakindiv {
  padding: 15px;
}

.mainsec .myBreakInContainer .fieldsdiv .form-group label {
  color: #282828;
  font: 601 13px "Mulish";
}

.mainsec .myBreakInContainer .fieldsdiv .form-group select {
  color: #282828 !important;
}

.mainsec .myBreakInContainer .fieldsdiv .form-group input::-webkit-input-placeholder {
  color: #bdbbbb !important;
}

.mainsec .myBreakInContainer .fieldsdiv .form-group input:-ms-input-placeholder {
  color: #bdbbbb !important;
}

.mainsec .myBreakInContainer .fieldsdiv .form-group input::-ms-input-placeholder {
  color: #bdbbbb !important;
}

.mainsec .myBreakInContainer .fieldsdiv .form-group input::placeholder {
  color: #bdbbbb !important;
}

.mainsec .myBreakInContainer .fieldsdiv .form-group .form-control::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bdbbbb;
  opacity: 1;
  /* Firefox */
}

.mainsec .myBreakInContainer .fieldsdiv .form-group .form-control:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bdbbbb;
  opacity: 1;
  /* Firefox */
}

.mainsec .myBreakInContainer .fieldsdiv .form-group .form-control::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bdbbbb;
  opacity: 1;
  /* Firefox */
}

.mainsec .myBreakInContainer .fieldsdiv .form-group .form-control::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bdbbbb;
  opacity: 1;
  /* Firefox */
}

.mainsec .myBreakInContainer .fieldsdiv .form-group .form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #bdbbbb;
}

.mainsec .myBreakInContainer .fieldsdiv .form-group .form-control::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #bdbbbb;
}

.mainsec .myBreakInContainer .records {
  float: left;
  font: 400 10px "Mulish";
  color: #666;
}

.mainsec .myBreakInContainer .records em {
  padding-right: 17px;
  display: inline-block;
  background: url(../images/next.png) no-repeat right center/12px;
  font: 400 10px "Mulish";
  vertical-align: top;
}

.mainsec .myBreakInContainer .pagination {
  float: right;
}

.mainsec .myBreakInContainer .pagination .page-item.last-icon {
  background: url(../images/next.png) no-repeat right center/12px;
  padding-right: 7px;
}

.mainsec .myBreakInContainer .pagination .page-item .page-link {
  color: #b2b2b2;
  border: 0px none;
  font: 400 10px "Mulish";
}

.mainsec .myBreakInContainer .createBreakIn {
  border: 1px solid #ddd;
  border-radius: 10px;
}

.mainsec .myBreakInContainer .createBreakIn h3 {
  background-color: #f8f9fa;
  font: 600 14px "Mulish";
  color: #848484;
  border-radius: 10px 10px 0px 0px;
  padding: 20px;
}

.mainsec .myBreakInContainer .createBreakIn .fieldsdiv {
  padding: 15px;
}

.mainsec .myBreakInContainer .createBreakIn .fieldsdiv textarea {
  height: 60px;
}

.breakin-modal .mainsec {
  padding-bottom: 0px;
}

.breakin-modal .mainsec .fieldsdiv {
  padding: 0px 30px 0;
}

.breakin-modal .mainsec .tablediv table tr td {
  color: #4b4b4b;
  font: 700 14px "Mulish";
  background: #fff;
}

.breakin-modal .modal-footer {
  border: 0px none;
}

.breakin-modal .modal-footer button {
  display: inline-block;
  margin: 0px auto;
}

.cstmbtn {
  min-width: 140px;
  padding: 10px 25px;
  border: 0;
  margin-bottom: 2px;
  text-transform: capitalize;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  display: inline-block;
  background: #357ab7;
  background: -webkit-gradient(linear, left top, right top, from(#357ab7), to(#003b6f));
  background: linear-gradient(to right, #357ab7 0%, #003b6f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#357ab7', endColorstr='#003b6f',GradientType=1 );
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25);
  color: #fff;
  font: 600 12px "Mulish";
  outline: 0 !important;
  text-decoration: none;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
}

.cstmbtn:hover {
  background: #003b6f;
  background: -webkit-gradient(linear, left top, right top, from(#003b6f), to(#357ab7));
  background: linear-gradient(to right, #003b6f 0%, #357ab7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b6f', endColorstr='#357ab7',GradientType=1 );
  text-decoration: none;
}

/* Break In styles here */
/* Nysa Multi language section starts */
.multiLanguageBox .multiSelectContainer .icon-multiSelect {
  width: 24px;
  height: 20px;
  display: inline-block;
  background: #1c5c95 url(../images/sidebar/multi-language.png) no-repeat center center;
  position: absolute;
  left: -29px;
  top: 1px;
}

.multiLanguageBox .multiSelectContainer .customSelect {
  background: #1c5c95;
  display: inline-block;
  border-radius: 6px;
  padding-left: 37px;
}

.multiLanguageBox .multiSelectContainer .customSelect a {
  position: relative;
}

.multiLanguageBox .multiSelectContainer .customSelect select {
  border-radius: 6px;
  border: 1px solid #1c5c95;
}

.multiLanguageBox .multiSelectContainer .multiSelectOptions {
  float: right;
  padding-left: 5px;
}

.multiLanguageBox .multiSelectContainer .multiSelectOptions a {
  display: inline-block;
}

.multiLanguageBox .multiSelectContainer .multiSelectOptions a i {
  width: 30px;
  height: 36px;
  display: inline-block;
}

.multiLanguageBox .multiSelectContainer .multiSelectOptions a .icon-feedback-new {
  background: url(../images/sidebar/feedback-new.png) no-repeat center center;
}

.multiLanguageBox .multiSelectContainer .multiSelectOptions a .icon-download-multiple {
  background: url(../images/sidebar/download-multiple.png) no-repeat center center;
}

.multiLanguageBox .multiSelectContainer .multiSelectOptions a .icon-settings {
  background: url(../images/sidebar/settings.png) no-repeat center center;
}

.multiLanguageBox .multiSelectContainer .clear {
  clear: both;
  font-size: 0px;
  line-height: 0px;
  display: block;
}

/* Nysa Multi language section ends */
/* feedback modal box style here */
.feedbackModal {
  border-radius: 10px;
}

.feedbackModal .modal-lg {
  max-width: 612px;
}

.feedbackModal .modal-lg .modal-content {
  border-radius: 10px;
}

.feedbackModal .modal-lg .modal-content .modal-header {
  border-bottom: 0px none;
  display: block;
  position: relative;
}

.feedbackModal .modal-lg .modal-content .modal-header .close {
  position: absolute;
  top: 7px;
  right: 15px;
  font-size: 30px;
}

.feedbackModal .modal-lg .modal-content .modal-header .modal-title {
  color: #9a2424;
  font: 700 22px "Mulish";
}

.feedbackModal .modal-lg .modal-content .modal-body form .form-check {
  margin-left: 35px;
  margin-right: 35px;
}

.feedbackModal .modal-lg .modal-content .modal-body form .form-group {
  margin-left: 35px;
  margin-right: 35px;
}

.feedbackModal .modal-lg .modal-content .modal-body form .form-group textarea.form-control {
  max-width: 600px;
  border-radius: 7px;
  margin: 0px auto;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.34);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.34);
  font: 600 13px "Mulish";
  color: #868686;
  height: 80px;
  padding: 15px 20px;
  border: 0px none;
}

.feedbackModal .modal-lg .modal-content .modal-body form label {
  font: 600 14px "Mulish";
  color: #1a1a1a;
  padding-left: 7px;
}

.feedbackModal .modal-lg .modal-content .modal-body form .form-check-input {
  margin-top: 7px;
}

.feedbackModal .modal-lg .modal-content .modal-body form .form-check-input:disabled ~ .form-check-label {
  color: red;
}

.feedbackModal .modal-lg .modal-content .modal-body button {
  font: 700 14px "Mulish";
}

/* feedback modal box style ends */
/* Nysa Side Bar starts */
.img-responsive {
  width: 100%;
  max-width: 100%;
}

.nysa_sidebar {
  width: 0;
  position: fixed;
  z-index: 100;
  height: 100%;
  top: 0;
  left: 0;
  overflow-x: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding-top: 56px;
}

.nysa_sidebar #overlay {
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  overflow-x: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.nysa_sidebar .nysa_closebtn {
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 100;
  background: #1c5c95 url(../images/sidebar/delete.png) no-repeat center center;
  width: 14px;
  height: 14px;
  border-radius: 5px;
  padding: 13px;
}

.nysa_sidebar .nysa_closebtn_orange {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 38px;
  height: 38px;
  z-index: 100;
  background: url(../images/sidebar/close_btn_38x38.png) no-repeat center center;
}

.nysa_sidebar .nysa_sidebar_content {
  width: 100%;
  height: 100%;
  position: relative;
  background: #fff;
  padding-top: 35px;
}

.nysa_sidebar .nysa_sidebar_content .left-banner {
  margin-left: 65px;
  padding-top: 160px;
}

.nysa_sidebar .nysa_sidebar_content .left-banner h4 {
  font: 900 16px/20px "Mulish";
  color: #1c5c95;
  text-transform: uppercase;
  display: inline-block;
  margin: 0px auto;
  padding-top: 25px;
}

.nysa_sidebar .nysa_sidebar_content .nysa_sidebar_menu {
  width: 100%;
}

/* ui/ux changes by monika */
/* .nysa_sidebar .nysa_sidebar_content .nysa_sidebar_menu .nysa_menu_box {
  border: solid 1px #e8e8e8;
  background-color: #f8f7f7;
  padding: 15px 20px;
  margin: 20px;
  border-radius: 13px;
  text-align: center;
  width: 116px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.43);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.43);
} */

.nysa_sidebar .nysa_sidebar_content .nysa_sidebar_menu .nysa_menu_box .nysa_menu_icon {
  padding-top: 20px;
}

.nysa_sidebar .nysa_sidebar_content .nysa_sidebar_menu .nysa_menu_box .nysa_menu_text {
  padding-top: 30px;
  font: 900 11px/16px "Mulish";
  color: #626262;
}

.nysa_sidebar .nysa_sidebar_content .nysa_sidebar_menu .nysa_menu_box .nysa_menu_links {
  /* position: absolute;
   bottom: -30px;
   left: 25px; */
   /* ui/ux changes by monika */
   position: absolute;
   bottom: -30px;
   left: 2px;
   display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
 }

 .nysa_sidebar .nysa_sidebar_content .nysa_sidebar_menu .nysa_menu_box .nysa_menu_links a {
   /*
   font: 600 11px/14px "Mulish";
   color: #1c5c95;
   padding: 0px;
   display: inline-block;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   */
   /* ui/ux changes by monika */
   background: #1c5c95;
   color: #Fff;
   font: 600 9px/7px "Mulish";
   padding: 5px;
   border-radius: 5px;
   width: 50px;
   display: inline-block;
 }

.nysa_sidebar .nysa_sidebar_content .nysa_sidebar_menu .nysa_menu_box .nysa_menu_links a:hover {
  text-decoration: none;
}

.nysa_sidebar .nysa_sidebar_content .nysa_sidebar_menu .nysa_menu_box .nysa_menu_links a:focus {
  text-decoration: none;
}

.nysa_sidepanel_open {
  height: 385px;
  background: #1c5c95;
  width: 20px;
  position: fixed;
  left: 0px;
  top: 30%;
  border-radius: 0px 15px 15px 0px;
  z-index: 10;
}

.nysa_openbtn {
  font-size: 20px;
  cursor: pointer;
  background: url(../images/sidebar/open-btn.png) no-repeat center center;
  color: white;
  padding: 10px 15px;
  border: none;
  width: 33px;
  height: 33px;
  position: absolute;
  top: 45%;
  z-index: 10;
}

.nysa_openbtn2 {
  background: url(../images/sidebar/open-btn2.png) no-repeat center center;
  width: 66px;
  height: 66px;
  border: 0px none;
  position: fixed;
  bottom: 25px;
  left: 25px;
  display: none;
}

@media (max-width: 576px) {
  .nysa_sidebar {
    background: #fff;
  }
  /* .nysa_sidebar .nysa_sidebar_content {
    width: 100%;
  } */

  .nysa_sidebar .nysa_sidebar_content {
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff;
    padding-top: 35px;
  }
  .nysa_sidebar .nysa_sidebar_content .nysa_sidebar_menu .nysa_menu_box {
    max-width: 24%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333%;
    flex: 0 0 33.3333333%;
  }
  .nysa_sidebar .nysa_sidebar_content #overlay {
    display: none;
  }
  .nysa_sidebar .nysa_sidebar_content .nysa_sidebar .nysa_sidebar_content .nysa_sidebar_menu .nysa_menu_box .nysa_menu_links {
    left: auto;
  }
  .nysa_sidepanel_open {
    background: none;
    height: auto;
  }
  .nysa_sidepanel_open .nysa_openbtn {
    display: none;
  }
  .nysa_sidepanel_open .nysa_openbtn2 {
    display: block;
  }
}

@media (max-width: 776px) {
  .nysa_sidebar {
    background: #fff;
  }
  .nysa_sidebar .nysa_sidebar_content {
    width: 100%;
  }
  .nysa_sidebar .nysa_sidebar_content .nysa_sidebar_menu .nysa_menu_box {
    max-width: 24%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333%;
    flex: 0 0 33.3333333%;
  }
  

  .nysa_sidebar .nysa_sidebar_content .left-banner h4 {
    font: 900 16px/20px "Mulish";
    color: #1c5c95;
    text-transform: uppercase;
    display: inline-block;
    margin: 0px auto;
    padding-top: 25px;
  }
  .nysa_sidebar .nysa_sidebar_content .nysa_sidebar_menu {
    width: 100%;
  }
  .nysa_sidebar #overlay {
    display: none;
  }
}

@media (max-width: 1199px) {
  .nysa_sidebar .nysa_sidebar_content .nysa_sidebar_menu .nysa_menu_box {
    max-width: 24%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333%;
    flex: 0 0 33.3333333%;
  }
  .img-responsive {
    width: 80%;
    max-width: 80%;
  }
  .nysa_sidebar_content {
    width: 100%;
    height: 100%;
  }
}

/* Nysa Side Bar ends */
/* Quote styling here */
.mainsec {
  /* Quote styling ends */
}

.mainsec .myBreakInContainer {
  /* Nysa Tabs ends */
  /* custom checkbox */
  /* custom checkbox ends  */
  /* range slider starts */
  /* range slider ends */
  /* accordion container starts */
  /* accordion container ends */
  /* proposal container starts */
  /* proposal container ends */
}

.mainsec .myBreakInContainer .radioButtonsTitle em.quoteTitle {
  color: #1c5c95;
  font: 700 16px "Mulish";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  margin-top: 6px;
}

.mainsec .myBreakInContainer .radioButtonsTitle .form-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 80px;
}

.mainsec .myBreakInContainer .radioButtonsTitle .form-group ul.radioul {
  list-style-type: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 0px;
  /* switch toggle buttons starts here  */
  /* switch toggle buttons ends */
}

.mainsec .myBreakInContainer .radioButtonsTitle .form-group ul.radioul .switchBtns .radio1 label {
  padding-right: 10px;
}

.mainsec .myBreakInContainer .radioButtonsTitle .form-group ul.radioul .switchBtns label::before {
  display: none;
}

.mainsec .myBreakInContainer .radioButtonsTitle .form-group ul.radioul .switchBtns .radio_cus {
  width: 86px;
  height: 30px;
  border-radius: 30px;
  background-color: #ffffff;
  border: solid 1px #003b6f;
}

.mainsec .myBreakInContainer .radioButtonsTitle .form-group ul.radioul .switchBtns .radio_cus label {
  font: 400 11px "Mulish" !important;
  margin-right: 10px;
}

.mainsec .myBreakInContainer .radioButtonsTitle .form-group ul.radioul .switchBtns .radio_cus .bt-radio {
  font: 400 13px/20px "Mulish";
}

.mainsec .myBreakInContainer .radioButtonsTitle .form-group ul.radioul .switchBtns .radio_cus .bt-radio input {
  outline: none;
  border: 0px none;
}

.mainsec .myBreakInContainer .radioButtonsTitle .form-group ul.radioul .switchBtns .radio_cus .bt-radio.active {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  color: #fff !important;
  background: -webkit-gradient(linear, left top, right top, from(#003b6f), to(#357ab7));
  background: linear-gradient(to right, #003b6f 0%, #357ab7 100%);
}

.mainsec .myBreakInContainer .radioButtonsTitle .form-group ul.radioul .switchBtns .radio_cus .bt-radio.focus {
  color: #fff;
  box-shadow: 0 0 0 0;
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
}


/* Switchbuttons start */
 .switchBtns label::before {
  display: none;
}

 .switchBtns .radio_cus {
  width: 86px;
  height: 30px;
  border-radius: 30px;
  background-color: #ffffff;
  border: solid 1px #003b6f;
}

 .switchBtns .radio_cus label {
  font: 400 11px "Mulish" !important;
  margin-right: 10px;
}

 .switchBtns .radio_cus .bt-radio {
  font: 400 13px/20px "Mulish";
}

.switchBtns .radio_cus .bt-radio input {
  outline: none;
  border: 0px none;
}

 .switchBtns .radio_cus .bt-radio.active {
  border: solid 0px #003b6f;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  color: #fff !important;
  background: -webkit-gradient(linear, left top, right top, from(#003b6f), to(#357ab7));
  background: linear-gradient(to right, #003b6f 0%, #357ab7 100%);
}

.switchBtns .radio_cus .bt-radio.focus {
  color: #fff;
  box-shadow: 0 0 0 0;
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
}
/* End of switchbutton */

.mainsec .myBreakInContainer .tabpane .tab-content #showGetaQuote {
  display: none;
}

.mainsec .myBreakInContainer .hiddenForm {
  border-top: 2px solid #eaeaea;
  display: none;
}

.mainsec .myBreakInContainer .hiddenForm .col-sm-4 {
  max-width: 31.333333%;
  display: inline-block;
}

.mainsec .myBreakInContainer .hiddenForm h3 {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}

.mainsec .myBreakInContainer .FormCentered {
  max-width: 410px;
  margin: 0px auto;
}

.mainsec .myBreakInContainer ul.socialCheck {
  padding: 0;
}

.mainsec .myBreakInContainer ul.socialCheck li {
  list-style-type: none;
  display: inline-block;
  width: 100%;
}

.mainsec .myBreakInContainer .chkbox1 table tr td {
  vertical-align: top;
  border: none;
}

.mainsec .myBreakInContainer .chkbox1 table tr td input {
  display: none;
}

.mainsec .myBreakInContainer .chkbox1 table tr td input + label::before {
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  display: inline-block;
  background-color: #ece9e9;
  vertical-align: bottom;
}

.mainsec .myBreakInContainer .chkbox1 table tr td input:checked + label::before {
  border-color: #3074b0;
  background: #fff url(../images/ticked.png) no-repeat center center;
}
.mainsec .myBreakInContainer .chkbox1 table tr td label {
  margin: 0;
  color: #282828;
  cursor: pointer;
  font: 400 11px "Mulish";
}

.mainsec .myBreakInContainer .chkbox1 table tr td label.confirmInfo {
  color: #2a5ca0;
  font: 400 11px "Mulish";
}

.mainsec .myBreakInContainer .rangeSliderContainer .irs--flat .irs-line {
  height: 5px;
}

.mainsec .myBreakInContainer .rangeSliderContainer .irs--flat .irs-bar {
  height: 5px;
  background-color: #e1e4e9;
}

.mainsec .myBreakInContainer .rangeSliderContainer .irs--flat .irs-handle {
  top: 22px;
  width: 15px;
}

.mainsec .myBreakInContainer .rangeSliderContainer .irs--flat .irs-handle > i:first-child {
  width: 10px;
  height: 9px;
  border-radius: 50px;
  background-color: #0c4980;
  border: 0px solid #0c4980;
}

.mainsec .myBreakInContainer .rangeSliderContainer .irs--flat .irs-from {
  background-color: #0c4980;
  font: 400 10px "Mulish";
}

.mainsec .myBreakInContainer .rangeSliderContainer .irs--flat .irs-from:before {
  border-top-color: #0c4980;
}

.mainsec .myBreakInContainer .rangeSliderContainer .irs--flat .irs-to {
  background-color: #0c4980;
  font: 400 10px "Mulish";
}

.mainsec .myBreakInContainer .rangeSliderContainer .irs--flat .irs-to:before {
  border-top-color: #0c4980;
}

.mainsec .myBreakInContainer .rangeSliderContainer .irs--flat .irs-single {
  background-color: #0c4980;
  font: 400 9px "Mulish";
  width: 55px;
  text-align: right;
  padding: 4px 6px;
}

.mainsec .myBreakInContainer .rangeSliderContainer .irs--flat .irs-single:before {
  border-top-color: #0c4980;
}

.mainsec .myBreakInContainer .rangeSliderContainer .irs--flat .irs-single:after {
  content: '₹ ';
  position: absolute;
  left: 5px;
}

.mainsec .myBreakInContainer .rangeSliderContainer .irs--flat .irs-min {
  font: 400 10px "Mulish";
  background-color: #fff;
  top: 35px;
  color: #e0e0e0;
}

.mainsec .myBreakInContainer .rangeSliderContainer .irs--flat .irs-min:before {
  content: 'Min.₹ ';
}

.mainsec .myBreakInContainer .rangeSliderContainer .irs--flat .irs-max {
  font: 400 10px "Mulish";
  background-color: #fff;
  top: 35px;
  color: #e0e0e0;
}

.mainsec .myBreakInContainer .rangeSliderContainer .irs--flat .irs-max:before {
  content: 'Max.₹ ';
}

.mainsec .myBreakInContainer .accordionContainer {
  /* accordion ends */
}

.mainsec .myBreakInContainer .accordionContainer .accordion {
  /* accordion starts */
}

.mainsec .myBreakInContainer .accordionContainer .accordion .fa-minus {
  width: 20px;
  height: 20px;
  background: url(../images/icon-minus-acco.png) no-repeat 97% center;
  display: inline-block;
}

.mainsec .myBreakInContainer .accordionContainer .accordion .fa-plus {
  width: 20px;
  height: 20px;
  background: url(../images/icon-plus-acco.png) no-repeat 97% center;
  display: inline-block;
}

.mainsec .myBreakInContainer .accordionContainer .accordion .card {
  /* padding: 5px; */
  border: solid 1px #eaeaea;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  margin: 5px;
  padding: 0px;
}

.mainsec .myBreakInContainer .accordionContainer .accordion .card .card-header {
  padding: 0px;
  background: #fff;
  border-bottom: 0px none;
}

.mainsec .myBreakInContainer .accordionContainer .accordion .card .card-header h2 button {
  width: 100%;
  text-align: left;
  padding: 4px;
}

.mainsec .myBreakInContainer .accordionContainer .accordion .card .card-header h2 button i.fa {
  position: absolute;
  top: 15px;
  right: 15px;
}

.mainsec .myBreakInContainer .accordionContainer .accordion .card .card-header h2 button h3:hover {
  text-decoration: none !important;
}

.mainsec .myBreakInContainer .accordionContainer .accordion .card .card-body h5.vehicleDetailsTitle {
  color: #0d4a81;
  font: 700 16px "Mulish";
  display: block;
  width: 100%;
  /* padding-right: 15px;
  padding-left: 15px; */
  background: #e8f2ff;
  border-radius: 10px;
  padding: 5px 18px;
}

.mainsec .myBreakInContainer .accordionContainer .accordion .card .card-body ul.radioul {
  margin-bottom: 10px;
}

.mainsec .myBreakInContainer .accordionContainer .accordion .card .card-body ul.radioul li input[type="radio"]:checked + label {
  color: #3074b0 !important;
}

.mainsec .myBreakInContainer .accordionContainer .accordion .card .card-body .form-group p.note {
  color: #a51e1e;
  font: 400 12px "Mulish";
}

.mainsec .myBreakInContainer .accordionContainer .accordion .card .card-body .plansdiv {
  margin: 0px 0 20px;
}

.mainsec .myBreakInContainer .accordionContainer .accordion .card .card-body .plansdiv .customize {
  width: 74%;
  padding: 5px 15px;
}

.mainsec .myBreakInContainer .accordionContainer .accordion .card .card-body .plansdiv ul ul {
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
}

.mainsec .myBreakInContainer .accordionContainer .accordion .card .card-body .plansdiv ul li {
  width: 24%;
  margin: 0 4px;
}

.mainsec .myBreakInContainer .accordionContainer .accordion .card .card-body .plansdiv ul.width100 li {
  width: 100%;
  margin: 0 4px;
}

.mainsec .myBreakInContainer .proposalContainer .ttlpremdiv {
  padding: 6px;
  border: solid 1px rgba(28, 92, 149, 0.4);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
}

.mainsec .myBreakInContainer .proposalContainer .paymentmode {
  position: relative;
}

/* renewal starts */
.mainsec .fieldsdiv ul.cstmGroupLi {
  position: relative;
  margin-top: 5px;
}

.mainsec .fieldsdiv ul.cstmGroupLi li {
  width: 40%;
}

.mainsec .fieldsdiv .breakindiv .cstmSelectDate .form-control {
  padding-left: 30px;
}

.mainsec .fieldsdiv .breakindiv .cstmSelectDate .form-control.dob {
  background-position: left center;
}

.mainsec .fieldsdiv .breakindiv .tablediv {
  position: relative;
  border: solid 0px #f0f0f0;
  margin: 10px 0 0;
  border-radius: 0px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  background-color: #fff;
  overflow: visible;
}

.mainsec .fieldsdiv .breakindiv .tablediv .cstmTableRows .table .radiodiv1 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 25px;
}

.mainsec .fieldsdiv .breakindiv .tablediv .cstmTableRows .table tr {
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

.mainsec .fieldsdiv .breakindiv .tablediv .cstmTableRows .table tr.rowActiveState {
  background: #014886;
  color: #fff;
}

.mainsec .fieldsdiv .breakindiv .tablediv .cstmTableRows .table tr.rowActiveState td {
  color: #fff;
  vertical-align: middle;
}

.mainsec .fieldsdiv .breakindiv .tablediv .cstmTableRows .table tr.rowActiveState td.lastCol {
  width: 300px;
}

.mainsec .fieldsdiv .breakindiv .tablediv .cstmTableRows .table tr.rowActiveState td.hiddenCstmBtns button.cstmbtnWhite {
  background: #fff;
  color: #00305b;
  cursor: pointer;
}

.mainsec .fieldsdiv .breakindiv .tablediv .cstmTableRows .table tr.rowActiveState td.chkbox1 tr {
  background: none;
  background-color: transparent;
}

.mainsec .fieldsdiv .breakindiv .tablediv .cstmTableRows .table tr.rowActiveState td.chkbox1 tr label {
  color: #fff;
}

.mainsec .fieldsdiv .breakindiv .tablediv .cstmTableRows .table tr.rowActiveState th.lastCol {
  width: 280px;
}

.mainsec .fieldsdiv .breakindiv .tablediv .cstmTableRows .table tr td.chkbox1 table {
  border: 0px none;
}

.mainsec .fieldsdiv .breakindiv .tablediv .cstmTableRows .table tr td.chkbox1 table tr td {
  border: 0px none;
  padding: 0px;
  width: auto;
}

.mainsec .fieldsdiv .breakindiv .tablediv .cstmTableRows .table tr td.chkbox1 table tr td label {
  font: 700 14px "Mulish";
  color: #1c1c1c;
}

.mainsec .fieldsdiv .breakindiv .tablediv .cstmTableRows .table tr td.chkbox1 table tr td input + label::before {
  border: 1px solid #014886;
  background-color: #fff;
}

.mainsec .fieldsdiv .breakindiv .tablediv .cstmTableRows .table tr td.hiddenCstmBtns {
  width: 280px;
  display: block;
}

.mainsec .fieldsdiv .breakindiv .tablediv .cstmTableRows .table tr td.hiddenCstmBtns button.cstmbtnWhite {
  font: 600 13px "Mulish";
  background: #fff;
  color: #fff;
  display: inline-block;
  -webkit-box-shadow: 1px ​2px 1px 0px;
          box-shadow: 1px ​2px 1px 0px;
  border-radius: 5px;
  border: 0px none;
  min-width: auto;
  width: auto;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 5px 10px;
  cursor: auto;
}

.mainsec .fieldsdiv .breakindiv .tablediv .table tr {
  background-color: #fff;
}

.mainsec .fieldsdiv .breakindiv .tablediv .table tr th {
  background-color: #f0f0f0;
  font: 900 14px "Mulish";
  color: #1c1c1c;
  width: 25%;
  padding: 10px 20px 10px 20px;
  border: 2px solid white;
  text-align: center;
  vertical-align: middle;
}

.mainsec .fieldsdiv .breakindiv .tablediv .table tr td {
  text-align: center;
  vertical-align: middle;
  width: 25%;
  padding: 15px 20px;
  border: 2px solid #f0f0f0;
  font: 600 12px "Mulish";
  color: #1c1c1c;
}

.mainsec .myBreakInContainer .proposalContainer .innerdiv .detailPanel h3 {
  background: #3175b2;
  color: #fff;
  position: relative;
  margin-bottom: -15px;
}

.mainsec .myBreakInContainer .proposalContainer .innerdiv .detailPanel .tablediv {
  padding-top: 15px;
  border: solid 1px #c1e4ff;
}

.mainsec .myBreakInContainer .proposalContainer .innerdiv .detailPanel .tablediv tr {
  background: #e8f2ff;
}

.mainsec .myBreakInContainer .proposalContainer .innerdiv .detailPanel .tablediv td {
  border-top: 0px none;
  color: #585858;
  font-weight: normal;
}

.mainsec .myBreakInContainer .proposalContainer .innerdiv .detailPanel .tablediv th {
  background-color: transparent;
  color: #383838;
  font-weight: bold;
}

.mainsec .myBreakInContainer .proposalContainer .innerdiv .totalPremRow {
  background: #f5f4f4;
  border-radius: 7px;
  width: 100%;
  padding: 10px;
}

.mainsec .myBreakInContainer .proposalContainer .innerdiv .totalPremRow span {
  color: #383838;
  /* width: 49%; */
  display: inline-block;
  font: 700 14px "Mulish";
}

.cstmBtn_0 {
  min-width: 150px;
  padding: 10px 12px;
}

/* renewal ends */
/* motor quote ui */
.myBreakInContainer .proposalContainer .innerdiv .motorQuoteUi .detailPanel2 h3 {
  background: #d2dcea;
  color: #3c3c3c;
  border-radius: 0px;
}

.myBreakInContainer .proposalContainer .innerdiv .motorQuoteUi .detailPanel2 .tablediv2 {
  border: 1px solid #fff;
  border-radius: 0px;
}

.myBreakInContainer .proposalContainer .innerdiv .motorQuoteUi .detailPanel2 .tablediv2 table tr {
  background: #fff;
}

.myBreakInContainer .proposalContainer .innerdiv .motorQuoteUi .detailPanel2 .tablediv2 table tr.altRowBg {
  background: #f2f5f8;
}

.myBreakInContainer .proposalContainer .innerdiv .motorQuoteUi .detailPanel2 .tablediv2 table tr td {
  padding: 0.5rem 20px;
}

.myBreakInContainer .proposalContainer .innerdiv .motorQuoteUi .detailPanel2 .tablediv2 table th {
  border-left: 1px solid #b7b7b7;
  padding: 0.5rem 20px;
}

.myBreakInContainer .proposalContainer .innerdiv .motorQuoteUi2 .detailPanel2 .tablediv2 .table tr {
  background: #eff6ff;
}

.myBreakInContainer .proposalContainer .innerdiv .motorQuoteUi2 .detailPanel2 .tablediv2 .table tr.altRowBg {
  background: #e8f2ff;
}

.myBreakInContainer .proposalContainer .innerdiv .motorQuoteUi2 .detailPanel2 .tablediv2 .table tr td {
  padding: 0.5rem 20px;
}

.myBreakInContainer .proposalContainer .innerdiv .motorQuoteUi2 .detailPanel2 .tablediv2 .table tr th {
  padding: 0.5rem 20px;
  border-left: 1px solid #fff;
}

.myBreakInContainer .proposalContainer .innerdiv .totalPremRow.bgSkyBlue {
  background: #eff6ff;
  border-radius: 0px;
}

.myBreakInContainer .proposalContainer .innerdiv .totalPremRow.bgGray {
  background: #ddd;
  border-radius: 0px;
}

.myBreakInContainer .proposalContainer .innerdiv .totalPremRow.bgOrange {
  background: #f58220;
  border-radius: 0px;
}

.myBreakInContainer .proposalContainer .innerdiv .totalPremRow.bgOrange span {
  color: #fff;
}

/* motor quote ui ends */
/* send link modal */
.modal .sendLinkModal .modal-content {
  padding: 10px;
  padding-bottom: 0px;
  border-radius: 10px;
}

.modal .sendLinkModal .modal-content .form-group {
  margin-bottom: 0px;
}

.modal .sendLinkModal .modal-content .form-group ::-webkit-input-placeholder {
  color: #282828 !important;
}

.modal .sendLinkModal .modal-content .form-group :-ms-input-placeholder {
  color: #282828 !important;
}

.modal .sendLinkModal .modal-content .form-group ::-ms-input-placeholder {
  color: #282828 !important;
}

.modal .sendLinkModal .modal-content .form-group ::placeholder {
  color: #282828 !important;
}

.modal .sendLinkModal .modal-content button.close {
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 10;
}

.modal .sendLinkModal .modal-content .sendLinkBox .iconBox {
  background: #eaeaea;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 5px;
  /* margin-bottom: 10px; */
  width: 75px;
  margin: 7px auto;
}

.modal .sendLinkModal .modal-content .sendLinkBox span {
  color: #6e6e6e;
  font: 600 14px "Mulish";
}

.modal .sendLinkModal .modal-content .form-control {
  height: 38px;
  padding-left: 0;
  border: 0;
  border-bottom: 1px solid #ededed;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  box-shadow: 0 0 0 0;
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  color: #282828;
  font: 600 17px "Mulish";
}

.modal .sendLinkModal .modal-content .cstmbtn {
  min-width: 100px;
}

/* send link modal ends */
/* renewal new flow starts */
.mainsec .renewalNewPanel .nysa_sidebar_content .nysa_sidebar_menu .nysa_menu_container {
  max-width: 21%;
  padding-bottom: 10px;
}

.mainsec .renewalNewPanel .nysa_sidebar_content .nysa_sidebar_menu .nysa_menu_container .nysa_menu_box {
  /* width: 105px; */
  height: 115px;
  max-width: 100%;
  display: block;
  border: solid 1px #e8e8e8;
  background-color: #f8f7f7;
  padding: 15px 20px;
  border-radius: 13px;
  text-align: center;
  width: 116px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.43);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.43);
}

.mainsec .renewalNewPanel .nysa_sidebar_content .nysa_sidebar_menu .nysa_menu_container .nysa_menu_box:hover {
  text-decoration: none;
}

.mainsec .renewalNewPanel .nysa_sidebar_content .nysa_sidebar_menu .nysa_menu_container .nysa_menu_box .nysa_menu_icon {
  padding-top: 0px;
}

.mainsec .renewalNewPanel .nysa_sidebar_content .nysa_sidebar_menu .nysa_menu_container .nysa_menu_box .nysa_menu_text {
  padding-top: 13px;
}

.mainsec .renewalNewPanel .nysa_sidebar_content .nysa_sidebar_menu .nysa_menu_container .nysa_menu_links {
  width: 100%;
  text-align: center;
  padding-bottom: 5px;
}

.mainsec .renewalNewPanel .nysa_sidebar_content .nysa_sidebar_menu .nysa_menu_container .nysa_menu_links a {
  background: #1c5c95;
  color: #Fff;
  font: 600 9px/7px "Mulish";
  padding: 5px;
  border-radius: 5px;
  width: 50px;
  display: inline-block;
}

.mainsec .renewalNewPanel .nysa_sidebar_content .nysa_sidebar_menu .nysa_menu_container .nysa_menu_links a:hover {
  text-decoration: none;
}

.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .renewalMenuNew {
  position: relative;
}

.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .renewalMenuNew ul {
  width: 100%;
  padding: 5px;
}

.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .renewalMenuNew ul.nav {
  border: solid 1px #1c5c95;
  border-radius: 10px;
  padding-left: 34px;
  padding-right: 34px;
  background: #fff;
}

.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .renewalMenuNew ul.nav li a {
  font: 700 14px "Mulish";
  border-left: 0px none;
  border-radius: 10px;
  margin: 0px;
  padding: 8px 15px;
  min-width: 130px;
}

.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .renewalMenuNew .renewalMenuBtns a.list-prev {
  width: 23px;
  height: 31px;
  background: url(../images/renewals-new/previous.png) no-repeat 0px 0px;
  padding: 7px 12px;
  position: absolute;
  top: 7px;
  left: 7px;
}


.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .renewalMenuNew .renewalMenuBtns a.list-next {
  width: 23px;
  height: 31px;
  background: url(../images/renewals-new/next.png) no-repeat 0px 0px;
  padding: 7px 12px;
  position: absolute;
  top: 7px;
  right: 7px;
}


.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .tab-content .tab-pane .innerdiv {
  top: 0px;
}

.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .tab-content .tab-pane .innerdiv .form-group .radioul {
  margin-top: 0px;
  position: relative;
  width: auto;
  height: 30px;
}

.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .tab-content .tab-pane .innerdiv .form-group .radioul li.switchBtns table.radio1 {
  margin-top: -3px;
}

.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .tab-content .tab-pane .innerdiv .fieldsdiv .breakindiv .row .FormCentered.selectMonthCalendar {
  width: 567px;
}

.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .tab-content .tab-pane .innerdiv .fieldsdiv .breakindiv .row .FormCentered.selectMonthCalendar .form-group label.icon-calendar {
  background: url(../images/calendar.png) no-repeat left 0px;
  padding-left: 30px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: 10px;
}

.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .tab-content .tab-pane .innerdiv .fieldsdiv .breakindiv .row .FormCentered.selectMonthCalendar .form-group .selectMonthCalendar {
  padding-left: 0px;
  padding-right: 0px;
}

.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .tab-content .tab-pane .innerdiv .fieldsdiv .breakindiv .row .FormCentered.selectMonthCalendar .form-group .selectMonthCalendar .cstmbtn {
  min-width: 176px;
  border-radius: 7px;
  border: solid 1px rgba(14, 75, 130, 0.1);
  background: #f7f7f7;
  color: #343434;
  font: 600 16px/24px "Mulish";
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 5px;
  padding: 3px 25px;
}

.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .tab-content .tab-pane .innerdiv .fieldsdiv .breakindiv .row .FormCentered.selectMonthCalendar .form-group .selectMonthCalendar .cstmbtn.active {
  color: #fff;
  background: #0e4b82 url(../images/renewals-new/checked.png) no-repeat 5px 5px;
}

.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .tab-content .tab-pane .innerdiv .fieldsdiv .breakindiv .row .FormCentered.selectMonthCalendar .form-group .selectMonthCalendar .cstmbtn:hover {
  color: #fff;
  background: #0e4b82 url(../images/renewals-new/checked.png) no-repeat 5px 5px;
}

.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .tab-content .tab-pane .innerdiv .fieldsdiv .breakindiv .row .FormCentered.policyNumberForm {
  width: 400px;
}

.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .tab-content .tab-pane .innerdiv .fieldsdiv .breakindiv .row .motorRenewalTable {
  position: relative;
}

/* .innerdiv .fieldsdiv .breakindiv .motorRenewalTable {
  position: relative;
} */

.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .tab-content .tab-pane .innerdiv .fieldsdiv .breakindiv .row .motorRenewalTable .tablediv {
  position: relative;
  border: solid 8px #f0f0f0;
  margin: 10px 0 0;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  background-color: #fff;
  overflow: visible;
  margin-bottom: 10px;
}


.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .tab-content .tab-pane .innerdiv .fieldsdiv .breakindiv .row .motorRenewalTable .tablediv .table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
}

/* .innerdiv .fieldsdiv .breakindiv .motorRenewalTable .tablediv .table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
} */

.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .tab-content .tab-pane .innerdiv .fieldsdiv .breakindiv .row .motorRenewalTable .tablediv .table-responsive .table tr {
  background-color: #fff;
}

.mainsec .innerdiv .fieldsdiv .breakindiv .myBreakInContainer {
 max-width: 100%;
}


.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .tab-content .tab-pane .innerdiv .fieldsdiv .breakindiv .row .motorRenewalTable .tablediv .table-responsive .table tr th {
  background-color: #f0f0f0;
  font: 900 11px "Mulish";
  color: #1c1c1c;
  width: 25%;
  padding: 0px 20px 6px 20px;
  border: 0;
  text-align: center;
  vertical-align: middle;
}

.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .tab-content .tab-pane .innerdiv .fieldsdiv .breakindiv .row .motorRenewalTable .tablediv .table-responsive .table tr td {
  width: 25%;
  padding: 8px;
  border: 2px solid #f0f0f0;
  font: 700 12px "Mulish";
  color: #1c1c1c;
  vertical-align: middle;
}

.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .tab-content .tab-pane .innerdiv .fieldsdiv .breakindiv .row .motorRenewalTable .tablediv .table-responsive .table tr td i.motorRenewal {
  width: 23px;
  height: 23px;
  display: inline-block;
}

/* new added start */
.innerdiv .fieldsdiv .breakindiv .motorRenewalTable .tablediv .table-responsive .table tr td i.motorRenewal.proposalPdf {
  background: url(../images/renewals-new/pdf.png) no-repeat 0px 0px;
  width: 24px;
  height: 21px;
  display: block;
  margin: 0px auto;
}

.innerdiv .fieldsdiv .breakindiv .motorRenewalTable .tablediv .table-responsive .table tr td i.motorRenewal.sendPdf {
  background: url(../images/renewals-new/email.png) no-repeat 0px 0px;
  width: 24px;
  height: 21px;
  display: block;
  margin: 0px auto;
}

.innerdiv .fieldsdiv .breakindiv .motorRenewalTable .tablediv .table-responsive .table tr td i.motorRenewal.payPremium {
  background: url(../images/renewals-new/premium.png) no-repeat 0px 0px;
  width: 24px;
  height: 21px;
  display: block;
  margin: 0px auto;
}

.innerdiv .fieldsdiv .breakindiv .motorRenewalTable .tablediv .table-responsive .table tr td i.motorRenewal.paymentLink {
  background: url(../images/renewals-new/payment-link.png) no-repeat 0px 0px;
  width: 24px;
  height: 21px;
  display: block;
  margin: 0px auto;
}

.innerdiv .fieldsdiv .breakindiv .motorRenewalTable .tablediv .table-responsive .table tr td i.motorRenewal.modifyProposal {
  background: url(../images/renewals-new/modify-document.png) no-repeat 0px 0px;
  width: 24px;
  height: 21px;
  display: block;
  margin: 0px auto;
}

/* new added start */
.innerdiv .fieldsdiv .breakindiv .motorRenewalTable .tablediv .table-responsive .table tr td i.motorRenewal.proposalPdf2 {
  background: url(../images/renewals-new/pdf2.png) no-repeat 0px 0px;
  width: 24px;
  height: 21px;
  display: block;
  margin: 0px auto;
  cursor: pointer;
}

.innerdiv .fieldsdiv .breakindiv .motorRenewalTable .tablediv .table-responsive .table tr td i.motorRenewal.sendPdf2 {
  background: url(../images/renewals-new/email2.png) no-repeat 0px 0px;
  width: 24px;
  height: 21px;
  display: block;
  margin: 0px auto;
  cursor: pointer;
}

.innerdiv .fieldsdiv .breakindiv .motorRenewalTable .tablediv .table-responsive .table tr td i.motorRenewal.payPremium2 {
  background: url(../images/renewals-new/premium2.png) no-repeat 0px 0px;
  width: 24px;
  height: 21px;
  display: block;
  margin: 0px auto;
  cursor: pointer;
}

.innerdiv .fieldsdiv .breakindiv .motorRenewalTable .tablediv .table-responsive .table tr td i.motorRenewal.paymentLink2 {
  background: url(../images/renewals-new/payment-link2.png) no-repeat 0px 0px;
  width: 24px;
  height: 21px;
  display: block;
  margin: 0px auto;
  cursor: pointer;
}

.innerdiv .fieldsdiv .breakindiv .motorRenewalTable .tablediv .table-responsive .table tr td i.motorRenewal.modifyProposal2 {
  background: url(../images/renewals-new/modify-document2.png) no-repeat 0px 0px;
  width: 24px;
  height: 21px;
  display: block;
  margin: 0px auto;
  cursor: pointer;
}

 /* .innerdiv .fieldsdiv .breakindiv .motorRenewalTable .tablediv .table-responsive .table tr:hover {
  background: #014886;
  cursor: pointer;
}

.innerdiv .fieldsdiv .breakindiv .motorRenewalTable .tablediv .table-responsive .table tr:hover td{
  color: #fff;
}

.innerdiv .fieldsdiv .breakindiv .motorRenewalTable .tablediv .table-responsive .table tr:hover td i.motorRenewal.proposalPdf {
  background: url(../images/renewals-new/pdf-white.png) no-repeat 0px 0px;
}

.innerdiv .fieldsdiv .breakindiv .motorRenewalTable .tablediv .table-responsive .table tr:hover td i.motorRenewal.sendPdf {
  background: url(../images/renewals-new/email-white.png) no-repeat 0px 0px;
}

.innerdiv .fieldsdiv .breakindiv .motorRenewalTable .tablediv .table-responsive .table tr:hover td i.motorRenewal.payPremium {
  background: url(../images/renewals-new/premium-white.png) no-repeat 0px 0px;
}

.innerdiv .fieldsdiv .breakindiv .motorRenewalTable .tablediv .table-responsive .table tr:hover td i.motorRenewal.paymentLink {
  background: url(../images/renewals-new/payment-link-white.png) no-repeat 0px 0px;
}

.innerdiv .fieldsdiv .breakindiv .motorRenewalTable .tablediv .table-responsive .table tr:hover td i.motorRenewal.modifyProposal {
  background: url(../images/renewals-new/modify-document-white.png) no-repeat 0px 0px;
}

.innerdiv .fieldsdiv .breakindiv .motorRenewalTable .tablediv .table-responsive .table tr:hover td i.motorRenewal.proposalPdf2 {
  background: url(../images/renewals-new/pdf-white.png) no-repeat 0px 0px;
}

.innerdiv .fieldsdiv .breakindiv .motorRenewalTable .tablediv .table-responsive .table tr:hover td i.motorRenewal.sendPdf2 {
  background: url(../images/renewals-new/email-white.png) no-repeat 0px 0px;
}

.innerdiv .fieldsdiv .breakindiv .motorRenewalTable .tablediv .table-responsive .table tr:hover td i.motorRenewal.payPremium2 {
  background: url(../images/renewals-new/premium-white.png) no-repeat 0px 0px;
}

.innerdiv .fieldsdiv .breakindiv .motorRenewalTable .tablediv .table-responsive .table tr:hover td i.motorRenewal.paymentLink2 {
  background: url(../images/renewals-new/payment-link-white.png) no-repeat 0px 0px;
}

.innerdiv .fieldsdiv .breakindiv .motorRenewalTable .tablediv .table-responsive .table tr:hover td i.motorRenewal.modifyProposal2 {
  background: url(../images/renewals-new/modify-document-white.png) no-repeat 0px 0px;
} */


/* new added end */

.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .tab-content .tab-pane .innerdiv .fieldsdiv .breakindiv .row .motorRenewalTable .nextPrevSection a.next {
  color: #cbcbcb;
  font: 600 14px/18px "Mulish";
  background: url(../images/renewals-new/next-grey.png) no-repeat right center;
  padding-right: 20px;
}



.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .tab-content .tab-pane .innerdiv .fieldsdiv .breakindiv .row .motorRenewalTable .nextPrevSection a.num {
  color: #fff;
  background: #1c5c95;
  font: 600 14px/18px "Mulish";
  padding: 4px;
}



.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .tab-content .tab-pane .innerdiv .fieldsdiv .breakindiv .row .motorRenewalTable .nextPrevSection a.prev {
  color: #cbcbcb;
  font: 600 14px/18px "Mulish";
  background: url(../images/renewals-new/prev-grey.png) no-repeat left center;
  padding-left: 20px;
}



.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .tab-content .tab-pane .innerdiv .fieldsdiv .breakindiv .row .motorRenewalTable .nextPrevSection a:hover {
  text-decoration: none;
}

.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .tab-content .tab-pane .innerdiv .fieldsdiv .breakindiv .row .motorRenewalTable .btnsGrouped a.downloadBtn {
  color: #555555;
  font: 700 14px/20px "Mulish";
  background: url(../images/renewals-new/bulk-download.png) no-repeat right center;
  padding-right: 40px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-right: 15px;
}

.mainsec .myBreakInContainer.renewalNewContainer .tabpane.renewalNew .tab-content .tab-pane .innerdiv .fieldsdiv .breakindiv .row .motorRenewalTable .btnsGrouped a.downloadBtn:hover {
  text-decoration: none;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel h3.renewalNewTableTitle {
  color: #3c3c3c;
  background: #d2dcea;
  border-radius: 0px;
  margin-bottom: 0px;
  font: 700 13px "Mulish";
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv {
  padding-top: 0px;
  border: 0px none;
  border-radius: 0px;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .table-striped tr {
  background: transparent;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .table-striped tr:nth-of-type(odd) {
  background: #f2f5f8;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .table-striped tr th {
  padding: 6px 20px;
  width: 50%;
  font: 700 12px "Mulish";
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .table-striped tr td {
  padding: 6px 20px;
  border-right: 1px solid #b7b7b7;
  width: 50%;
  font: 400 12px "Mulish";
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .no-striped tr {
  background: transparent;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .no-striped tr:nth-of-type(odd) {
  background: transparent;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .no-striped tr.rowBg2 {
  background: #84c4ff;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .no-striped tr.rowBg2 td {
  border-right: 0px none;
  font: 700 12px "Mulish";
  padding: 0.75rem 20px;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .no-striped tr.rowBg4 {
  background: #d2dcea;
  border-bottom: 5px ​solid #fff;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .no-striped tr td {
  width: auto;
  vertical-align: middle;
  padding: 0px;
  padding-left: 10px;
  /*custom checkbox*/
  /*custom checkbox*/
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .no-striped tr td.chkbox1 {
  padding: 0;
  padding-top: 5px;
  width: 50%;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .no-striped tr td.chkbox1 ul.radioul {
  list-style-type: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .no-striped tr td.chkbox1 ul.radioul.no-border li {
  border: 0px none;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .no-striped tr td.chkbox1 ul.radioul li {
  border-right: 1px solid #b7b7b7;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .no-striped tr td.chkbox1 ul.radioul li table {
  width: 100%;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .no-striped tr td.chkbox1 ul.radioul li table tr td,.renewalNewTable table tr th {
  vertical-align: middle;
  border: none;
  /* padding-left: 0px;
  padding-right: 0px; */
  display: inline-block;
  font: 600 11px "Mulish";
  padding: 5px 10px;
}

app-renewal-pdf .renewalNewTable th {
  width: inherit !important;
  padding: 5px 15px !important;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .no-striped tr td.chkbox1 ul.radioul li table tr td .radiodiv1 {
  width: 25px;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .no-striped tr td.chkbox1 ul.radioul li table tr td .radiodiv1 input,.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .no-striped tr td.chkbox1 ul.radioul li table tr th .radiodiv1 input {
  display: none;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .no-striped tr td.chkbox1 ul.radioul li table tr td .radiodiv1 input + label::before ,.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .no-striped tr td.chkbox1 ul.radioul li table tr th .radiodiv1 input + label::before {
  content: '';
  height: 15px;
  border: 0px none;
  margin-right: 0px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  display: inline-block;
  /* background-color: #ece9e9; */
  vertical-align: bottom;
  background: #fff url(../images/renewals-new/custom-checkbox1.png) no-repeat center center;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .no-striped tr td.chkbox1 ul.radioul li table tr td .radiodiv1 input:checked + label::before,.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .no-striped tr td.chkbox1 ul.radioul li table tr th .radiodiv1 input:checked + label::before {
  border-color: #3074b0;
  background: #fff url(../images/renewals-new/custom-checkbox.png) no-repeat center center;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .no-striped tr td.chkbox1 ul.radioul li table tr td .radiodiv1 label,.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .no-striped tr td.chkbox1 ul.radioul li table tr th .radiodiv1 label {
  margin: 0;
  color: #282828;
  cursor: pointer;
  font: 400 11px "Mulish";
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .no-striped tr td.chkbox1 ul.radioul li table tr td .radiodiv1 label.confirmInfo {
  color: #2a5ca0;
  font: 400 11px "Mulish";
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .no-striped tr td .cstmbtn {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .detailPanel .tablediv .no-striped tr th {
  width: 50%;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .totalPremPayableTable .detailPanel .renewalNewTableTitle {
  background: #3175b2;
  color: #fff;
  font: 700 13px "Mulish";
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .totalPremPayableTable .detailPanel .tablediv .table-striped tr {
  background: #eff6ff;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .totalPremPayableTable .detailPanel .tablediv .table-striped tr:nth-of-type(odd) {
  background: #e8f2ff;
}

/* .mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .totalPremPayableTable .detailPanel .tablediv .table-striped tr.rowBg1 {
  background: #b0d5f7;
} */

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .totalPremPayableTable .detailPanel .tablediv .table-striped tr.rowBg1 td {
  border-right: 0px none;
  font: 700 12px "Mulish";
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .totalPremPayableTable .detailPanel .tablediv .table-striped tr.rowBg2 {
  background: #84c4ff;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .totalPremPayableTable .detailPanel .tablediv .table-striped tr.rowBg2 td {
  border-right: 0px none;
  font: 700 12px "Mulish";
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .totalPremPayableTable .detailPanel .tablediv .table-striped tr.rowBg3 {
  background: #f58220;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .totalPremPayableTable .detailPanel .tablediv .table-striped tr.rowBg3 td {
  border-right: 0px none;
  color: #fff;
  font: 700 14px "Mulish";
  padding-top: 15px;
  padding-bottom: 15px;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .totalPremPayableTable .detailPanel .tablediv .table-striped tr.rowBg3 th {
  color: #fff;
  font: 700 14px "Mulish";
  padding-top: 15px;
  padding-bottom: 15px;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .totalPremPayableTable .detailPanel .tablediv .table-striped tr th {
  font: 700 12px "Mulish";
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .totalPremPayableTable .detailPanel .tablediv .table-striped tr td {
  border-right: 1px solid #b7b7b7;
  font: 400 12px "Mulish";
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .fieldsdiv {
  padding-left: 15px;
  padding-right: 15px;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .fieldsdiv.row {
  padding-bottom: 0px;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .fieldsdiv.row .form-group {
  margin-bottom: 0px;
}

.mainsec .myBreakInContainer.renewalNewContainer .innerdiv .premDetailsContainer.renewalNewTable .fieldsdiv.row .form-group input {
  font: 600 15px "Mulish";
  height: 30px;
}

/* renewal new flow ends */
@media (max-width: 1199px) {
  .modal .sendLinkModal .modal-content .form-group {
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
  .modal .sendLinkModal .modal-content .form-group ::-webkit-input-placeholder {
    text-align: center;
  }
  .modal .sendLinkModal .modal-content .form-group :-ms-input-placeholder {
    text-align: center;
  }
  .modal .sendLinkModal .modal-content .form-group ::-ms-input-placeholder {
    text-align: center;
  }
  .modal .sendLinkModal .modal-content .form-group ::placeholder {
    text-align: center;
  }
}

@media (max-width: 776px) {
  .modal .sendLinkModal .modal-content .form-group {
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
  .modal .sendLinkModal .modal-content .form-group ::-webkit-input-placeholder {
    text-align: center;
  }
  .modal .sendLinkModal .modal-content .form-group :-ms-input-placeholder {
    text-align: center;
  }
  .modal .sendLinkModal .modal-content .form-group ::-ms-input-placeholder {
    text-align: center;
  }
  .modal .sendLinkModal .modal-content .form-group ::placeholder {
    text-align: center;
  }
}

@media (min-width: 990px) and (max-width: 1199px) {
  .mainsec .myBreakInContainer .tabpane ul.nav li a {
    min-width: 153px;
  }
}

@media (min-width: 576px) and (max-width: 990px) {
  .col-sm-4,
  .col-sm-8,
  .col-sm-6 {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    max-width: 100%;
  }
  .mainsec .myBreakInContainer .accordionContainer .accordion .card .card-body .plansdiv ul li {
    width: 100%;
    margin-bottom: 20px;
  }
  .mainsec .myBreakInContainer .accordionContainer .accordion .card .card-body .plansdiv .customize {
    width: 100%;
  }
  .mainsec .myBreakInContainer .tabpane ul.nav li {
    width: 49.33%;
  }
  /* .mainsec .myBreakInContainer .tabpane ul.nav li a {
    min-width: 100%;
    width: 100%;
    border-left: solid 1px #969494;
    border-bottom: solid 1px #969494;
    margin: 0px;
  } */

  /* ui/ux changes by --monika */
  .mainsec .myBreakInContainer .tabpane ul.nav li a {
    border-left: solid 1px #969494;
    min-width: 180px;
    margin: 3px -2px;
    border-right: solid 1px #969494;
    border-top: solid 1px #969494;
  }
  .mainsec .myBreakInContainer .tab-content .innerdiv .fieldsdiv .breakindiv .colmsGrouped {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

@media (max-width: 576px) {
  .multiLanguageBox .col-8, .multiLanguageBox .col-4 {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    max-width: 100%;
    margin-bottom: 15px;
  }
  .modal .sendLinkModal .modal-content .form-group {
    margin-bottom: 20px;
    text-align: center;
  }
  .modal .sendLinkModal .modal-content .form-group ::-webkit-input-placeholder {
    text-align: center;
  }
  .modal .sendLinkModal .modal-content .form-group :-ms-input-placeholder {
    text-align: center;
  }
  .modal .sendLinkModal .modal-content .form-group ::-ms-input-placeholder {
    text-align: center;
  }
  .modal .sendLinkModal .modal-content .form-group ::placeholder {
    text-align: center;
  }
  .mainsec .ttlpremdiv table tr td {
    width: 100% !important;
  }
  /* ui/ux changes by monilka */
  .mainsec .myBreakInContainer {
    padding-top: 0px;
  }
  .mainsec .myBreakInContainer .tabpane ul.nav li {
    width: 49%;
  }
  /* .mainsec .myBreakInContainer .tabpane ul.nav li a {
    width: 100%;
    min-width: 100%;
    border-left: solid 1px #969494;
    border-bottom: solid 1px #969494;
    margin: 0px;
  } */
  /* ui/ux changes by --monika */
  .mainsec .myBreakInContainer .tabpane ul.nav li a {
  border-left: solid 1px #969494;
  min-width: 180px;
  margin: 3px -2px;
  border-right: solid 1px #969494;
  border-top: solid 1px #969494;
  }
  .mainsec .myBreakInContainer .tab-content .innerdiv .fieldsdiv .breakindiv .colmsGrouped {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .mainsec .myBreakInContainer .tab-content .innerdiv .fieldsdiv .breakindiv .tablediv .table tr td {
    font-size: 12px;
    padding: 10px;
    vertical-align: middle;
  }
  .mainsec .myBreakInContainer .tab-content .innerdiv .fieldsdiv .breakindiv .tablediv .table tr td.hiddenCstmBtns {
    width: 280px;
    display: -ms-inline-grid;
    display: inline-grid;
  }
  .mainsec .myBreakInContainer .tab-content .innerdiv .fieldsdiv .breakindiv .tablediv .table tr td.hiddenCstmBtns .cstmbtnWhite {
    width: 165px;
    margin: 0 auto 5px;
  }
  .mainsec .myBreakInContainer .tab-content .innerdiv .fieldsdiv .breakindiv .tablediv .cstmTableRows .table tr td.chkbox1 table tr td label {
    font-size: 12px;
  }
  .mainsec .myBreakInContainer .tab-content .innerdiv .fieldsdiv .breakindiv .tablediv .cstmTableRows .table tr td.chkbox1 table tr td .radiodiv1 {
    margin-right: 0px;
  }
  .mainsec .myBreakInContainer .hiddenForm .col-sm-4 {
    max-width: 100%;
    display: inline-block;
  }
  .mainsec .myBreakInContainer .radioButtonsTitle em.quoteTitle {
    position: static;
    margin-bottom: 10px;
  }
  .mainsec .myBreakInContainer .radioButtonsTitle .form-group {
    margin-left: 0px;
    display: block;
  }
  .mainsec .myBreakInContainer .radioButtonsTitle .form-group ul.radioul {
    padding-left: 0px;
  }
  .mainsec .myBreakInContainer .radioButtonsTitle .form-group ul.radioul .switchBtns .radio1 tr td label {
    font-size: 12px !important;
  }
  .mainsec .myBreakInContainer .accordionContainer .accordion .card .card-body .plansdiv ul li {
    width: 100%;
    margin-bottom: 35px;
  }
  .mainsec .myBreakInContainer .accordionContainer .accordion .card .card-body .plansdiv .customize {
    width: 100%;
  }
/* ui/ux changes by monika */
.mainsec .plansdiv ul li .netPremium {
  width: 100%;
  height: 100%;
  padding-bottom: 75px;
  border: solid 1px #c1e4ff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  position: relative;
  background-color: #e8f2ff
}

}

.swal-button {
  min-width: 100px;
  padding: 10px 25px;
  border: 0;
  margin-bottom: 2px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  display: inline-block;
  background: #357ab7;
  background: -webkit-gradient(linear, left top, right top, from(#357ab7), to(#003b6f));
  background: linear-gradient(to right, #357ab7 0%, #003b6f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#357ab7', endColorstr='#003b6f',GradientType=1 );
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25);
  color: #fff;
  font: 600 16px "Mulish";
  outline: 0 !important;
  text-decoration: none;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
}

.swal-button:hover {
  background: #003b6f;
  background: -webkit-gradient(linear, left top, right top, from(#003b6f), to(#357ab7));
  background: linear-gradient(to right, #003b6f 0%, #357ab7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b6f', endColorstr='#357ab7',GradientType=1 );
  text-decoration: none;
}




.content-desktop {display: block;}
.content-mobile {display: none;}

.content-desktop-vehicle{display: table;}
.content-mobile-vehicle{display: none;}

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

.content-desktop {display: none;}
.content-mobile {display: block;}

.content-desktop-vehicle{display: none;}
.content-mobile-vehicle{display: table;}

.mainsec .tablediv table tr th{
  font: 400 12px "Mulish";
}
.mainsec .tablediv table tr td{
  font: 700 12px "Mulish";
}
.mainsec .tablediv table tr td, .mainsec .tablediv table tr th{
  padding: 8px 10px;
}

.additionalCovers{
  margin-left: 30px;
  width: 90%;
}
.addon-wrapper{
  margin-top: 0;
}


}


/* send link modal */
.sendLinkModalInline {
  padding: 10px;
  /* padding-bottom: 0px; */
  border-radius: 10px;
}

.v-align{
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sendLinkModalInline .form-group {
  margin-bottom: 0px;
}

.sendLinkModalInline .form-group ::-webkit-input-placeholder {
  color: #282828 !important;
}

.sendLinkModalInline .form-group :-ms-input-placeholder {
  color: #282828 !important;
}

.sendLinkModalInline .form-group ::-ms-input-placeholder {
  color: #282828 !important;
}

.sendLinkModalInline .form-group ::placeholder {
  color: #282828 !important;
}

.sendLinkModalInline button.close {
  position: relative;
  top: -10px;
  right: 0px;
  z-index: 10;
}

.sendLinkModalInline .sendLinkBox .iconBox {
  background: #eaeaea;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 5px;
  /* margin-bottom: 10px; */
  width: 75px;
  margin: 7px auto;
}


.sendLinkModalInline .sendLinkBox span {
  color: #6e6e6e;
  font: 600 14px "Mulish";
}

.sendLinkModalInline .form-control {
  height: 38px;
  padding-left: 0;
  border: 0;
  border-bottom: 1px solid #ededed;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  box-shadow: 0 0 0 0;
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  color: #282828;
  font: 600 17px "Mulish";
}

.sendLinkModalInline .cstmbtn {
  min-width: 100px;
}

/* send link modal ends */
@media (max-width: 1199px) {
  .sendLinkModalInline .form-group {
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
  .sendLinkModalInline .form-group ::-webkit-input-placeholder {
    text-align: center;
  }
  .sendLinkModalInline .form-group :-ms-input-placeholder {
    text-align: center;
  }
  .sendLinkModalInline .form-group ::-ms-input-placeholder {
    text-align: center;
  }
  .sendLinkModalInline .form-group ::placeholder {
    text-align: center;
  }
}

@media (max-width: 776px) {
  .sendLinkModalInline .form-group {
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
  .sendLinkModalInline .form-group ::-webkit-input-placeholder {
    text-align: center;
  }
  .sendLinkModalInline .form-group :-ms-input-placeholder {
    text-align: center;
  }
  .sendLinkModalInline .form-group ::-ms-input-placeholder {
    text-align: center;
  }
  .sendLinkModalInline .form-group ::placeholder {
    text-align: center;
  }
}
/* QC cases Dashboard Styling starts */
.mainsec .myBreakInContainer .tabpane .qccasesContainer .radioButtonsTitle {
  position: relative;
}

.mainsec .myBreakInContainer .tabpane .qccasesContainer .radioButtonsTitle .floatingDownloadBtn {
  position: absolute;
  top: 20%;
  right: 5px;
  display: block;
  padding-right: 40px;
  background: url(../images/QC-cases/icon-download.png) no-repeat 97% center;
  color: #555;
  font: 600 14px/20px "Mulish";
  padding-top: 5px;
  padding-bottom: 5px;
}

.mainsec .myBreakInContainer .tabpane .qccasesContainer .radioButtonsTitle .floatingDownloadBtn:hover {
  text-decoration: none;
}

.mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .staticForm input {
  font-weight: bold;
}

.mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .tablediv {
  border: 0px solid #eaeaea;
}

.mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .tablediv .table-responsive {
  overflow-x: hidden;
}

.mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .tablediv .table-responsive .table tr {
  text-align: center;
}

.mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .tablediv .table-responsive .table tr th {
  width: 25%;
  background: #f0f0f0;
  color: #1c1c1c;
  font: 900 14px/20px "Mulish";
  padding: 20px 10px 20px 10px;
  vertical-align: middle;
  text-align: center;
}

.mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .tablediv .table-responsive .table tr td {
  width: auto;
  vertical-align: middle;
  border-top: 2px solid #eaeaea;
  border-right: 2px solid #eaeaea;
  /* custom file input starts */
  /*when a value is selected, this class removes the content */
  /* custom file input ends */
}

.mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .tablediv .table-responsive .table tr td .icon-upload {
  width: 29px;
  height: 29px;
  border: red;
  background: url(../images/QC-cases/icon-upload.png) no-repeat center center/29px;
  display: inline-block;
  cursor: pointer;
}

.mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .tablediv .table-responsive .table tr td .icon-view-document {
  width: 29px;
  height: 29px;
  background: url(../images/QC-cases/icon-view-document.png) no-repeat center center/29px;
  display: inline-block;
  cursor: pointer;
}

.mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .tablediv .table-responsive .table tr td #customFile-docupload .custom-file-input-docupload:lang(en)::after {
  content: "Select file...";
}

.mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .tablediv .table-responsive .table tr td #customFile-docupload .custom-file-input-docupload:lang(en)::before {
  content: "Click me";
}

.mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .tablediv .table-responsive .table tr td .custom-file-input-docupload.selected:lang(en)::after {
  content: "" !important;
}

.mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .tablediv .table-responsive .table tr td .custom-file-docupload {
  overflow: hidden;
  width: 29px;
  height: 29px;
}

.mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .tablediv .table-responsive .table tr td .custom-file-docupload .custom-file-label-docupload {
  border: 0px none;
  font-size: 0px;
  padding: 0;
  margin: 0;
  width: 29px;
  height: 29px;
  background: url(../images/QC-cases/icon-upload.png) no-repeat center center/29px;
  display: inline-block;
  cursor: pointer;
  z-index: 0;
}

.mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .tablediv .table-responsive .table tr td .custom-file-docupload .custom-file-label-docupload::after {
  background-color: transparent;
}

.mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .tablediv .table-responsive .table tr td .custom-file-input-docupload {
  white-space: nowrap;
  display: none;
}

.mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .tablediv .table-responsive .table tr .chkbox1 input {
  display: none;
}

.mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .tablediv .table-responsive .table tr .chkbox1 input + label::before {
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  display: inline-block;
  background-color: #ece9e9;
  vertical-align: bottom;
  border: 1px solid #1c5c95;
}

.mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .tablediv .table-responsive .table tr .chkbox1 input:checked + label::before {
  background: #1c5c95 url(../images/tick.png) no-repeat center center;
}

.mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .tablediv .table-responsive .table tr .chkbox1 label {
  margin: 0;
  color: #282828;
  cursor: pointer;
  font: 400 11px "Mulish";
}

.ViewDocumentModal .no-border-bottom {
  border-bottom: 0px none !important;
}

.ViewDocumentModal .modal-dialog {
  max-width: 414px;
  margin: 1.75rem auto;
}

.ViewDocumentModal .modal-dialog .modal-content {
  border-radius: 10px;
}

.ViewDocumentModal .modal-dialog .modal-content .modal-header .modal-title {
  margin: 0 auto;
  width: 100%;
  color: #000;
  font: 600 16px/24px "Mulish";
}

.ViewDocumentModal .modal-dialog .modal-content .modal-header .modal-header .close {
  position: absolute;
  top: 10px;
  right: 15px;
}

.ViewDocumentModal .modal-dialog .modal-content .modal-body .uploadedListItmes {
  margin-left: 25px;
}

.ViewDocumentModal .modal-dialog .modal-content .modal-body .uploadedListItmes ul {
  padding-left: 0px;
}

.ViewDocumentModal .modal-dialog .modal-content .modal-body .uploadedListItmes ul li {
  position: relative;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  /* spinner css */
  /* spinner css */
  /*custom file input css*/
  /*custom file input css*/
}

.ViewDocumentModal .modal-dialog .modal-content .modal-body .uploadedListItmes ul li::before {
  content: "\2022";
  color: #18548a;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  font-size: 30px;
  position: absolute;
  top: -3px;
  left: 10px;
}

.ViewDocumentModal .modal-dialog .modal-content .modal-body .uploadedListItmes ul li i {
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
}

.ViewDocumentModal .modal-dialog .modal-content .modal-body .uploadedListItmes ul li .icon-checked-green {
  background: url(../images/QC-cases/Checked-in-Circle-Green.png) no-repeat bottom center/30px;
}

.ViewDocumentModal .modal-dialog .modal-content .modal-body .uploadedListItmes ul li .icon-upload {
  background: url(../images/QC-cases/icon-upload.png) no-repeat bottom center/30px;
}

@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.ViewDocumentModal .modal-dialog .modal-content .modal-body .uploadedListItmes ul li .spinner:before {
  content: '';
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 33%;
  left: 30%;
  width: 30px;
  height: 30px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 4px solid #ccc;
  border-top-color: #18548a;
  -webkit-animation: spinner .6s linear infinite;
          animation: spinner .6s linear infinite;
}

.ViewDocumentModal .modal-dialog .modal-content .modal-body .uploadedListItmes ul li .custom-file-docupload {
  overflow: hidden;
  width: 29px;
  height: 29px;
  position: absolute;
  top: 27%;
  right: 10px;
}

.ViewDocumentModal .modal-dialog .modal-content .modal-body .uploadedListItmes ul li .custom-file-docupload .custom-file-label-docupload {
  border: 0px none;
  font-size: 0px;
  padding: 0;
  margin: 0;
  width: 29px;
  height: 29px;
  background: url(../images/QC-cases/icon-upload.png) no-repeat center center/29px;
  display: inline-block;
  cursor: pointer;
  z-index: 0;
}

.ViewDocumentModal .modal-dialog .modal-content .modal-body .uploadedListItmes ul li .custom-file-docupload .custom-file-label-docupload::after {
  background-color: transparent;
}

.ViewDocumentModal .modal-dialog .modal-content .modal-body .uploadedListItmes ul li .custom-file-input-docupload {
  white-space: nowrap;
  display: none;
}

.loginQCcasesContainer .logindiv .wrapper {
  width: 364px;
  margin: 50px auto 20px;
  padding-top: 10px;
}

.loginQCcasesContainer .logindiv .wrapper .welcomeTxt {
  color: #464646;
  font: 700 18px/26px "Mulish";
}

.loginQCcasesContainer .logindiv .wrapper .innerdiv {
  border-radius: 10px;
  border: solid 1px #f2f2f2;
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  padding: 15px;
}

.loginQCcasesContainer .logindiv .wrapper .innerdiv .fieldsdiv .form-group {
  position: relative;
}

.loginQCcasesContainer .logindiv .wrapper .innerdiv .fieldsdiv .form-group .login-icon {
  width: 13px;
  height: 18px;
  position: absolute;
  left: 10px;
  top: 7px;
  display: inline-block;
}

.loginQCcasesContainer .logindiv .wrapper .innerdiv .fieldsdiv .form-group .icon-user {
  background: url(../images/QC-cases/icon-user.png) no-repeat bottom center/10px;
}

.loginQCcasesContainer .logindiv .wrapper .innerdiv .fieldsdiv .form-group .icon-lock {
  background: url(../images/QC-cases/icon-lock.png) no-repeat bottom center/10px;
}

/* .icon-checked-green {
  background: url(../images/QC-cases/Checked-in-Circle-Green.png) no-repeat bottom center/30px;
} */

.mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .tablediv .table-responsive .table tr td .icon-checked-green{
  /* background: url(../images/QC-cases/Checked-in-Circle-Green.png) no-repeat bottom center/30px; */
  width: 29px;
  height: 29px;
  background: url(../images/QC-cases/Checked-in-Circle-Green.png) no-repeat center center/29px;
  display: inline-block;
  cursor: pointer;
}

.loginQCcasesContainer .logindiv .wrapper .innerdiv .fieldsdiv .form-group .form-control {
  height: 37px;
  padding-left: 40px;
  border: 1px solid #ebebeb;
  margin: 0 0 6px;
  border-radius: 4px;
  color: #777777;
  font-style: normal;
  font: 300 14px "Mulish";
}

.loginQCcasesContainer .logindiv .wrapper .innerdiv .fieldsdiv .form-group .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.loginQCcasesContainer .logindiv .wrapper .innerdiv .fieldsdiv .rememberme label {
  color: #bf0000;
  font: 400 8px/11px "Mulish";
}

@media (max-width: 400px) {
  .mobBtn .cstmbtn {
    width: 100%;
  }
  .mainsec .fieldsdiv ul.radioul {
    padding: 0;
    padding-top: 15px;
    margin: 0px !important;
  }
  .loginQCcasesContainer .logindiv .wrapper {
    width: 100%;
    margin: 50px auto 20px;
  }
}

@media (max-width: 767px) {
  .mob100 .col-lg-3 {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .mainsec .myBreakInContainer .tabpane .qccasesContainer .radioButtonsTitle .floatingDownloadBtn {
    position: static;
    max-width: 150px;
    margin: 0 auto;
    margin-top: 10px;
  }
}

@media (max-width: 995px) {
  .mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .tablediv .table-responsive {
    overflow-x: scroll;
  }
  .mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .mobBtn {
    text-align: center !important;
  }
  .mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .mobBtn .cstmbtn {
    margin: 0 auto;
  }
}

/* QC cases Dashboard Styling ends */

/* Premium Breakup CSS */

 .premPlanSidebarContent {
  background: #fff;
}

 .premPlanSidebarContent .premPlanSidebarHeader {
  border-bottom: solid 1px #b02a30;
  width: 100%;
  text-align: center;
  padding: 10px;
}

.premPlanSidebarContent .premPlanSidebarHeader a.premPlanILlogo {
  width: 182px;
  height: 37px;
  display: inline-block;
}

 .premPlanSidebarContent .premPlanSidebarHeader a.premPlanILlogo img {
  width: 100%;
}

 .premPlanSidebarContent .premPlanMainContent {
  width: 100%;
  /* padding: 25px 40px; */
}

 .premPlanSidebarContent .premPlanMainContent .premPlanMainTitle {
  color: #114f86;
  font: 700 18px "Mulish";
  text-align: center;
  margin-bottom: 20px;
}

 .premPlanSidebarContent .premPlanMainContent .premPlanTableTitle {
  color: #fff;
  font: 500 14px "Mulish";
  background: #04447e;
  padding: 13px 10px 13px 30px;
  margin-bottom: 10px;
}

 .premPlanSidebarContent .premPlanMainContent .premPlanTableTitle span {
  display: inline-block;
  width: 93%;
}

 .premPlanSidebarContent .premPlanMainContent .premPlanTableDiv {
  margin-right: 0px;
  margin-left: 0;
  position: relative;
}

 .premPlanSidebarContent .premPlanMainContent .premPlanTableDiv .table-responsive {
  border-radius: 12px;
  /* background: #fff4eb; */
  margin-bottom: 20px;
}

 .premPlanSidebarContent .premPlanMainContent .premPlanTableDiv .table-responsive .table-striped tbody tr:nth-of-type(odd) {
  /* background-color: #fff4eb; */
  background-color: #edf5ff;
}

 .premPlanSidebarContent .premPlanMainContent .premPlanTableDiv .table-responsive .table-striped {
  /* border-left: 4px solid #fff4eb;
  border-right: 4px solid #fff4eb;
  border-bottom: 8px solid #fff4eb; */
  border-left: 4px solid #edf5ff;
  border-right: 4px solid #edf5ff;
  border-bottom: 8px solid #edf5ff;
  margin-bottom: 0px;
}

 .premPlanSidebarContent .premPlanMainContent .premPlanTableDiv .table-responsive .table-striped tr td {
  padding: 0;
  padding-left: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #fff;
  color: #484848;
  font: 500 14px/30px "Mulish";
}

 .premPlanSidebarContent .premPlanMainContent .premPlanTableDiv .table-responsive .table-striped tr th {
  padding: 0;
  padding-left: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #fff;
  color: #484848;
  font: 700 14px/30px "Mulish";
}

 .premPlanSidebarContent .premPlanMainContent .premPlanTableDiv .table-responsive .table-striped tr .lastTD {
  color: #04447e;
  font: 500 14px/30px "Mulish";
}

 .premPlanSidebarContent .premPlanMainContent .premPlanTableDiv .table-responsive .table-striped tr .lastTH {
  color: #04447e;
  font: 700 14px/30px "Mulish";
}

 .premPlanSidebarContent .premPlanMainContent .premPlanTableDiv .table-responsive .table-striped .bgWhite {
  background: #fff;
}

 .premPlanSidebarContent .premPlanMainContent .premPlanTableDiv .table-responsive .scheduleTable {
  /* border-top: 40px solid #fff4eb; */
  border-top: 40px solid #d5e5f5;

}

 .premPlanSidebarContent .premPlanMainContent .premPlanTableDiv .table-responsive .no-border tr td {
  border-top: 0px none;
}

 .premPlanSidebarContent .premPlanMainContent .premPlanTableDiv .table-responsive .no-border tr th {
  border-top: 0px none;
}

 .premPlanSidebarContent .premPlanMainContent .premPlanTableDiv .table-responsive .totalPremTable {
  border-left: 4px solid #edf5ff;
  border-right: 4px solid #edf5ff;
  border-bottom: 0px solid #edf5ff;
}

 .premPlanSidebarContent .premPlanMainContent .premPlanTableDiv .table-responsive .totalPremTable tbody tr:nth-of-type(odd) {
  background-color: #edf5ff;
}

 .premPlanSidebarContent .premPlanMainContent .premPlanTableDiv .floatedNote {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  /* background: #fdddc5; */
  background: #d5e5f5;
  color: #484848;
  font: 700 14px "Mulish";
  z-index: 1;
  border-radius: 5px;
  padding: 10px;
}

.mainsec .premPlanSidebar .nysa_sidebar_content .nysa_premPlanOpenbtn button {
  min-width: auto;
}

@media (max-width: 576px) {
  .mainsec .premPlanSidebar {
    width: 100%;
  }
   .premPlanSidebarContent .premPlanSidebarHeader {
    text-align: left;
    margin-left: 15px;
  }
   .premPlanSidebarContent .premPlanMainContent .premPlanMainTitle {
    font: 700 15px "Mulish";
  }
   .premPlanSidebarContent .premPlanMainContent .premPlanTableTitle span {
    font: 500 13px "Mulish";
    text-align: left !important;
  }
   .premPlanSidebarContent .premPlanMainContent .premPlanTableDiv .col-lg-6 {
    padding-right: 0px;
  }
  .mainsec .proposalContainer .innerdiv .premDetailsContainer .totalPremPayableTable {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.nysa_closebtn {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 100;
  width: 37px;
  height: 37px;
  border-radius: 50px;
  min-width: auto;
  background: -webkit-gradient(linear, left top, right top, from(#357ab7), to(#003b6f));
  background: linear-gradient(to right, #357ab7 0%, #003b6f 100%);
}

 .nysa_closebtn i.icon-close-white {
  background: #1c5c95 url(../images/premium-plan-sidebar/icon-close-white.png) no-repeat center center;
  display: inline-block;
  width: 10px;
  height: 12px;
}

.nysa_sendPDFbtn {
  position: absolute;
  top: 10px;
  right: 50px;
  z-index: 100;
}

.mat-expansion-panel-spacing{
  margin: 0px !important;
  /* ui/ux changes by monika */
  top: 0px!important;
}

.checklabel{
  color: #1c5c95 !important;
  margin: 0px !important;
  font:700 16px "Mulish" !important;
  -webkit-border-radius: 10px !important;
}

.mat-expansion-panel-body{
  padding: 0px 10px 16px !important;
}

.fixed-top{
  z-index: 1050 !important;
}

/* Premium breakup css End */

/* all risk modal */
.allRiskEBModal {
  border-radius: 10px;
}

.allRiskEBModal .modal-lg {
  max-width: 460px;
}

.allRiskEBModal .modal-lg .modal-content {
  border-radius: 10px;
}

.allRiskEBModal .modal-lg .modal-content .cstmTxt {
  color: #2f2f2f;
  font: 600 12px/16px "Mulish";
}

.SendPaymentLinkModal .no-border-bottom {
  border-bottom: 0px none !important;
}

.SendPaymentLinkModal .modal-dialog {
  max-width: 515px;
  margin: 1.75rem auto;
}

.SendPaymentLinkModal .modal-dialog .modal-content {
  border-radius: 10px;
}

.SendPaymentLinkModal .modal-dialog .modal-content .modal-header {
  border-bottom: 0px none;
}

.SendPaymentLinkModal .modal-dialog .modal-content .modal-header .modal-title {
  margin: 0 auto;
  color: #000;
  font: 600 16px/24px "Mulish";
  position: relative;
}

.SendPaymentLinkModal .modal-dialog .modal-content .modal-header .modal-title.titleBlue {
  color: #1a4d86;
}

.SendPaymentLinkModal .modal-dialog .modal-content .modal-header .modal-header .close {
  position: absolute;
  top: 10px;
  right: 15px;
}

.SendPaymentLinkModal .modal-dialog .modal-content .modal-body .fieldsdiv .form-group .form-control {
  height: 38px;
  padding-left: 0;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #b6b4b4;
}

/* all risk modal ends */

.html2canvas-container { width: 1450px !important; height: 2000px !important; padding: 10px !important; }
/*# sourceMappingURL=style.css.map */

/* ui/ux changes by monika */
@media (min-width: 1440px) {
  #menuToggle input span {
    display: none;
  }
}

@media (max-width: 476px) {
  .mainsec .myBreakInContainer .tabpane .nav {
    display: none;
  }
  .mainsec .myBreakInContainer .tabpane .qccasesContainer .radioButtonsTitle .form-group {
    margin-left: 0px;
  }
  #menu {
    top: 90px;
    width: 310px;
    margin: -115px 0px -9px 0;
    padding: 13px;
    padding-top: 13px;
  }
  /* ui/ux changes by monika */
  /* .text_right .multiSelectContainer {
    display: none;
  } */

  /* ui/ux change by monika */
  .multiSelectContainer .multiSelectOptions_1 {
    display: none;
  }

  .multiSelectContainer .customSelect_2 {
    display: none!important;
  }

}

.side_bar {
  display: block;
  width: 50%;
  padding-bottom: 54px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  z-index: 1032;
  background-color: #ffffff;
  box-shadow: 0 10px 10px 0 #0000001a;
  -webkit-box-shadow: 0 10px 10px 0 #0000001a;
  -moz-box-shadow: 0 10px 10px 0 #0000001a;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: left 0.3s cubic-bezier(0.99, 0.03, 0.58, 1);
  -webkit-transition: left 0.3s cubic-bezier(0.99, 0.03, 0.58, 1);
  -moz-transition: left 0.3s cubic-bezier(0.99, 0.03, 0.58, 1);
}

.side_bar .deletebtn {
  width: 385px;
  height: 60px;
  margin: 0 0 14.3px;
  padding: 15px 15px 25px 241px;
  background-color: #efefef;
}

.side_bar .deletebtn a {
  right: 17px;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #1c5c95;
  padding: 10px 20px;
  top: 7px;
}

.side_bar ul {
  padding-left: 0;
  margin-bottom: 100px;
  list-style-type: none;
}

.side_bar ul li {
  margin-bottom: 15px;
}

.side_bar ul li a {
  padding: 10px 5px 10px 55px;
  border-radius: 18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  display: block;
  position: relative;
  color: #1c5c95;
  font: 700 15px/15px "Mulish";
}

.side_bar ul li:hover a,
.side_bar ul li.active a {
  text-decoration: none;
  width: 314px;
  height: 49px;
  margin: 15px 3.5px 15px 20px;
  padding: 15px 20.5px 15px 28.5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #fff !important;
  background-color: #1c5c95;
}

.side_bar ul .navbar_line {
  width: 80%;
  size: 3;
  color: #1c5c95;
  padding: 1px 8px;
  margin: 1px 5px;
  position: absolute;
  left: 25px;
  right: 25px;
}

#menuToggle {
  display: block;
  position: fixed;
  top: 25px;
  right: 16px;
  z-index: 1130;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}

#menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  -webkit-touch-callout: none;
}

#menuToggle span {
  display: block;
  width: 28px;
  height: 3px;
  margin-bottom: 5px;
  position: relative;
  background: #fff;
  border-radius: 3px;
  z-index: 1;
  -webkit-transform-origin: 4px 0px;
          transform-origin: 4px 0px;
  -webkit-transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

#menuToggle span:first-child {
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
  -webkit-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span {
  opacity: 1;
  -webkit-transform: rotate(45deg) translate(-2px, -1px);
          transform: rotate(45deg) translate(-2px, -1px);
  background: #1c5c95;
}

#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  -webkit-transform: rotate(0deg) scale(0.2, 0.2);
          transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2) {
  opacity: 1;
  -webkit-transform: rotate(-45deg) translate(0, -1px);
          transform: rotate(-45deg) translate(0, -1px);
}

#menu {
  position: absolute;
  width: 300px;
  padding: 50px;
  padding-top: 45px;
  right: -100px;
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

#menuToggle input:checked ~ ul {
  -webkit-transform: none;
          transform: none;
  opacity: 1;
}

.multiSelectContainer .icon-multiSelect_1 {
  width: 117px;
  height: 30px;
  display: inline-block;
  background: #e872231f url(../images/sidebar/icon-multilanguage.png) no-repeat center center;
  position: absolute;
  left: -33px;
  /* top: -3px; */
  z-index: -5;
}

.multiSelectContainer .customSelect_1 {
  background: #eb752314;
  display: inline-block;
  border-radius: 6px;
  padding-left: 100px; /*Change CSS due to Wifi icon*/
  /* margin-top: 12px; */
  /* margin-top: 20px; */
}

.multiSelectContainer .customSelect_1 a {
  position: relative;
  background-color: #e77123;
  border-radius: 30px;
}

.multiSelectContainer .customSelect_1 select {
  border-radius: 6px;
  /* border: 1px solid #1c5c95; */
  width: 84px;
  height: 30px;
  border: solid 1px #fa8026;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  color: #ffffff;
  font: 400 13px "Mulish";
  background-color: #ff862652;
}

.multiSelectContainer .multiSelectOptions_1 {
  float: right;
  /* padding: 7px 15px; */
  padding: 0 15px;
  /* margin-top: 17px; */
}

.multiSelectContainer .multiSelectOptions_1 a {
  display: inline-block;
  background-color: #e36c24;
  border-radius: 20px;
}

.multiSelectContainer .multiSelectOptions_1 a i {
  width: 39px;
  height: 24px;
  display: inline-block;
  margin-top: 5px;
}

.multiSelectContainer .multiSelectOptions_1 a .icon-settings {
  background: url(../images/sidebar/icon-settings.png) no-repeat center center;
}
 /* ui/ux changes bt monika */
a .icon-logout {
  background: url(../images/sidebar/icon-logout.png) no-repeat center center;
}

.multiSelectContainer .clear {
  clear: both;
  font-size: 0px;
  line-height: 0px;
  display: block;
}

.multiSelectContainer .select {
  width: 84px;
  height: 30px;
  border: solid 1px #d0d0d0;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  color: #707070;
  font: 400 13px "Mulish";
}

.multiSelectContainer .social_icon {
  width: 117px;
  height: 30px;
  display: inline-block;
  background: #e872231f url(../images/sidebar/icon-social.png) no-repeat center center;
  position: absolute;
  left: -32px;
  /* top: -2px; */
}

.multiSelectContainer .customSelect_2 {
  background: #eb752314;
  display: inline-block;
  border-radius: 6px;
  padding-left: 32px;
  /* margin-top: 12px; */
  /* margin-top: 20px; */
}

.multiSelectContainer .customSelect_2 a {
  position: relative;
}

.multiSelectContainer .customSelect_2 p {
  color: #ffffff;
  font-size: 13px;
  padding: 4px 6px;
}

.multiSelectContainer .customSelect_2.network{
  border: 1px solid #f77f25;
    padding: 1px 3px 0px;
    display: inline-flex;
}

.text_left {
  float: left;
}

.multlisecpad {
  margin-left: 232px;
}

.text_right {
  float: right;
}

@media screen and (min-width: 768px) {
  nav {
    display: none !important;
  }

  pagination-controls pagination-template nav {
    display: block !important;
  }
  .mobileview nav {
    display: none;
  }
}

@media (min-width: 768px) {
  .multlisecpad {
    margin-left: -107px;
  }
}

@media (min-width: 1024px) {
  .multlisecpad {
    margin-left: 13px;
  }
}

.mobileview .nav {
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  overflow: hidden;
  vertical-align: top;
}

.mobileview .nav a {
  width: 130px;  /* ui/ux changes by monika */
  height: 50px;
  padding: 10px 5px 20px;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  background-color: #fff;
  color: #1c5c95;
  font: 700 16px "Mulish";
  text-align: center;
  border-left: 1px solid #1c5c95;
  border-right: 1px solid #1c5c95;
  border-top: 1px solid #1c5c95;
}

.mobileview .nav a.active {
  background-color: #1c5c95;
  color: #fff;
}

.breadcrumsec .freebox {
  width: 100%;
  height: 10vh;
  background-color: #fff;
  padding-bottom: 30px;
}

@media (max-width: 425px) {
  .freebox {
    display: none;
  }
  .topspace {
    padding-top: 0px;
  }
}

.topspace {
  padding-top: 30px;
}

@media (max-width: 425px) {
  .topspace {
    padding-top: 0px;
  }
}

@media (max-width: 768px) {
  .mainsec .myBreakInContainer .tabpane ul.nav li a {
    min-width: 20px !important;
    font-size: 14px;
  }
}

/* ui/ux changes by monika */
.mainsec .new_plansdiv ul li:last-child {
width: 28%;
}

@media (max-width: 575px) {
  .mainsec .new_plansdiv ul li:last-child {
    width: 100%;
    }
}
@media (min-width:576px) and (max-width: 768px){
  .mainsec .plansdiv ul li {
    width: 100%;
  }
  .mainsec .new_plansdiv ul li:last-child {
      width: 100%;
  }

  .multiSelectContainer .customSelect_1 {
        background: #eb752314;
        display: inline-block;
        border-radius: 6px;
        padding-left: 94px;
        /* margin-top: 12px; */
  }

  .mainsec .fieldsdiv ul.radioul {
    padding: 0;
    padding-top: 0px;
    margin: 0px !important;
  }
}

@media (min-width:769px) and (max-width: 1199px){

    .mainsec .new_plansdiv ul li:last-child {
      width: 26%;
      }

    .multiSelectContainer .customSelect_1 {
        background: #eb752314;
        display: inline-block;
        border-radius: 6px;
        padding-left: 94px;
        /* margin-top: 12px; */
      }
}

@media (max-width: 570px){
  .webDisplay{
    display: none;
  }

}


.mobileDisplay {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.mobileDisplay .customLag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  position: relative;
  margin-top: 10px;
  margin-left: 5px;
}

.mobileDisplay .customLag:is(select, button) {
  border: 1px solid #000;
}

.mobileDisplay .customLag:focus select {
  border: 1px solid red;
}

.mobileDisplay .customLag:focus-within select {
  -webkit-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
  width: 90px;
}

.mobileDisplay .customLag .select__btn {
  width: 35px;
  height: 33px;
  background: url(../images/language.svg) no-repeat center center;
  display: -ms-grid;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid #db6126;
  cursor: pointer;
}

.mobileDisplay .customLag .select__lang {
  font: 400 12px "Mulish";
  text-align: center;
  position: absolute;
  left: 34px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f58220), to(#b02a30));
  background: linear-gradient(to bottom, #f58220, #b02a30);
  color: #fff;
  outline: none;
  border: none;
  padding: 0;
  width: 0;
  height: 35px;
  border-radius: 30px;
  white-space: nowrap;
  overflow: hidden;
  z-index: 10;
}

.mobileDisplay .customLag .select__lang option {
  width: 46px;
  height: 18px;
  line-height: 1.5;
  font: 400 12px "Mulish";
  text-align: left;
  /* color: #fff; */
  background-color: #fff;
  border-radius: 30px;
  border: 1px solid red;
  color: #004a80;
}

.mobileDisplay .customLag .select__lang option.select_option {
  color: #004a80;
  background: #fff;
}

.customSocial .social__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.customSocial .social__btn .icon_social {
  background: url(../images/social.svg) no-repeat center center;
}

.dropdown_c {
  position: relative;
  margin: 15px 4px 7px;
}

.selected span {
  width: 25px;
  border-radius: 5px;
  padding: 10px 15px;
  margin: 0;
}

.selected span.icon_setting {
  background: url(../images/setting.svg) no-repeat center center;
  width: 30px;
  height: 30px;
}

.selected span.icon_social {
  background: url(../images/social.svg) no-repeat center center;
  width: 30px;
  height: 30px;
}

.selected span.lang {
  background: url(../images/language.svg) no-repeat center center;
  width: 30px;
  height: 30px;
}

.drop-content {
  position: relative;
}

.drop-content ul {
  position: absolute;
  left: -90px;
  top: 5px;
  display: none;
  list-style: none;
  width: 117px;
  background: #FFF;
  border-top: 0;
  border-radius: 9px;
  border: 1px solid #f58220;
  padding-top: 3px;
}

.drop-content ul li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 2px;
  text-decoration: none;
  font: 400 12px "Mulish";
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #004a80;
}

.drop-content ul li span:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #004a80;
  border-left: 5px solid #004a80;
}

@media (min-width : 571px){
  .mobileDisplay{
    display: none;
  }

}





.mainsec .plansdiv ul li .plan.recomended.economyPlan .title table {
  background-image: linear-gradient(89deg, #b22d2e 2%, #f48020 100%);
}

.mainsec .plansdiv ul li .plan.recomended.economyPlan h2 {
  border-radius: 7px;
  background-color: #f2f2f2;
  padding: 10px;
  color: #1c5c95;
}

.mainsec .plansdiv ul li .plan.TelematicsPlan .title table {
  /* background-image: linear-gradient(99deg, #f48020 2%, #b12b2f 100%); */
}

.mainsec .plansdiv ul li .plan.TelematicsPlan .title table tr td:first-child {
  color: #fff;
}

.mainsec .plansdiv ul li .plan.TelematicsPlan h2 {
  border-radius: 7px;
  background-color: #f2f2f2;
  padding: 10px;
  color: #1c5c95;
}

.mainsec .plansdiv ul li .plan.RecommendedPlan .title table {
  background-color: #e2e2e2;
}

/* .mainsec .plansdiv ul li .plan.RecommendedPlan .title table tr td:first-child {
  color: #fff;
} */

.mainsec .plansdiv ul li .plan.RecommendedPlan h2 {
  border-radius: 7px;
  background-color: #f2f2f2;
  padding: 10px;
  color: #1c5c95;
}

.mainsec .plansdiv ul li .plan .contdiv table.covers.PremiumCovers tr th {
  font: 700 14px "Mulish";
  color: #000;
}

.mainsec .plansdiv ul li .plan .contdiv table.covers.PremiumCovers tr td:last-child {
  text-align: left;
  border: none;
}

.mainsec .plansdiv ul li .plan .contdiv .text-center a {
  font: 500 12px "Mulish";
  color: #ff8626;
  text-decoration: underline;
}

.mainsec .plansdiv ul li .netPremium.ProposalnetPrem table tr th {
  padding: 5px 5px 5px;
}

.mainsec .plansdiv ul li .netPremium.ProposalnetPrem table tr th .bgPremTitle {
  background-color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
}

.mainsec .plansdiv ul li .netPremium.ProposalnetPrem table tr td {
  padding: 7px 10px;
  color: #1c5c95;
  font: 600 12px "Mulish";
}

.mainsec .plansdiv ul li .netPremium.ProposalnetPrem table tr td:last-child {
  font: 500 12px "Mulish";
  color: #000;
}

.mainsec  .plansdiv.plansize ul li {
  width: 24%;
}

@media (max-width: 576px) {
  .mainsec  .plansdiv.plansize ul li {
    width: 100%;
  }
}

@media (min-width: 577px) and (max-width: 990px) {
  .mainsec  .plansdiv.plansize ul li {
    width: 48%;
  }
  .mainsec  .plansdiv.plansize ul li .plan .buynow {
    font: 700 11px "Mulish";
  }
}

.contdiv .PremiumCovers.discountable {
  margin-bottom: 0px !important;
}

.contdiv .PremiumCovers.discountable tr td {
  padding: 2px 0px !important;
}

.contdiv .PremiumCovers.discountable tr td label {
  font: 800 12px "Mulish";
}

@media (max-width: 990px) {
  .contdiv .PremiumCovers.discountable {
    margin-bottom: 0px !important;
  }
  .contdiv .PremiumCovers.discountable tr td {
    padding: 2px 0px !important;
  }
  .contdiv .PremiumCovers.discountable tr td label {
    font: 800 12px "Mulish";
  }
  .contdiv .PremiumCovers.discountable tr td li {
    margin-bottom: 2px !important;
  }
}

.mainsec .plansdiv ul li .plan.TelematicsPlan .title table {
  /* background-image: linear-gradient(99deg, #f48020 2%, #b12b2f 100%); */
}

.mainsec .plansdiv ul li .plan.TelematicsPlan .title table tr td:first-child {
  color: #fff;
}

.mainsec .plansdiv ul li .plan.TelematicsPlan h2 {
  border-radius: 7px;
  background-color: #f2f2f2;
  padding: 10px;
  color: #1c5c95;
}

.mainsec .plansdiv ul li .plan.RecommendedPlan .title table {
  background-color: #e2e2e2;
}

/* .mainsec .plansdiv ul li .plan.RecommendedPlan .title table tr td:first-child {
  color: #212529 !important;
} */

.mainsec .plansdiv ul li .plan.RecommendedPlan h2 {
  border-radius: 7px;
  background-color: #f2f2f2;
  padding: 10px;
  color: #1c5c95;
}

.mainsec .plansdiv ul li .plan .contdiv table.covers.PremiumCovers tr th {
  font: 700 14px "Mulish";
  color: #000;
}

.mainsec .plansdiv ul li .plan .contdiv table.covers.PremiumCovers tr td:last-child {
  text-align: left;
  border: none;
}

.mainsec .plansdiv ul li .plan .contdiv .text-center a {
  font: 500 12px "Mulish";
  color: #ff8626;
  text-decoration: underline;
}

.mainsec .plansdiv ul li .netPremium.ProposalnetPrem table tr th {
  padding: 5px 5px 5px;
}

.mainsec .plansdiv ul li .netPremium.ProposalnetPrem table tr th .bgPremTitle {
  background-color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
}

.mainsec .plansdiv ul li .netPremium.ProposalnetPrem table tr td {
  padding: 7px 10px;
  color: #1c5c95;
  font: 600 12px "Mulish";
}

.mainsec .plansdiv ul li .netPremium.ProposalnetPrem table tr td:last-child {
  font: 500 12px "Mulish";
  color: #000;
}

.mainsec  .plansdiv.plansize ul li {
  width: 32%;
}

@media (max-width: 576px) {
  .mainsec  .plansdiv.plansize ul li {
    width: 100%;
  }
}

@media (min-width: 577px) and (max-width: 990px) {
  .mainsec  .plansdiv.plansize ul li {
    width: 48%;
  }
  .mainsec  .plansdiv.plansize ul li .plan .buynow {
    font: 700 11px "Mulish";
  }
}

.contdiv .PremiumCovers.discountable {
  margin-bottom: 0px !important;
}

.contdiv .PremiumCovers.discountable tr td {
  padding: 2px 0px !important;
}

.contdiv .PremiumCovers.discountable tr td label {
  font: 800 12px "Mulish";
}

@media (max-width: 990px) {
  .contdiv .PremiumCovers.discountable {
    margin-bottom: 0px !important;
  }
  .contdiv .PremiumCovers.discountable tr td {
    padding: 2px 0px !important;
  }
  .contdiv .PremiumCovers.discountable tr td label {
    font: 800 12px "Mulish";
  }
  .contdiv .PremiumCovers.discountable tr td li {
    margin-bottom: 2px !important;
  }
}


/* SweetAlert2 CSS Implementation */

.swal2-styled.swal2-cancel{
  min-width: 100px!important;
  padding: 10px 25px !important;
  border: 0 !important;
  margin-bottom: 2px !important;
  border-radius: 30px !important;
  -webkit-border-radius: 30px !important;
  -moz-border-radius: 30px !important;
   background: #357ab7 !important;
  background: -webkit-gradient(linear, left top, right top, from(#357ab7), to(#003b6f)) !important;
  background: linear-gradient(to right, #357ab7 0%, #003b6f 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#357ab7', endColorstr='#003b6f',GradientType=1 ) !important;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25) !important;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25) !important;
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25) !important;
  color: #fff !important;
  font: 600 16px "Mulish" !important;
  outline: 0 !important;
  text-decoration: none;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
}

.swal2-styled.swal2-confirm
{
  min-width: 100px!important;
  padding: 10px 25px !important;
  border: 0 !important;
  margin-bottom: 2px !important;
  border-radius: 30px !important;
  -webkit-border-radius: 30px !important;
  -moz-border-radius: 30px !important;
  display: inline-block !important;
   background: #357ab7 !important;
  background: -webkit-gradient(linear, left top, right top, from(#357ab7), to(#003b6f)) !important;
  background: linear-gradient(to right, #357ab7 0%, #003b6f 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#357ab7', endColorstr='#003b6f',GradientType=1 ) !important;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25) !important;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25) !important;
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25) !important;
  color: #fff !important;
  font: 600 16px "Mulish" !important;
  outline: 0 !important;
  text-decoration: none;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
}

.swal2-styled.swal2-confirm:hover {
  background: #003b6f;
  background: -webkit-gradient(linear, left top, right top, from(#003b6f), to(#357ab7));
  background: linear-gradient(to right, #003b6f 0%, #357ab7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b6f', endColorstr='#357ab7',GradientType=1 );
  text-decoration: none;
}

.nysa-checkbox input:checked + label::before {
  border-color: #3074b0;
  background: #fff url(../images/ticked.png) no-repeat center center !important;
}

/* Addition of Bundle Plan starts */
.mainsec .card .plansdiv ul li .plan .contdiv h2 {
  font: 700 16px "Mulish";
  padding: 4px;
  margin: 0px 0 5px;
}

.mainsec .card .plansdiv ul li .plan .contdiv table.covers.bundleplan {
  margin-bottom: 8px !important;
}

.mainsec .card .plansdiv ul li .plan .contdiv table.covers.bundleplan tr th {
  font: 700 11px "Mulish";
  padding: 0 7px 4px;
}

.mainsec .card .plansdiv ul li .plan .contdiv table.covers.bundleplan tr th:last-child {
  text-align: right;
  color: #18548A;
}

.mainsec .card .plansdiv ul li .plan .contdiv table.covers.bundleplan tr td {
  padding: 2px 4px;
  font: 600 11px "Mulish";
}

.mainsec .plansdiv ul li .plan .contdiv .BundlePlan_customize {
  width: 100%;
  padding: 4px 30px;
  border: solid 1px #d6d6d6;
  border-radius: 10px;
  background: #EDEDED 0% 0% no-repeat padding-box;
  border-radius: 10px;
  opacity: 1;
  text-align: center;
  line-height: initial;
  /* margin-top: 49px;
  margin-bottom: 10px; */
}

.mainsec .plansdiv ul li .plan .contdiv .BundlePlan_customize span {
  font: 700 11px "Mulish";
}

.mainsec .plansdiv ul li .plan .contdiv .BundlePlan_customize.bundlewarn {
  padding: 2px 2px;
  margin-top: 10px;
  margin-bottom: 15px;
}

.mainsec .plansdiv ul li .plan .contdiv .BundlePlan_customize.bundlewarn span {
  font: 400 11px "Mulish";
  color: #F00000;
}

.invisible {
  visibility: hidden;
}

::ng-deep .bundleplan {
  margin-bottom: 8px;
}
/* Addition of Bundle Plan ends */

/*Pending payment breakin phase 2*/
.breakintypemsg {
  font: 400 18px "Mulish";
}
.breakinmsg {
  font: bold 17px "Mulish";
  text-align: center;
  margin-top: 10px;
  color: #cb4c29;
}

.mainsec .myBreakInContainer .tabpane .fieldsdiv .breakindiv .tablediv .table-responsive .table tr td .icon-checked-green{
  /* background: url(../images/QC-cases/Checked-in-Circle-Green.png) no-repeat bottom center/30px; */
  width: 29px;
  height: 29px;
  background: url(../images/QC-cases/Checked-in-Circle-Green.png) no-repeat center center/29px;
  display: inline-block;
  cursor: pointer;
}

.mainsec .myBreakInContainer .tabpane .fieldsdiv .breakindiv .tablediv .table-responsive .table tr td .icon-upload {
  width: 29px;
  height: 29px;
  border: red;
  background: url(../images/QC-cases/icon-upload.png) no-repeat center center/29px;
  display: inline-block;
  cursor: pointer;
}

/* MFA CSS */
body {
  /* padding-top: 70px; */
  font-family: "Mulish" !important;
}

.Mfa--maincontainer {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 300px) {
  .Mfa--maincontainer {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 720px) {
  .Mfa--maincontainer {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .Mfa--maincontainer {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .Mfa--maincontainer {
    max-width: 100%;
  }
}
@media (min-width: 1360px) {
  .Mfa--maincontainer {
    max-width: 100%;
  }
}

.row {
  margin-right: -7px;
  margin-left: -7px;
}

header {
  background: transparent linear-gradient(180deg, #EF7D00 0%, #AD2221 100%) 0% 0% no-repeat padding-box;
}
/* header h1 {
  margin: 0;
  display: inline-block;
  vertical-align: top;
}
header .MFAHeader .mfalogo {
  width: 154px;
  height: 35px;
  margin: 18.5px 0;
  display: inline-block;
  background: url(../../images/MFA/logo.png) no-repeat center center/contain !important;
  text-indent: -9999px;
  vertical-align: top;
} */
@media (max-width: 767px) {
  header .Mfa--maincontainer {
    padding: 0;
  }
}
header .Mfa--maincontainer .mainheaddiv {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.profile-menu {
  position: relative;
  border: none !important;
  top: 8px;
}
.profile-menu .profile-button {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  color: #333;
  padding: 0;
  position: relative;
  outline: none;
}
.profile-menu ul.options {
  /* display: none; */
  position: absolute;
  top: calc(100% + 1px);
  right: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 0px;
  list-style: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 1;
  min-width: 159px;
margin-left: -118px;
}
.profile-menu ul.options li {
  padding: 7px 7px;
  cursor: pointer;
}
.profile-menu ul.options li:hover {
  background-color: #F8F6E4;
}
.profile-menu ul.options li table {
  width: 100%;
}
.profile-menu ul.options li table tr td {
  text-align: left;
  font: 400 13px "Mulish";
  letter-spacing: 0px;
  color: #282828;
}
.profile-menu ul.options li table tr td:first-child {
  width: 30px;
}
.profile-menu ul.options li table tr td img {
  width: 20px;
  height: 20px;
}
.profile-menu ul.options.open {
  display: block !important;
}
.profile-menu ul::before {
  content: "";
  position: absolute;
  top: -16%;
  right: 36%;
  transform: translateX(50%);
  border-width: 9px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

.productlist ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.productlist ul li {
  width: calc(25% - 4px);
  display: inline-block;
  position: relative;
  height: 88vh;
}
.productlist ul li:nth-child(1) {
  background-color: #FFFEF3;
}
.productlist ul li:nth-child(2) {
  background-color: #F8F6E4;
}
.productlist ul li:nth-child(3) {
  background-color: #FFF9F6;
}
.productlist ul li:nth-child(4) {
  background-color: #F4FDEE;
}
.productlist ul li .productimagediv {
  width: 100%;
  height: 40vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 40px;
}
.productlist ul li .productimagediv .motor {
  background: url(../images/MFA/Motor\ No\ Fill.svg) no-repeat center/cover;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.productlist ul li .productimagediv .health {
  background: url(../images/MFA/Health.svg) no-repeat center/cover;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F8F6E4;
}
.productlist ul li .productimagediv .corporate {
  background: url(../images/MFA/Corporate\ no\ fill.svg) no-repeat center/cover;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFF9F6;
}
.productlist ul li .productimagediv .home_travel {
  background: url(../images/MFA/Home\ Travel\ no\ fill.svg) no-repeat center/cover;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F4FDEE;
}
.productlist ul li .productimagediv .home {
  background: url(../images/MFA/Home.svg) no-repeat center/cover;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.productlist ul li .productimagediv .travel {
  background: url(../images/MFA/travel.svg) no-repeat center/cover;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.productlist ul li:hover .productimagediv .motor {
  background: url(../images/MFA/MotorFill.svg) no-repeat center/cover;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.productlist ul li:hover .productimagediv .health {
  background: url(../images/MFA/HEalthFill.svg) no-repeat center/cover;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.productlist ul li:hover .productimagediv .home_travel {
  background: url(../images/MFA/HomeTravelFill.svg) no-repeat center/cover;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.productlist ul li:hover .productimagediv .corporate {
  background: url(../images/MFA/Corporate\ Fill.svg) no-repeat center/cover;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.productlist ul li:hover {
  background-color: #ffffff;
}
.productlist ul li .productmainDiv h3 {
  margin-top: 17%;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  font: 500 24px/38px "Mulish";
  letter-spacing: 0px;
  color: #282828;
  opacity: 1;
}
.productlist ul li .productmainDiv .productdetails {
  padding: 0px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.productlist ul li .productmainDiv .productdetails span {
  text-align: left;
  font: 400 16px "Mulish";
  letter-spacing: 0px;
  color: #282828;
  opacity: 1;
  width: 75%;
}
.productlist ul li .productmainDiv .productdetails button {
  border: none;
  outline: none;
  width: 25%;
  height: 56px;
}
.productlist ul li .productmainDiv .productdetails button.arrow {
  background: url(../images/MFA/Arrow\ No\ Fill.svg) no-repeat center/contain;
  width: 36px;
  height: 36px;
}
.productlist ul li .productmainDiv .productdetails button.arrow:disabled:hover {
  background: url(../images/MFA/Arrow\ No\ Fill.svg) no-repeat center/contain;
  /* width: 36px;
  height: 36px; */
}
/* .productlist ul li:hover .productimagediv .corporate {
  background: url(../images/MFA/Corporate\ Fill.svg) no-repeat center/cover;
} */
.productlist ul li .productmainDiv .productdetails button.arrow:hover {
  background: url(../images/MFA/ArrowFill.svg) no-repeat center/contain;
  width: 36px;
  height: 36px;
}
.productlist ul li .travelButtons {
  position: absolute;
  bottom: 50px;
  /* text-align: center; */
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}
.productlist ul li .travelButtons button {
  width: 50%;
  height: 46px;
  outline: none !important;
  background: #FFFEF3 0% 0% no-repeat padding-box;
  text-align: center;
  font: 500 24px "Mulish";
  letter-spacing: 0px;
  color: #282828;
  border: none !important;
}
.productlist ul li .travelButtons button:hover {
  background: #FCF8D9 0% 0% no-repeat padding-box;
}

@media (max-width: 768px) {
  .productlist ul li {
    display: inline-flex;
    flex-direction: row;
    width: 100%;
    height: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box !important;
    border: 1px solid #D8D4D3;
    border-radius: 12px;
    margin-top: 10px;
    padding: 0px;
    gap: 12px;
    font: 500 14px "Mulish";
  }
  .productlist ul li .productimagediv {
    width: 30%;
    height: auto;
    display: block;
    padding-top: 0px;
    border-right: 1px solid #D8D4D3;
    border-radius: 12px;
  }
  .productlist ul li .productimagediv .motor {
    background: url(../images/MFA/Motor\ No\ Fill.svg) no-repeat center/contain;
    height: 90%;
    margin: 5px;
    width: 90%;
  }
  .productlist ul li .productmainDiv .productdetails button.arrow:disabled:hover {
    background: url(../images/MFA/Arrow\ No\ Fill.svg) no-repeat center/contain;
    /* height: 90%;
    margin: 5px;
    width: 90%; */
  }
  .productlist ul li .productimagediv .health {
    background: url(../images/MFA/Health.svg) no-repeat center/contain;
    height: 90%;
    width: 90%;
    margin: 5px;
  }
  .productlist ul li .productimagediv .corporate {
    background: url(../images/MFA/Corporate\ no\ fill.svg) no-repeat center/contain;
    height: 90%;
    width: 90%;
    margin: 5px;
  }
  .productlist ul li .productimagediv .home_travel {
    background: url(../images/MFA/Home\ Travel\ no\ fill.svg) no-repeat center/contain;
    height: 90%;
    width: 90%;
    margin: 5px;
  }
  .productlist ul li:hover .productimagediv .motor {
    background: url(../images/MFA/Motor\ No\ Fill.svg) no-repeat center/contain;
    height: 90%;
    width: 90%;
    margin: 5px;
  }
  .productlist ul li:hover .productimagediv .health {
    background: url(../images/MFA/Health.svg) no-repeat center/contain;
    height: 90%;
    width: 90%;
    margin: 5px;
  }
  .productlist ul li:hover .productimagediv .home_travel {
    background: url(../images/MFA/Home\ Travel\ no\ fill.svg) no-repeat center/contain;
    height: 90%;
    width: 90%;
    margin: 5px;
  }
  .productlist ul li:hover .productimagediv .corporate {
    background: url(../images/MFA/Corporate\ no\ fill.svg) no-repeat center/contain;
    height: 90%;
    width: 90%;
    margin: 5px;
  }
  .productlist ul li .productmainDiv {
    width: 70%;
    padding: 8px 0px;
  }
  .productlist ul li .productmainDiv h3 {
    margin-top: 0px;
    text-align: left;
    padding-left: 10px;
    padding-right: 0px;
    font: 500 18px "Mulish";
    letter-spacing: 0px;
    color: #282828;
    opacity: 1;
  }
  .productlist ul li .productmainDiv .productdetails {
    padding: 0px 0px 10px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-right: 10px;
  }
  .productlist ul li .productmainDiv .productdetails span {
    text-align: left;
    font: 400 13px "Mulish";
    letter-spacing: 0px;
    color: #282828;
    opacity: 1;
    width: 80%;
  }
  .productlist ul li .productmainDiv .productdetails button.arrow {
    width: 20%;
    width: 33px;
    height: 33px;
  }
  .productlist ul li .productmainDiv .productdetails button.arrow:hover {
    width: 33px;
    height: 33px;
  }
}
.redirectionalLink ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.redirectionalLink ul li {
  display: block;
}

.modal.redirectPopUp {
  top: 50%;
}

@media (max-width: 767px) {
  .travelButtons {
    display: none !important;
  }
  .borderProp {
    border: none !important;
    border-bottom: 1px solid #D8D4D3 !important;
    padding-bottom: 10px !important;
    border-radius: 0px !important;
  }
}
@media (min-width: 768px) {
  .modal-backdrop {
    display: none !important;
  }
  .modal.redirectPopUp {
    display: none !important;
    top: 45%;
  }
}

.disabled {
  pointer-events:none;
  opacity:0.6;
}

/* MFA CSS */

.login-forgot-button {
  color: #00528d !important;
  /* text-decoration: underline !important; */
}

.login-forgot-button:hover {
  color: #f58220 !important;
  text-decoration: underline !important;
}

/* otp */

.otp__maindiv{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form__input{
   width: 8%;
   height: 50px;
   text-align: center;
}
.otp__maindiv .bg_imgsection{
  padding: 26px;
  width: 50%;
  height: 90vh;
  background: #F5F6F6 0% 0% no-repeat padding-box;
}
.otp__maindiv .bg_imgsection img{
    width: 100%;
    height: 100%;
    
}
.otp__maindiv .otp__section{
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 50%;
  align-items: center;
}
.otp__maindiv .otp__section h1{
  font: 500 36px "Mulish";
  color: #00305B;
}
.otp__maindiv .otp__section p{
  font: 400 17px "Mulish";
  color: #282828;
  margin-bottom: 24px !important;
}
.otp__maindiv .otp__section .input__otpfield{
   text-align: center;
}
.otp__maindiv .otp__section  .resend__section{
  margin-top: 24px !important;
  margin-bottom: 24px;
}
.otp__maindiv .otp__section  .resend__section  span{
  font: 400 17px "Mulish";
  color: #282828;
  margin-bottom: 24px !important;
}
.otp__maindiv .otp__section .resend__section  strong{
  font: 500 17px "Mulish";
  color: #00305B;
}

.proceed__btn{    
  min-width: 150px;
  height: 42px;
  border: 0;
  margin: 2px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  display: inline-block;
  background-color: #D8D4D3;
  color: #FFFFFF;
  font: 600 16px "Mulish";
  letter-spacing: 1px;
  outline: 0 !important;
  text-decoration: none;
  text-transform: capitalize;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;

}
.proceed__btn:active {
   background-color: #ec6608;
}

.proceed__btn:hover {
  background-color: #004A80;
}

.proceed__btn_active {
  background-color: #ec6608;
}  
.disable_proceed{
  opacity: 1;
  cursor: not-allowed;
}

@media(max-width:990px){
  .otp__maindiv{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .otp__maindiv .bg_imgsection{
  padding: 16px 8px 0px 8px;
  width: 100%;
  background: #F5F6F6 0% 0% no-repeat padding-box;
  text-align: center;
  height: auto ;
}
.otp__maindiv .bg_imgsection img{
  max-width: 100%;
  max-height: 270px;
  text-align: center;
}

.otp__maindiv .otp__section{
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  align-items: center;
  margin-top: 59px;
}
.otp__maindiv .otp__section h1{
  font: 500 34px "Mulish";
}
.otp__maindiv .otp__section p{
  font: 400 18px "Mulish";
  text-align: center;
}
.proceed__btn{
  min-width: 230px;
  height: 66px;
  font: 600 22px "Mulish";
}
}

/* new css for subagent */



/* * {

  outline: 0 !important;

} */



.loader-wrap {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

}



.loader-wrap .loader {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  height: 40px;

  width: 80px;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}



.loader-wrap .loader .loader-item {

  position: relative;

  float: left;

  height: 40px;

  width: 4px;

  margin: 0 2px;

  background-color: #f26624;

}



.subagent-label {

  position: absolute;

  top: -10px;

  left: 10px;

  background: white;

  padding: 0 5px;

  font-size: 12px;

  color: #666;

}



.loader-wrap .loader .loader-item:nth-child(1) {

  -webkit-animation: loader-item-1 2s linear infinite;

          animation: loader-item-1 2s linear infinite;

}



.loader-wrap .loader .loader-item:nth-child(2) {

  -webkit-animation: loader-item-2 2s linear infinite;

          animation: loader-item-2 2s linear infinite;

}



.loader-wrap .loader .loader-item:nth-child(3) {

  -webkit-animation: loader-item-3 2s linear infinite;

          animation: loader-item-3 2s linear infinite;

}



.loader-wrap .loader .loader-item:nth-child(4) {

  -webkit-animation: loader-item-4 2s linear infinite;

          animation: loader-item-4 2s linear infinite;

}



.loader-wrap .loader .loader-item:nth-child(5) {

  -webkit-animation: loader-item-5 2s linear infinite;

          animation: loader-item-5 2s linear infinite;

}



.loader-wrap .loader .loader-item:nth-child(6) {

  -webkit-animation: loader-item-6 2s linear infinite;

          animation: loader-item-6 2s linear infinite;

}



.loader-wrap .loader .loader-item:nth-child(7) {

  -webkit-animation: loader-item-7 2s linear infinite;

          animation: loader-item-7 2s linear infinite;

}



.loader-wrap .loader .loader-item:nth-child(8) {

  -webkit-animation: loader-item-8 2s linear infinite;

          animation: loader-item-8 2s linear infinite;

}



.loader-wrap .loader .loader-item:nth-child(9) {

  -webkit-animation: loader-item-9 2s linear infinite;

          animation: loader-item-9 2s linear infinite;

}



.loader-wrap .loader .loader-item:nth-child(10) {

  -webkit-animation: loader-item-10 2s linear infinite;

          animation: loader-item-10 2s linear infinite;

}



.loader-wrap .loader:after {

  content: 'Loading...';

  font-size: 16px;

  font-family: "Arial";

  color: #f26624;

  text-align: center;

  position: absolute;

  left: 0;

  right: 0;

  bottom: -32px;

  margin: auto;

}



@-webkit-keyframes loader-item-1 {

  1% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  11% {

    -webkit-transform: scaleY(1.4);

            transform: scaleY(1.4);

  }

  21% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  100% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

}



@keyframes loader-item-1 {

  1% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  11% {

    -webkit-transform: scaleY(1.4);

            transform: scaleY(1.4);

  }

  21% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  100% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

}



@-webkit-keyframes loader-item-2 {

  7% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  17% {

    -webkit-transform: scaleY(1.4);

            transform: scaleY(1.4);

  }

  27% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  100% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

}



@keyframes loader-item-2 {

  7% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  17% {

    -webkit-transform: scaleY(1.4);

            transform: scaleY(1.4);

  }

  27% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  100% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

}



@-webkit-keyframes loader-item-3 {

  13% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  23% {

    -webkit-transform: scaleY(1.4);

            transform: scaleY(1.4);

  }

  33% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  100% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

}



@keyframes loader-item-3 {

  13% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  23% {

    -webkit-transform: scaleY(1.4);

            transform: scaleY(1.4);

  }

  33% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  100% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

}



@-webkit-keyframes loader-item-4 {

  19% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  29% {

    -webkit-transform: scaleY(1.4);

            transform: scaleY(1.4);

  }

  39% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  100% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

}



@keyframes loader-item-4 {

  19% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  29% {

    -webkit-transform: scaleY(1.4);

            transform: scaleY(1.4);

  }

  39% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  100% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

}



@-webkit-keyframes loader-item-5 {

  25% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  35% {

    -webkit-transform: scaleY(1.4);

            transform: scaleY(1.4);

  }

  45% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  100% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

}



@keyframes loader-item-5 {

  25% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  35% {

    -webkit-transform: scaleY(1.4);

            transform: scaleY(1.4);

  }

  45% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  100% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

}



@-webkit-keyframes loader-item-6 {

  31% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  41% {

    -webkit-transform: scaleY(1.4);

            transform: scaleY(1.4);

  }

  51% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  100% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

}



@keyframes loader-item-6 {

  31% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  41% {

    -webkit-transform: scaleY(1.4);

            transform: scaleY(1.4);

  }

  51% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  100% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

}



@-webkit-keyframes loader-item-7 {

  37% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  47% {

    -webkit-transform: scaleY(1.4);

            transform: scaleY(1.4);

  }

  57% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  100% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

}



@keyframes loader-item-7 {

  37% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  47% {

    -webkit-transform: scaleY(1.4);

            transform: scaleY(1.4);

  }

  57% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  100% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

}



@-webkit-keyframes loader-item-8 {

  43% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  53% {

    -webkit-transform: scaleY(1.4);

            transform: scaleY(1.4);

  }

  63% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  100% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

}



@keyframes loader-item-8 {

  43% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  53% {

    -webkit-transform: scaleY(1.4);

            transform: scaleY(1.4);

  }

  63% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  100% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

}



@-webkit-keyframes loader-item-9 {

  49% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  59% {

    -webkit-transform: scaleY(1.4);

            transform: scaleY(1.4);

  }

  69% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  100% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

}



@keyframes loader-item-9 {

  49% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  59% {

    -webkit-transform: scaleY(1.4);

            transform: scaleY(1.4);

  }

  69% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  100% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

}



@-webkit-keyframes loader-item-10 {

  55% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  65% {

    -webkit-transform: scaleY(1.4);

            transform: scaleY(1.4);

  }

  75% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  100% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

}



@keyframes loader-item-10 {

  55% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  65% {

    -webkit-transform: scaleY(1.4);

            transform: scaleY(1.4);

  }

  75% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  100% {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

}



body {

  /* padding-top: 55px; */

  font-family: "Mulish" !important;

}



.input-field {

  position: relative;

  overflow: hidden;

}



.input-field input,

.input-field select,

.input-field textarea {

  resize: none;

  padding-left: 0;

  border: 0;

  border-bottom: 1px solid #b6b4b4;

  margin-top: 20px;

  border-radius: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  background-color: transparent;

  box-shadow: 0 0 0 0 !important;

  -webkit-box-shadow: 0 0 0 0 !important;

  -moz-box-shadow: 0 0 0 0 !important;

  color: #000;

  font: 400 15px "Mulish";

}



.input-field input:disabled,

.input-field select:disabled,

.input-field textarea:disabled {

  border-bottom: 0;

  background-color: transparent;

}



.input-field input option,

.input-field select option,

.input-field textarea option {

  color: #000;

}



.input-field input.dob,

.input-field select.dob,

.input-field textarea.dob {

  background: transparent url(../images/calendar.png) no-repeat 95% center;

}



.input-field select {

  background: url(../images/down-arrow.png) no-repeat right center/10px;

}



.input-field label {

  margin: 0;

  position: absolute;

  top: 30px;

  left: 0;

  color: #969494;

  cursor: text;

  font: 400 15px "Mulish";

  transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

}



.input-field::after {

  content: "";

  width: 10px;

  height: 1px;

  position: absolute;

  bottom: 0;

  left: 50%;

  background-color: #ef7d00;

  transition: all 0.2s ease;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  visibility: hidden;

}



.input-field.focused label {

  top: 5px;

  left: 0;

  color: #ef7d00;

  font-size: 12px;

}



.input-field.focused::after {

  width: 100%;

  left: 0;

  visibility: visible;

}



.input-field.focused.disabled::after {

  display: none;

}



.custom-file-docupload {

  height: 54px;

}



.custom-file-docupload .custom-file-input-docupload {

  height: 54px;

  border-radius: 27px;

  -webkit-border-radius: 27px;

  -moz-border-radius: 27px;

}



.custom-file-docupload .custom-file-input-docupload:focus ~ .custom-file-label-docupload {

  border-color: transparent;

  -webkit-box-shadow: none;

          box-shadow: none;

}



.custom-file-docupload .custom-file-input-docupload:lang(en) ~ .custom-file-label-docupload::after {

  content: 'UPLOAD BULK DOCUMENTS';

  height: 48px;

  padding: 15px;

  border-radius: 27px;

  -webkit-border-radius: 27px;

  -moz-border-radius: 27px;

  top: 2px;

  right: initial;

  left: 2px;

  background-color: #ec6608;

  color: #fff;

  font: 600 17px "Mulish";

}



.custom-file-docupload .custom-file-label-docupload {

  height: 54px;

  padding: 14px 15px 13px 270px;

  margin: 0;

  border: none;

  border-radius: 27px;

  -webkit-border-radius: 27px;

  -moz-border-radius: 27px;

  box-shadow: 0 0 0 0;

  -webkit-box-shadow: 0 0 0 0;

  -moz-box-shadow: 0 0 0 0;

  overflow: hidden;

  text-overflow: ellipsis;

}



.bannerSec img {

  width: 100%;

}



/* .form-group {

  margin-bottom: 29px;

} */



.error {

  color: #e71a1a;

  font: 400 13px "Mulish";

}



.btnMain {

  min-width: 130px;

  padding: 14px 25px;

  border: 0;

  border-radius: 27px;

  -webkit-border-radius: 27px;

  -moz-border-radius: 27px;

  display: inline-block;

  background-color: #ec6608;

  color: #fff;

  font: 600 17px "Mulish";

  outline: 0 !important;

  text-decoration: none;

  transition: all 0.2s ease;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

}



/*Header Starts*/

/* header {

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(-18%, #ef7d00), color-stop(127%, #ad2221));

  background-image: linear-gradient(to bottom, #ef7d00 -18%, #ad2221 127%);

}



header h1 {

  margin: 0;

  display: inline-block;

}



header h1 a {

  width: 163px;

  height: 45px;

  margin: 15px 0;

  display: inline-block;

  background: url(../images/logo.png) no-repeat center center/contain;

  text-indent: -99999px;

  vertical-align: top;

}



header ul {

  padding: 0px;

  margin: 16px 0 19px 0;

}



header ul li {

  display: inline-block;

  position: relative;

  vertical-align: middle;

}



header ul li a {

  padding: 0px 15px;

  color: #fff;

  display: block;

  font: 600 14px "Mulish";

  text-decoration: none;

  transition: all 0.2s ease-in;

  -webkit-transition: all 0.2s ease-in;

  -moz-transition: all 0.2s ease-in;

}



header ul li a svg {

  margin-right: 5px;

  vertical-align: -4px;

  transition: all 0.2s ease-in;

  -webkit-transition: all 0.2s ease-in;

  -moz-transition: all 0.2s ease-in;

  fill: #fff;

  transition: all 0.2s ease-in;

  -webkit-transition: all 0.2s ease-in;

  -moz-transition: all 0.2s ease-in;

}



header ul li a:hover {

  color: #fff;

  text-decoration: none;

}



header ul li a:hover svg {

  fill: #fff;

}



/* header ul li:first-child {

  border-right: 1px solid #707070;

} */



/* header ul li {margin: 0 10px 0 10px;}

header ul {padding-right: 10%;}



header ul li:first-child a svg {

  vertical-align: -3px;

} */



/* header a.hamburger {

  width: 55px;

  height: 55px;

  padding: 21px 15px;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

  text-align: left;

}



header a.hamburger span {

  width: 16px;

  height: 2px;

  margin-bottom: 5px;

  display: block;

  background-color: #ef7d00;

}



header a.hamburger span:first-child {

  width: 23px;

  height: 2px;

}  */



/*Header Ends*/

aside {

  height: 100%;

  background-color: rgba(51, 51, 51, 0.03);

  overflow: hidden;

}



aside .innerdiv {

  height: 100%;

  padding: 30px 12px;

  position: relative;

}



aside .innerdiv h1 {

  font: 700 21px "Mulish";

  color: #282828;

  margin-bottom: 14px;

}



aside .innerdiv h1.backArr {

  margin-bottom: 40px;

}



aside .innerdiv h1.backArr a {

  font: 400 16px "Mulish";

  color: #282828;

}



aside .innerdiv h1.backArr a:hover {

  text-decoration: none;

}



aside .innerdiv .quiBox {

  background: #fffefe;

  border-radius: 20px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  padding: 21px 21px 13px;

  border: 0.5px solid rgba(205, 205, 205, 0.77);

}



aside .innerdiv .quiBox h2 {

  font: 400 15px "Mulish";

  color: #282828;

}



aside .innerdiv .quiBox h2:first-child {

  margin-bottom: 16px;

}



aside .innerdiv .policyDet {

  background-color: #fff;

  border-radius: 20px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  padding: 20px 30px;

}



aside .innerdiv .policyDet h2 {

  font: 600 21px "Mulish";

  color: #282828;

  border-bottom: 1px solid #282828;

  padding-bottom: 15px;

}



aside .innerdiv .policyDet table {

  width: 100%;

  margin-top: 15px;

}



aside .innerdiv .policyDet table tr td {

  font: 300 12px "Mulish";

  color: #282828;

  padding-bottom: 8px;

}



aside .innerdiv .policyDet table tr td span {

  font: 800 11px "Mulish";

  color: #ef7d00;

}



.main_content {

  padding: 25px 10px 150px;

}



.main_content.mainCon {

  padding: 45px 10px;

}



.main_content .header-content h3 {

  font: 800 32px "Mulish";

  color: #00305a;

  margin-bottom: 25px;

}



.main_content .claimDiv {

  border: 1px solid #979797;

  padding: 35px;

  border-radius: 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

}



.main_content .claimDiv .policyDeta {

  border: 1px solid #ec6608;

  border-radius: 20px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  padding: 15px;

  height: 100%;

}



.main_content .claimDiv .policyDeta h2 {

  font: 600 21px "Mulish";

  color: #282828;

  border-bottom: 1px solid #282828;

  padding-bottom: 15px;

}



.main_content .claimDiv .policyDeta table {

  width: 100%;

}



.main_content .claimDiv .policyDeta table tr td {

  font: 300 12px "Mulish";

  color: #282828;

  padding-bottom: 15px;

}



.main_content .claimDiv .policyDeta table tr td:first-child {

  font: 600 12px "Mulish";

}



.main_content .claimDiv .claimStatus {

  width: 500px;

  margin: 0 auto;

  border: 1px solid #f26624;

  background-color: #f26624;

  position: relative;

}



.main_content .claimDiv .claim_status {

  width: 100%;

  height: 3px;

  margin: 30px auto 100px;

  position: relative;

  background-color: #004a80;

}



.main_content .claimDiv .claim_status span {

  width: 2px;

  height: 20px;

  position: absolute;

  top: 0;

  background-color: #f26624;

}



.main_content .claimDiv .claim_status span.claim_intim {

  left: 0;

}



.main_content .claimDiv .claim_status span.claim_survey {

  left: 33%;

}



.main_content .claimDiv .claim_status span.claim_process {

  right: 35%;

}



.main_content .claimDiv .claim_status span.claim_closed {

  right: 0;

  background-color: #004a80;

}



.main_content .claimDiv .claim_status small {

  position: absolute;

  color: #8097ac;

  font: 300 13px "Mulish";

  top: 40px;

}



.main_content .claimDiv .claim_status small.claim_intim {

  left: -15px;

}



.main_content .claimDiv .claim_status small.claim_survey {

  left: 30%;

}



.main_content .claimDiv .claim_status small.claim_process {

  right: 22%;

  font-weight: 700;

  color: #282828;

}



.main_content .claimDiv .claim_status small.claim_closed {

  right: -15px;

}



.main_content .claimDiv .claim_status::before {

  content: "";

  width: 65%;

  height: 3px;

  position: absolute;

  top: 0;

  z-index: 1;

  background-color: #f26624;

}



.main_content .claimDiv .claim_status::after {

  content: "";

  width: 60px;

  height: 60px;

  border: 2px solid #fff;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  position: absolute;

  top: -28px;

  left: 59%;

  z-index: 2;

  background-color: #f26624;

  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22);

  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22);

  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22);

}



.main_content .dashboard_main h3 {

  font: 700 21px "Mulish";

  color: #282828;

  margin-bottom: 25px;

}



.main_content .dashboard_main h4 {

  font: 600 17px "Mulish";

  color: #282828;

}



.main_content .dashboard_main .checkDiv {

  margin: 15px 0;

}



.main_content .dashboard_main .checkDiv .checkSec {

  display: inline-block;

  vertical-align: -webkit-baseline-middle;

}



.main_content .dashboard_main .checkDiv .checkSec input {

  display: none;

}



.main_content .dashboard_main .checkDiv .checkSec input + label::before {

  content: "";

  width: 18px;

  height: 18px;

  margin-right: 3px;

  border-radius: 3px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  display: inline-block;

  background-color: #eaeaea;

  vertical-align: top;

}



.main_content .dashboard_main .checkDiv .checkSec input:checked + label::before {

  background: #ef7d00 url(../images/tick.png) no-repeat center center/15px;

}



.main_content .dashboard_main .checkDiv .checkSec label {

  margin: 0;

  color: #ccc;

  cursor: pointer;

  font: 400 20px "Mulish";

}



.main_content .dashboard_main .checkDiv span {

  font: 400 14px "Mulish";

  color: #282828;

}



.main_content .dashboard_main .toolTip {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.main_content .dashboard_main .toolTip span {

  margin: 25px 0 0 15px;

}



.main_content .dashboard_main .labCurr {

  font: 400 16px "Mulish";

  color: #969494;

  margin-bottom: 20px;

}



.main_content .dashboard_main .radio_cus {

  width: 290px;

  border-radius: 16px;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  border: solid 1px #c9c8c2;

  background-color: #f8f6f6;

}



.main_content .dashboard_main .radio_cus .bt-radio {

  border: solid 2px transparent;

  font: 400 16px/20px "Mulish";

  padding: 3px;

  color: #c7c1bf;

}



.main_content .dashboard_main .radio_cus .bt-radio.active {

  border: solid 2px #ec6608;

  background: #ec6608;

  border-radius: 13px;

  -webkit-border-radius: 13px;

  -moz-border-radius: 13px;

  color: #fff;

}



.main_content .dashboard_main .radio_cus .bt-radio.focus {

  box-shadow: 0 0 0 0;

  -webkit-box-shadow: 0 0 0 0;

  -moz-box-shadow: 0 0 0 0;

}



.main_content .dashboard_main .hide {

  display: none;

}



.main_content .dashboard_main ol li {

  font: 400 13px "Mulish";

  margin-bottom: 15px;

}



.main_content .tabPill .nav-pills {

  margin-bottom: 33px;

}



.main_content .tabPill .nav-pills .navItem {

  width: 33%;

  text-align: center;

}



.main_content .tabPill .nav-pills .navItem .nav-link {

  font: 400 20px "Mulish";

  border-radius: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  background: #00447c;

  border: 1px solid #00447c;

  color: #fff;

  border-right-color: #fff;

  padding: 5px;

}



.main_content .tabPill .nav-pills .navItem .nav-link.active {

  font: 400 20px "Mulish";

  background-color: #fff;

  color: #00447c;

  border: 1px solid #00305a;

}



.main_content .tabPill .nav-pills .navItem .nav-link:focus {

  background: transparent;

  border: 1px solid #000;

  color: #000;

}



.main_content .claimNo span {

  font: 300 20px "Mulish";

  color: #282828;

}



.main_content .claimNo span strong {

  font: 600 20px "Mulish";

}



.main_content .claimNo .features {

  background-color: #fff;

  padding: 10px;

  border-radius: 20px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  margin: 15px 0;

  border: 1px solid #979797;

  text-align: center;

}



.main_content .claimNo .features h5 {

  font: 700 19px "Mulish";

  color: #282828;

}



.main_content .claimNo .features ul {

  padding: 0;

  margin: 0;

  text-align: center;

}



.main_content .claimNo .features ul li {

  display: inline-block;

  vertical-align: top;

  margin: 13px;

}



.main_content .claimNo .features ul li .feaVirtual {

  width: 92px;

  height: 80px;

  background: #00447c;

  border-radius: 20px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  position: relative;

  margin-bottom: 10px;

}



.main_content .claimNo .features ul li .feaVirtual img {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

}



.main_content .claimNo .features ul li .title {

  display: block;

  text-align: center;

  font: 600 14px "Mulish";

  color: #282828;

  width: 92px;

}



.main_content .claimNo .features .btnKnow {

  margin: 20px 0;

}



.main_content .claimNo .features .btnKnow .knowMore {

  font: 600 12px "Mulish";

  border-radius: 27px;

  -webkit-border-radius: 27px;

  -moz-border-radius: 27px;

  border: 1px solid #f26624;

  padding: 14px;

  text-decoration: none;

  color: #f26624;

}



.main_content .claimNo .features p {

  font: 300 12px "Mulish";

  color: #282828;

  text-align: center;

}



.main_content .claimNo .surveyForm {

  background-color: #fff;

  padding: 35px;

  border-radius: 20px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  margin: 15px 0;

  border: 1px solid #979797;

}



.main_content .claimNo .surveyForm h6 {

  font: 600 17px "Mulish";

  color: #282828;

}



.main_content .claimNo .surveyForm .checkDiv {

  margin: 15px 0;

}



.main_content .claimNo .surveyForm .checkDiv .checkSec {

  display: inline-block;

  vertical-align: -webkit-baseline-middle;

}



.main_content .claimNo .surveyForm .checkDiv .checkSec input {

  display: none;

}



.main_content .claimNo .surveyForm .checkDiv .checkSec input + label::before {

  content: "";

  width: 18px;

  height: 18px;

  margin-right: 3px;

  border-radius: 3px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  display: inline-block;

  background-color: #eaeaea;

  vertical-align: top;

}



.main_content .claimNo .surveyForm .checkDiv .checkSec input:checked + label::before {

  background: #ef7d00 url(../images/tick.png) no-repeat center center/15px;

}



.main_content .claimNo .surveyForm .checkDiv .checkSec label {

  margin: 0;

  color: #ccc;

  cursor: pointer;

  font: 400 20px "Mulish";

}



.main_content .claimNo .surveyForm .checkDiv span {

  font: 400 14px "Mulish";

  color: #282828;

}



.main_content .claimNo .surveyForm ul {

  padding: 0;

  margin: 0;

}



.main_content .claimNo .surveyForm ul li {

  display: inline-block;

  font: 600 15px "Mulish";

  color: #707070;

}



.main_content .claimNo .surveyForm ul li span input {

  display: none;

}



.main_content .claimNo .surveyForm ul li span input:checked + label::before {

  border-color: #f26624;

  background-color: #f26624;

  box-shadow: inset 0 0 0 4px #fff;

  -webkit-box-shadow: inset 0 0 0 4px #fff;

  -moz-box-shadow: inset 0 0 0 4px #fff;

}



.main_content .claimNo .surveyForm ul li span label {

  font: 300 16px "Mulish";

  color: #282828;

  margin-right: 10px;

  width: 33%;

}



.main_content .claimNo .surveyForm ul li span label.other {

  position: absolute;

}



.main_content .claimNo .surveyForm ul li span label::before {

  content: "";

  width: 24px;

  height: 24px;

  border: 2px solid #b2b2b2;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  margin-right: 10px;

  display: inline-block;

  vertical-align: -7px;

  transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

}



.main_content .corporateInsur .card {

  margin-bottom: 30px;

}



.main_content .corporateInsur .card .card-header {

  background: #00447c;

}



.main_content .corporateInsur .card .card-header a.card-link {

  background: #00447c url(../images/minus.png) no-repeat 0 center/16px;

  color: #fff;

}



.main_content .corporateInsur .card .card-header a.card-link span {

  padding-left: 30px;

  font: 600 15px "Mulish";

}



.main_content .corporateInsur .card .card-header a.card-link.collapsed {

  background: #00447c url(../images/plus.png) no-repeat 0 center/16px;

}



.main_content .corporateInsur .card .card-header:first-child {

  border-radius: 0;

}



.main_content .corporateInsur .card .card-body {

  background-color: #ece9e9;

}



.main_content .corporateInsur .card .card-body ul {

  margin-bottom: 30px;

}



.main_content .corporateInsur .card .card-body ul li {

  font: 400 14px "Mulish";

  margin-bottom: 10px;

}



.main_content .corporateInsur .card .card-body ol li {

  list-style-type: none;

  margin-bottom: 18px;

  font: 400 14px "Mulish";

}



.main_content .faqs .card {

  margin-bottom: 15px;

  border: none;

}



.main_content .faqs .card .card-header {

  background-color: transparent;

  border-bottom: none;

}



.main_content .faqs .card .card-header a.card-link {

  background: url(../images/faq-minus.png) no-repeat 0 center/16px;

  color: #707070;

}



.main_content .faqs .card .card-header a.card-link span {

  padding-left: 30px;

  font: 600 20px "Mulish";

}



.main_content .faqs .card .card-header a.card-link.collapsed {

  background: url(../images/faq-plus.png) no-repeat 0 center/16px;

}



.main_content .faqs .card .card-header:first-child {

  border-radius: 0;

}



.main_content .faqs .card .card-body {

  background-color: transparent;

}



.main_content .faqs .card .card-body p {

  font: 300 17px "Mulish";

  color: #282828;

  margin: 0;

}



.intiSec {

  padding: 50px 0;

  background: #fff;

}



.intiSec h1 {

  font: 700 39px "Mulish";

  color: #282828;

  text-align: center;

  margin-bottom: 30px;

}



.intiSec .intiBox {

  border: 1px solid #979797;

  padding: 27px 33px;

  border-radius: 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  margin-bottom: 12px;

}



.intiSec .intiBox h2 {

  font: 600 18px "Mulish";

  color: #282828;

}



.intiSec .intiBox span {

  font: 300 15px "Mulish";

  color: #282828;

  display: block;

  padding: 16px 0 0;

}



.intiSec .intiBox span strong {

  font: 700 17px "Mulish";

  color: #282828;

}



.intiSec .intiBox .custDiv {

  background-color: #fef6f2;

  padding: 10px;

  border-radius: 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  margin: 60px 0 50px;

}



.intiSec .intiBox .custDiv ul {

  padding: 0;

  margin: 0;

  text-align: center;

}



.intiSec .intiBox .custDiv ul li {

  width: 166px;

  height: 170px;

  background: #00447c;

  display: inline-block;

  vertical-align: top;

  margin: 13px;

  padding: 0px 13px;

  position: relative;

}



.intiSec .intiBox .custDiv ul li p {

  font: 600 15px "Mulish";

  color: #f8f6f6;

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  left: 0;

  width: 100%;

}



.intiSec .intiBox .custDiv ul li p strong {

  font: 300 15px "Mulish";

}



.intiSec .intiBox .docuUp {

  font: 600 15px "Mulish";

  color: #282828;

  margin-bottom: 22px;

}



.intiSec .intiBox .custom-file-docupload {

  height: 54px;

}



.intiSec .intiBox .custom-file-input-docupload:lang(en) ~ .custom-file-label-docupload::after {

  content: "UPLOAD DOCUMENTS";

  height: 48px;

  padding: 12px 32px;

  border-radius: 27px;

  -webkit-border-radius: 27px;

  -moz-border-radius: 27px;

  top: 2px;

  right: initial;

  left: 2px;

  background-color: #ec6608;

  color: #fff;

  font: 600 18px "Mulish";

}



.intiSec .intiBox .custom-file-label-docupload {

  height: 54px;

  padding: 14px 15px 13px 275px;

  margin: 0;

  border: solid 1px transparent;

  border-radius: 27px;

  -webkit-border-radius: 27px;

  -moz-border-radius: 27px;

  box-shadow: 0 0 0 0;

  -webkit-box-shadow: 0 0 0 0;

  -moz-box-shadow: 0 0 0 0;

  overflow: hidden;

  text-overflow: ellipsis;

}



.intiSec .feedback {

  font: 600 17px "Mulish";

  background-color: #ec6608;

  color: #fff;

  padding: 13px;

  display: inline-block;

  text-decoration: none;

  width: 200px;

  border-radius: 27px;

  -webkit-border-radius: 27px;

  -moz-border-radius: 27px;

  text-align: center;

}



.uploadViewDocu {

  padding: 36px 0 90px;

}



.uploadViewDocu h1 {

  font: 800 35px "Mulish";

  color: #00305a;

  text-align: center;

  margin-bottom: 35px;

}



/* {

  border: solid 1px #ef7d00;

  border-radius: 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  padding: 22px 60px;

} */



h2 {

  font: 600 17px "Mulish";

  color: #282828;

}



.claimStatus {

  border: solid 1px #ec6608;

  padding: 13px 30px;

  margin: 13px 0;

  border-radius: 10px;

}



.claimStatus ul {

  list-style-type: none;

  padding: 0;

  margin: 0;

}



.claimStatus ul.claimNo {

  font: 600 14px "Mulish";

  color: #282828;

}



.claimStatus ul.noPolicy {

  font: 300 13px "Mulish";

  color: #282828;

}



.claimStatus ul li {

  margin-bottom: 15px;

}



.claimStatus ul li:last-child {

  margin-bottom: 0;

}



.claimStatus .awaitDocu {

  background-color: #fef6f2;

  border-radius: 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  padding: 10px 0;

}



.claimStatus .awaitDocu span {

  font: 700 13px "Mulish";

  color: #282828;

}



.claimStatus .awaitDocu h3 {

  font: 700 20px "Mulish";

  color: #282828;

  margin-top: 15px;

}



.tableWrap {

  border-radius: 10px;

}



.tableWrap table thead tr th {

  background-color: #dddccb;

  font-size: 14px;

}



.tableWrap table tbody tr.tableColor {

  background-color: #f5f6f6;

}



.tableWrap table tbody tr td.viewColor {

  background-color: #eaf6fe;

}



.tableWrap table tbody tr td.viewColor a {

  color: #000000;

  text-decoration: none;

}



.tableWrap table tbody tr td.uploadColor {

  background-color: #fef6f2;

}



.tableWrap table tbody tr td.uploadColor a {

  color: #000;

  text-decoration: none;

}



.checkClaimStatus {

  border: solid 1px #ef7d00;

  border-radius: 27px;

  -webkit-border-radius: 27px;

  -moz-border-radius: 27px;

  font: 600 17px "Mulish";

  color: #ec6608;

  text-decoration: none;

  padding: 12px 10px;

  float: right;

}



.pageNotFound {

  padding: 130px 0;

  text-align: center;

}



.pageNotFound h1 {

  font: 500 45px "Mulish";

  color: #004684;

  margin-bottom: 25px;

}



.pageNotFound p {

  font: 600 21px "Mulish";

  color: #004684;

  margin: 0;

}



footer {

  background: #ece9e9;

  padding: 25px 0;

}



footer p {

  font: 300 11px "Mulish";

  color: #201d1d;

}



footer p strong {

  font: 400 15px "Mulish";

  color: #201d1d;

  display: block;

}



footer p a {

  margin-top: 20px;

  display: block;

  color: #201d1d;

}



footer p a:hover {

  color: #201d1d;

  text-decoration: none;

}



footer ul {

  padding: 0;

  margin: 0;

}



footer ul li {

  margin-right: 20px;

  display: inline-block;

  vertical-align: top;

}



footer ul li a {

  display: block;

}



footer ul li a svg {

  fill: #282828;

}



footer h4 {

  font: 700 20px "Mulish";

  color: #707070;

  padding: 20px 0;

}



footer .support li {

  display: block;

}



footer .support li a {

  text-decoration: none;

  font: 400 17px "Mulish";

  color: #707070;

}



/*MEDIA QUERY*/

@media (min-width: 1300px) {

  .container {

    max-width: 1330px;

  }

}



@media (max-width: 1199px) {

  .container {

    max-width: 100%;

  }

}



@media (max-width: 991px) {

  header .container {

    max-width: 100%;

  }

  aside .innerdiv .quiBox {

    padding: 10px 15px 5px;

  }

  aside .innerdiv .policyDet {

    padding: 15px 5px;

  }

  aside .innerdiv .policyDet table tr td {

    font: 300 10px "Mulish";

  }

  section .container {

    max-width: 100%;

  }

  section .container .main_content {

    padding: 25px 25px 60px;

  }

  section .container .main_content .header-content h3 {

    font: 800 22px "Mulish";

  }

  section .container .main_content .dashboard_main h3 {

    font: 700 18px "Mulish";

  }

  section .container .main_content .dashboard_main .radio_cus {

    width: 195px;

  }

  section .container .main_content .tabPill .nav-pills .navItem {

    width: auto;

  }

  section .container .main_content .tabPill .nav-pills .navItem .nav-link {

    font: 400 18px "Mulish";

  }

  section .container .main_content .claimDiv .claim_status::after {

    left: 62%;

  }

  section .container .main_content .claimDiv .claim_status small.claim_process {

    right: 25%;

  }

  section .container .main_content .claimNo .surveyForm ul {

    margin: 35px 0 40px;

  }

  section .container .main_content .claimNo .surveyForm ul li span label {

    font: 300 13px "Mulish";

    width: 37%;

    display: table-cell;

    padding: 5px 0;

  }

  footer h4 {

    font: 700 18px "Mulish";

  }

}



@media (max-width: 766px) {

  header .container {

    max-width: 100%;

  }

  /* header h1 a {

    width: 135px;

  }

  header ul li a {

    padding: 0px 5px;

    font-size: 11px;

  } */

  aside .innerdiv {

    padding: 30px 12px;

  }

  aside .innerdiv .policyDet {

    padding: 20px 30px;

  }

  section .container {

    max-width: 100%;

  }

  section .container .main_content .tabPill .nav-pills .navItem {

    width: 33%;

  }

  section .container .main_content .dashboard_main .radio_cus {

    width: 100%;

  }

  section .container .main_content .claimDiv .claim_status small.claim_process {

    right: 18%;

  }

  .tableWrap table thead tr th {

    font: 700 12px "Mulish";

    vertical-align: top;

  }

  .tableWrap table tbody tr td {

    font: 400 12px "Mulish";

    padding: 10px 5px;

  }

  .checkClaimStatus {

    font: 600 13px "Mulish";

    padding: 10px;

  }

  .claimStatus .awaitDocu h3 {

    font: 700 17px "Mulish";

  }

  .custom-file-input-docupload:lang(en) ~ .custom-file-label-docupload::after {

    content: 'UPLOAD BULK DOCUMENTS';

    height: 40px;

    padding: 13px;

    border-radius: 27px;

    -webkit-border-radius: 27px;

    -moz-border-radius: 27px;

    top: 2px;

    right: initial;

    left: 2px;

    background-color: #ec6608;

    color: #fff;

    font: 600 13px "Mulish";

  }

}



@media (max-width: 575px) {

  body {

    padding-top: 80px;

  }

  /* .form-group {

    margin-bottom: 10px;

  } */

  .input-field label {

    font: 400 12px "Mulish";

  }

  .btnMain {

    min-width: 100px;

    padding: 10px;

    font: 600 15px "Mulish";

  }

  /* header {

    top: 25px !important;

  }

  header .container {

    max-width: 100%;

  }

  header h1 {

    display: block;

    text-align: center;

  }

  header h1 a {

    width: 140px;

    height: 45px;

  }

  header ul {

    margin: 12px 0;

  }

  header ul li a {

    font-size: 8px;

  }

  header ul li a svg {

    width: 11px;

  } */

  .top_header {

    padding: 0;

    margin: 0;

    background-color: #fff;

    text-align: center;

  }

  .top_header li {

    display: inline-block;

    vertical-align: top;

    margin-left: 5px;

  }

  .top_header li a {

    font: 700 13px "Mulish";

    color: #00447c;

  }

  .top_header li a svg {

    fill: #00447c;

  }

  aside .innerdiv {

    padding: 15px 12px;

  }

  aside .innerdiv h1.backArr {

    margin-bottom: 15px;

  }

  aside .innerdiv .quiBox {

    padding: 15px 15px 10px;

  }

  section .container {

    max-width: 100%;

  }

  section .container .main_content {

    padding: 20px 10px;

  }

  section .container .main_content .header-content h3 {

    font: 800 17px "Mulish";

  }

  section .container .main_content .dashboard_main h3 {

    font: 700 15px "Mulish";

    margin-bottom: 15px;

  }

  section .container .main_content .dashboard_main .checkDiv span {

    font: 400 12px "Mulish";

    color: #282828;

  }

  section .container .main_content .tabPill .nav-pills {

    margin-bottom: 20px;

  }

  section .container .main_content .tabPill .nav-pills .navItem .nav-link {

    font: 400 12px "Mulish";

  }

  section .container .main_content .tabPill .tab-content .tab-pane {

    padding: 0;

  }

  section .container .main_content .claimDiv {

    padding: 10px;

  }

  section .container .main_content .claimDiv .claim_status::after {

    width: 50px;

    height: 50px;

    left: 61%;

    top: -25px;

  }

  section .container .main_content .claimDiv .claim_status small {

    width: 10px;

    font: 300 12px "Mulish";

  }

  section .container .main_content .claimDiv .claim_status small.claim_intim {

    left: 0;

  }

  section .container .main_content .claimDiv .claim_status small.claim_survey {

    left: 27%;

  }

  section .container .main_content .claimDiv .claim_status small.claim_process {

    right: 35%;

    font: 600 12px "Mulish";

  }

  section .container .main_content .claimDiv .claim_status small.claim_closed {

    right: 28px;

  }

  section .container .main_content .claimNo span {

    font: 300 15px "Mulish";

  }

  section .container .main_content .claimNo span strong {

    font: 600 15px "Mulish";

  }

  section .container .main_content .claimNo .features h5 {

    font: 700 14px "Mulish";

  }

  section .container .main_content .claimNo .surveyForm {

    padding: 15px;

  }

  section .container .main_content .faqs .card .card-header {

    padding: 0;

  }

  section .container .main_content .faqs .card .card-header a.card-link span {

    font: 600 15px "Mulish";

  }

  section .container .main_content .faqs .card .card-body p {

    font: 300 13px "Mulish";

  }

  .intiSec {

    padding: 15px 0;

    background: #fff;

  }

  .intiSec h1 {

    font: 700 23px "Mulish";

    margin-bottom: 15px;

  }

  .intiSec .intiBox {

    padding: 15px 20px;

  }

  .intiSec .intiBox .custDiv {

    margin: 25px 0;

  }

  .intiSec .intiBox .custDiv ul li {

    width: 100%;

    margin: 10px 0;

  }

  .intiSec .intiBox .custom-file-input-docupload:lang(en) ~ .custom-file-label-docupload::after {

    height: 38px;

    padding: 11px;

    font: 600 13px "Mulish";

  }

  .intiSec .intiBox .custom-file-label-docupload {

    padding: 0 0 0 185px;

    display: contents;

  }

  .intiSec .feedback {

    font: 600 13px "Mulish";

    width: 155px;

    padding: 12px;

  }

  .uploadViewDocu {

    padding: 20px 0 90px;

  }

  .uploadViewDocu h1 {

    font: 800 22px "Mulish";

    margin-bottom: 20px;

  }

  /* {

    padding: 15px 10px;

  } */

  .spaceGap {

    margin-bottom: 20px;

  }

  .claimStatus {

    padding: 5px 20px;

  }

  .claimStatus .awaitDocu {

    margin-top: 15px;

  }

  .checkClaimStatus {

    float: left;

  }

  .custom-file-label-docupload {

    padding: 13px 0px 10px 182px;

    font-size: 12px;

  }

  .custom-file-input-docupload:lang(en) ~ .custom-file-label-docupload::after {

    font: 600 11px "Mulish";

  }

  .pageNotFound {

    padding: 50px 0;

  }

  .pageNotFound h1 {

    font: 500 30px "Mulish";

    margin-bottom: 10px;

  }

  .pageNotFound p {

    font: 600 13px "Mulish";

  }

}

/* +++++++++++++++++++++++++++++++++++

++++++++++++++++++++++++++++++++++++++ */



.quiBox {

  background: #fffefe;

  border-radius: 20px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  padding: 21px 21px 13px;

  border: 0.5px solid rgba(205, 205, 205, 0.77);

}



.main_content .header-content h3 {

  font: 800 22px "Mulish" !important;

  color: #282828;

  margin-bottom: 15px;

}







/* .form-group {

  margin-bottom: 3rem;

} */



.floating-label {

  position: relative;

}



/* .form-control {

  display: block;

  width: 100%;

  height: calc(1.5em + 0.75rem + 2px);

  padding: 0.375rem 0.75rem;

  font-size: 0.9rem;

  font-weight: 400;

  line-height: 1.5;

  color: #495057;

  background-color: #fff;

  background-clip: padding-box;

  border: 1px solid #ced4da;

  border-radius: 0.25rem;

  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

} */



.floating-label > input[placeholder]:not(:placeholder-shown) + label, .floating-label > input[placeholder]:not(:placeholder-shown) + label.label-sm, .floating-label > textarea[placeholder]:not(:placeholder-shown) + label, .floating-label > textarea[placeholder]:not(:placeholder-shown) + label.label-sm {

  position: absolute;

  z-index: 3;

  max-width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  left: 0.5rem;

  padding: 0 0.3rem;

  color: inherit;

  background-color: #fff;

  border-radius: 0.25rem;

  top: -0.4975rem;

  font-size: 0.700rem;

}

.floating-label > input + label, .floating-label > textarea + label {

  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);

  position: absolute;

  z-index: 3;

  max-width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  top: 0;

  left: 0;

  color: #6c757d;

  pointer-events: none;

  font-size: 1rem;

  padding: calc(0.375rem + 1px) calc(0.75rem + 1px);

}

label {

  display: inline-block;

  margin-bottom: 0.5rem;

}





/* .form-group {

  margin-bottom: 1.5rem !important;

}



.form-group span{

  color: #e71a1a;

} */



.btnMain-gray {

  min-width: 130px;

  padding: 10px 20px;

  border: 0;

  border-radius: 27px;

  -webkit-border-radius: 27px;

  -moz-border-radius: 27px;

  display: inline-block;

  background-color: #cecece;

  color: #838383;

  font: 600 17px "Mulish";

  outline: 0 !important;

  text-decoration: none;

  transition: all 0.2s ease;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

}











.main_content {

  width: 100%;

  background: rgb(255,245,235);

background: linear-gradient(180deg, rgba(255,245,235,1) 0%, rgba(255,251,247,1) 23%, rgba(255,255,255,1) 48%);

  margin-top: 40px;

  border-radius: 20px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  padding: 21px 21px 13px;

  border: 0.5px solid rgba(205, 205, 205, 0.77);

}



hr.divider {margin-bottom: 15px;}



.form-control:disabled, .form-control[readonly] {

  background-color: #FFF; color: #b2b2b2;

  opacity: 1;

}

.floating-label > input:not([placeholder]):not([value]):disabled + label, .floating-label > input:not([placeholder]):not([value])[readonly] + label, .floating-label > textarea:not([placeholder]):empty:disabled + label, .floating-label > textarea:not([placeholder]):empty[readonly] + label {

  background-color: #e9ecef;

}



.disabled-txt {color:#b2b2b2 !important; background: #FFF !important;}



.quiBox h4{ font-size: 16px; font-weight: 900; color:#000}



.font-15 {font-size: 13px; color: #7b7b7b;}













.d-block {display: block;}



.disable-btn { min-width: 130px;

  padding: 7px 18px;     display: inline-block;

  border-radius: 27px;

  -webkit-border-radius: 27px;

  background-color: #CECECE;

  color: #838383;

  font: 600 15px "Mulish";

  outline: 0 !important;

  text-decoration: none; border: 1px solid #CECECE;}



.gray-btn { min-width: 130px;

  padding: 7px 18px;     display: inline-block;

  border-radius: 27px;

  -webkit-border-radius: 27px;

  background-color: #838383;

  color: #FFF;

  font: 600 15px "Mulish";

  outline: 0 !important;

  text-decoration: none; border: 1px solid #838383;}



.cancel-btn { min-width: 130px;

  padding: 7px 18px;     display: inline-block;

  border-radius: 27px;

  -webkit-border-radius: 27px;

  background-color: #FFF;

  color: #ec6608;

  font: 600 15px "Mulish";

  outline: 0 !important;

  text-decoration: none; border: 1px solid #ec6608;}



.add-sub-btn { min-width: 130px;

  padding: 7px 18px;     display: inline-block;

  border-radius: 27px;

  -webkit-border-radius: 27px;

  background-color: #ec6608;

  color: #fff;

  font: 600 15px "Mulish";

  outline: 0 !important;

  text-decoration: none; border: none;}





  .orange-btn { min-width: 130px;

    padding: 7px 18px;     display: inline-block;

    border-radius: 27px;

    -webkit-border-radius: 27px;

    background-color: #ec6608;

    color: #fff;

    font: 600 15px "Mulish";

    outline: 0 !important;

    text-decoration: none; border: none;}



  .font-15-link {font-size: 13px; color: #004A80; text-decoration: underline; }



  .tableWrap {

    border-radius: 10px;

}



.table-responsive {

  display: block;

  width: 100%;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

}



.tableWrap table thead tr th {

  background-color: #B0C7D8;

  padding: 12px;

}



.table-bordered thead td, .table-bordered thead th {

  border-bottom-width: 2px;

}



.table thead th {

  vertical-align: bottom;

  border-bottom: 2px solid #dee2e6;

}



.table-bordered td, .table-bordered th {

  border: 1px solid #dee2e6;

}



.table td, .table th {

  padding: .45rem;

  vertical-align: top;

  border-top: 1px solid #dee2e6;

}



th {

  text-align: inherit;

}



.tableWrap table tbody tr.tableColor {

  background-color: #f5f6f6;

}

.table-bordered td, .table-bordered th {

  border: 1px solid #dee2e6;

}

.table td, .table th {

  padding: .55rem;

  vertical-align: top;

  border-top: 1px solid #dee2e6;

}





.navigation,.pagination {float:  right;}



.dark-blue-txt {color: #004374 !important;}



.blue-link-txt {color: #5486AA;}



.navigation,.page-link {border: none !important;}



.dropdown-select { border: 1px solid #E6E6E6; width: 150px; padding: 5px; border-radius: 5px;}







.fa {

  display: inline-block;

  font: normal normal normal 14px / 1 FontAwesome;

  font-size: inherit;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



#search label {

  position: absolute;

  left: 17px;

  top: 13px;

}



/* label {

  display: inline-block;

  max-width: 100%;

  margin-bottom: 5px;

  font-weight: bold;

} */



#search {

  position: relative;

  font-size: 18px;

  padding-top: 12px;

  margin: -12px auto 0;

}



.sr-only {

  position: absolute;

  width: 1px;

  height: 1px;

  padding: 0;

  margin: -1px;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;

}

#search #search-input, #search .hint {

  padding-left: 43px;

  padding-right: 43px;

  border-radius: 23px;

}

.input-lg {

  height: 30px;

  padding: 10px 16px;

  font-size: 18px;

  line-height: 1.3333333;

  border-radius: 6px;

  width: 350px;

}



.bdr-bottom {border-bottom: 1px solid #004A80;}



.edit-icon {color:#004A80;}



.fa-circle-minus-inactive {

  display: inline-block;

  width: 1.2em; /* Adjust size as needed */

  height: 1.2em; /* Adjust size as needed */

  border: 2px solid currentColor;

  border-radius: 50%;

  text-align: center;

  line-height: 2em; /* Adjust line height to center the icon */

  margin-right: 8px;

  color: #f28181;

}



.fa-circle-minus-active {

  display: inline-block;

  width: 1.2em; /* Adjust size as needed */

  height: 1.2em; /* Adjust size as needed */

  border: 2px solid currentColor;

  border-radius: 50%;

  text-align: center;

  line-height: 2em; /* Adjust line height to center the icon */

  margin-right: 8px;

  color: #E71A1A;

}





.action-icons span {margin-left: 10px; margin-right: 15px;}



.m-b-20 {margin-bottom: 20px;}



.font-14 {font-size: 14px;}



.m-r-10 {margin-right: 10px;}



.no-sub-agent-added {height: 205px; width: 240px;}



.dis-block {display: block;}

.m-t-50-fix {margin-top: 30px !important;}

.m-0-auto {margin: 0 auto;}



.modal-header {border-bottom:none !important; }



.modal-header .close {margin:-1rem -1rem -1rem 0px !important;}



.w-10p {width: 10% !important;}

.w-20p {width: 20% !important;}

.w-15p {width: 15% !important;}



.tableWrap td {font-size: 13px;}



/* .modal-body h1{font-size: 24px; font-weight: 800; text-align: center;}



.modal-body span {color: #EC6625;}



.modal-content {border-radius: 15px !important;} */



.fa-angle-left {font-size: 35px !important; }



.main-heading span{ margin-top: -3px;

  float: left;

  margin-right: 30px;

}



.black-bdr-section {border: 1px solid #575757; border-radius: 20px; margin-left: 10px;}



ul.list-section {list-style-type: disc; font-size: 13px; line-height: 30px; padding-top: 20px; padding-bottom: 10px;}



.note .checkbox {display: flex; height: 25px; width: 30px; float: left; vertical-align: top;}

.note { margin-top: 20px; font-size: 13px; }



.note span {color: #004A80;}



.m-t-20 {margin-top: 20px;}



/* input[type="checkbox"] {} */



input[type="checkbox"]:enabled:checked {

  background-color: #002B4E !important;

  color: white;

}



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





.wallet {float: left;}

.wallet-btn {

  background: rgb(250,129,38);

background: linear-gradient(0deg, rgba(250,129,38,1) 0%, rgba(227,108,36,1) 100%);

  border: none;

  color: white;

  padding: 12px 16px;

  font-size: 16px;

  cursor: pointer;

  border: 1px solid #FF8625;padding: 6px 7px 7px 0px;

  height: 45px;

  width: 130px;

  /* border-bottom-left-radius: 30px;

  border-top-left-radius: 30px; */



  border-radius: 30px;

  text-align: center;

  font-size: 13px;

  line-height: 18px;

}



.wallet-btn span {display: block;}





.btn {

  background-color: transparent;

  border: none;

  color: white;

  padding: 12px 16px;

  font-size: 16px;

  cursor: pointer;

  border: 1px solid #FF8625;padding: 6px 7px 7px 0px;

  height: 40px;

  width: 142px;

  /* border-bottom-left-radius: 30px;

  border-top-left-radius: 30px; */



  border-radius: 30px;

  text-align: left;

  font-size: 15px;

}







.btn:hover {color: #FFF;}



.orange-circle { background: #FF8625; padding: 8px 12px 11px 12px; border-radius: 30px; margin-left: 0px; margin-right: 10px;}





.two-btns {display: flex;}





.two-btns {

  background-color: transparent;

  border: none;

  color: white;

  padding: 12px 16px;

  font-size: 16px;

  cursor: pointer;

  border: 1px solid #FF8625;padding: 8px 7px 7px 15px;

  height: 40px;

  width: 80px;

  /* border-bottom-left-radius: 30px;

  border-top-left-radius: 30px; */



  border-radius: 30px;

  text-align: left;

  font-size: 15px;

}



.two-btns .fa-wifi {margin-right: 10px;}



.two-btns .fa-refresh {margin-left: 10px;}





.setting-btn {

  background-color: #FF8625;

  border: none;

  color: white;

  padding: 6px 10px 10px 11px;

  font-size: 16px;

  cursor: pointer;

  border: 1px solid #FF8625;

  height: 35px;

  width: 35px;

  /* border-bottom-left-radius: 30px;

  border-top-left-radius: 30px; */



  border-radius: 30px;

  text-align: left;

  font-size: 15px;

}



.logout-btn {

  background-color: #FF8625;

  border: none;

  color: white;

  padding: 6px 10px 10px 11px;

  font-size: 16px;

  cursor: pointer;

  border: 1px solid #FF8625;

  height: 35px;

  width: 35px;

  /* border-bottom-left-radius: 30px;

  border-top-left-radius: 30px; */



  border-radius: 30px;

  text-align: left;

  font-size: 15px;

}











/* ++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++ Pallavi style

++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++

*/



input:focus {

  border-bottom: 1.5px solid deepskyblue;

  outline: none;

}



.SubmitBtn {

  min-width: 110px;

    padding: 8px 10px;

    border: none;

    border-radius: 27px;

    -webkit-border-radius: 27px;

    -moz-border-radius: 27px;

    display: inline-block;

    background-color: #B2B2B2;

    color: #fff;

    font: 600 12px "Mulish";

    outline: 0 !important;

    text-decoration: none;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

}



/* input {

  width: 32px;

  height: 32px;

  text-align: center;

  border: none;

  border-bottom: 1.5px solid #d2d2d2;

  margin: 0 10px;

} */



.smallTxt {

  font-size: 10px;

}



.change {

  color: #004A80;

}



.pinkBox {

  background-color: #FDE8E8;

  color: #A41212;

  border-radius: 5px;

  margin-bottom: 20px;

  width: 47%;

}

.pinkTxt {

  margin-bottom: 0;

  padding: 8px;

}



.verifyOTPBtn {

  min-width: 70px;

    padding: 10px 15px;

    border: 0;

    border-radius: 27px;

    -webkit-border-radius: 27px;

    -moz-border-radius: 27px;

    display: inline-block;

    background-color: #ec6608;

    color: #fff;

    font: 600 12px "Mulish";

    outline: 0 !important;

    text-decoration: none;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;
    margin-top: 15px;
}



.resendOTPBtn {

  min-width: 70px;

    padding: 10px 15px;

    border: 1px solid #004A80;

    border-radius: 27px;

    -webkit-border-radius: 27px;

    -moz-border-radius: 27px;

    display: inline-block;

    background-color: transparent;

    color: #004A80;

    font: 600 12px "Mulish";

    outline: 0 !important;

    text-decoration: none;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;
    margin-top: 15px;
}



.cancelBtn {

  min-width: 110px;

    padding: 8px 10px;

    border: 1px solid #EC6625;

    border-radius: 27px;

    -webkit-border-radius: 27px;

    -moz-border-radius: 27px;

    display: inline-block;

    background-color: transparent;

    color: #EC6625;

    font: 600 12px "Mulish";

    outline: 0 !important;

    text-decoration: none;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;
    margin-top: 15px;
}



.otpMobile {

  font-size: 12px;

}



.subagent-input-field{

  padding: 20px;

}



.subagent-active{

  border-radius: 50%;

  background-color: green;

  border: 2px solid green;

  width: 2px;

  height: 2px;

}



.subagent-inactive{

  border-radius: 50%;

  background-color: orange;

  border: 2px solid orange;

  width: 2px;

  height: 2px;



}



.active-Inactive-class{

  display: flex;

  flex-direction:  row;

  justify-content:  center;

  align-items: center;

  text-align: center;

  column-gap: 4px;

}



.custom-wrapper-for-fms-icon {
  position: absolute;
  top: 7%;
  left: 50%;
  transform: translate(-50%,-50%);
  color:white;
  
}

.custom-box-for-fms-icon {
  font-size: 12px;
   border: 0.3rem solid;
   padding: 5px 23px;
   /* border-image: radial-gradient(ellipse at var(--gradX) var(--gradY), var(--c1), var(--c1) 10%, var(--c2) 40%) 10; */
   /* animation: borderRadial var(--d) cubic-bezier(0.42, 0, 0.52, 1.1) infinite forwards; */
   background: #ec6608;
   border-radius: 20px;
   box-shadow: 10px 10px 5px 12px;
   box-shadow: 0px 0px 17.96px 0.5px #F6A300;
   border: 1px solid #ec6608;
}
/* popup css changes */
.prodlistpopup{
  min-width: 300px !important;
 
  padding: 20px !important;
  margin-top: 10px;
}
.prodlistpopup .productsdetailspopup{
 display: flex;
 justify-content: space-between;
 align-items: center;
 flex-direction: row;
 margin-top: 3px;
}
.prodlistpopup .productsdetailspopup .prodDiv img{
  width: 90px;
  height: 60px;
}
.prodlistpopup .productsdetailspopup .prodDiv{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

.prodlistpopup .productsdetailspopup button{
  border: none !important;
  /* background: transparent; */
   
}

button.arrow {
 background: url(../images/MFA/Arrow\ No\ Fill.svg) no-repeat center/contain;
 width: 36px;
 height: 36px;
}
button.arrow:hover {
 background: url(../images/MFA/ArrowFill.svg) no-repeat center/contain;
 width: 36px;
 height: 36px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


.Mfa--maincontainer {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 300px) {
  .Mfa--maincontainer {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 720px) {
  .Mfa--maincontainer {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .Mfa--maincontainer {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .Mfa--maincontainer {
    max-width: 100%;
  }
}
@media (min-width: 1360px) {
  .Mfa--maincontainer {
    max-width: 100%;
  }
}

.row {
  margin-right: -7px;
  margin-left: -7px;
}

header {
  background: transparent linear-gradient(180deg, #EF7D00 0%, #AD2221 100%) 0% 0% no-repeat padding-box;
}
header h1 {
  margin: 0;
  display: inline-block;
  vertical-align: top;
}
header h1 a {
  width: 154px;
  height: 35px;
  margin: 18.5px 0;
  display: inline-block;
  background: url(../images/logo.png) no-repeat center center/contain;
  text-indent: -9999px;
  vertical-align: top;
}
@media (max-width: 767px) {
  header .Mfa--maincontainer {
    padding: 0;
  }
}
header .Mfa--maincontainer .mainheaddiv {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.profile-menu {
  position: relative;
  border: none !important;
  top: 8px;
}
.profile-menu .profile-button {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  color: #333;
  padding: 0;
  position: relative;
  outline: none;
}
.profile-menu ul.options {
  position: absolute;
  top: calc(100% + 1px);
  right: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 0px;
  list-style: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 1;
  min-width: 159px;
}
.profile-menu ul.options li {
  padding: 7px 7px;
  cursor: pointer;
}
.profile-menu ul.options li:hover {
  background-color: #F8F6E4;
}
.profile-menu ul.options li table {
  width: 100%;
}
.profile-menu ul.options li table tr td {
  text-align: left;
  font: 400 13px "Mulish", sans-serif;
  letter-spacing: 0px;
  color: #282828;
}
.profile-menu ul.options li table tr td:first-child {
  width: 30px;
}
.profile-menu ul.options li table tr td img {
  width: 20px;
  height: 20px;
}
.profile-menu ul.options.open {
  display: block !important;
}
.profile-menu ul::before {
  content: "";
  position: absolute;
  top: -16%;
  right: 14%;
  transform: translateX(50%);
  border-width: 9px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

.insurance-section-dashboard {
  padding: 30px;
}
@media (max-width: 565px) {
  .insurance-section-dashboard {
    padding: 8px;
    padding-bottom: 80px;
  }
}

/* Insurance Section */
.insurance-section {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1%;
}
@media (max-width: 1090px) and (min-width: 825px) {
  .insurance-section {
    grid-template-columns: repeat(auto-fit, minmax(172px, 1fr));
  }
}

/* Individual Card */
.product-category-card {
  background: white;
  padding: 7%;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  box-shadow: 0px 2px 32px 1px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: transform 0.3s ease-in-out;
}
.product-category-card:hover {
  cursor: pointer;
  transform: translateY(-5px);
}
.product-category-card h3 {
  font: 700 18px "Mulish", sans-serif!important;
  margin-bottom: 15px!important;
  text-align: left;
  width: 100%;
}
@media (min-width: 1441px) {
  .product-category-card h3 {
    font: 800 24px "Mulish",sans-serif!important;
    margin-bottom: 1.5rem;
  }
}

/* Image Box */
.rounded-card {
  width: 100%;
  min-height: 200px;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: inset 0px 4px 4px 1px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
@media (min-width: 1441px) {
  .rounded-card {
    min-height: 272px;
  }
}
.rounded-card span {
  max-width: 80%;
  max-height: 80%;
}
.rounded-card span.motor {
  background: url(../images/Motor\ No\ Fill.svg) no-repeat center/cover;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rounded-card span.motor:hover {
  background: url(../images/MotorFill.svg) no-repeat center/contain;
}
.rounded-card span.health {
  background: url(../images/Health.svg) no-repeat center/cover;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rounded-card span.health:hover {
  background: url(../images/HEalthFill.svg) no-repeat center/contain;
}
.rounded-card span.corporate {
  background: url(../images/Corporate\ no\ fill.svg) no-repeat center/cover;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rounded-card span.corporate:hover {
  background: url(../images/Corporate\ Fill.svg) no-repeat center/contain;
}
.rounded-card span.home_travel {
  background: url(../images/Home\ Travel\ no\ fill.svg) no-repeat center/cover;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rounded-card span.home_travel:hover {
  background: url(../images/HomeTravelFill.svg) no-repeat center/contain;
}
.rounded-card img {
  max-width: 80%;
  max-height: 80%;
}

/* Category Details */
.category-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.category-details p {
  font: 500 14px "Mulish", sans-serif;
  color: #000000;
  flex: 1;
  text-align: left;
  margin-bottom: 0px;
}
@media (min-width: 1441px) {
  .category-details p {
    font: 700 16px "Mulish", sans-serif;
    max-width: 80%;
  }
}
.category-details .arrow {
  font-size: 20px;
  color: #000000;
  margin-left: 10px;
  border: 1px solid #000000;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Policy Insights & Services */
@media (max-width: 565px) {
  .insurance-section {
    grid-template-columns: repeat(auto-fit, minmax(179px, 1fr));
    gap: 2%;
  }
  .product-category-card {
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
  }
  .product-category-card h3 {
    font: 800 13px "Mulish", sans-serif!important;
  }
  .rounded-card {
    min-height: 143px;
    margin-bottom: 13px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
  }
  .category-details p {
    font: 600 10px "Mulish", sans-serif;
    max-width: 80%;
  }
  .category-details .arrow {
    font-size: 14px;
    font-weight: 700;
    width: 20px;
    height: 20px;
    padding-bottom: 0%;
  }
}
@media (max-width: 381px) {
  .insurance-section {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  }
}
/* Navbar Styling */
.navbar {
  display: none;
}

@media (max-width: 767px) {
  .navbar {
    position: fixed;
    width: 100%;
    background: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: inline-block;
    padding: 10px 0;
    bottom: 0;
  }
  .navbar ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 8px;
    padding: 0;
    margin: 0;
  }
  .navbar li {
    display: flex;
  }
  a:hover {
    color: #ec6608;
  }
  a:hover svg .bg {
    stroke: #ec6608;
  }
  /* Nav Link Styling */
  .nav-link {
    text-decoration: none;
    color: #333;
    display: flex;
    align-items: center;
    flex-direction: row;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 4px;
    transition: color 0.3s;
    justify-content: space-evenly;
    gap: 8px;
  }
  /* Icon Styling */
  .nav-icon {
    width: 20px;
    height: 20px;
    filter: grayscale(100%);
    transition: filter 0.3s ease-in-out;
  }
  /* Enable smooth scrolling */
  html {
    scroll-behavior: smooth;
  }
  .highlightable {
    padding: 20px;
    margin: 20px;
    border-radius: 8px;
    background: #f9f9f9;
    transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  }
  .highlightable:target {
    animation: highlightEffect 1s ease-out;
  }
  @keyframes highlightEffect {
    0% {
      background: #fffbcc; /* Light yellow */
      box-shadow: 0 0 15px rgba(255, 215, 0, 0.6);
    }
    100% {
      background: #f9f9f9; /* Back to normal */
      box-shadow: none;
    }
  }
}