/*------------------------------------------------------------------ */
/* [ Dependencies ] */
/*------------------------------------------------------------------ */
/*------------------------------------------------------------------ */
/* [ Variables ] */
/*------------------------------------------------------------------ */
/*------------------------------------------------------------------ */
/* [ Product: Motor custom styles ] */
/*------------------------------------------------------------------ */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
nav.navbar li > a:hover, nav.navbar li > a:focus, nav.navbar li > a:active {
  color: #E87722;
}

.btn.style1 {
  color: #12aebe;
}

.btn.style1:hover {
  color: #12aebe;
}

.btn.bg-commercial {
  background-color: #12aebe;
}

.btn.bg-orange {
  color: #fff;
}
.selectshow{
    color: #333 !important;
    /* font-size: 20px; */
    font-weight: normal;
    /*left:76%;*/
 }
h1 {
  font-size: 70px;
}

p {
  line-height: 1.3em;
}

@media screen and (max-width: 767px) {
  .section-header {
    max-width: 70%;
    margin: 0 auto 40px;
  }
 
}
@media screen and (min-width: 601px) {
  .goback{
	 margin-top: -45px;
  }
  
}

@media screen and (max-width: 600px) {
  .goback{
	 margin-top: 10px;
	 text-align:center;
  }
}
@media screen and (max-width: 400px) {
  .section-header {
    max-width: 100%;
  }
  .search img {
    left: 72%;
	}
}
@media screen and (max-width: 319px) {
  .search img {
    left: 50%;
	}
}
@media screen and (max-width: 176px) {
  .search img {
    left: 30%;
	}
}
@media screen and (max-width: 1024px) {

  .info-review-container.policy-review-box {
		width: 90%;
		margin: 30px 40px 30px 40px;
		background-color: #f4f4f4;
		max-width: 100%;
	}
}
@media screen and (min-width: 1024px) {

  .portal-section {
    width: 1000px;
	}
 
}


/*------------------------------------------------------------------ */
/* [ Banner styles ] */
/*------------------------------------------------------------------ */
.banner-container {
  color: #ffffff;
}

.banner-container.container-fluid {
  padding: 65px 0 30px;
}

@media screen and (max-width: 700px) {
  .banner-container {
    padding: 35px 40px;
  }
  .banner-container h1 {
    font-size: 40px;
    margin-top: 20px;
  }
  .banner-container img {
    width: 150px;
  }
}

@media screen and (max-width: 400px) {
  .banner-container {
    padding: 35px 20px;
  }
  .banner-container h1 {
    font-size: 34px;
  }
  .goback{
	 margin-top: 10px;
  }
}

/*------------------------------------------------------------------ */
/* [ Benefits container ] */
/*------------------------------------------------------------------ */
.benefits-container {
 /* width: 1015px;
  margin: auto;*/
}

.benefits-container .row {
  padding: 10px 20px;
  color: #666;
}

.benefits-container .row.border-top {
  border-top: 1px solid #cecece;
}

.benefits-container .row .col-xs-3 {
  text-align: center;
}

.benefits-container .row .col-xs-9 {
  font-size: 23px;
  line-height: 26px;
}

.benefits-container .row .col-sm-7 {
  padding: 15px 0;
  line-height: 22px;
}

@media screen and (max-width: 1200px) {
  .benefits-container {
    width: 750px;
  }
  .benefits-container .row {
    padding: 10px 0;
  }
}

@media screen and (max-width: 820px) {
  .benefits-container {
    width: 650px;
  }
  .benefits-container .row .col-xs-9 {
    font-size: 20px;
  }
  .benefits-container .row .col-sm-7 {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .benefits-container {
/*    width: 400px;
    max-width: 95%;*/
  }
  .benefits-container > .row {
    padding: 10px 20px 10px 10px;
  }
  .benefits-container > .row .col-sm-5 {
    position: relative;
  }
  .benefits-container > .row .col-sm-5:after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/lgrey-arrow-down.png");
  }
  .benefits-container > .row .col-sm-5.active:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
  }
  .benefits-container > .row .slidedown {
    display: none;
    text-align: center;
    padding-top: 20px;
  }
}

@media screen and (max-width: 400px) {
  .benefits-container > .row {
    padding: 10px 0;
  }
  .benefits-container > .row .col-xs-9 {
    max-width: 50%;
  }
  .products-icon-container.small-icons > div .img-container {
    min-height: 50px !important;
    /* margin-bottom: 10px; */
 }
}
@media screen and (max-width: 320px) {
  .upload-section {
    padding: 10px 0;
  }
}

/*------------------------------------------------------------------ */
/* [ Addons container ] */
/*------------------------------------------------------------------ */
.addons-container {
  width: 1015px;
  margin: auto;
}

.addons-container .row {
  padding: 10px 20px;
}

.addons-container .row.border-top {
  border-top: 1px solid #cecece;
}

.addons-container .row .col-xs-3 {
  text-align: center;
}

.addons-container .row .col-xs-3 img {
  margin-top: 20px;
}

.addons-container .row .col-xs-9 p {
  line-height: 1.3em;
}

@media screen and (max-width: 1200px) {
  .addons-container {
    width: 750px;
  }
  .addons-container .row {
    padding: 10px 0;
  }
}

@media screen and (max-width: 820px) {
  .addons-container {
    width: 650px;
  }
  .addons-container h5 {
    font-size: 22px;
  }
}

@media screen and (max-width: 767px) {
  .addons-container {
    width: 400px;
    max-width: 95%;
  }
  .addons-container > .row > .col-sm-6:last-child {
    border-top: 1px solid #cecece;
  }
  .addons-container > .row > .col-sm-6:first-child {
    border: none;
  }
}

/*------------------------------------------------------------------ */
/* [ Product: CP custom styles ] */
/*------------------------------------------------------------------ */
.bg-magenta {
  color: #12aebe;
}

.bg-orange{
    background-color: #E87722;
}

/* Button */
.btn .magenta {
  font-family: 'museo_sans_rounded700';
  background-color: #f57474;
  border: 2px solid #f57474;
  color: #ffffff;
}

.btn .magenta:hover {
  color: #f57474;
  background-color: #ffffff;
}

.btn.magenta1 {
  font-family: 'museo_sans_rounded700';
  background-color: #ffffff;
  border: 2px solid #f57474;
  color: #ff8080;
}

.btn.magenta1:hover {
  color: #ff8080;
  background-color: #ffffff;
}

.quotation-table-container .row .block .header-bg3 {
  background-color: #ff8080;
}

/* Colors */
.fc-magenta {
  color: #ff8080 !important;
}
.img-repeat img {
    -webkit-transition: all .3s ease; /* Safari and Chrome */
  	-moz-transition: all .3s ease; /* Firefox */
  	-o-transition: all .3s ease; /* IE 9 */
  	-ms-transition: all .3s ease; /* Opera */
  	transition: all .3s ease;
}
.img-repeat img:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform:translateZ(0) scale(5.20); /* Safari and Chrome */
    -moz-transform:scale(5.20); /* Firefox */
    -ms-transform:scale(5.20); /* IE 9 */
    -o-transform:translatZ(0) scale(5.20); /* Opera */
    transform:translatZ(0) scale(5.20);
}
#footer {
	width:100%;
	height:100px;
	left:0;
	margin-top: 54px;
	    position: static;
}
#popupBenefit .mfp-close, #popupPolicyMotor .mfp-close{
	display:none;
}
.bg-orange .hdr{
	padding:20px;
}
.img-square-in{
	width: 38px;
}
.error-messages{
  font-family: "museo-sans-rounded",sans-serif;
  font-style: normal;
  font-weight: 300;

  font-size: 14px;
  color: #cc3333;
  font-style: italic;
}
.hospitalisationrd md-radio-group{
	float:left;
}
.maid-section md-radio-button ._md-off, .maid-section md-radio-button.md-checked ._md-off {
    border-color: #cc66cc;
}
.maid-section md-radio-button ._md-on, .maid-section md-radio-button.md-checked ._md-on {
    background-color: #cc66cc;
}
.maid-section .progress-bar {
    background-color: #cc66cc;
}
.maid-section md-checkbox.md-checked .md-ink-ripple {
    color: #cc66cc !important;
}
.maid-section md-checkbox .md-ink-ripple {
    color: #cc66cc !important;
}
.maid-section .detail-section md-checkbox.md-checked ._md-icon {
    background-color: #cc66cc !important;
}
.maid-section #callMeBackClaim .mfp-close, .motor-section #callMeBackClaim .mfp-close, .travel-section #callMeBackClaim .mfp-close, .life-section #callMeBackClaim .mfp-close, .personal-section #callMeBackClaim .mfp-close  {
	display:none;
}
.manage-account .mfp-close{
	display:show;
}
.maid-section md-option:hover {
    background-color: #cc66cc !important;
}
.maid-section .rounded-select md-input-container md-select ._md-text {
    color: #cc66cc;
}

.maid-section md-progress-circular.md-default-theme path, .maid-section md-progress-circular path {
    stroke: #cc66cc;
}
.travel-section md-progress-circular.md-default-theme path, .travel-section md-progress-circular path {
    stroke: #03d7ba;
}
.life-section md-progress-circular.md-default-theme path, .life-section md-progress-circular path {
    stroke: #f65e1b ;
}
.motor-section md-progress-circular.md-default-theme path, .motor-section md-progress-circular path {
    stroke: #12b8c5;
}
.personal-section md-progress-circular.md-default-theme path, .personal-section md-progress-circular path{
    stroke: #fcba00;
}
.commercial-section md-progress-circular.md-default-theme path, .commercial-section md-progress-circular path{
    stroke: #fcba00;
}
.fetchAddressLoader.load-icon{
 margin: auto;
    position: absolute;
    right: 70px;
    top: 3px;
}

.fetchAddressLoader.load-icon
md-progress-circular svg{
    max-width: 35px;
}

@media screen and (max-width: 480px) {
 .fetchAddressLoader.load-icon{
        right: -2px;
  top: -2px;
    }
 .fetchAddressLoader.load-icon
 md-progress-circular svg{
  max-width: 30px;
 }
}
.upload-section .bg-success p, .upload-section  .bg-success span, .payment-section .bg-success p, .payment-section  .bg-success span {
    padding: 5px;
	text-align:left;
	font-size:12px;
}
.upload-section .bg-success, .payment-section .bg-success{
    background-color: #cdcdcd;
	padding: 15px;
}
.payment-section .coverage-term md-radio-button {
    border: 1px solid #dcdcdc;
    margin: 0px; 
    float: left;
    display: table;
    width: 300px;
    height: 55px; 
    box-shadow: none !important;
}
.payment-section .coverage-term .md-checked {
    border: 1px solid #dcdcdc;
}
.motor-section .payment-section .coverage-term  md-radio-button.md-checked:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 20px #12b8c5;
    border-left: solid 20px transparent;
    border-right: solid 20px transparent;
}

.travel-section .payment-section .coverage-term  md-radio-button.md-checked:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 20px #03d7ba;
    border-left: solid 20px transparent;
    border-right: solid 20px transparent;
}
.maid-section .payment-section .coverage-term  md-radio-button.md-checked:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 20px #9932cc;
    border-left: solid 20px transparent;
    border-right: solid 20px transparent;
}
.personal-section .payment-section .coverage-term  md-radio-button.md-checked:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 20px #fcba00;
    border-left: solid 20px transparent;
    border-right: solid 20px transparent;
}
.motorcycle-section .payment-section .coverage-term  md-radio-button.md-checked:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 20px #63B1BC;
    border-left: solid 20px transparent;
    border-right: solid 20px transparent;
}

.payment-section md-select {
    background-color: #ededed;
	padding: 15px 20px 10px;
}

.payment-section ._md-text {
	font-family: "museo-sans-rounded",sans-serif;
    font-weight: 300;
	font-size: 20px;
}

.payment-motor ._md-text {
	color:#12b8c5;
	    
}
.payment-motorcycle ._md-text {
	color:#63B1BC;
}
.payment-personal ._md-text {
	color:#fcba00;
}
.payment-maid ._md-text {
	color:#9932cc;
}
.payment-travel ._md-text {
	color:#03d7ba;
}



@media screen and (max-width: 767px) {
  #callMeBackDBS .row{
	padding: 0px 35px 0px 35px;
  }
  .payment-section .section-header .bnk-trans{
	  text-align:justify;
  }
  
  .payment-section .coverage-term md-radio-button {
    margin: 10px 0 !important;
    width: 50% !important;
  }
  
  .health-section .payment-section .coverage-term md-radio-button {
    margin: 10px 0 !important;
    width: 100% !important;
  }
  .health-section .cls-sec-popl {
    font-size: 24px;
  }
  .health-section .dtl-pop-hdr {
    font-size: 20px;
  }
  .payment-section .section-header {
    max-width: 100%;
    margin: 0 auto 40px;
  }
  .payment-section .coverage-term {
    width: 100%;
    padding: 0px;
  }
  .bnk-trans{
    top:10px;
  }

  .section-header .coverage-term .md-checked h5{
    color: white !important;
	    
  }
  .payment-motor .section-header .coverage-term h5 {
    color: #12b8c5;
  }
  .payment-motor .coverage-term md-radio-button.md-checked{
    border: 1px solid #12b8c5 !important
  }
  .payment-travel .section-header .coverage-term h5 {
    color: #03d7ba;
  }
  .payment-travel .coverage-term md-radio-button.md-checked{
    border: 1px solid #03d7ba !important
  }
  .payment-personal .section-header .coverage-term h5 {
    color: #fcba00;
  }
  .payment-personal .coverage-term md-radio-button.md-checked{
    border: 1px solid #fcba00 !important
  }
  .payment-maid .section-header .coverage-term h5 {
    color: #9932cc;
  }
  .payment-maid .coverage-term md-radio-button.md-checked{
    border: 1px solid #9932cc !important
  }
  
  .payment-motorcycle .section-header .coverage-term h5 {
    color: #63B1BC;
  }
  .payment-motorcycle .coverage-term md-radio-button.md-checked{
    border: 1px solid #63B1BC !important
  }
  .payment-commercial .coverage-term md-radio-button.md-checked{
    border: 1px solid #63B1BC !important
  }
  /*.seperator.orange, .seperator.commercial, .seperator.yellow {
    margin-top: -2px;
 }*/
}


.payment-section .coverage-term {
    display: inline-block;
    margin-bottom: 1px;
}
.upload-section .glyphicon-envelope{
	margin-left: -45px;
    margin-top: 8px;
}
 
.motor-section #callMeBackClaim a{
    color : #12b8c5 !important;
}
.motor-section #callMeBackClaim a:hover{
    color : #12b8c5 !important;
}

.travel-section #callMeBackClaim a{
    color : #03d7ba !important;
}
.travel-section #callMeBackClaim a:hover{
    color : #03d7ba !important;
}
.maid-section #callMeBackClaim a {
    color : #9932cc !important;
}
.maid-section #callMeBackClaim a:hover {
    color : #9932cc !important;
}
.personal-section #callMeBackClaim a {
    color : #fcba00 !important;
}
.personal-section #callMeBackClaim a:hover {
    color : #fcba00 !important;
}
.motorcycle-section #callMeBackClaim a{
    color : #63B1BC !important;
}
.motorcycle-section #callMeBackClaim a:hover{
    color : #63B1BC !important;
}

/* commercial car */
.bg-commercial {
    background-color: #05d6d6 !important;
}
.bg-commercial-second  {
    background: transparent !important;
    border: solid 1px #05d6d6;
    color: #05d6d6;
}
.font-commercial {
    color: #05d6d6 !important;
}
.btn.commercial {
    background-color: #05d6d6;
}
.policy-section.commercial-section a{
    color: #05d6d6;
    font-weight: 500;
}
.policy-section.commercial-section .form-control {
    color: #05d6d6;
}
.policy-section.commercial-section md-checkbox ._md-icon {
    border-color: #05d6d6;
}
.policy-section.commercial-section md-checkbox.md-checked ._md-icon {
    background-color: #05d6d6 !important;
}
.policy-section.commercial-section md-checkbox.md-checked .md-ink-ripple {
    color: #05d6d6 !important;
}
.seperator.commercial {
    margin-top: 0;
}
.commercial-section .coverage-term .md-checked {
    background-color: #05d6d6;
    /* border-color: #12b8c5; */
    border: none;
    color: white;
}
.commercial-section #formViews a {
    color: #666;
}
.commercial-section .click-edit a:hover {
    color: #12b8c5;
}
.commercial-section .coverage-term md-radio-button {
    color: #05d6d6;
}
.commercial-section .form-wrap .form-control {
    color: #05d6d6;
}
.commercial-section .coverage-term md-radio-button {
    color: #05d6d6;
}
.commercial-section .coverage-term .md-checked {
    background-color: #05d6d6;
    /* border-color: #12b8c5; */
    border: none;
    color: white;
}
.payment-commercial .section-header .coverage-term .md-checked h5 {
    color: white;
}

.commercial-section .two-buttons-container md-radio-group
 md-radio-button.btn ._md-on {
    background-color: #05d6d6;
}
.commercial-section .two-buttons-container md-radio-group
 md-radio-button.btn ._md-off {
    border-color: #05d6d6;
}
.commercial-section #callMeBackClaim a{
    color : #05d6d6 !important;
}
.commercial-section #callMeBackClaim a:hover{
    color : #05d6d6 !important;
}
.commercial-section .upload-section a{
	color: #666!important;
    font-weight: 600;
}
 .payment-commercial .section-header .coverage-term h5 {
    color: #05d6d6;
  }
  .payment-commercial .coverage-term md-radio-button.md-checked{
    border: 1px solid #05d6d6 !important
  }
  .commercial-section .payment-section .coverage-term  md-radio-button.md-checked:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 20px #05d6d6;
    border-left: solid 20px transparent;
    border-right: solid 20px transparent;
}
.commercial-section md-option:hover {
    background-color: #05d6d6 !important;
}
  .payment-commercial ._md-text {
	color:#05d6d6;
}

/* end */

/* home insurance */
.bg-cancer {
    background-color: #ef3f49 !important;
}

.bg-homeinsurance {
    background-color: #7a0fd9 !important;
}

.bg-travelcovid {
    background-color: #01c5aa !important;
}

.bg-cyberinsurance {
  background-color: #124FC5!important;
}

.font-cyberinsurance {
  color: #124FC5 !important;
}


.font-homeinsurance {
    color: #7a0fd9 !important;
}
.btn.homeinsurance {
    background-color: #7a0fd9;
}
.policy-section.homeinsurance-section a{
    color: #7a0fd9;
    font-weight: 500;
}
.policy-section.homeinsurance-section .form-control {
    color: #7a0fd9;
}
.policy-section.homeinsurance-section md-checkbox ._md-icon {
    border-color: #7a0fd9;
}
.policy-section.homeinsurance-section md-checkbox.md-checked ._md-icon {
    background-color: #7a0fd9 !important;
}
.policy-section.homeinsurance-section md-checkbox.md-checked .md-ink-ripple {
    color: #7a0fd9 !important;
}
.seperator.homeinsurance {
    margin-top: 0;
}
.homeinsurance-section .coverage-term .md-checked {
    background-color: #7a0fd9;
    /* border-color: #12b8c5; */
    border: none;
    color: white;
}
.homeinsurance-section #formViews a {
    color: #666;
}
.homeinsurance-section .click-edit a:hover {
    color: #7a0fd9;
}
.homeinsurance-section .coverage-term md-radio-button {
    color: #7a0fd9;
}
.homeinsurance-section .form-wrap .form-control {
    color: #7a0fd9;
}
.homeinsurance-section .coverage-term md-radio-button {
    color: #7a0fd9;
}
.homeinsurance-section .coverage-term .md-checked {
    background-color: #7a0fd9;
    /* border-color: #12b8c5; */
    border: none;
    color: white;
}
.payment-homeinsurance .section-header .coverage-term .md-checked h5 {
    color: white;
}

.homeinsurance-section .two-buttons-container md-radio-group
 md-radio-button.btn ._md-on {
    background-color: #7a0fd9;
}
.homeinsurance-section .two-buttons-container md-radio-group
 md-radio-button.btn ._md-off {
    border-color: #7a0fd9;
}
.homeinsurance-section #callMeBackClaim a{
    color : #7a0fd9 !important;
}
.homeinsurance-section #callMeBackClaim a:hover{
    color : #7a0fd9 !important;
}
.homeinsurance-section  .upload-section a{
	color : #7a0fd9 !important;
}
 .payment-homeinsurance .section-header .coverage-term h5 {
    color: #7a0fd9;
  }
  .payment-homeinsurance .coverage-term md-radio-button.md-checked{
    border: 1px solid #7a0fd9 !important
  }
  .homeinsurance-section .payment-section .coverage-term  md-radio-button.md-checked:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 20px #7a0fd9;
    border-left: solid 20px transparent;
    border-right: solid 20px transparent;
}
.homeinsurance-section md-option:hover {
    background-color: #7a0fd9 !important;
}
  .payment-homeinsurance ._md-text {
	color:#7a0fd9;
}
.homeinsurance-section #callMeBackConfirm a{
	color:#7a0fd9;
}
.homeinsurance-section .detail-section md-checkbox.md-checked .md-ink-ripple {
    color: #7a0fd9 !important;
}

.homeinsurance-section .detail-section md-checkbox .md-ink-ripple {
    color: #7a0fd9 !important;
}
.homeinsurance-section  .detail-section md-checkbox.md-checked ._md-icon {
    background-color: #7a0fd9 !important;
}
.homeinsurance-section md-radio-button ._md-on, .homeinsurance-section md-radio-button.md-checked ._md-on {
    background-color: #7a0fd9;
}
.homeinsurance-section md-radio-button ._md-off, .homeinsurance-section md-radio-button.md-checked ._md-off {
    border-color: #7a0fd9;
}
/* end */


/* international health */
.bg-health {
    background-color: #732bfc !important;
}
.font-health {
    color: #732bfc !important;
}
.btn.health {
    background-color: #732bfc;
}
.policy-section.health-section a{
    color: #732bfc;
    font-weight: 500;
}
.policy-section.health-section .form-control {
    color: #732bfc;
}
.policy-section.health-section md-checkbox ._md-icon {
    border-color: #732bfc;
}
.policy-section.health-section md-checkbox.md-checked ._md-icon {
    background-color: #732bfc !important;
}
.policy-section.health-section md-checkbox.md-checked .md-ink-ripple {
    color: #732bfc !important;
}
.seperator.health {
    margin-top: 0;
}
.health-section .coverage-term .md-checked {
    background-color: #732bfc;
    /* border-color: #12b8c5; */
    border: none;
    color: white;
}
.health-section #formViews a {
    color: #666;
}
.health-section .click-edit a:hover {
    color: #732bfc;
}
.health-section .coverage-term md-radio-button {
    color: #732bfc;
}
.health-section .form-wrap .form-control {
    color: #732bfc;
}
.health-section .coverage-term md-radio-button {
    color: #732bfc;
}
.health-section .coverage-term .md-checked {
    background-color: #732bfc;
    /* border-color: #12b8c5; */
    border: none;
    color: white;
}
.payment-health .section-header .coverage-term .md-checked h5 {
    color: white;
}

.health-section .two-buttons-container md-radio-group
 md-radio-button.btn ._md-on {
    background-color: #732bfc;
}
.health-section .two-buttons-container md-radio-group
 md-radio-button.btn ._md-off {
    border-color: #732bfc;
}
.health-section #callMeBackClaim a{
    color : #732bfc !important;
}
.health-section #callMeBackClaim a:hover{
    color : #732bfc !important;
}
.health-section  .upload-section a{
	color : #732bfc !important;
}
 .payment-health .section-header .coverage-term h5 {
    color: #732bfc;
  }
  .payment-health .coverage-term md-radio-button.md-checked{
    border: 1px solid #732bfc !important
  }
  .health-section .payment-section .coverage-term  md-radio-button.md-checked:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 20px #732bfc;
    border-left: solid 20px transparent;
    border-right: solid 20px transparent;
}
.health-section md-option:hover {
    background-color: #732bfc !important;
}
  .payment-health ._md-text {
	color:#732bfc;
}
.health-section #callMeBackConfirm a{
	color:#732bfc;
}
.health-section .detail-section md-checkbox.md-checked .md-ink-ripple {
    color: #732bfc !important;
}

.health-section .detail-section md-checkbox .md-ink-ripple {
    color: #732bfc !important;
}
.health-section  .detail-section md-checkbox.md-checked ._md-icon {
    background-color: #732bfc !important;
}
.health-section md-radio-button ._md-on, .health-section md-radio-button.md-checked ._md-on {
    background-color: #732bfc;
}
.health-section md-radio-button ._md-off, .health-section md-radio-button.md-checked ._md-off {
    border-color: #732bfc;
}
/* end */
.travel-section .payment-section md-checkbox .md-ink-ripple, .travel-section .type-section md-checkbox .md-ink-ripple {
    color: #03d7ba !important;
}
.travel-section .payment-section md-checkbox.md-checked .md-ink-ripple {
    color: #03d7ba !important;
}
.travel-section .payment-section md-checkbox .md-ink-ripple {
    color: #03d7ba !important;
}
.travel-section .payment-section md-checkbox.md-checked ._md-icon{
	 background-color: #03d7ba !important;
	 border-color: #03d7ba !important;
}
.motor-section .payment-section md-checkbox .md-ink-ripple {
    color: #12b8c5 !important;
}
.motor-section .payment-section md-checkbox.md-checked ._md-icon{
	 background-color: #12b8c5 !important;
	 border-color: #12b8c5 !important;
}
.motor-section .payment-section md-checkbox .md-ink-ripple {
    color: #12b8c5 !important;
}
.motor-section .payment-section md-checkbox.md-checked ._md-icon{
	 background-color: #12b8c5 !important;
	 border-color: #12b8c5 !important;
}
.commercial-section .payment-section md-checkbox .md-ink-ripple {
    color: #63B1BC !important;
}
.commercial-section .payment-section md-checkbox.md-checked ._md-icon{
	 background-color: #63B1BC !important;
	 border-color: #63B1BC !important;
}
.commercial-section .payment-section md-checkbox .md-ink-ripple {
    color: #63B1BC !important;
}
.commercial-section .payment-section md-checkbox.md-checked ._md-icon{
	 background-color: #63B1BC !important;
	 border-color: #63B1BC !important;
}

.homeinsurance-section .payment-section md-checkbox .md-ink-ripple {
    color: #7a0fd9 !important;
}
.homeinsurance-section .payment-section md-checkbox.md-checked ._md-icon{
	 background-color: #7a0fd9 !important;
	 border-color: #7a0fd9 !important;
}
.homeinsurance-section .payment-section md-checkbox .md-ink-ripple {
    color: #7a0fd9 !important;
}
.homeinsurance-section .payment-section md-checkbox.md-checked ._md-icon{
	 background-color: #7a0fd9 !important;
	 border-color: #7a0fd9 !important;
}

.health-section .payment-section md-checkbox .md-ink-ripple {
    color: #732bfc !important;
}
.health-section .payment-section md-checkbox.md-checked ._md-icon{
	 background-color: #732bfc !important;
	 border-color: #732bfc !important;
}
.health-section .payment-section md-checkbox .md-ink-ripple {
    color: #732bfc !important;
}
.health-section .payment-section md-checkbox.md-checked ._md-icon{
	 background-color: #732bfc !important;
	 border-color: #732bfc !important;
}

.maid-section .payment-section md-checkbox .md-ink-ripple {
    color: #cc66cc !important;
}
.maid-section .payment-section md-checkbox.md-checked ._md-icon{
	 background-color: #cc66cc !important;
	 border-color: #cc66cc !important;
}
.maid-section .payment-section md-checkbox .md-ink-ripple {
    color: #cc66cc !important;
}
.maid-section .payment-section md-checkbox.md-checked ._md-icon{
	 background-color: #cc66cc !important;
	 border-color: #cc66cc !important;
}

.motorcycle-section .payment-section md-checkbox .md-ink-ripple {
    color: #63B1BC !important;
}
.motorcycle-section .payment-section md-checkbox.md-checked ._md-icon{
	 background-color: #63B1BC !important;
	 border-color: #63B1BC !important;
}
.motorcycle-section .payment-section md-checkbox .md-ink-ripple {
    color: #63B1BC !important;
}
.motorcycle-section .payment-section md-checkbox.md-checked ._md-icon{
	 background-color: #63B1BC !important;
	 border-color: #63B1BC !important;
}

.personal-section .payment-section md-checkbox .md-ink-ripple {
    color: #fcba00 !important;
}
.personal-section .payment-section md-checkbox.md-checked ._md-icon{
	 background-color: #fcba00 !important;
	 border-color: #fcba00 !important;
}
.personal-section .payment-section md-checkbox .md-ink-ripple {
    color: #fcba00 !important;
}
.personal-section .payment-section md-checkbox.md-checked ._md-icon{
	 background-color: #fcba00 !important;
	 border-color: #fcba00 !important;
}

#callMeBackConfirm a{
	color: #666 !important;
	font-weight: 500;
	text-decoration: underline;
}

.policy-section.motorcycle-section .bottom-account-title a, .policy-section.motorcycle-section .bottom-account-title a:hover{
   color: #63B1BC;
}
.policy-section.motorcycle-section md-checkbox ._md-icon {
    border-color: #63B1BC;
}
 .policy-section.motorcycle-section md-checkbox.md-checked ._md-icon{
	background-color:#63B1BC !important;
 }
.account-section ._md-text {
    color: #E87722 !important;
}
.account-section .img-repeat a{
    color: #E87722 !important;
}

.payment-section .coverage-term md-radio-button.idtype {
    border: 1px solid #dcdcdc;
    margin: 0px;
    float: left;
    display: table;
    width: 200px;
    height: 55px;
	margin-left: 0px;
    box-shadow: none !important;
}
.maid-section .payment-section .coverage-term md-radio-button.md-checked.idtype:after {
	width: 0;
    height: 0;
	    border-top: solid 0px #9932cc;
}
.travel-section .payment-section .coverage-term md-radio-button.md-checked.idtype:after {
	width: 0;
    height: 0;
	    border-top: solid 0px #9932cc;
}
.payment-section .coverage-term md-radio-button.md-checked.idtype:after {
	width: 0;
    height: 0;
	    border-top: solid 0px #9932cc;
}
.manage-account md-select[disabled] ._md-select-value {
    background-size: 4px 0px;
}
.click-account{
margin: 30px 10px 30px 10px;
padding-top: 40px;	
}
#changeofsection .well {
    padding: 10px;
	margin-bottom:10px;
}
#changeofsection span p{
	font-size:21px;
	    padding: 10px;
}
#changeofsection h6{
	font-size:18px;
}


#callPayNow{
    left: 0;
	position: fixed;
}
#callPayNow .modal-content{
	min-height: 500px;
}
#callPayNow .modal-header {
    border-bottom: 0px solid #e5e5e5;
}
#callPayNow button.mfp-close {
    top: 20px !important;
	width: 20px;
    height: 20px;
}
#callPayNow .modal-body {
    padding:0px;
}
#callPayNow .cls-pay{
	padding: 5px 120px 0px;
    overflow-y: auto;
    max-height: 440px;
	
}
#callPayNow .cls-pay p{
	padding: 20px 40px 20px 40px;
	margin-bottom: 30px;
    line-height: 32px;
	font-size: 24px;
	
}

.cls-rightful h5{
	 color: #fff;
        margin: 2px auto;
    padding-bottom: 11px;
}
.cls-rightful {
    background: #979797;
    border-bottom: none;
	color: #fff;
}

.cls-rightful  {
    padding: 14px 10px;
    overflow-y: auto;
    max-height: 90%;
}
.cls-rightful-info{
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.02em;
    margin-left: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	padding-top: 5px !important;
	 vertical-align: middle;
}
@media screen and (min-width: 768px) {

  #callPayNow .modal-content{
	min-height: 300px;
	min-width: 768px;
	max-width: 920px;
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
	}
  #callPayNow{
    left: 0;
	position: fixed;
	bottom: -30px;
	width:100%;
	}
	#callPayNow .cls-pay p{
	padding: 5px 5px 20px 5px;
	margin-bottom: 30px;
    line-height: 32px;
	font-size: 24px;	
	}
}   
@media screen and (min-width: 1000px) {

 #callPayNow{
    left: -12%;
	position: fixed;
	bottom: -30px;
	width:100%;
	}
 #callPayNow .modal-content{
	min-height: 300px;
	min-width: 960px;
	max-width:1000px;
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
	}
 
}

@media screen and (max-width: 700px) {
  #callPayNow{
       right: 0px;
       left: 0;
	   bottom: 0;
	   position: fixed;
	}
}
.payment-section md-checkbox ._md-label span, .payment-section md-checkbox .md-label span{
	    padding-top: 3px;
		 vertical-align: middle;
}
.policy-section li a.hotline-desk-logout{
	 
     background-color: transparent; 
     border: 0px solid #fff; 
    color: #333333  !important; 
}
.font-blue.bg-white-policy {
    border: solid 1px #12b8c5 !important;
}
.font-green.bg-white-policy {
	border: solid 1px #03d7ba !important;
}
.font-purple.bg-white-policy {
	border: solid 1px #9932cc !important;
}
.font-homeinsurance.bg-white-policy {
	border: solid 1px #7a0fd9 !important;
}
.font-health.bg-white-policy {
	border: solid 1px #732bfc !important;
}
.font-red.bg-white-policy {
	border: solid 1px #f65e1b !important;
}
.font-red-light.bg-white-policy {
	border: solid 1px #ef3f49 !important;
}
.font-light-blue.bg-white-policy {
	border: solid 1px #63B1BC !important;
}
.font-commercial.bg-white-policy {
	border: solid 1px #05d6d6 !important;
}
.font-pa.bg-white-policy {
	border: solid 1px #fcba00 !important;
}
.font-light-green.bg-white-policy {
	border: solid 1px #20bf55 !important;
}
.font-fire.bg-white-policy {
	border: solid 1px #ce2127 !important;
}
.bg-white-policy {
    background-color: #fff !important;
}
.motor-section .application-form-container,
.motorcycle-section .application-form-container,
.maid-section .application-form-container,
.personal-section .application-form-container,
.commercial-section .application-form-container{
    width: 100%;
    max-width: 960px;
}

.motor-section .application-form-container .row,
.motorcycle-section .application-form-container .row,
.maid-section .application-form-container .row,
.personal-section .application-form-container .row,
.commercial-section .application-form-container .row
{
    padding-left: 0%;
    padding-right: 0%;
}
.policy-section li a.hotline-desk-logout {
    padding: 15px 17px !important;
    background-color: #333333;
    border: 1px solid #fff;
    color: #fff !important;
}

nav.navbar .top-navigation li > a {
    color: #ffffff !important;
}

.home-card-icon{
	      /*width: 100px;*/
  }
  
  .home-card-text{
	      padding: 0 50px 0 5px;
	  color: #333333;
  }
  .account-section .tbl-home-card md-radio-button ._md-off{
	  border-color: #a8a7a7 !important;
  }
    .home-card-button{
		  font-family: FWDCircularTT;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
		color: #E87722;
		padding-left: 10px;
  }
  .tbl-home-card{
	  max-width: 530px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	border: solid 1px #000;
    border-radius: 10px;
  }
  .card-custom-scrollbar {
position: relative;
height: auto;
overflow: auto;
max-height:282px;
}
.card-custom-scrollbar tr td:last-child {
    border-bottom:none;
}
.card-wrapper-scroll-y {
display: block;
}
.card-left{
	float:left;
}
.card-right{
  float:right;
  padding-top: 8px;
}
  .preview-notesdtl {
    font-size: 14px;
    font-style: italic;
    padding: 25px 10px 10px 40px;
    /* min-height: 105px; */
    /* margin-top: 50px; */
    margin-bottom: 30px;
    color: #333333;
    border: 12px;
    border-radius: 8px;
	border:solid 1px #000;
  }
  #popupCard .card-title{
	  font-size: 29px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.24;
  }
  #popupCard hr{
	  border: solid 1px #979797;
	  width:80%;
  }
  .card-mobile-btn-group{
		display:none !important;
	}
    @media screen and (max-width: 767px) {
	.home-card-button {
		margin-left: 0px;
		font-size:12px !important;
	}
	.home-card-icon {
		width: 54px;
	}
	.home-card-text {
		padding: 0 5px 0 5px;
		font-size: 12px;
  }
  .card-right{
    padding-top: 12px;
  }
}

@media screen and (max-width: 600px) {
  .home-card-button {
		margin-left: 0px;
		font-size:12px !important;
	}
	.home-card-icon {
		width: 54px;
	}
	.home-card-text {
		padding: 0 20px 0 5px;
		font-size: 12px;
	}
	.home-card-button {
		    padding: 0px 6px 0px;
	}
	.btn-card{
		min-width:185px;
	}
	.card-desktop-btn-group{
		display:none !important;
	}
	.card-mobile-btn-group{
		display:block !important;
	}
}
@media screen and (max-width: 400px) {
  .home-card-button {
		margin-left: 0px;
		font-size:10px !important;
	}
	.home-card-icon {
		/*width: 45px;*/
	}
	.home-card-text {
		padding: 0 5px 0 5px;
		font-size: 10px;
	}
}
/*------------------------------------------------------------------ */
/* [ No eye see projec login css ] */
/*------------------------------------------------------------------ */

.no-eye-see-login{
	display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
}

.login-form .col-xs-5 a {
/*  font-family: "museo_sans_rounded500", Helvetica, sans-serif;*/
  font-family: "museo-sans-rounded",sans-serif;
  font-weight: 500;
  color: #E87722;
  font-weight: 100;
  font-size: 16px;
}

.no-eye-see-login-remember {
	  display: flex;
    justify-content: center;
    height: 32px;
    padding-bottom: 0 !important;
    margin-bottom: 40px;
}
.no-eye-see-login-remember .remember-link{
  margin-left: 74px;
}
.no-eye-see-login-remember .forgot-link{
  margin-right: 74px;
}
#signin-info-text { 
  font-size:14px;
  margin-top:20px;
  padding:0 30px 0;
  color:#878787
}

@media screen and (max-width: 700px)  {
  .no-eye-see-login-remember {
    margin-bottom: 32px;
  } 
  .no-eye-see-login-remember .remember-link{
    margin-left: 66px;
  }
  .no-eye-see-login-remember .forgot-link{
    margin-right: 66px;
  }
  #signin-info-text {
    font-size:12px;
  }
}
@media screen and (max-width: 400px)  {
  .no-eye-see-login-remember .remember-link{
    margin-left: 50px;
  }
  .no-eye-see-login-remember .forgot-link{
    margin-right: 50px;
  }
}

/*------------------------------------------------------------------ */
/* [ Big 3 project css ] */
/*------------------------------------------------------------------ */


.rounded-icon img.desktop{
  display: block !important;
}

 .rounded-icon img.mobile{
  display: none !important;
}


.font-big3.bg-white-policy {
  border: solid 1px  #c32a98  !important;
}
.font-big3 {
  color: #c32a98!important;
}

.bg-big3 {
  background-color: #c32a98!important;
}

/* CIP */
.font-cip.bg-white-policy {
  border: solid 1px  #ef9654  !important;
}
.font-cip {
  color: #ef9654!important;
}

.bg-cip {
  background-color: #ef9654!important;
}
.portal-section .rounded-icon.bg-cip  img{
  width: 100% !important;
}

/* ETL */
.font-etl.bg-white-policy {
  border: solid 1px  #ef9654  !important;
}
.font-etl {
  color: #ef9654!important;
}

.bg-etl {
  background-color: #ef9654!important;
}

/* TLP */
.font-tlp.bg-white-policy {
  border: solid 1px  #ef9654  !important;
}
.font-tlp {
  color: #ef9654!important;
}

.bg-tlp {
  background-color: #ef9654!important;
}

/* DPI */
.font-dpi.bg-white-policy {
  border: solid 1px  #ef9654  !important;
}
.font-dpi {
  color: #ef9654!important;
}

.bg-dpi {
  background-color: #ef9654!important;
}

/* CI100 */
.font-ci100.bg-white-policy {
  border: solid 1px  #ef9654  !important;
}
.font-ci100 {
  color: #ef9654!important;
}

.bg-ci100 {
  background-color: #ef9654!important;
}
.portal-section .rounded-icon.bg-ci100  img{
  width: 100% !important;
}

/* CI2 */
.font-ci2.bg-white-policy {
  border: solid 1px  #ef9654  !important;
}
.font-ci2 {
  color: #ef9654!important;
}

.bg-ci2 {
  background-color: #ef9654!important;
}

/* DS1 */
.font-ds1.bg-white-policy {
  border: solid 1px  #FF7F63  !important;
}
.font-ds1 {
  color: #FF7F63!important;
}

.bg-ds1 {
  background-color: #FF7F63!important;
}

/* IH */
.font-ih.bg-white-policy {
  border: solid 1px  #732bfc  !important;
}

.font-ih {
  color: #732bfc!important;
}

.bg-ih {
  background-color: #732bfc!important;
}

/* AP1 */
.font-ap1.bg-white-policy {
  border: solid 1px  #FD912E  !important;
}
.font-ap1 {
  color: #FD912E!important;
}

.bg-ap1 {
  background-color: #FD912E!important;
}

/* DX1 */
.font-dx1.bg-white-policy {
  border: solid 1px  #FD912E  !important;
}
.font-dx1 {
  color: #FD912E!important;
}

.bg-dx1 {
  background-color: #FD912E!important;
}

/* EL */
.font-el.bg-white-policy {
  border: solid 1px  #ff6d70  !important;
}
.font-el {
  color: #ff6d70!important;
}

.bg-el {
  background-color: #ff6d70!important;
}

/* IFA */
.font-ifa.bg-white-policy {
  border: solid 1px  #206F60  !important;
}
.font-ifa {
  color: #206F60!important;
}

.bg-ifa {
  background-color: #206F60!important;
}

.portal-section .rounded-icon.bg-ci2  img{
  width: 100% !important;
}

.bg-m3ci {
    background-color: #3478F6 !important;
}

.font-m3ci.bg-white-policy {
    border: solid 1px  #3478F6  !important;
}
.font-m3ci {
    color: #3478F6!important;
}

.portal-section .rounded-icon.bg-big3  img{
  width: 100% !important;
}

.portal-section .rounded-icon.bg-m3ci  img{
    width: 100% !important;
}

.font-stroke.bg-white-policy {
  border: solid 1px #970024 !important;
}
.font-stroke {  
  color: #970024 !important;
}

.bg-stroke {
  background-color: #970024 !important;
}

.portal-section .rounded-icon.bg-stroke  img{
  width: 100% !important;
}


.font-heart-attack.bg-white-policy {
  border: solid 1px #e81f76 !important; 
}
.font-heart-attack {
  color: #e81f76 !important;
}

.bg-heart-attack {
  background-color: #e81f76 !important;
} 

.portal-section .rounded-icon.bg-heart-attack  img{
  width: 100% !important;
}


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

  .rounded-icon img.desktop{
    display: none !important;
  }
  
   .rounded-icon img.mobile{
    display: block  !important;
  }

}