@import url("fonts_manage.css");


html body, html, .application{
  font-family: "FWDCircularTT", sans-serif !important;
  font-size: 18px;
  font-weight: 100;
  line-height: 1.5em;
  letter-spacing: 0.3pt;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  color: #333;
}

h1, h2, h3, h4, h5 {
  font-family: "FWDCircularTT", sans-serif !important;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.02em;
}

h1{font-size: 60px;}
h2{font-size: 40px;}
h3{font-size: 34px;}
h5{
  font-size: 24px;
  font-weight: 100;
}
h6{
  font-size: 20px;
  font-weight: 300;
}

p{
  line-height: 24px;
}


a{
  color: #03d7ba !important;
  /*font-weight: 500;*/
  font-size: 20px;
  text-decoration: none;
}

ol, ul {
    padding-left: 36px;
}

a.underline{
  text-decoration: underline;
}

h5 small{
  color: #999;
  width: 80%;
  line-height: 24px;
}

img{
  width: auto;
  max-width: 100%;
}

input:focus {outline:none;}

.fade-enter-active {
  transition: opacity .4s ease-in;
}

.fade-leave-active{
  transition: opacity .4s ease-out;
}

.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

.bold{
  font-weight: 500;
}

.application.theme--light{
  background: white;
}

section.banner.tarvel {
    background-color: #03d7ba !important;
    border-color: #03d7ba !important;
}

.primary-color{
  background-color: #03d7ba !important;
  border-color: #03d7ba !important;
}

.primary-text{
  color: #03d7ba !important;
}

.primary-text{
  color: #03d7ba !important;
}

.st-black-text{
  color: #333 !important;
}

.nd-black-text{
	  font-family: FWDCircularTT;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000 !important;
}

.rd-black-text{
  color: #999 !important;
}

.nd-black-label-check{
     color: #666 !important;
    font-size: 16px;
    font-weight: 400;
}
.lbl-chk{
	margin-top:25px;
}

.white-text{
  color: #fff !important;
}

.primary-btn{
  min-height: 50px;
  border-radius: 10px;
  padding: 0px 75px;
  font-family: FWDCircularTT, sans-serif !important;
  text-transform: initial;
  color: white;
  min-width:150px;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.5px;
}

.payment-type .button-toggle .v-label{
  min-height: 60px;
  width: 100%;
}

.payment-type .v-radio{
  display: block !important;
}

.v-dialog .payment-type.v-card {
  padding: 0px;
  margin: 0px 10px;
}
.v-dialog .payment-ques.v-card {
  padding: 30px 50px 30px;
}
.payment-ques h3{
	font-family: FWDCircularTT;
  font-size: 29px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.24;
  letter-spacing: normal;
  text-align: center;
}
.payment-ques p{
	 font-family: FWDCircularTT;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.agree .v-input--selection-controls.v-input .v-label {
    top: 0px;
}

.v-input--selection-controls.v-input .v-label{
  top: -5px;
}

.bnk-trans {
  font-family: FWDCircularTT,sans-serif;
  font-weight: 100;
  font-size: 18px;
  color: #666;
  line-height: 24px;
}

.decimal{
  list-style-type: decimal;
}

.primary-btn.v-btn--outline{
  border-width: 2px;
}

.v-input .v-label{
  font-size: 20px;
  color: #333;
}

.v-input--radio-group .v-radio{
  margin-bottom: 0px;
}

.cls-desk{
	display:block;
}
.cls-moi{
	display:none;
}

.primary--text input{
  color: #03d7ba !important;
}

.upload-wrapper{
  border-color: #bdbdbd;
  margin: 0;
  border-radius: 4px;
  border-style: dashed !important;
  min-height: 60px;
  position: relative;
  background: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;

}

.footer-price {
    z-index: 1 !important;
    color: #fff;
    width: 100%;
    z-index: 3;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    min-height: 70px;
}

.footer-price .fwd-footer {
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: stretch;
  align-items: center;
  background-position: center;
  min-height: 75px;
}

.footer-price .fwd-footer section {
  height: 56px;
  min-width: 288px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: stretch;
  align-items: center;
  background-position: center;
}

.footer-price .fwd-footer section > span {
  line-height: 54px;
  float: left;
  margin-right: 8px;
  font-size: 22px;
}

.footer-price .fwd-footer section button {
  float: left;
  margin: 8px 4px 0;
}

.footer-price #price-footer {
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: stretch;
  align-items: center;
  background-position: center;
  font-size: 28px;
  min-height: 75px;
}

#price-footer p .small {
    font-size: 18px !important;
}

.upload-wrapper input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.upload-wrapper .v-icon{
  line-height: 24px;
}

.upload-wrapper .v-icon,
.upload-wrapper h6{
  color: #bdbdbd;
}

.application-form-container {
    width: 100%;
    max-width: 960px;
}
.policy-section .application-form-container .row{
   padding-left: 0%;
   padding-right: 0%;
}
.policy-section .info-review-container.policy-review-box {
    width: 100%;
    max-width: 980px;
    margin: 20px 0 50px;
}
/*.button-toggle{
  flex-basis: 33.33333333333333%;
  flex-grow: 0;
  max-width: 33.33333333333333%;
  width: 33.33333333333333%;
  padding: 6px;
  margin: 0;
  flex: 1 1 auto;
}*/

.button-toggle .flex.md4{
  padding: 10px;
}


.button-toggle
.v-radio{
  width: 100%;
}

.v-radio .v-icon,
.v-input__control .v-icon{
  color: #03d7ba !important;
}

.date-picker .v-input__control .v-icon{
  color: #888 !important;
  font-size: 36px;
}

.date-picker  .v-input__append-inner{
  padding-left: 15px;
}

.button-toggle .v-input__slot,
.button-toggle  .v-radio{
  margin-bottom: 0;
  margin-right: 0 !important;
}


.button-toggle
.v-input--selection-controls__input,
.button-toggle
.v-messages{
  display: none;
}


.button-toggle
.v-radio.accent--text
.v-label{
  background: #03d7ba;
  color: white;
}

/* .motor-section .button-toggle .v-label{
  font-weight: 500;
  font-size: 18px;
  color: #12b8c5 ;
  border: 2px solid #12b8c5;
  border-radius:10px;
  min-height: 78px;
  width: 100%;
  justify-content: center;
      border-radius: 10px;
  padding: 0 15px;
  text-align: center;
  background-color: #fff !important;
}
.motor-section .button-toggle .accent--text .v-label{
  color: #fff;
  background-color: #12b8c5 !important;
} */

.motorcycle-section .button-toggle .v-label {
    font-weight: 500;
    font-size: 18px;
    color: #63B1BC;
    border: 2px solid #63B1BC;
   border-radius:10px;
  min-height: 78px;
    width: 100%;
    justify-content: center;
    padding: 0 15px;
    text-align: center;
    background-color: #fff !important;
}
.motorcycle-section .button-toggle .accent--text .v-label {
    color: #fff;
    background-color: #63B1BC !important;
}

.commercial-section .button-toggle .v-label {
    font-weight: 500;
    font-size: 18px;
    color: #05d6d6;
    border: 2px solid #05d6d6;
    border-radius:10px;
  min-height: 78px;
    width: 100%;
    justify-content: center;
    padding: 0 15px;
    text-align: center;
    background-color: #fff !important;
}
.commercial-section .button-toggle .accent--text .v-label {
    color: #fff;
    background-color: #05d6d6 !important;
}

.personal-section .button-toggle .v-label {
    font-weight: 500;
    font-size: 18px;
    color: #fcba00;
    border: 2px solid #fcba00;
    border-radius:10px;
  min-height: 78px;
    width: 100%;
    justify-content: center;
    padding: 0 15px;
    text-align: center;
    background-color: #fff !important;
}
.personal-section .button-toggle .accent--text .v-label {
    color: #fff;
    background-color: #fcba00 !important;
}

.homeinsurance-section .button-toggle .v-label {
    font-weight: 500;
    font-size: 18px;
    color: #7a0fd9 ;
    border: 2px solid #7a0fd9 ;
    border-radius:10px;
  min-height: 78px;
    width: 100%;
    justify-content: center;
    padding: 0 15px;
    text-align: center;
    background-color: #fff !important;
}
.homeinsurance-section .button-toggle .accent--text .v-label {
    color: #fff;
    background-color: #7a0fd9  !important;
}

/* .travel-section .button-toggle .v-label {
    font-weight: 500;
    font-size: 18px;
    color: #03d7ba    ;
    border: 2px solid #03d7ba    ;
    border-radius:10px;
  min-height: 78px;
    width: 100%;
    justify-content: center;
    padding: 0 15px;
    text-align: center;
    background-color: #fff !important;
}
.travel-section .button-toggle .accent--text .v-label {
    color: #fff;
    background-color: #03d7ba     !important;
} */
.essential-section .button-toggle .v-label {
    font-weight: 500;
    font-size: 18px;
    color: #ff6d70    ;
    border: 2px solid #ff6d70    ;
    border-radius:10px;
  min-height: 78px;
    width: 100%;
    justify-content: center;
    padding: 0 15px;
    text-align: center;
    background-color: #fff !important;
}
.policy-section.essential-section .v-dialog.v-dialog--active{
	max-width:1020px !important;
}
.essential-section button[disabled].btn-essential {
    background-color: #eab5b7 !important;
}
.essential-section .button-toggle .accent--text .v-label {
    color: #fff;
    background-color: #ff6d70     !important;
}
.policy-section.essential-section .v-text-field .v-label{
	overflow:visible !important;
}
.policy-section.essential-section .container-form .v-menu label{
	color: #ff6d70 !important;
}
.essential-section .nd-blue-text {
    color: #ff6d70 !important
}
  .notesdtl {
    background-color: #f5f5f5;
    font-size: 14px;
    font-style: italic;
    padding: 25px 10px 10px 40px;
    min-height: 105px;
	margin-top: 50px;
	margin-bottom: 50px;
	color:#333333;
  }
   .notecard {
    background-color: #f5f5f5;
    font-size: 14px;
    font-style: italic;
    padding: 25px 10px 10px 40px;
    min-height: 105px;
	margin-top: 50px;
	margin-bottom: 50px;
	color:#333333;
  }
   .notescard {
    background-color: #f5f5f5;
    font-size: 14px;
    font-style: italic;
    padding: 5px 10px 5px 40px;
	margin-top: 0px;
	margin-bottom: 5px;
	color:#333333;
	padding:15px;
  }
  .notescontent{
	      padding: 30px 0px 0px 30px;
    /* padding: 10px; */
    /* min-height: 105px; */
    background-color: #fff;
    /* overflow: hidden; */
    /*border-bottom: solid #a8a7a7 1px;*/
    margin: 1px 0px 0px 0px;
  }
  .card-box-val{
	 /*background-color: #f5f5f5;*/
    border: 10px;
    border-radius: 15px;
    border: 2px solid #f5f5f5;
	  /*margin-top: 60px;*/
	max-width:455px;
	    margin: 0 auto;
  }
  .card-box-payment{
	   border: 10px;
    border-radius: 15px;
    border: 2px solid #f5f5f5;
  }
  .card-list-header{
	  text-align: left;
	  margin-bottom: 0px;
    min-height: 120px;
  }
  .card-list-header::-webkit-scrollbar {
    /* Hide scrollbar for IE, Edge and Firefox */
    display: none;
  }

  .card-list-group-label {
    padding: 32px 0px 0px 80px;
  }

  .card-list{
	   border: 10px;
    border-radius: 15px;
    border: 2px solid #f5f5f5;
    padding: 10px 5px 10px 5px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .card-list-container {
    display: flex;
    padding: 32px 0px 32px 75px;
    background-color: #F5F5F5;
  }

  .payment-now-btn {
    background-color: #01C5AA;
    border-color: #01C5AA;
  }

  .motor-section .payment-now-btn {
    background-color: #12b8c5;
    border-color: #12b8c5;
  }

  .travel-section .payment-now-btn {
    background-color: #01C5AA;
    border-color: #01C5AA;
  }

  .motorcycle-section .payment-now-btn {
    background-color: #63b1bc;
    border-color: #63b1bc;
  }

  .commercial-section .payment-now-btn {
    background-color: #05d6d6;
    border-color: #05d6d6;
  }

  .btn-card-header-payment {
  }

  .item-container {
    margin-right: 16px;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  .card-list-container::-webkit-scrollbar {
    display: none;
  }

  .brand-card-icon{
	 width:58px;
  }
  .brand-payment-icon{
	  /*width: 180px;*/
  }
  .brand-card-text{
	  padding: 0 0px 0 10px;
	      font-family: FWDCircularTT;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
  }
   .brand-card-button{
	  padding: 0 30px 0 10px;
	  color: #82b1ff !important;
	  margin-left: 25px;
	   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: #2fb8c4;
  }
  .card-button{
	  text-align:center;
	  padding-top:20px;
  }
  .card-radio{
	 margin-top: -35px;
    margin-left: 45px;
	padding: 0 10px 15px 5px
  }
   .text-highlight{
   color:#ff6d70 ;
  }
  .text-highlight.text-header{
   color:#ff6d70 ;
   font-weight: 800;
    font-size: 18px;
  }
hr {
	border-top: 1px solid #979797;
}
.header{
  position: fixed;
  z-index: 2;
  top: 0;
  width: 100%;
}

.header .v-toolbar{
  position: relative;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  width: 100%;
  background-color: #2c2c2c !important;
  border-color: #2c2c2c !important;
  will-change: padding-left;
  box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px rgba(0,0,0,0.14), 0 1px 10px rgba(0,0,0,0.12);
}

.header .breadcrumb {
  margin-left: 30px;
  color: #ccc;
  font-size: 15px;
  letter-spacing: 0.3pt;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: stretch;
  align-items: center;
  background-position: center;
}

.header .breadcrumb a {
  color: #ccc !important;
  font-weight: 500;
  text-decoration: none;
  font-size: 15px;
}

.header .breadcrumb .v-icon {
  color: #ccc !important;
  font-size: 18px;
  margin-top: 2px;
}

.header .back-button button {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;
    align-items: center;
    background-position: center;
    margin-bottom: 0;
}

.banner{
  padding-top: 70px;
}

.banner img{
  width: 100%;
  margin-bottom: -8px;
}

.banner h1{
  padding: 22px 5px 5px 5px;
  color: #fff;
  margin-bottom: 0px;
  text-align: center;
}

.info-review{
  max-width: 980px;
  width: 100%;
  margin: 40px auto;
  padding: 40px;
  background-color: #f4f4f4;
}

.info-wrapper{
  padding: 40px;
  margin: auto;
  background-color: #f4f4f4;
}

.review-container{
  max-width: 600px;
  margin: auto;
}

.container-component{
  margin: 15px auto !important;
  max-width: 980px;
  width: 100%;
}

.option-button .content .v-btn-toggle {
    box-shadow: none;
    display: block;
}

.option-button .content .v-btn-toggle .v-btn {
  display: block;
  width: 100%;
  min-height: 100px;
  text-transform: initial;
  opacity: 1;
}

.option-button .content .v-btn-toggle .v-btn:not(:last-child) {
    border-right: 2px solid ;
}

.option-button .content .v-btn-toggle .v-btn.v-btn--active:before {
    opacity: 1;
}
.option-button .content .v-btn-toggle .v-btn.v-btn--active .v-btn__content {
    color: white;
}

.option-button .content .v-btn-toggle .v-btn .v-btn__content {
  white-space: initial;
}

.v-dialog .close-btn{
  position: absolute;
  top: 6px;
  right: 2px;
}

.v-dialog .v-card{
  padding: 50px 60px 30px;
}

.v-menu__content{
  box-shadow: 0 1px 3px rgba(35,35,35,0.325) !important;
}

.v-menu__content .v-list__tile{
  color: #03d7ba ;
  transition: none;
  font-size: 18px;
  font-weight: 400;
  min-height: 54px;
}

.v-menu__content .v-list__tile.v-list__tile--active{
  color: #03d7ba !important;
}

.v-menu__content .v-list__tile:hover{
  background-color: #03d7ba !important;
  color: white !important;
}


.container-form .row{
  margin-bottom: 10px;

}

.container-form .row .sm5{
  padding-right: 0px;
}

.container-form .email .v-text-field input {
  text-transform: none !important;
}


.container-form .v-text-field input,
.container-form .v-menu .v-select__selections{
  min-height: 60px;
  font-weight: 500;
  font-size: 20px;
  background-color: #f5f5f5;
  padding: 10px 25px;
  font-size: 20px;
  width: 100%;
  /*text-transform: capitalize;*/
  color: #03d7ba !important;
}

.container-form .v-menu .v-select__selections{
  padding: 0px 0 0 25px;
}

.container-form .v-menu label{
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  padding: 0 25px;
  color: #03d7ba !important;
  position: relative !important;
}

.container-form .v-input__slot{
  padding: 0 !important;
}

.container-form .v-select__slot{
  background: whitesmoke;
  padding-right: 15px;
}


.v-input--radio-group label{
  font-size: 18px;
  font-weight: 500;
}

.v-input--radio-group .v-radio:first-child{
  margin-right: 30px;
}


.gender-radio{
  margin: 0;
}

.uw-radio{
  margin: 25px 0 50px;
}

.uw-radio .v-input--radio-group__input,
.uw-radio .v-messages.error--text{
  justify-content: center;
  text-align: center;
}

.uw-radio .v-input--radio-group__input .v-radio:last-child{
  margin-right: 0;
}


.gender-radio .v-radio:after{
    width: 18px;
    background-image: url(../images/ih/ih_ic-male-active.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 38px;
    content: "";
}

.gender-radio .v-radio:last-child:after{
  background-image: url(../images/ih/ih_ic-female-active.png);
}


.icon-flex{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;

}

.weight-height .name-flex{
  display: flex;
  align-items: center;
}

.weight-height .name-flex h5{
  margin-top: 36px;
}

.decl-dialog ul{
  padding-left: 18px;
}

.decl-dialog ul li{
  padding-left: 14px;
  line-height: 36px;
}

.separator {
  margin-bottom: 20px;
  margin-top: 0px;
}
.separator img{
  width: 100%;
}

.info-icon{
  position: relative;
  top: 3px;
  color: #ccc;
}

.v-tooltip__content{
  color: #2c2c2c;
  box-shadow: none;
  background: #f5f5f5;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  padding: 15px;
  opacity: 1;
  font-style: italic;
  max-width: 300px;
}

.v-text-field.error--text .v-text-field__slot input,
.v-text-field.error--text .v-menu{
  border: 1px solid #c33;
}

.v-text-field.error--text .v-text-field__slot textarea,
.v-text-field.error--text .v-menu{
  border: 1px solid #c33;
}

input.is-danger:focus{
  border: 1px solid #c33;
}

.is-danger .v-radio .v-icon{
  color: #c33 !important;
}

.help,
.v-messages__message {
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
}

.help.is-danger{
  /*margin-top: 8px;*/
  margin-top:-14px;
}

.help.is-danger,
.error--text .v-messages__message{
  line-height: 18px;
  color: #c33;
}

.slide-down-enter-active, .slide-down-leave-active{
  transition: all .3s ease;
}

.slide-down-enter, .slide-down-leave-to
/* .slide-down-leave-active below version 2.1.8 */ {
  transform: translateY(-10px);
  opacity: 0;
}

.error--text .v-radio .v-icon,
.v-input--checkbox.error--text .v-icon{
  color: #c33 !important;
}

.error--text .v-radio .v-label,
.v-input--checkbox.error--text .v-label{
  color: #333 !important;
}

.v-text-field__details{

  padding: 0 !important;
}

.upload-wrapper.is-danger{
  border-color: #c33;
}

.container-form .dob input{
  text-transform: none !important;
}

.v-textarea.v-text-field--enclosed .v-text-field__slot textarea {
  color: #03d7ba;
  font-size: 24px;
  padding: 10px 25px;
}

.v-text-field.v-text-field--enclosed {
  margin: 0;
  color: #03d7ba !important;
}

.v-textarea.v-text-field--box .v-text-field__prefix, .v-textarea.v-text-field--box textarea, .v-textarea.v-text-field--enclosed .v-text-field__prefix, .v-textarea.v-text-field--enclosed textarea {
    margin-top: 5px;
}

.application .theme--light.v-text-field .v-input__slot:before, .theme--light .v-text-field .v-input__slot:before {
  border-color: white;
}

.application .theme--light.v-text-field:not(.v-input--has-state) .v-input__slot:hover:before,.theme--light .v-text-field:not(.v-input--has-state) .v-input__slot:hover:before{
    border-color: #fff !important;
}

.info-review p{
  margin-bottom: 0px;
}
.cls-change-section{
	margin-bottom: -32px !important;
}
.sub-target h2{
	font-family: FWDCircularTT;
  font-size: 23px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.39;
  letter-spacing: normal;
	color:#000;
}
.classautocomplete .v-input__append-inner{
	display:none;
}
.cls-change{
	margin-bottom: -20px !important;
}
.cls-refund, .cls-pay{
	margin-top: -40px !important;
}
.cls-hr{
	padding:10px;
}
@media only screen and (min-width: 960px){
	.flex.md3 {
		flex-basis: 25%;
		max-width: 25%;
	}
	.flex.md9 {
		flex-basis: 75%;
		max-width: 75%;
	}
}


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

  h1 {
    font-size: 40px;
  }

  h2{
    font-size: 30px;
  }
  h5{
    font-size: 20px;
    line-height: 24px;
  }

  .separator .dsk {
    display: block;
	margin-top: -6px;
  }
  .policy-section .row.cls-change-section h5{
	  margin-top:2px;
  }
  .policy-section .row.cls-change-section.layout .flex {
    padding: 0px 10px 0px 10px;
  }
  .cls-mbl{
	  margin-top: -15px;
  }
  .cls-mbl .v-input--radio-group{
	  margin-top: -15px;
  }
  .button-toggle .flex.md4{
	  padding-left:15px;
	  padding-right:15px;
  }

  .cls-desk{
	display:none;
}
.cls-moi{
	display:block;
}
.payment-type p.noted {
    color: #666;
    font-size: 14px;
    line-height: 20px;
}
/*  .button-toggle{
    max-width: 100%;
    width: 100%;
  }*/

  .container-component, .info-review{
    max-width: 90%;
  }

  .footer-spacer{
    display: none;
  }

  .footer-price {
    width: 100%;
    bottom: 0px;
    left: 0;
    min-height: 70px;
    flex-direction: column !important;
    position: relative;
  }

   .v-list__tile__title{
	       overflow: visible;
    white-space: initial;
    height: 40px;
    line-height: 24px;
   }
  .footer-price #price-footer {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 100%;
  }


  .container-form .layout.row{
    flex-direction: column !important;
  }

  .container-form h5{
    margin-bottom: 10px;
  }

  .underwrite h5{
    font-size: 24px;
    line-height: 30px;
  }

  .underwrite .separator{
    margin-bottom: 60px !important;
  }


  .info-review{
    padding: 15px;
  }

  .v-dialog .v-card {
    padding: 30px 20px 30px;
  }

  .v-dialog{
    margin: 0;
  }

  .v-dialog:not(.v-dialog--fullscreen){
        max-height: 100%;
  }
  .cls-hdr{
	  margin-top:20px;
  }
   .section-header {
      margin: 80px auto 40px !important;
	}
	.section-header.sub-target{
		margin: 0px auto 20px !important;
	}
	.cls-change-section{
		margin-bottom:2px !important;
	}
	.cls-hr {
    padding: 0px;
	}
	.cls-mobile{
		margin: 10px auto 20px !important;
	}
	.cm-mbl{
		margin-top: -30px;
	}
	.cm-mbl-spl{
		margin-bottom: 15px;
	}
	.sub-target h2{
      padding-bottom: 20px;
      margin: 0 15px;
	}
	.banner-container img {
		width: 28px;
	}
	.separator img {
	  display:none;
	}
	.img-mobile {
		display: block !important;
    width: 100% !important;
	}

}

@media only screen and (min-width: 600px){
	.flex.sm4 {
		flex-basis: 33.33333333333333%;
		max-width: 33.33333333333333%;
	}
	 .separator .dsk {
    display: block;
	margin-top: -6px;
  }
}
@media only screen and (min-width: 768px) {
  .separator .mob {
    display: none;
  }
}
.container-form .date input {
    text-transform: none !important;
}
.cls-remove{
  padding: 4px;
color: #fff;
border-radius: 5px;
}
.layout.column.noted {
    flex-direction: row;
}
.noted .box {
    width: 400px;
    display: flex;
    background: #cdcdcd;
    padding: 20px 10px 5px 20px;
    text-align: left;
    font-size: 12px;
    line-height: 20px;
}
.noted .box .icons {
    padding: 20px 0;
}

.payment-type .button-toggle .v-radio.accent--text .v-label: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;
}
.payment-type .container.grid-list-xl .layout .flex{
     padding: 0px;
}
.payment-type .v-input__control .v-icon.primary--text.v-icon--link.material-icons {
	display:none;
}
nav.navbar .secondary-navigation li > a {
    color: #333333 !important;
}
nav.navbar .top-navigation li > a {
    color: #ffffff !important;
}
.footer-container .terms li a {
    color: #cccccc !important;
    font-weight: 100;
}
.help-widget .expanded p {
    line-height: 20px;
    font-size: 16px;
}
.travel-section .help-widget .expanded p a {
    font-size: 16px;
}
ol.wizard-progress li .step-num {
    padding: 0px !important;
}

.application .theme--light.v-card, .theme--light .v-card {
    background-color: #fff;
    color: rgba(0,0,0,.87);
}
nav.navbar.navbar-fixed {
    z-index: 100;
}
.payment-type .fluid.grid-list-xl {
  max-width: 750px;
}
.sub-target .v-menu, .paymentfreq .v-menu {
    width: 100%;
}
.policy .input-group {
		position: relative;
		display: table;
		border-collapse: separate;
}
.policy .input-group-btn {
	position: relative;
	font-size: 0;
	white-space: nowrap;
}
.policy .input-group-btn {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
}
.policy .input-group-btn {
	display: table-cell;
}
.policy .input-group-btn:first-child>.btn {
	    margin-right: -1px;
    height: 60px;
    font-size: 18px;
    /* overflow: hidden; */
    top: -15px;
	background-color: #f5f5f5;
    color: #666;
}
.policy .input-group-btn:first-child>.btn{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.policy .input-group-btn>.btn {
	position: relative;
}
.policy .input-group input{
	display: table-cell;
}

.policy .input-group input {
	position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    min-height: 60px;
    font-weight: 500;
    font-size: 24px;
    background-color: #f5f5f5;
    padding: 10px 25px;
    font-size: 24px;
    width: 100%;
    text-transform: capitalize;
    color: #03d7ba !important;
}
.travel-upload .nd-black-text{
	padding: 0 10px 0 0;
}
.travel-section .primary-btn.primary-color.v-btn.v-btn--disabled.theme--dark {
    background-color: #03d7ba !important;
    border-color: #12b8c5  !important;
}

.info-review-container.policy-review-box {
    width: 980px;
    margin: 30px 40px 30px 40px;
    background-color: #f4f4f4;
    max-width: 100%;
}

.policy-section .primary-btn {
    padding: 0px 40px;
}
.btn-header{
	width:100%;
    min-height: 80px !important;
}
.btn-header:focus{
	width:100%;
    min-height: 80px !important;
}

/*motor*/
.motor-section .container-form .v-text-field input, .container-form .v-menu .v-select__selections {
    color: #12b8c5  !important;
}
.motor-section .v-radio .v-icon, .v-input__control .v-icon {
    color: #12b8c5 !important;
}
.nd-blue-text {
    color: #12b8c5 !important;
}

.motor-section .ih--text {
    color: #12b8c5 !important;
}
.motor-section .ih {
    background-color: #12b8c5 !important;
    border-color: #12b8c5 !important;
}
.motor-section .v-menu__content .v-list__tile.v-list__tile--active {
    color: #12b8c5 !important;
}

.motor-section .policy-section.motor-section a {
    color: #12b8c5 !important;
    font-weight: 500;
}
.motor-section .v-menu__content .v-list__tile {
    color: #12b8c5 !important;
    transition: none;
    font-size: 18px;
    font-weight: 400;
    min-height: 54px;
}
.motor-section  .v-menu__content .v-list__tile:hover {
    background-color: #12b8c5 !important;
    color: white !important;
}
.policy-section.motor-section .container-component a {
    color: #12b8c5 !important;
    font-weight: 500;
}
.motor-section .v-radio .v-icon, .v-input__control .v-icon {
    color: #12b8c5 !important;
}
.motor-section  .container-form .v-menu .v-select__selections {
    color: #12b8c5 !important;
}
.motor-section .primary--text {
    color: #12b8c5 !important;
}
.motor-section .newpreminum{
	    margin-bottom: 2px;
}
.motor-section .newpreminumcls{
	background-color: #12b8c5 !important;
    color: #fff;
    margin: -3px 0px 0px 0px !important;
    padding-bottom: 4px;
}

.motor-section .btn-cancel{
	color: #12b8c5;
    background-color: #fff !important;
    border: 2px solid #12b8c5;
	margin-right: 20px;
}
.motor-section .btn-header{
	background-color: #fff !important;
    border: 2px solid #12b8c5;
	color:#12b8c5;
}
.motor-section .radio-wrap .radio-primary.accent--text{
	background-color: #12b8c52f !important;
    border: 2px solid #12b8c5;
	color:#fff;
}

.motor-section .btn-card{
	background-color: #fff !important;
    border: 2px solid #f3f3f3 !important;
	color:#000;
	width: 180px;
    height: 106px;
    border-radius: 10px;
}
.motor-section .radio-wrap .radio-primary.accent--text{
	background-color: #12b8c52f !important;
    border: 2px solid #12b8c5 !important;
	color:#000;
}


/*motorcycle*/
.motorcycle-section .container-form .v-text-field input, .container-form .v-menu .v-select__selections {
    color: #12b8c5  !important;
}
.motorcycle-section .v-radio .v-icon, .v-input__control .v-icon {
    color: #63b1bc !important;
}
.motorcycle-section .nd-blue-text {
    color: #63b1bc !important;
}

.motorcycle-section .ih--text {
    color: #63b1bc !important;
}
.motorcycle-section .ih {
    background-color: #63b1bc !important;
    border-color: #63b1bc !important;
}
.motorcycle-section .v-menu__content .v-list__tile.v-list__tile--active {
    color: #63b1bc !important;
}


.motorcycle-section .policy-section.motor-section a {
    color: #63b1bc !important;
    font-weight: 500;
}
.motorcycle-section .v-menu__content .v-list__tile {
    color: #63b1bc !important;
    transition: none;
    font-size: 18px;
    font-weight: 400;
    min-height: 54px;
}
.motorcycle-section .v-menu__content .v-list__tile:hover {
    background-color: #63b1bc !important;
    color: white !important;
}
.policy-section.motorcycle-section .container-component a {
    color: #63b1bc !important;
    font-weight: 500;
}
.policy-section.motorcycle-section .v-select-list a {
    color: #63b1bc !important;
}
.policy-section.motorcycle-section .v-menu__content .v-list__tile:hover {
    background-color: #63b1bc !important;
    color: white !important;
}
.motorcycle-section .v-radio .v-icon, .v-input__control .v-icon {
    color: #63b1bc !important;
}
.motorcycle-section  .container-form .v-menu .v-select__selections {
    color: #63b1bc !important;
}
.motorcycle-section .primary--text {
    color: #63b1bc !important;
}
.motorcycle-section .newpreminum{
	     margin-bottom: 2px;
}
.motorcycle-section .newpreminumcls{
	background-color: #63b1bc !important;
    color: #fff;
    margin: -3px 0px 0px 0px !important;
    padding-bottom: 4px;
}
.motorcycle-section .btn-cancel{
	color: #63b1bc;
    background-color: #fff !important;
    border: 2px solid #63b1bc;
	margin-right: 20px;
}
.motorcycle-section .btn-header{
	background-color: #fff !important;
    border: 2px solid #63b1bc;
	color:#63b1bc;
}
.motorcycle-section .btn-header:focus{
	background-color: #63b1bc !important;
    border: 2px solid #63b1bc;
	color:#fff;
}
.motorcycle-section .btn-card{
	background-color: #fff !important;
    border: 2px solid #f3f3f3;
	color:#000;
	width: 185px;
    height: 106px;
    border-radius: 10px;
}
.motorcycle-section .radio-wrap .radio-primary.accent--text{
	background-color: #12b8c52f !important;
    border: 2px solid #12b8c5;
	color:#000;
}
/* end */
/*commercial*/
.commercial-section .container-form .v-text-field input, .container-form .v-menu .v-select__selections {
    color: #05d6d6  !important;
}
.commercial-section .v-radio .v-icon, .v-input__control .v-icon {
    color: #05d6d6 !important;
}
.commercial-section .nd-blue-text {
    color: #05d6d6 !important;
}

.commercial-section .ih--text {
    color: #05d6d6 !important;
}
.commercial-section .ih {
    background-color: #05d6d6 !important;
    border-color: #05d6d6 !important;
}
.commercial-section .v-menu__content .v-list__tile.v-list__tile--active {
    color: #05d6d6 !important;
}

.commercial-section .policy-section.motor-section a {
    color: #05d6d6 !important;
    font-weight: 500;
}
.commercial-section .v-menu__content .v-list__tile {
    color: #05d6d6 !important;
    transition: none;
    font-size: 18px;
    font-weight: 400;
    min-height: 54px;
}
.policy-section.commercial-section .container-component a {
    color: #05d6d6 !important;
    font-weight: 500;
}
.policy-section.commercial-section .v-select-list a {
    color: #05d6d6 !important;
}
.policy-section.commercial-section .v-menu__content .v-list__tile:hover {
    background-color: #05d6d6 !important;
    color: white !important;
}
.policy-section.commercial-section .blue {
    background-color: #05d6d6!important;
    border-color: #05d6d6!important;
}
.commercial-section .v-radio .v-icon, .v-input__control .v-icon {
    color: #05d6d6 !important;
}
.commercial-section  .container-form .v-menu .v-select__selections {
    color: #05d6d6 !important;
}
.commercial-section .primary--text {
    color: #05d6d6 !important;
}
.commercial-section .newpreminum{
	     margin-bottom: 2px;
}
.commercial-section .newpreminumcls{
	background-color: #05d6d6 !important;
    color: #fff;
    margin: -3px 0px 0px 0px !important;
    padding-bottom: 4px;
}
.commercial-section .blue.btn-cancel{
	color: #05d6d6;
    background-color: #fff !important;
    border: 2px solid #05d6d6;
	margin-right: 20px;
}
.commercial-section .primary-btn.btn-header.blue{
	background-color: #fff !important;
    border: 2px solid #05d6d6;
	color:#05d6d6;
}
.commercial-section .primary-btn.btn-header.blue:focus{
	background-color: #05d6d6 !important;
    border: 2px solid #05d6d6;
	color:#fff;
}

.commercial-section .btn-card.blue{
	background-color: #fff !important;
    border: 2px solid #f3f3f3 !important;
	color:#000;
	width: 185px;
    height: 106px;
    border-radius: 10px;
}
.commercial-section .radio-wrap .radio-primary.accent--text{
	background-color: #12b8c52f !important;
    border: 2px solid #12b8c5 !important;
	color:#000;
}
/* end */
/*homeinsurance*/
.homeinsurance-section .container-form .v-text-field input, .container-form .v-menu .v-select__selections {
    color: #7a0fd9   !important;
}
.homeinsurance-section .v-radio .v-icon, .v-input__control .v-icon {
    color: #7a0fd9  !important;
}
.homeinsurance-section .nd-blue-text {
    color: #7a0fd9 !important;
}

.homeinsurance-section .ih--text {
    color: #7a0fd9 !important;
}
.homeinsurance-section .ih {
    background-color: #7a0fd9 !important;
    border-color: #7a0fd9 !important;
}
.homeinsurance-section .v-menu__content .v-list__tile.v-list__tile--active {
    color: #7a0fd9 !important;
}

.homeinsurance-section .policy-section.motor-section a {
    color: #7a0fd9 !important;
    font-weight: 500;
}
.homeinsurance-section .v-menu__content .v-list__tile {
    color: #7a0fd9 !important;
    transition: none;
    font-size: 18px;
    font-weight: 400;
    min-height: 54px;
}
.policy-section.homeinsurance-section .container-component a {
    color: #7a0fd9 !important;
    font-weight: 500;
}
.policy-section.homeinsurance-section .v-select-list a {
    color: #7a0fd9 !important;
}
.policy-section.homeinsurance-section .v-menu__content .v-list__tile:hover {
    background-color: #7a0fd9 !important;
    color: white !important;
}
.policy-section.homeinsurance-section .blue {
    background-color: #7a0fd9!important;
    border-color: #7a0fd9!important;
}
.homeinsurance-section .v-radio .v-icon, .v-input__control .v-icon {
    color: #7a0fd9 !important;
}
.homeinsurance-section  .container-form .v-menu .v-select__selections {
    color: #7a0fd9 !important;
}
.homeinsurance-section .v-input__control .v-icon {
    color: #7a0fd9 !important;
}
.homeinsurance-section .primary--text {
    color: #7a0fd9 !important;
}
.homeinsurance-section .newpreminum{
	    margin-bottom: 2px;
}
.homeinsurance-section .newpreminumcls{
	background-color: #7a0fd9 !important;
    color: #fff;
    margin: -3px 0px 0px 0px !important;
    padding-bottom: 4px;
}
.homeinsurance-section .btn-cancel{
	color: #7a0fd9;
    background-color: #fff !important;
    border: 2px solid #7a0fd9;
	margin-right: 20px;
}
.homeinsurance-section .btn-header{
	background-color: #fff !important;
    border: 2px solid #7a0fd9;
	color:#7a0fd9;
}
.homeinsurance-section .btn-header:focus{
	background-color: #7a0fd9 !important;
    border: 2px solid #7a0fd9;
	color:#fff;
}
.homeinsurance-section .date-picker .v-input__control .v-icon {
    color: #888 !important;
}

.homeinsurance-section .btn-card{
	background-color: #fff !important;
    border: 2px solid #f3f3f3;
	color:#000;
	width: 185px;
    height: 106px;
    border-radius: 10px;
}
.homeinsurance-section .radio-wrap .radio-primary.accent--text{
	background-color: #12b8c52f !important;
    border: 2px solid #12b8c5;
	color:#000;
}
/* end */
/*personal*/
.personal-section .container-form .v-text-field input, .container-form .v-menu .v-select__selections {
    color: #fcba00   !important;
}
.personal-section .v-radio .v-icon, .v-input__control .v-icon {
    color: #fcba00  !important;
}
.personal-section .nd-blue-text {
    color: #fcba00 !important;
}

.personal-section .ih--text {
    color: #fcba00 !important;
}
.personal-section .ih {
    background-color: #fcba00 !important;
    border-color: #fcba00 !important;
}
.personal-section .v-menu__content .v-list__tile.v-list__tile--active {
    color: #fcba00 !important;
}

.personal-section .policy-section.motor-section a {
    color: #fcba00 !important;
    font-weight: 500;
}
.personal-section .v-menu__content .v-list__tile {
    color: #fcba00 !important;
    transition: none;
    font-size: 18px;
    font-weight: 400;
    min-height: 54px;
}
.policy-section.personal-section .container-component a {
    color: #fcba00 !important;
    font-weight: 500;
}
.policy-section.personal-section .v-select-list a {
    color: #fcba00 !important;
}
.policy-section.personal-section .v-menu__content .v-list__tile:hover {
    background-color: #fcba00 !important;
    color: white !important;
}
.policy-section.personal-section .blue {
    background-color: #fcba00!important;
    border-color: #fcba00!important;
}
.personal-section  .v-radio .v-icon, .v-input__control .v-icon {
    color: #fcba00 !important;
}
.personal-section  .container-form .v-menu .v-select__selections {
    color: #fcba00 !important;
}
.personal-section .v-input__control .v-icon {
    color: #fcba00 !important;
}
.personal-section .v-input__control .v-icon {
    color: #fcba00 !important;
}
.personal-section .primary--text {
    color: #fcba00 !important;
}
.personal-section .newpreminum{
	    margin-bottom: 2px;
}
.personal-section .newpreminumcls{
	background-color: #fcba00 !important;
    color: #fff;
    margin: -3px 0px 0px 0px !important;
    padding-bottom: 4px;
}
.personal-section .btn-cancel{
	color: #fcba00;
    background-color: #fff !important;
    border: 2px solid #fcba00;
	margin-right: 20px;
}
.personal-section .btn-header{
	background-color: #fff !important;
    border: 2px solid #fcba00;
	color:#fcba00;
}
.personal-section .btn-header:focus{
	background-color: #fcba00 !important;
    border: 2px solid #fcba00;
	color:#fff;
}
.personal-section .date-picker .v-input__control .v-icon {
    color: #888 !important;
}

.personal-section .btn-card{
	background-color: #fff !important;
    border: 2px solid #f3f3f3;
	color:#000;
	width: 185px;
    height: 106px;
    border-radius: 10px;
}
.personal-section .radio-wrap .radio-primary.accent--text{
	background-color: #12b8c52f !important;
    border: 2px solid #12b8c5;
	color:#000;
}
/* end */
/*travel*/
.travel-section .container-form .v-text-field input, .container-form .v-menu .v-select__selections {
    color: #03d7ba   !important;
}
.travel-section .v-radio .v-icon, .v-input__control .v-icon {
    color: #03d7ba  !important;
}
.travel-section .nd-blue-text {
    color: #03d7ba !important;
}

.travel-section .ih--text {
    color: #03d7ba !important;
}
.travel-section .ih {
    background-color: #03d7ba !important;
    border-color: #03d7ba !important;
}
.travel-section .v-menu__content .v-list__tile.v-list__tile--active {
    color: #03d7ba !important;
}

.travel-section .policy-section.motor-section a {
    color: #03d7ba !important;
    font-weight: 500;
}
.travel-section .v-menu__content .v-list__tile {
    color: #03d7ba !important;
    transition: none;
    font-size: 18px;
    font-weight: 400;
    min-height: 54px;
}
.policy-section.travel-section .container-component a {
    color: #03d7ba !important;
    font-weight: 500;
}
.policy-section.travel-section .v-select-list a {
    color: #03d7ba !important;
}
.policy-section.travel-section .v-menu__content .v-list__tile:hover {
    background-color: #03d7ba !important;
    color: white !important;
}
.policy-section.travel-section .blue {
    background-color: #03d7ba!important;
    border-color: #03d7ba!important;
}
.travel-section .v-radio .v-icon, .v-input__control .v-icon {
    color: #03d7ba !important;
}
.travel-section .container-form .v-menu .v-select__selections {
    color: #03d7ba !important;
}
.travel-section .primary--text {
    color: #03d7ba !important;
}
.travel-section .newpreminum{
	     margin-bottom: 2px;
}
.travel-section .newpreminumcls{
	background-color: #03d7ba !important;
    color: #fff;
    margin: -3px 0px 0px 0px !important;
    padding-bottom: 4px;
}
.travel-section .btn-cancel{
	color: #03d7ba;
    background-color: #fff !important;
    border: 2px solid #03d7ba;
	margin-right: 20px;
}
.travel-section .btn-header{
	background-color: #fff !important;
    border: 2px solid #03d7ba;
	color:#03d7ba;
}
.travel-section .btn-header:focus{
	background-color: #03d7ba !important;
    border: 2px solid #03d7ba;
	color:#fff;
}
.travel-section .btn-card{
	background-color: #fff !important;
    border: 2px solid #f3f3f3;
	color:#000;
	width: 185px;
    height: 106px;
    border-radius: 10px;
}
.travel-section .radio-wrap .radio-primary.accent--text{
	background-color: #12b8c52f !important;
    border: 2px solid #12b8c5;
	color:#000;
}
/* end */

/*essential*/
.essential-section .btn-essential {
    background-color: #ff6d70 !important;
}
.essential-section .container-form .v-text-field input, .container-form .v-menu .v-select__selections {
    color: #ff6d70   !important;
}
.essential-section .v-radio .v-icon, .v-input__control .v-icon {
    color: #ff6d70  !important;
}
.essential-section .nd-blue-text {
    color: #ff6d70 !important;
}

.essential-section .ih--text {
    color: #ff6d70 !important;
}
.essential-section .ih {
    background-color: #ff6d70 !important;
    border-color: #ff6d70 !important;
}
.essential-section .v-menu__content .v-list__tile.v-list__tile--active {
    color: #ff6d70 !important;
}

.essential-section .policy-section.motor-section a {
    color: #ff6d70 !important;
    font-weight: 500;
}
.essential-section .v-menu__content .v-list__tile {
    color: #ff6d70 !important;
    transition: none;
    font-size: 18px;
    font-weight: 400;
    min-height: 54px;
}
.policy-section.essential-section .container-component a {
    color: #ff6d70 !important;
    font-weight: 500;
}
.policy-section.essential-section .v-select-list a {
    color: #ff6d70 !important;
}
.policy-section.essential-section .v-menu__content .v-list__tile:hover {
    background-color: #ff6d70 !important;
    color: white !important;
}
.policy-section.essential-section .blue {
    background-color: #ff6d70!important;
    border-color: #ff6d70!important;
}
.essential-section .v-radio .v-icon, .v-input__control .v-icon {
    color: #ff6d70 !important;
	margin-top:-5px;
}
.essential-section .container-form .v-menu .v-select__selections {
    color: #ff6d70 !important;
}
.essential-section .primary--text {
    color: #ff6d70 !important;
}
.essential-section .newpreminum{
	     margin-bottom: 2px;
}
.essential-section .newpreminumcls{
	background-color: #ff6d70 !important;
    color: #fff;
    margin: -3px 0px 0px 0px !important;
    padding-bottom: 4px;
}
.essential-section .btn-cancel{
	color: #ff6d70;
    background-color: #fff !important;
    border: 2px solid #ff6d70;
	margin-right: 20px;
}
.essential-section .btn-header{
	background-color: #fff !important;
    border: 2px solid #ff6d70;
	color:#ff6d70;
}
.essential-section .btn-header:focus{
	background-color: #ff6d70 !important;
    border: 2px solid #ff6d70;
	color:#fff;
}
.essential-section .cls-esse{
	padding-left:50px;
}
.essential-section .cls-esse{
	padding-left:50px;
}
.health-dec li{
	color:#333333;
	line-height:34px;
	font-size:18px;
	margin: 0 0 15px 0;
}
 .ftr-dtl, .ftr-dtl a{
    color:rgba(0,0,0,0.54) ;
	font-size: 18px;
  }
/* end */
.policy-section  .upload-label {
    display: flex;
    align-items: center;
    position: relative;
}
.policy-section .upload-label input {
    position: absolute;
    padding: 0;
    min-height: auto;
    opacity: 0;
    font-size: 0px;
    width: 50%;
    left: -5%;
    cursor: pointer;
}
.policy-section  .upload-label label {
    position: relative;
    margin-left: 15px;
    margin-right: 10px;
    margin-top: 0;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 70%;
        color: #ccc;
    font-size: 16px;
}
.policy-section .upload-label label:before {
    content: "";
    width: 2px;
    height: 30px;
    background: #ccc;
    top: -5px;
    left: -10px;
    position: absolute;
}
.policy-section .preview-nric {
    width: 104px;
    background: #ccc;
    height: 67px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    justify-content: center;
    display: flex;
    font-size: 14px;
    color: #fff;
}
.policy-section .preview-nric:before {
    content: "preview";
}
.policy-section .preview-nric:hover {
    -ms-transform: scale(4); /* IE 9 */
  -webkit-transform: scale(4); /* Safari 3-8 */
  transform: scale(4);
}

::before, ::after {
    text-decoration: inherit;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: left;
    align-content: stretch;
    align-items: center;
    background-position: center;
}
.v-chip .v-chip__content{
	font-size: 24px;
}
.tls{
	color:#ababab;
}
.v-input--radio-group--row{
	/*margin-top: -17px;*/
	margin-top: 4px;
}

.v-date-picker-table .v-btn.v-btn--disabled{
	color:#9c949c;
}

.bg-green[disabled]{
 opacity: 0.65;
  cursor: not-allowed;
}
.bg-blue[disabled]{
 opacity: 0.65;
  cursor: not-allowed;
}
.bg-light-blue[disabled]{
 opacity: 0.65;
  cursor: not-allowed;
}
.blue[disabled]{
 opacity: 0.65;
  cursor: not-allowed;
}
.bg-pa[disabled]{
 opacity: 0.65;
  cursor: not-allowed;
}
.bg-homeinsurance[disabled]{
 opacity: 0.65;
  cursor: not-allowed;
}
.bg-travelcovid[disabled]{
  opacity: 0.65;
   cursor: not-allowed;
 }

.motor-section .classautocomplete, .commercial-section .classautocomplete, .motorcycle-section .classautocomplete{
	    margin-top: -26px;
}
.nd-white-text{
	 color:#ffffff;
}
.policy-section  .container.grid-list-xl .layout .flex.xs12.sm7{
	text-overflow: ellipsis;
    overflow: hidden;
}
.container .v-input--radio-group__input .v-radio label{
	    top: 1px;
    vertical-align: middle;
}

.ctn-header{
	margin-top: -158px;
}


.container.fluid.grid-list-xl{
  padding-bottom: 0px;
}
.policy-section .row h5 {
    margin-top: 15px;
}
.text-travel{
	color:#03d7ba !important
}
.text-home{
	color:#7a0fd9  !important
}
.text-personal-accident{
	color:#fcba00  !important
}
.sub-target h2{
 text-transform:lowercase;
}
.btn-header{
	min-height: 60px;
}
.cld-decla{
	margin-top: -40px !important;
}
.title-policy {
    color: #000;
    height: 32px;
    font-family: "FWDCircularTT";
    font-size: 23px;
    font-weight: 600;
    font-stretch: normal;
    line-height: 1.39;
    letter-spacing: normal;
}
.policy-review-box .row .col-md-6.col-sm-6.col-xs-12{
	font-family: "FWDCircularTT";
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.5px;
  color: #979797;
}
.noted-box {
    background-color: #f3f3f3;
    padding: 15px 10px 10px 15px;
}
.cls-refund .primary-btn{
	margin-top:20px;
}
.cls-btn-changes{
	margin-top:60px !important;
}
.policy-section li a.hotline-desk-logout{
    padding: 15px 17px !important;
    background-color: #333333;
    border: 1px solid #fff;
    color: #fff !important;
}
#mobileNavi.active .search img{
	display:block;
}

.essential-section .help-widget a{
	color: #ff6d70 !important;
}
.bck-btn{
	padding-top: 25px !important;
    margin-left: 25px;
    color: #fff !important;
    /* font-size: 18px; */
    width: 35px;
    height: 24px;
    font-family: FWDCircularTT;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.11px;

}
.cls-dash{
	border-bottom: solid #a8a7a7  1px;
}
.cd-title{
	background-color:#fff !important;
  padding: 0px;
  display: unset;
}
.cd-title .v-btn .v-btn__content .v-icon {
    color: inherit;
    font-size: 30px;
    color: #000;
}
.cd-title h3{
	font-family: FWDCircularTT;
  font-size: 29px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.24;
  letter-spacing: normal;
  padding: 32px 0px 0px 80px;
  margin: 0px;
}

.cd-title .title-ft{
	padding-bottom: 0px !important;
	    margin-bottom: -30px;
}
.cd-right{
	float:right;
}
.cdr-left{
	float:left;
}
.cdr-right{
	float:right;
}
.sb-text{
	font-family: FWDCircularTT;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}
.sb-label{
	font-family: FWDCircularTT;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.07px;
  text-align: center;
}
.card-button .primary-btn[disabled]{
	background-color: #e5e5e5 !important;
    color: #414141;
}
.payment-type .v-input .v-label{
	font-family: FWDCircularTT;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}
.payment-type .v-card__text p{
  margin-top:0px;
}
.travel-section .v-radio .v-icon, .travel-section .v-input__control .v-icon {
    color: #03d7ba !important;
}
.travel-section .cls-future .v-input--selection-controls.v-input .v-label{
	color: #03d7ba !important;
}
.personal-section .v-radio .v-icon, .personal-section .v-input__control .v-icon {
    color: #fcba00 !important;
}
.personal-section .cls-future .v-input--selection-controls.v-input .v-label{
	color: #fcba00 !important;
}
.homeinsurance-section .v-radio .v-icon, .homeinsurance-section .v-input__control .v-icon {
    color: #7a0fd9 !important;
}
.homeinsurance-section .cls-future .v-input--selection-controls.v-input .v-label{
	color: #7a0fd9 !important;
}
.commercial-section .v-radio .v-icon, .commercial-section .v-input__control .v-icon {
    color: #05d6d6 !important;
}
.commercial-section .cls-future .v-input--selection-controls.v-input .v-label{
	color: #05d6d6 !important;
}
.motorcycle-section .v-radio .v-icon, .motorcycle-section .v-input__control .v-icon {
    color: #63b1bc !important;
}
.motorcycle-section .cls-future .v-input--selection-controls.v-input .v-label{
	color: #63b1bc !important;
}
.motor-section .v-radio .v-icon, .motor-section .v-input__control .v-icon {
    color: #12b8c5 !important;
}
.motor-section .cls-future .v-input--selection-controls.v-input .v-label{
	color: #12b8c5 !important;
}
.policy-section .primary-btn.btn-card {
    padding: 5px 10px 5px 10px;
}
.btn-card-header{
	height:60px;
	height: 60px;
    width: 162px;
    margin: auto 0;
    text-align: center;
}
.btn-card-footer{
	margin-top: -15px;
}
.additionalText{
	font-family: FWDCircularTT;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  padding-bottom:10px;
}
.brand-payment-icon{
	max-width: 120px;
}
.list-two{
		width:650px;
}
.btn-card-mbl{
		padding-top:10px;
	}
.cls-mobile{
	display:none;
}
.cls-desktop{
  display:block;
}

.cls-future {
  padding: 0px 0px 0px 70px;
}

.radio-wrap{
  position: relative;
  display: flex;
  flex: 1 1 0px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px 5px;
  margin: 0 5px;
  max-width: 180px;
  min-width: 180px;
  height: 106px;
  background-color: white;
  border-radius: 10px;
}

.radio-primary {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0px !important;
  border-radius: 10px;
  border: 1px solid #e5e5e5;
}

.sub-label {
  margin: 0px;
  line-height: 1.2em;
}

.main-label {
  margin: 0px;
  line-height: 1.2em;
}

.radio-primary .v-input--selection-controls__input {
  width: 100%;
  height: 100%;
}

.card-list-container .v-input--radio-group__input {
  flex-wrap: unset;
}

.radio-primary .v-input--selection-controls__ripple {
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}

.radio-primary .v-icon {
  opacity: 0;
}

.radio-group-container {
  overflow: auto;
  background-color: #F5F5F5;

  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.radio-group-container::-webkit-scrollbar {
  /* Hide scrollbar for IE, Edge and Firefox */
  display: none;
}

@media screen and (max-width: 767px) {
	.motor-section .card-button .btn-cancel, .motorcycle-section .card-button .btn-cancel,
	.commercial-section .card-button .btn-cancel, .homeinsurance-section .card-button .btn-cancel,
	.personal-section .card-button .btn-cancel, .travel-section .card-button .btn-cancel{
		margin-right:0px;
		margin-bottom:20px;
	}
	.list-two{
		/*min-height:310px;*/
	}
	.list-three{
		/*min-height:460px;*/
		overflow-y: hidden;
	}
	.cd-title{
		background-color:#e5e5e5 !important;
    padding: 0px !important;
	}
	.v-dialog .payment-type.v-card{
	}
	.brand-card-button{
		font-size:12px;
		    padding: 0 0px 0 10px;
	}
	.brand-card-text{
		font-size:12px;
		padding:0 15px 0 0px;
	}
	.brand-card-icon{
		    max-width: 50px;
	}
	.sb-text {
		font-family: FWDCircularTT;
		font-size: 16px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: center;
	 }
	 .sb-label {
		  font-family: FWDCircularTT;
		  font-size: 12px;
		  font-weight: normal;
		  font-stretch: normal;
		  font-style: normal;
		  line-height: normal;
		  letter-spacing: -0.06px;
		  text-align: center;
	}
	.cd-title h3{
	  font-family: FWDCircularTT;
	  font-size: 20px;
	  font-weight: 500;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: normal;
	  letter-spacing: normal;
    padding: 24px 26px 0px 24px;
	}

  .card-list-group-label {
    padding: 24px 0px 8px 24px;
  }

  .card-list-container {
    padding: 16px 0px 16px 20px;
  }

  .brand-payment-icon-payment {
    width: 100%;
  }

  .radio-wrap {
    min-width: 140px !important;
    max-width: 140px !important;
    height: 90px !important;
  }

	.brand-payment-icon {
		max-width: 70px;
	}
	.btn-card-header {
		width: 120px;
		margin: auto 0;
		text-align: center;
	}
	.btn-card-footer {
		margin-top: 0px;
	}
	.cd-title h3{
		padding-bottom:0px;
	}
	.btn-card-mbl{
		padding-top: 5px;
	}
	.notescontent {
		padding: 30px 20px 0px 30px;
	}
	.cls-desktop{
		display:none;
	}
	.cls-mobile{
		display:block;
	}
	.cls-lsmobile{
		min-width: 495px;
    overflow: hidden;
	}
	 .cls-hdr{
	  margin-top:0px;
  }
  .list-one{
	  padding-top:30px;
  }
  .m-left{
    text-align: left !important;
  }
  .travel-header{
    margin: 0px auto 0px !important;
  }
  .cls-future {
    padding: 0px 0px 0px 10px;
  }
}

.section-footer{
  max-width: 750px;
    margin: 0px;
    padding: 20px;
    font-size: 24px;
    font-weight: 500;
}

.sub-text{
  font-size: 15px;
  font-weight: 100;
}

.policy-review-box-width {
  max-width: 750px;
}

.policy-review-box-inner{
  padding:30px;
  margin:0px !important;
}

.extend-end-date .v-input__append-inner {
    padding: 0px;
    position: absolute;
    margin-left: 90%;
}

.v-input--radio-group__input .v-radio--is-disabled .v-label {
  color:#A8A7A7;
  background-color: #ECECEC !important;
  border: none;
}

@media only screen and (min-width:600px){
  .text-xs-center .modal-title{
    width: 500px;
    margin: auto;
    font-size: 30px;
  }
}

@media only screen and (min-width: 530px) {
  .cancel-modal-content {
    width: 400px;
  }
}
@media only screen and (max-width: 396px) {
  .travel-section .btn-cancel{
    margin-right: 0px;
  }
}

@media only screen and (max-width: 376px) {
  .policy-section .primary-btn{
    margin-top: 5px;
  }

  .tokenization-cardIcon {
    width: 30px !important;
  }
}

@media only screen and (max-width:355px){
  .tokenization-cardIcon {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  .tokenization-number {
    font-size: 12px !important;
  }

  .tokenization-bankIcon {
    right: 35px !important;
    width: 30px !important;
    top: calc(50% - 5px) !important;
    height: 10px !important;
  }

  .tokenization-remove {
    width: 20px !important;
  }

  .tokenization-newcard p{
    font-size: 12px !important;
  }
}


.token-container {
  margin: 0px;
  padding: 0px;
  border: 2px solid #12b8c5;
  border-radius: 10px;
}

.tokenization {
  display: flex;
  position: relative;
}

.tokenization .v-radio .v-label {
  top:0px;
  margin: 0px;
}

.tokenization-radio {
  padding: 24px 20px;
  width: 100%;
  height: 100%;
  margin: 0px !important;
}

.tokenization .accent--text {
  background-color: #12b8c52f;
}

.tokenization .tokenization-radio .accent--text {
  background-color: rgba(0,0,0,0);
}

.tokenization .tokenization-newcard .accent--text {
  background-color: rgba(0,0,0,0);
}

.tokenization-cardIcon {
  margin-left: 10px;
  margin-right: 10px;
}

.tokenization-bankIcon {
  position: absolute;
  right: 50px;
  width: 50px;
  top: calc(50% - 10px);
  height: 20px;
}

.tokenization-remove {
  position: absolute;
  right: 10px;
  width: 30px;
  top: calc(50% - 15px);
}

.tokenization-newcard {
  padding: 24px 20px;
  width: 100%;
  height: 100%;
  margin: 0px !important;
}

.tokenization-newcard p{
  margin-left: 10px;
  margin-bottom: 0px;
}


/* REVAMP GI PRODUCT - MANAGE POLICY PAGE BUTTONS */
.travel-section .button-toggle .v-label,
.motor-section .button-toggle .v-label,
.commercial-section .button-toggle .v-label,
.homeinsurance-section .button-toggle .v-label,
.personal-section .button-toggle .v-label{
  padding: 30px 8px;
  border: 1px solid #E87722;
  border-radius: 8px;
  width: 260px;
  min-height: 110px;
  font-size: 16px;
  color: #E87722;
}
.travel-section .button-toggle .accent--text .v-label,
.motor-section .button-toggle .accent--text .v-label,
.commercial-section .button-toggle .accent--text .v-label,
.homeinsurance-section .button-toggle .accent--text .v-label,
.personal-section .button-toggle .accent--text .v-label{
  color: #fff;
    background-color: #E87722 !important;
}
.button-toggle .v-radio.accent--text .v-label {
    background: #E87722;
    color: white;
}