@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: "Muli", sans-serif !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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 "Muli", sans-serif;
}

.breadcrumsec .breadcrumb li a {
  color: #707070;
  font: 600 14px "Muli", sans-serif;
  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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
  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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
}

.mainsec .innerdiv.congratsdiv table tr th span {
  color: #3b3b3b;
  font: 600 16px "Muli", sans-serif;
}

.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 "Muli", sans-serif;
}

.mainsec .innerdiv.congratsdiv table tr td span {
  color: #282828;
  font: 600 18px "Muli", sans-serif;
}

.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 "Muli", sans-serif;
  vertical-align: middle;
}

.mainsec .innerdiv.congratsdiv table tr td ul li strong {
  color: #4b4b4b;
  font: 700 27px "Muli", sans-serif;
}

.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 "Muli", sans-serif;
}

.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: 600 17px "Muli", sans-serif;
}

.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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
}

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

.mainsec .tablediv table tr td {
  color: #4b4b4b;
  font: 700 14px "Muli", sans-serif;
}

.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 "Muli", sans-serif;
  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 "Muli", sans-serif;
}

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

.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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
  vertical-align: middle;
}

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

.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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
  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 "Muli", sans-serif;
}

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

.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 "Muli", sans-serif;
}

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

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

.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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
}

.mainsec .plansdiv ul li.quote .quotePrem table tr td {
  padding: 11px 18px;
  color: #4b4b4b;
  font: 600 24px "Muli", sans-serif;
  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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
  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);
}

.radio1 tr td {
  padding-right: 20px;
  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 "Muli", sans-serif !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 "Muli", sans-serif;
}

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

.chkbox1 table tr td span {
  display: block;
  color: #000;
  font: 600 14px "Muli", sans-serif;
}

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 "Muli", sans-serif;
}

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 "Muli", sans-serif;
  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 "Muli", sans-serif;
}

#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 "Muli", sans-serif;
}

#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 {
  font-size: 15px;
}


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

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

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

.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: 400 13px "Muli", sans-serif;
}

.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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 "Muli", sans-serif;
}

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

.mainsec .myBreakInContainer .createBreakIn h3 {
  background-color: #f8f9fa;
  font: 600 14px "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
  color: #868686;
  height: 80px;
  padding: 15px 20px;
  border: 0px none;
}

.feedbackModal .modal-lg .modal-content .modal-body form label {
  font: 600 14px "Muli", sans-serif;
  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 "Muli", sans-serif;
}

/* 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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 "Muli", sans-serif;
   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 "Muli", sans-serif;
   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 .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 {
    padding-top: 0px;
  }
  .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 "Muli", sans-serif;
  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 "Muli", sans-serif !important;
  margin-right: 10px;
}

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

.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 "Muli", sans-serif !important;
  margin-right: 10px;
}

 .switchBtns .radio_cus .bt-radio {
  font: 400 13px/20px "Muli", sans-serif;
}

.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 "Muli", sans-serif;
}

.mainsec .myBreakInContainer .chkbox1 table tr td label.confirmInfo {
  color: #2a5ca0;
  font: 400 11px "Muli", sans-serif;
}

.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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 "Muli", sans-serif;
}

.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 8px #f0f0f0;
  margin: 10px 0 0;
  border-radius: 8px;
  -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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 11px "Muli", sans-serif;
  color: #1c1c1c;
  width: 25%;
  padding: 0px 20px 6px 20px;
  border: 0;
  text-align: center;
  vertical-align: middle;
}

.mainsec .fieldsdiv .breakindiv .tablediv .table tr td {
  text-align: center;
  width: 25%;
  padding: 15px 20px;
  border: 2px solid #f0f0f0;
  font: 700 14px "Muli", sans-serif;
  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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  -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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  padding-top: 15px;
  padding-bottom: 15px;
}

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

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

.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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 "Muli", sans-serif;
}
.mainsec .tablediv table tr td{
  font: 700 12px "Muli", sans-serif;
}
.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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
  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: 8px 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: auto;
  background: #eaeaea;
  color: #1c1c1c;
  font: 700 14px/20px "Muli", sans-serif;
  padding-top: 0px;
}

.mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .tablediv .table-responsive .table tr td {
  width: auto;
  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 .custom-file-input:lang(en)::after {
  content: "Select file...";
}

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

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

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

.mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .tablediv .table-responsive .table tr td .custom-file .custom-file-label {
  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 .custom-file-label::after {
  background-color: transparent;
}

.mainsec .myBreakInContainer .tabpane .qccasesContainer .fieldsdiv .breakindiv .tablediv .table-responsive .table tr td .custom-file-input {
  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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
}

.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;
  right: -4px;
  top: 10px;
}

.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 {
  overflow: hidden;
  width: 29px;
  height: 29px;
  position: absolute;
  top: 27%;
  right: 10px;
}

.ViewDocumentModal .modal-dialog .modal-content .modal-body .uploadedListItmes ul li .custom-file .custom-file-label {
  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 .custom-file-label::after {
  background-color: transparent;
}

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

.loginQCcasesBg {
  background: url(../images/QC-cases/bg-waves-2560.png) no-repeat bottom center/100%;
  background-attachment: fixed;
}

.loginQCcasesContainer .logindiv .wrapper {
  width: 364px;
  margin: 50px auto 20px;
}

.loginQCcasesContainer .logindiv .wrapper .welcomeTxt {
  color: #464646;
  font: 700 18px/26px "Muli", sans-serif;
}

.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 "Roboto", sans-serif;
}

.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 "Roboto", sans-serif;
}

@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 "Muli", sans-serif;
  text-align: center;
  margin-bottom: 20px;
}

 .premPlanSidebarContent .premPlanMainContent .premPlanTableTitle {
  color: #fff;
  font: 500 14px "Muli", sans-serif;
  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 "Muli", sans-serif;
}

 .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 "Muli", sans-serif;
}

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

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

 .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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  }
   .premPlanSidebarContent .premPlanMainContent .premPlanTableTitle span {
    font: 500 13px "Muli", sans-serif;
    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 "Muli", sans-serif !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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
  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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
  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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 "Muli", sans-serif;
}

.mainsec .plansdiv ul li .netPremium.ProposalnetPrem table tr td:last-child {
  font: 500 12px "Muli", sans-serif;
  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 "Muli", sans-serif;
  }
}

.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 "Muli", sans-serif;
}

@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 "Muli", sans-serif;
  }
  .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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 "Muli", sans-serif;
}

.mainsec .plansdiv ul li .netPremium.ProposalnetPrem table tr td:last-child {
  font: 500 12px "Muli", sans-serif;
  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 "Muli", sans-serif;
  }
}

.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 "Muli", sans-serif;
}

@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 "Muli", sans-serif;
  }
  .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 "Muli", sans-serif !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 "Muli", sans-serif !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 "Muli", sans-serif;
  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 "Muli", sans-serif;
  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 "Muli", sans-serif;
}

.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 "Muli", sans-serif;
}

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

.mainsec .plansdiv ul li .plan .contdiv .BundlePlan_customize.bundlewarn span {
  font: 400 11px "Muli", sans-serif;
  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 "Muli", sans-serif;
}
.breakinmsg {
  font: bold 17px "Muli", sans-serif;
  text-align: center;
  margin-top: 10px;
  color: #cb4c29;
}

.error-msg {
  color: red;
}